/* Migrated from page-deals.php style block 1 */
.container-hg{max-width:1200px;margin:0 auto;padding:0 24px;}

/* ── HERO ─────────────────────────────── */
.dl-hero{background:var(--navy);padding:80px 0 70px;position:relative;overflow:hidden;text-align:center;}
.dl-hero::before{content:'';position:absolute;inset:0;
  background:
    radial-gradient(ellipse 70% 60% at 30% 50%,rgba(245,114,0,.14) 0%,transparent 60%),
    radial-gradient(ellipse 60% 55% at 80% 40%,rgba(124,58,237,.08) 0%,transparent 55%);}
.dl-hero::after{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:34px 34px;}
.dl-hero-inner{position:relative;z-index:2;}
.dl-hot-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(245,114,0,.15);border:1px solid rgba(245,114,0,.35);border-radius:100px;padding:7px 18px;margin-bottom:22px;font-size:12px;font-weight:800;color:#fed7aa;letter-spacing:.06em;text-transform:uppercase;}
.dl-hero h1{font-size:clamp(2.2rem,4.5vw,3.6rem)!important;font-weight:900!important;color:#fff!important;margin:0 0 14px!important;letter-spacing:-.03em!important;line-height:1.08!important;}
.dl-hero-sub{font-size:1.05rem;color:rgba(255,255,255,.65);max-width:520px;margin:0 auto 32px;line-height:1.8;}
.dl-grad{background:linear-gradient(110deg,#fed7aa 0%,var(--or) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}

/* Promo code box */
.dl-promo-box{display:inline-flex;align-items:center;gap:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:14px 24px;margin-bottom:28px;flex-wrap:wrap;justify-content:center;}
.dl-promo-label{font-size:14px;font-weight:600;color:rgba(255,255,255,.8);}
.dl-promo-code{font-family:'Courier New',monospace;font-size:20px;font-weight:900;color:var(--or);background:rgba(245,114,0,.1);border:1.5px dashed rgba(245,114,0,.4);border-radius:8px;padding:6px 16px;letter-spacing:.08em;cursor:pointer;transition:background .2s;user-select:all;}
.dl-promo-code:hover{background:rgba(245,114,0,.18);}
.dl-promo-off{background:var(--or);color:#fff;font-size:12px;font-weight:800;padding:4px 12px;border-radius:100px;}

/* Countdown */
.dl-countdown{display:inline-flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:center;}
.dl-cd-label{font-size:13px;font-weight:600;color:rgba(255,255,255,.78);}
.dl-cd-boxes{display:flex;gap:10px;align-items:center;}
.dl-cd-box{text-align:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 16px;min-width:62px;}
.dl-cd-num{font-size:28px;font-weight:900;color:var(--or);line-height:1;font-variant-numeric:tabular-nums;}
.dl-cd-unit{font-size:10px;color:rgba(255,255,255,.68);text-transform:uppercase;letter-spacing:.08em;margin-top:2px;}
.dl-cd-sep{font-size:24px;font-weight:900;color:rgba(255,255,255,.3);}

/* ── DEAL CATEGORY BAR ─────────────────── */
.dl-cat-bar{background:#fff;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:0;}
.dl-cat-inner{display:flex;overflow-x:auto;scrollbar-width:none;}
.dl-cat-inner::-webkit-scrollbar{display:none;}
.dl-cat-btn{flex-shrink:0;padding:16px 22px;font-size:13.5px;font-weight:700;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;text-decoration:none;white-space:nowrap;transition:color .15s,border-color .15s;background:none;border-top:none;border-left:none;border-right:none;}
.dl-cat-btn.active,.dl-cat-btn:hover{color:var(--or);border-bottom-color:var(--or);}

/* ── TRUST STRIP ──────────────────────── */
.dl-trust{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:14px 0;}
.dl-trust-row{display:flex;justify-content:center;flex-wrap:wrap;gap:0;}
.dl-trust-item{display:flex;align-items:center;gap:7px;padding:5px 20px;border-right:1px solid #e5e7eb;font-size:13px;font-weight:600;color:#374151;}
.dl-trust-item:last-child{border-right:none;}

/* ── SECTION SCAFFOLD ──────────────────── */
.dl-section{padding:72px 0;}
.dl-section-grey{background:#f9fafb;border-top:1px solid #e5e7eb;}
.dl-section-white{background:#fff;border-top:1px solid #e5e7eb;}
.dl-section-dark{background:var(--navy2);border-top:1px solid rgba(255,255,255,.05);}
.dl-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:32px;}
.dl-heading-left h2{font-size:1.6rem;font-weight:900;color:#0d1117;margin:0 0 4px;}
.dl-heading-left p{font-size:13.5px;color:var(--mu);margin:0;}
.dl-see-all{font-size:13px;font-weight:700;color:var(--or);text-decoration:none;display:flex;align-items:center;gap:4px;white-space:nowrap;}
.dl-see-all:hover{text-decoration:underline;}

/* ── DOMAIN DEAL CARDS ─────────────────── */
.dl-domain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
@media(max-width:900px){.dl-domain-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:480px){.dl-domain-grid{grid-template-columns:1fr 1fr;}}
.dl-dc{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;padding:20px 16px 16px;text-align:center;position:relative;overflow:hidden;transition:border-color .2s,transform .2s;display:flex;flex-direction:column;}
.dl-dc:hover{border-color:var(--or);transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.08);}
.dl-dc-ribbon{position:absolute;top:0;right:0;background:#16a34a;color:#fff;font-size:10px;font-weight:800;padding:4px 12px;border-radius:0 14px 0 10px;letter-spacing:.04em;}
.dl-dc-ribbon.hot{background:var(--or);}
.dl-dc-tld{font-size:2rem;font-weight:900;color:#0d1117;margin:8px 0 4px;line-height:1;}
.dl-dc-was{font-size:11.5px;color:#9ca3af;text-decoration:line-through;margin-bottom:2px;height:16px;}
.dl-dc-price{font-size:1.7rem;font-weight:900;color:var(--or);line-height:1;margin-bottom:2px;}
.dl-dc-period{font-size:11px;color:var(--mu);margin-bottom:4px;}
.dl-dc-tip{font-size:11.5px;color:var(--mu);margin-bottom:14px;flex:1;}
/* Domain deal button — smaller, inline, centred */
.dl-dc-btn-wrap{text-align:center;margin-top:auto;}
.dl-dc-btn{display:inline-block;background:var(--or);color:#fff!important;font-weight:700;font-size:12px;padding:7px 20px;border-radius:8px;text-decoration:none;transition:background .18s;}
.dl-dc-btn:hover{background:var(--od);}

/* ── HOSTING DEAL CARDS ────────────────── */
.dl-host-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
@media(max-width:900px){.dl-host-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:540px){.dl-host-grid{grid-template-columns:1fr;max-width:380px;margin:auto;}}
.dl-hc{background:#fff;border:1.5px solid #e5e7eb;border-radius:18px;padding:26px 22px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:border-color .2s,transform .2s;}
.dl-hc:hover{border-color:var(--or);transform:translateY(-4px);box-shadow:0 14px 40px rgba(0,0,0,.09);}
.dl-hc.featured{border-color:var(--or);box-shadow:0 0 0 3px rgba(245,114,0,.1);}
.dl-hc-ribbon{position:absolute;top:0;right:0;font-size:10px;font-weight:800;padding:4px 14px;border-radius:0 18px 0 10px;letter-spacing:.04em;}
.dl-hc-ribbon.green{background:#16a34a;color:#fff;}
.dl-hc-ribbon.orange{background:var(--or);color:#fff;}
.dl-hc-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.dl-hc-name{font-size:16px;font-weight:800;color:#0d1117;margin-bottom:5px;}
.dl-hc-desc{font-size:12.5px;color:var(--mu);line-height:1.6;flex:1;margin-bottom:14px;}
.dl-hc-feats{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:7px;}
.dl-hc-feats li{display:flex;align-items:center;gap:7px;font-size:12.5px;color:#374151;}
.dl-hc-price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:20px;}
.dl-hc-price{font-size:1.9rem;font-weight:900;color:var(--or);line-height:1;}
.dl-hc-period{font-size:12px;color:var(--mu);}
.dl-hc-was{font-size:13px;color:#9ca3af;text-decoration:line-through;}
.dl-hc-savings{font-size:11px;font-weight:800;color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:100px;padding:2px 8px;}
.dl-hc-btn{display:block;text-align:center;background:var(--or);color:#fff!important;font-weight:700;font-size:13.5px;padding:12px;border-radius:9px;text-decoration:none;margin-top:auto;transition:background .18s,transform .15s;}
.dl-hc-btn:hover{background:var(--od);transform:translateY(-1px);}
.dl-hc-btn.outline{background:transparent;color:var(--or)!important;border:1.5px solid rgba(245,114,0,.4);}
.dl-hc-btn.outline:hover{background:rgba(245,114,0,.06);border-color:var(--or);}

/* ── BUNDLE CARDS ─────────────────────── */
.dl-bundle-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
@media(max-width:700px){.dl-bundle-grid{grid-template-columns:1fr;}}
.dl-bc{background:#fff;border:1.5px solid #e5e7eb;border-radius:20px;overflow:hidden;transition:border-color .2s,transform .2s;}
.dl-bc:hover{border-color:var(--or);transform:translateY(-3px);}
.dl-bc-header{padding:22px 24px;display:flex;align-items:center;gap:16px;}
.dl-bc-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.dl-bc-pretitle{font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--or);margin-bottom:4px;}
.dl-bc-title{font-size:17px;font-weight:900;color:#0d1117;margin:0;}
.dl-bc-body{border-top:1px solid #f3f4f6;padding:20px 24px;}
.dl-bc-tagline{font-size:13.5px;color:#4b5563;line-height:1.7;margin-bottom:16px;}
.dl-bc-includes{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px;}
.dl-bc-tag{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:600;color:#374151;}
.dl-bc-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;}
.dl-bc-price-wrap{display:flex;flex-direction:column;}
.dl-bc-was{font-size:12px;color:#9ca3af;text-decoration:line-through;}
.dl-bc-price{font-size:1.7rem;font-weight:900;color:var(--or);line-height:1;}
.dl-bc-period{font-size:12px;color:var(--mu);}
.dl-bc-cta{background:var(--or);color:#fff!important;font-weight:700;font-size:13.5px;padding:11px 22px;border-radius:9px;text-decoration:none;transition:background .18s;white-space:nowrap;}
.dl-bc-cta:hover{background:var(--od);}

/* ── EMAIL DEALS ──────────────────────── */
.dl-email-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
@media(max-width:900px){.dl-email-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:540px){.dl-email-grid{grid-template-columns:1fr;}}

/* ── PROMO STRIP (orange) ─────────────── */
.dl-strip{background:linear-gradient(100deg,var(--or) 0%,#ff9a3c 100%);padding:20px 0;}
.dl-strip-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;}
.dl-strip-left{font-size:14.5px;font-weight:700;color:#fff;}
.dl-strip-code{font-family:'Courier New',monospace;font-size:18px;font-weight:900;background:rgba(0,0,0,.18);padding:4px 14px;border-radius:6px;cursor:pointer;user-select:all;transition:background .2s;}
.dl-strip-code:hover{background:rgba(0,0,0,.28);}
.dl-strip-btn{background:#fff;color:var(--or)!important;font-weight:700;font-size:13.5px;padding:11px 22px;border-radius:9px;text-decoration:none;transition:none;white-space:nowrap;}
.dl-strip-btn:hover{box-shadow:0 4px 16px rgba(0,0,0,.15);}

/* ── FREE DEAL CARDS ──────────────────── */
.dl-free-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;}
@media(max-width:800px){.dl-free-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:480px){.dl-free-grid{grid-template-columns:1fr;}}
.dl-fc{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:22px 18px;transition:border-color .2s;}
.dl-fc:hover{border-color:rgba(245,114,0,.35);}
.dl-fc-icon{width:44px;height:44px;border-radius:12px;background:rgba(245,114,0,.12);color:var(--or);display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.dl-fc-title{font-size:14.5px;font-weight:800;color:#fff;margin-bottom:6px;}
.dl-fc-desc{font-size:13px;color:rgba(255,255,255,.78);line-height:1.65;}
.dl-fc-tag{display:inline-flex;align-items:center;gap:4px;margin-top:10px;background:rgba(22,163,74,.15);border:1px solid rgba(22,163,74,.3);border-radius:100px;padding:3px 10px;font-size:11px;font-weight:700;color:#4ade80;}

/* ── REFERRAL ─────────────────────────── */
.dl-ref{background:var(--navy);padding:72px 0;text-align:center;position:relative;overflow:hidden;}
.dl-ref::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 50% 50%,rgba(245,114,0,.1) 0%,transparent 65%);}
.dl-ref-inner{position:relative;z-index:1;max-width:600px;margin:0 auto;}
/* Force heading white — beats any global h2 colour rule */
.dl-ref h2{color:#fff!important;}

/* ── CTA BAND ─────────────────────────── */
.dl-cta{background:linear-gradient(100deg,var(--or) 0%,#ff9a3c 100%);padding:72px 0;text-align:center;}
.dl-cta h2{font-size:clamp(1.8rem,3vw,2.6rem)!important;font-weight:900!important;color:#fff!important;margin:0 0 12px!important;}
.dl-cta p{font-size:1rem;color:rgba(255,255,255,.9);margin:0 0 28px;line-height:1.8;}

/* Common check icon */
.ck svg{flex-shrink:0;}