/* ═══════════════════════════════════════════════════
   Dhaka SMM Theme — Exact HTML Reference Design
   + Professional Animations
   ds- prefix removed (matches original HTML classes)
   All rules use !important for isolation
════════════════════════════════════════════════════ */

*,*::before,*::after{box-sizing:border-box!important;margin:0!important;padding:0!important;}
html,body{margin:0!important;padding:0!important;background:#f0f4ff!important;font-family:'Hind Siliguri',sans-serif!important;color:#0f172a!important;-webkit-font-smoothing:antialiased!important;overflow-x:hidden!important;}
a{text-decoration:none!important;color:inherit!important;}

/* ── COUNTDOWN STRIP (top) ────────────────────────── */
.cd-strip{background:#0d1b40!important;color:rgba(255,255,255,.85)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;padding:7px 16px!important;font-size:13px!important;font-weight:500!important;}
.cd-strip-label{white-space:nowrap!important;}
.cd-strip-boxes{display:flex!important;align-items:center!important;gap:4px!important;font-weight:700!important;color:#ffdf00!important;font-size:14px!important;}
.cd-strip-boxes em{color:rgba(255,255,255,.5)!important;font-style:normal!important;}

/* ── TOPBAR ───────────────────────────────────────── */
.topbar{background:#1877F2!important;color:#fff!important;text-align:center!important;padding:10px 16px!important;font-size:14px!important;font-weight:600!important;letter-spacing:.3px!important;animation:pulseBg 2s ease-in-out infinite alternate!important;}
/* ── HERO ─────────────────────────────────────────── */
.hero{background:linear-gradient(135deg,#1877F2 0%,#0a3d91 60%,#0d1b40 100%)!important;color:#fff!important;text-align:center!important;padding:48px 20px 56px!important;position:relative!important;overflow:hidden!important;}
.hero::before{content:''!important;position:absolute!important;top:-60px!important;right:-60px!important;width:300px!important;height:300px!important;border-radius:50%!important;background:rgba(255,255,255,.05)!important;}
.hero::after{content:''!important;position:absolute!important;bottom:-80px!important;left:-40px!important;width:250px!important;height:250px!important;border-radius:50%!important;background:rgba(255,255,255,.04)!important;}
.hero-logo{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;margin-bottom:24px!important;position:relative!important;z-index:1!important;}
.fb-icon{width:48px!important;height:48px!important;background:#fff!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:28px!important;font-weight:900!important;color:#1877F2!important;box-shadow:0 4px 16px rgba(0,0,0,.3)!important;}
.brand-name{font-size:26px!important;font-weight:700!important;letter-spacing:-.5px!important;color:#fff!important;}
.hero-badge{display:inline-block!important;background:rgba(255,223,0,.2)!important;border:1px solid rgba(255,223,0,.5)!important;color:#ffdf00!important;font-size:12px!important;font-weight:600!important;padding:4px 14px!important;border-radius:20px!important;margin-bottom:20px!important;letter-spacing:.5px!important;position:relative!important;z-index:1!important;}
.hero h1{font-size:clamp(22px,5vw,34px)!important;font-weight:700!important;line-height:1.45!important;margin-bottom:16px!important;position:relative!important;z-index:1!important;}
.highlight{background:linear-gradient(90deg,#ffdf00,#ff9500)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;}
.hero-sub{font-size:15px!important;opacity:.85!important;margin-bottom:28px!important;line-height:1.7!important;position:relative!important;z-index:1!important;}
.cta-btn{display:inline-block!important;background:linear-gradient(135deg,#16a34a,#15803d)!important;color:#fff!important;font-size:18px!important;font-weight:700!important;padding:16px 40px!important;border-radius:50px!important;box-shadow:0 8px 24px rgba(22,163,74,.5)!important;border:none!important;cursor:pointer!important;letter-spacing:.3px!important;position:relative!important;z-index:1!important;transition:transform .2s,box-shadow .2s!important;animation:pulseGreen 2.5s ease infinite!important;}
.cta-btn:hover{transform:translateY(-2px)!important;box-shadow:0 12px 32px rgba(22,163,74,.6)!important;}
@keyframes pulseGreen{0%,100%{box-shadow:0 8px 24px rgba(22,163,74,.5),0 0 0 0 rgba(22,163,74,.3)!important}60%{box-shadow:0 8px 24px rgba(22,163,74,.5),0 0 0 14px rgba(22,163,74,0)!important}}
.hero-stats{display:flex!important;justify-content:center!important;gap:24px!important;margin-top:32px!important;flex-wrap:wrap!important;position:relative!important;z-index:1!important;}
.stat-item{text-align:center!important;}
.stat-num{font-size:24px!important;font-weight:700!important;color:#ffdf00!important;display:block!important;}
.stat-label{font-size:12px!important;opacity:.8!important;}

/* ── SECTION ──────────────────────────────────────── */
.section{padding:28px 20px!important;max-width:700px!important;margin:0 auto!important;}
.section-title{font-size:22px!important;font-weight:700!important;text-align:center!important;margin-bottom:20px!important;color:#0f172a!important;position:relative!important;}
.section-title::after{content:''!important;display:block!important;width:60px!important;height:4px!important;background:#1877F2!important;border-radius:2px!important;margin:8px auto 0!important;}

/* ── PRICING / PACKAGES ───────────────────────────── */
.pricing-section{background:#fff!important;border-radius:20px!important;overflow:hidden!important;box-shadow:0 8px 32px rgba(0,0,0,.08)!important;margin:0 auto!important;max-width:700px!important;}
.pricing-header{background:linear-gradient(135deg,#1877F2,#0a3d91)!important;color:#fff!important;text-align:center!important;padding:18px 20px!important;}
.pricing-header h2{font-size:18px!important;font-weight:700!important;}
.pricing-header p{font-size:13px!important;opacity:.85!important;margin-top:4px!important;}
.pricing-table{padding:16px!important;}

/* Package row card */
.pkg-card{border:2px solid #e2e8f0!important;border-radius:14px!important;padding:16px!important;margin-bottom:12px!important;cursor:pointer!important;transition:all .25s cubic-bezier(.34,1.56,.64,1)!important;position:relative!important;display:flex!important;align-items:center!important;gap:14px!important;background:#fff!important;}
.pkg-card:hover{border-color:#1877F2!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(24,119,242,.12)!important;}
.pkg-card.popular{border-color:#e2e8f0!important;background:#fff!important;}
.pkg-card.selected{border-color:#1877F2!important;background:#eff6ff!important;box-shadow:0 0 0 3px rgba(24,119,242,.18)!important;transform:translateY(-2px)!important;}
.popular-badge{position:absolute!important;top:-11px!important;left:50%!important;transform:translateX(-50%)!important;background:#1877F2!important;color:#fff!important;font-size:11px!important;font-weight:700!important;padding:3px 14px!important;border-radius:20px!important;white-space:nowrap!important;box-shadow:0 2px 8px rgba(24,119,242,.4)!important;pointer-events:none!important;z-index:1!important;}
.pkg-radio{width:22px!important;height:22px!important;border:2px solid #cbd5e1!important;border-radius:50%!important;flex-shrink:0!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s!important;}
.pkg-card.selected .pkg-radio{border-color:#1877F2!important;background:#1877F2!important;}.pkg-card.popular .pkg-radio{border-color:#cbd5e1!important;background:#fff!important;}
.pkg-card.selected .pkg-radio::after{content:''!important;width:8px!important;height:8px!important;background:#fff!important;border-radius:50%!important;}.pkg-card.popular .pkg-radio::after{content:none!important;}
.pkg-info{flex:1!important;}
.pkg-name{font-size:16px!important;font-weight:700!important;color:#0f172a!important;}
.pkg-desc{font-size:12px!important;color:#64748b!important;margin-top:2px!important;}
.pkg-price{text-align:right!important;flex-shrink:0!important;}
.pkg-price .current{font-size:20px!important;font-weight:700!important;color:#16a34a!important;}
.pkg-price .per{font-size:11px!important;color:#64748b!important;}

/* ── URGENCY ──────────────────────────────────────── */
/* ── STOCK BAR ────────────────────────────────────── */
/* ── GUARANTEE ────────────────────────────────────── */
/* ── ORDER FORM ───────────────────────────────────── */
.order-section{background:#fff!important;border-radius:20px!important;overflow:hidden!important;box-shadow:0 8px 40px rgba(0,0,0,.1)!important;margin:0 auto!important;max-width:700px!important;}
.order-header{background:linear-gradient(135deg,#16a34a,#15803d)!important;color:#fff!important;text-align:center!important;padding:18px 20px!important;}
.order-header h2{font-size:18px!important;font-weight:700!important;}
.order-header p{font-size:13px!important;opacity:.9!important;margin-top:4px!important;}
.order-form{padding:18px 20px!important;}
/* Inline summary inside packages box */
.order-summary-inline{background:#f8fafc!important;border-radius:12px!important;padding:14px!important;margin:12px 0 14px!important;border:1.5px solid #e2e8f0!important;}
.order-summary{background:#f8fafc!important;border-radius:12px!important;padding:16px!important;margin-bottom:20px!important;border:1.5px solid #e2e8f0!important;}
.order-row{display:flex!important;justify-content:space-between!important;font-size:14px!important;padding:6px 0!important;border-bottom:1px dashed #e2e8f0!important;color:#374151!important;}
.order-row:last-child{border-bottom:none!important;}
.order-row span:first-child{color:#64748b!important;}
.order-row-total{font-weight:700!important;font-size:16px!important;color:#0f172a!important;padding-top:10px!important;border-top:1.5px solid #e2e8f0!important;border-bottom:none!important;margin-top:4px!important;}
.order-row-total span:first-child{color:#0f172a!important;}
.submit-btn{width:100%!important;background:linear-gradient(135deg,#16a34a,#15803d)!important;color:#fff!important;border:none!important;padding:18px!important;border-radius:12px!important;font-family:'Hind Siliguri',sans-serif!important;font-size:18px!important;font-weight:700!important;cursor:pointer!important;transition:all .2s!important;box-shadow:0 6px 20px rgba(22,163,74,.4)!important;letter-spacing:.3px!important;animation:pulseGreen 2.5s ease infinite!important;}
.submit-btn:hover{transform:translateY(-2px)!important;box-shadow:0 10px 28px rgba(22,163,74,.55)!important;}
.submit-btn:disabled{opacity:.65!important;cursor:not-allowed!important;transform:none!important;animation:none!important;}
.security-note{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;margin-top:12px!important;font-size:12px!important;color:#64748b!important;}

/* ── FAQ ──────────────────────────────────────────── */
.faq-item{background:#fff!important;border-radius:12px!important;border:1.5px solid #e2e8f0!important;margin-bottom:10px!important;overflow:hidden!important;transition:border-color .2s!important;}
.faq-item:hover{border-color:#1877F2!important;}
.faq-q{padding:16px 18px!important;font-size:14px!important;font-weight:600!important;cursor:pointer!important;display:flex!important;justify-content:space-between!important;align-items:center!important;user-select:none!important;color:#0f172a!important;}
.faq-q::after{content:'+'!important;font-size:20px!important;color:#1877F2!important;flex-shrink:0!important;transition:transform .3s!important;}
.faq-item.open .faq-q::after{content:'−'!important;}
.faq-a{padding:0 18px 16px!important;font-size:13px!important;color:#64748b!important;line-height:1.7!important;display:none!important;}
.faq-item.open .faq-a{display:block!important;}
.faq-item.open{border-color:#1877F2!important;}

/* ── FOOTER ───────────────────────────────────────── */
footer{background:#0f172a!important;color:rgba(255,255,255,.7)!important;text-align:center!important;padding:28px 20px!important;font-size:13px!important;margin-top:20px!important;}
.footer-brand{font-size:20px!important;font-weight:700!important;color:#fff!important;margin-bottom:10px!important;}
footer a{color:rgba(255,255,255,.6)!important;text-decoration:none!important;margin:0 8px!important;}
footer p{margin-bottom:4px!important;}

/* ── FLOATING CTA ─────────────────────────────────── */
.float-cta{position:fixed!important;bottom:20px!important;left:50%!important;transform:translateX(-50%)!important;background:linear-gradient(135deg,#16a34a,#15803d)!important;color:#fff!important;text-decoration:none!important;font-size:15px!important;font-weight:700!important;padding:14px 36px!important;border-radius:50px!important;box-shadow:0 8px 28px rgba(22,163,74,.5)!important;z-index:999!important;white-space:nowrap!important;animation:floatBounce 2.5s ease-in-out infinite!important;opacity:0!important;pointer-events:none!important;transition:opacity .3s!important;}
.float-cta.show{opacity:1!important;pointer-events:auto!important;}
@keyframes floatBounce{0%,100%{transform:translateX(-50%) translateY(0)!important}50%{transform:translateX(-50%) translateY(-7px)!important}}

/* ── ENTRANCE ANIMATIONS ──────────────────────────── */
.anim-fadedown{animation:fadeDown .7s ease both!important;}
.anim-fadein{animation:fadeIn .6s ease both!important;}
.anim-fadeup{animation:fadeUp .7s ease both!important;}
@keyframes fadeDown{from{opacity:0!important;transform:translateY(-24px)!important}to{opacity:1!important;transform:translateY(0)!important}}
@keyframes fadeIn{from{opacity:0!important;transform:scale(.95)!important}to{opacity:1!important;transform:scale(1)!important}}
@keyframes fadeUp{from{opacity:0!important;transform:translateY(28px)!important}to{opacity:1!important;transform:translateY(0)!important}}

/* Scroll-triggered */
.scroll-reveal{opacity:0!important;transform:translateY(24px)!important;transition:opacity .55s ease,transform .55s ease!important;}
.scroll-reveal.visible{opacity:1!important;transform:translateY(0)!important;}

/* ── WHATSAPP FLOAT BUTTON ────────────────────────── */
.wa-float{position:fixed!important;bottom:86px!important;right:18px!important;width:56px!important;height:56px!important;background:#25d366!important;border-radius:50%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;box-shadow:0 4px 20px rgba(37,211,102,.5)!important;z-index:998!important;transition:transform .2s,box-shadow .2s!important;text-decoration:none!important;animation:waWiggle 3s ease-in-out 2s infinite!important;}
.wa-float:hover{transform:scale(1.1)!important;box-shadow:0 6px 28px rgba(37,211,102,.7)!important;}
.wa-float-label{font-size:9px!important;color:#fff!important;font-weight:700!important;margin-top:2px!important;font-family:'Hind Siliguri',sans-serif!important;}
@keyframes waWiggle{0%,100%{transform:rotate(0)!important}20%{transform:rotate(-8deg)!important}40%{transform:rotate(8deg)!important}60%{transform:rotate(-4deg)!important}80%{transform:rotate(4deg)!important}}

/* ── FOOTER CONTACT LINKS ─────────────────────────── */
.footer-delivery{color:rgba(255,255,255,.6)!important;font-size:13px!important;margin-top:6px!important;}
.footer-contact{display:flex!important;justify-content:center!important;gap:12px!important;margin-top:14px!important;flex-wrap:wrap!important;}
.footer-wa{background:#25d366!important;color:#fff!important;padding:8px 18px!important;border-radius:8px!important;font-size:13px!important;font-weight:600!important;text-decoration:none!important;}
.footer-tg{background:#0088cc!important;color:#fff!important;padding:8px 18px!important;border-radius:8px!important;font-size:13px!important;font-weight:600!important;text-decoration:none!important;}

/* ── MOBILE ───────────────────────────────────────── */
@media(max-width:500px){
/* WP reset */
#dsm-page .wp-site-blocks,#dsm-page .site,#dsm-page .site-content,
#dsm-page article,#dsm-page .hentry,#dsm-page main,#dsm-page #main{all:unset!important;display:block!important;}

/* ── Loading Overlay ──────────────────────────────── */
#dsm-lo{position:fixed!important;inset:0!important;background:rgba(15,23,42,.75)!important;backdrop-filter:blur(4px)!important;z-index:99999!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.dsm-lo-box{background:#fff!important;border-radius:20px!important;padding:32px 28px!important;text-align:center!important;width:300px!important;max-width:90vw!important;box-shadow:0 24px 60px rgba(0,0,0,.25)!important;animation:loSlideUp .3s cubic-bezier(.34,1.56,.64,1) both!important;}
@keyframes loSlideUp{from{opacity:0!important;transform:translateY(30px) scale(.95)!important}to{opacity:1!important;transform:translateY(0) scale(1)!important}}
.dsm-lo-spinner{display:flex!important;justify-content:center!important;gap:6px!important;margin-bottom:18px!important;}
.dsm-lo-spinner span{width:10px!important;height:10px!important;background:#1877F2!important;border-radius:50%!important;display:inline-block!important;animation:loDot 1.2s ease-in-out infinite!important;}
.dsm-lo-spinner span:nth-child(2){animation-delay:.2s!important;}
.dsm-lo-spinner span:nth-child(3){animation-delay:.4s!important;}
@keyframes loDot{0%,80%,100%{transform:scale(0.6)!important;opacity:.5!important}40%{transform:scale(1.2)!important;opacity:1!important}}
.dsm-lo-title{font-size:17px!important;font-weight:700!important;color:#0f172a!important;margin-bottom:8px!important;}
.dsm-lo-pkg{font-size:14px!important;color:#1877F2!important;font-weight:600!important;margin-bottom:4px!important;}
.dsm-lo-price{font-size:24px!important;font-weight:700!important;color:#16a34a!important;margin-bottom:12px!important;}
.dsm-lo-note{font-size:13px!important;color:#94a3b8!important;}
.dsm-lo-ok{font-size:48px!important;margin-bottom:12px!important;animation:loOk .5s cubic-bezier(.34,1.56,.64,1) both!important;}
@keyframes loOk{from{transform:scale(0)!important}to{transform:scale(1)!important}}