/* MF Paywall – premium CTA box */
.mfpaywall-box{
  border:1px solid rgba(200,169,106,.45);
  border-radius:24px;
  padding:18px 16px;
  background: linear-gradient(180deg, rgba(255,255,255,.75), rgba(248,250,252,.75));
  box-shadow: 0 18px 40px rgba(17,24,39,.10);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  margin: 16px 0;
}
.mfpaywall-box[data-nosnippet]{ }
.mfpaywall-head{display:flex; gap:14px; align-items:center;}
.mfpaywall-head img{width:84px; height:84px; border-radius:18px; object-fit:cover; box-shadow:0 12px 25px rgba(17,24,39,.12)}
.mfpaywall-title{font-size:22px; font-weight:800; color:#0b265e; margin:0;}
.mfpaywall-text{margin:10px 0 12px; color:#1f2937; font-size:16px; line-height:1.45}
.mfpaywall-subline{margin:-6px 0 10px; color:#374151; font-size:14px; font-weight:700}
.mfpaywall-price{font-weight:800; font-size:18px; color:#0b265e}

.mfpaywall-actions{display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-top:10px}
.mfpaywall-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 16px; border-radius:999px;
  border:1px solid rgba(200,169,106,.60);
  background: rgba(200,169,106,.14);
  color:#0b265e; font-weight:800; text-decoration:none;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.mfpaywall-btn:hover{transform: translateY(-1px); box-shadow:0 16px 30px rgba(17,24,39,.12); background: rgba(200,169,106,.20)}
.mfpaywall-btn--primary{background: linear-gradient(180deg, rgba(200,169,106,.26), rgba(200,169,106,.12));}

.mfpaywall-links{display:flex; gap:14px; align-items:center; flex-wrap:wrap; margin-top:8px}
.mfpaywall-links a{font-weight:700; text-decoration:none; color:#0b265e}
.mfpaywall-links a:hover{text-decoration:underline}

.mfpaywall-terms{display:flex; align-items:center; gap:10px; margin-top:10px; font-size:14px; color:#374151}
.mfpaywall-terms a{color:#0b265e; font-weight:700}

/* variants */
.mfpaywall-variant-navy .mfpaywall-btn{border-color: rgba(11,38,94,.35); background: rgba(11,38,94,.06); color:#0b265e}
.mfpaywall-variant-green .mfpaywall-btn{border-color: rgba(16,185,129,.35); background: rgba(16,185,129,.08); color:#065f46}

@media (max-width: 576px){
  .mfpaywall-box{border-radius:20px; padding:16px 14px}
  .mfpaywall-title{font-size:20px}
  .mfpaywall-head img{width:73px; height:73px; border-radius:16px}
  .mfpaywall-btn{width:100%}
}
