/* ============================================================
   HERÓIS DA FÉ — DESIGN SYSTEM v5
   Mobile-first · Clean · Zero emoji · Premium
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@600;700;800;900&display=swap');

/* ── TOKENS ── */
:root {
  --c-primary:    #1d4ed8;
  --c-primary-50: #eff6ff;
  --c-primary-100:#dbeafe;
  --c-primary-200:#bfdbfe;
  --c-primary-600:#2563eb;
  --c-primary-700:#1d4ed8;
  --c-gold:       #d97706;
  --c-gold-light: #fbbf24;
  --c-gold-50:    #fffbeb;
  --c-green:      #16a34a;
  --c-green-50:   #f0fdf4;
  --c-green-200:  #bbf7d0;
  --c-ink:        #1e293b;
  --c-ink-600:    #475569;
  --c-ink-400:    #94a3b8;
  --c-surface:    #f8fafc;
  --c-border:     #e2e8f0;
  --c-white:      #ffffff;
  --r-sm: 6px; --r-md: 10px; --r-lg: 14px; --r-xl: 18px; --r-pill: 9999px;
  --sh-sm: 0 1px 3px rgba(15,23,42,.05);
  --sh-md: 0 4px 12px rgba(15,23,42,.07);
  --sh-lg: 0 8px 28px rgba(15,23,42,.1);
  --tr: .2s cubic-bezier(.4,0,.2,1);
}

/* ── RESET ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Inter',system-ui,sans-serif;font-size:1rem;line-height:1.65;color:var(--c-ink);background:var(--c-white);overflow-x:hidden}
img{display:block;max-width:100%}
button,a{cursor:pointer;font-family:inherit}
a{text-decoration:none;color:inherit}
svg{display:inline-block;vertical-align:middle}

/* ── LAYOUT ── */
.container{width:100%;max-width:1080px;margin:0 auto;padding:0 1.25rem}
@media(min-width:768px){.container{padding:0 2rem}}

.section{padding:3.5rem 0}
.section--alt{background:var(--c-surface)}
.section--dark{background:linear-gradient(160deg,#1e3a8a 0%,#1d4ed8 100%);color:var(--c-white)}
@media(min-width:768px){.section{padding:5rem 0}}

/* ── TYPOGRAPHY ── */
.label{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c-primary-600);display:block;margin-bottom:.75rem}
.h2{font-family:'Outfit',system-ui,sans-serif;font-size:clamp(1.375rem,3.5vw,1.75rem);font-weight:700;line-height:1.25;color:var(--c-primary);margin-bottom:.75rem}
.h2--light{color:var(--c-white)}
.lead{font-size:.95rem;color:var(--c-ink-600);line-height:1.7}
.lead strong{color:var(--c-ink);font-weight:600}

.section-header{text-align:center;max-width:540px;margin:0 auto 2.5rem}
.section-header .h2{margin-bottom:.75rem}
.section-header .lead{margin:0 auto}

/* ── TWO-COL LAYOUT ── */
.two-col{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:center}
@media(min-width:960px){.two-col{grid-template-columns:1fr 1fr;gap:3.5rem}}
.two-col-media{text-align:center}

/* ── TOP BAR ── */
.top-bar{background:var(--c-primary-700);color:rgba(255,255,255,.92);font-size:.72rem;font-weight:500;position:sticky;top:0;z-index:999;display:flex;align-items:center;justify-content:center;min-height:36px;overflow:hidden}
.top-bar-item{display:none;padding:.45rem .75rem;white-space:nowrap}
.top-bar-item:nth-child(3){display:block}
.top-bar-sep{display:none;width:1px;height:14px;background:rgba(255,255,255,.2);flex-shrink:0}
@media(min-width:540px){
  .top-bar-item:nth-child(3),.top-bar-item:nth-child(5){display:block}
  .top-bar-sep:nth-child(4){display:block}
}
@media(min-width:860px){.top-bar-item,.top-bar-sep{display:block}}
#timer{font-weight:800;color:var(--c-gold-light);font-variant-numeric:tabular-nums;letter-spacing:.03em}

/* ── BUTTONS ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:700;border:none;border-radius:var(--r-pill);cursor:pointer;transition:all var(--tr);white-space:nowrap}
.btn--cta{
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 60%, #1d4ed8 100%);
  color: #fff;
  font-size: 1rem;
  padding: .95rem 2rem;
  box-shadow: 0 6px 22px rgba(37,99,235,.3);
  position: relative;
  overflow: hidden;
}
.btn--cta::after{
  content:'';
  position: absolute;
  top: 0; left: -100%;
  width: 55%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent);
  animation: btn-shine 3.5s ease-in-out infinite;
}
@keyframes btn-shine{
  0%{left:-100%}
  30%{left:150%}
  100%{left:150%}
}
.btn--cta:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(37,99,235,.4)}
.btn--cta:active{transform:translateY(0)}
.btn--hero{width:100%;font-size:1.1rem;padding:1.15rem 2rem;font-weight:900;letter-spacing:.01em}
.btn--section{margin-top:1.5rem}
.btn--full{width:100%;font-size:1.05rem;padding:1rem 1.75rem}

/* ══════════════════════════════
   HERO — Centered, clear hierarchy
   ══════════════════════════════ */
.hero{
  background: linear-gradient(180deg, #eef3fb 0%, #f5f7fc 35%, #ffffff 100%);
  padding: 3.5rem 0 3rem;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.hero::before{
  content:''; position:absolute;
  width:700px; height:700px;
  background: radial-gradient(circle, rgba(37,99,235,.07) 0%, transparent 65%);
  top: -300px; left: 50%; transform: translateX(-50%);
  pointer-events: none;
}
.hero .container{ max-width: 720px; }

/* Badge — tiny, subtle, top */
.hero-badge{
  display: inline-block;
  font-size: .65rem; font-weight: 700;
  padding: .3rem .85rem;
  border-radius: var(--r-pill);
  letter-spacing: .1em; text-transform: uppercase;
  background: var(--c-primary-50);
  border: 1px solid var(--c-primary-200);
  color: var(--c-primary-600);
  margin-bottom: 1.75rem;
}

/* H1 — the star, massive */
.hero-title{
  font-family: 'Outfit', system-ui, sans-serif;
  font-size: clamp(2rem, 7vw, 3.25rem);
  font-weight: 900;
  color: var(--c-ink);
  line-height: 1.1;
  margin-bottom: .5rem;
  letter-spacing: -.025em;
}
.hero-highlight{
  color: var(--c-primary-600);
}

/* Sub — the punchline, medium */
.hero-sub{
  font-family: 'Outfit', system-ui, sans-serif;
  font-size: clamp(1.1rem, 3.5vw, 1.5rem);
  font-weight: 600;
  color: var(--c-ink-600);
  margin-bottom: 1.5rem;
  letter-spacing: -.01em;
}

/* Deck — small factual line */
.hero-deck{
  font-size: .9rem;
  color: var(--c-ink-400);
  line-height: 1.65;
  margin-bottom: 2rem;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}

/* CTA Section — flat, integrated into hero */
.hero-cta-section {
  max-width: 440px;
  margin: 0 auto;
}

.hero-pricing {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .6rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}

.hero-price-from {
  font-size: .8rem;
  color: var(--c-ink-400);
  text-decoration: line-through;
}

.hero-price-to {
  font-size: 1rem;
  color: var(--c-ink-600);
}
.hero-price-to strong {
  font-family: 'Outfit', sans-serif;
  font-size: 1.4rem;
  font-weight: 900;
  color: var(--c-primary-600);
}

.hero-price-tag {
  font-size: .65rem;
  font-weight: 800;
  color: #dc2626;
  background: #fee2e2;
  padding: .15rem .55rem;
  border-radius: var(--r-sm);
  letter-spacing: .03em;
  text-transform: uppercase;
}

.btn--hero {
  width: 100%;
  font-size: 1.1rem;
  padding: 1.15rem 2rem;
  font-weight: 900;
  letter-spacing: .01em;
}

.hero-frete {
  font-size: .72rem;
  color: var(--c-ink-400);
  margin-top: .65rem;
  font-weight: 500;
}

.hero-trust {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  margin-top: 1rem;
  font-size: .68rem;
  color: var(--c-ink-400);
  font-weight: 500;
  flex-wrap: wrap;
}

.hero-trust-item {
  display: flex;
  align-items: center;
  gap: .25rem;
  white-space: nowrap;
}
.hero-trust-item svg {
  color: var(--c-primary-600);
  flex-shrink: 0;
}

.hero-trust-sep {
  display: inline-block;
  width: 1px;
  height: 10px;
  background: var(--c-border);
}

/* VSL — centered below copy */
.hero-vsl{
  max-width: 520px;
  margin: 0 auto 2.5rem;
}
.vsl-caption{
  font-size: .78rem;
  color: var(--c-ink-400);
  margin-top: .75rem;
  line-height: 1.5;
}

/* ── VSL ── */
.vsl-wrap{
  position:relative;
  aspect-ratio:1/1;
  border-radius:var(--r-xl);
  overflow:hidden;cursor:pointer;
  box-shadow:0 4px 24px rgba(30,58,138,.12), 0 0 0 1px rgba(30,58,138,.08);
  background:#f1f5f9;
  width:100%;max-width:480px;margin:0 auto;
}
.vsl-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .45s,filter .35s}
.vsl-wrap:hover img{transform:scale(1.03);filter:brightness(.85)}
.vsl-overlay{
  position:absolute;inset:0;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:linear-gradient(to top,rgba(0,0,0,.4) 0%,rgba(0,0,0,.05) 50%,transparent 100%);
  transition:background var(--tr);gap:.75rem;
}
.vsl-play{
  width:72px;height:72px;
  background:linear-gradient(135deg, #f59e0b, #d97706);
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 24px rgba(217,119,6,.4);
  animation:pulse-play 3s ease-in-out infinite;
  transition:transform .25s;
}
.vsl-play svg{fill:var(--c-white)}
.vsl-wrap:hover .vsl-play{transform:scale(1.08)}
@keyframes pulse-play{
  0%{box-shadow:0 6px 24px rgba(217,119,6,.4), 0 0 0 0 rgba(245,158,11,.3)}
  50%{box-shadow:0 6px 24px rgba(217,119,6,.4), 0 0 0 14px rgba(245,158,11,0)}
  100%{box-shadow:0 6px 24px rgba(217,119,6,.4), 0 0 0 0 rgba(245,158,11,0)}
}
.vsl-play-label{
  font-size:.78rem;font-weight:700;
  color:rgba(255,255,255,.95);
  letter-spacing:.04em;text-transform:uppercase;
  background:rgba(0,0,0,.25);
  padding:.25rem .75rem;border-radius:var(--r-pill);
  backdrop-filter:blur(4px);
}
.vsl-duration{
  position:absolute;bottom:.7rem;right:.7rem;
  background:rgba(0,0,0,.6);color:var(--c-white);
  font-size:.65rem;font-weight:700;
  padding:.12rem .4rem;border-radius:4px;
}

/* VSL Lightbox */
.vsl-lb{position:fixed;inset:0;background:rgba(0,0,0,.95);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .28s}
.vsl-lb.open{opacity:1;pointer-events:all}
.vsl-lb-inner{position:relative;width:92vw;max-width:960px;aspect-ratio:16/9}
.vsl-lb-inner iframe{width:100%;height:100%;border-radius:var(--r-md)}
.vsl-lb-close{position:absolute;top:-38px;right:0;background:rgba(255,255,255,.1);border:none;color:var(--c-white);width:30px;height:30px;border-radius:50%;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:background var(--tr)}
.vsl-lb-close:hover{background:rgba(255,255,255,.22)}

/* ── STATS BAR ── */
.stats-bar{background:var(--c-primary-700);padding:1.25rem 0}
.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}
@media(min-width:640px){.stats-grid{grid-template-columns:repeat(4,1fr)}}
.stat{text-align:center;padding:.75rem .5rem}
.stat+.stat{border-left:1px solid rgba(255,255,255,.1)}
@media(max-width:639px){
  .stat:nth-child(1),.stat:nth-child(2){border-bottom:1px solid rgba(255,255,255,.1)}
  .stat:nth-child(1),.stat:nth-child(3){border-left:none}
}
.stat-num{display:block;font-size:clamp(1.4rem,3.5vw,1.75rem);font-weight:900;color:var(--c-white);line-height:1;font-variant-numeric:tabular-nums}
.stat-label{display:block;font-size:.68rem;color:rgba(255,255,255,.5);font-weight:500;margin-top:.2rem}

/* ── PRODUCT IMAGE ── */
.product-img{
  border-radius:var(--r-xl);
  box-shadow:var(--sh-lg);
  max-height:400px;width:auto;margin:0 auto;
  animation:float 5s ease-in-out infinite;
}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

/* ── CHECK LIST ── */
.check-list{list-style:none;display:flex;flex-direction:column;margin-top:1.25rem}
.check-list li{display:flex;align-items:flex-start;gap:.875rem;padding:.85rem 0;border-bottom:1px solid var(--c-border)}
.check-list li:last-child{border-bottom:none}
.check-icon{width:34px;height:34px;flex-shrink:0;border-radius:var(--r-sm);background:var(--c-primary-50);display:flex;align-items:center;justify-content:center;color:var(--c-primary-600);margin-top:2px}
.check-icon--bonus{background:#fffbeb;color:#92400e}
.check-list strong{font-weight:600;font-size:.9rem;color:var(--c-ink);display:block;margin-bottom:1px}
.check-list span{font-size:.8rem;color:var(--c-ink-600);line-height:1.5}

/* ── TESTIMONIALS ── */
.testimonials-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}
@media(min-width:640px){.testimonials-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}

.testimonial{background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:1.5rem;transition:transform var(--tr),box-shadow var(--tr)}
.testimonial:hover{transform:translateY(-3px);box-shadow:var(--sh-lg)}
.testimonial-stars{color:var(--c-gold);font-size:.85rem;margin-bottom:.75rem;letter-spacing:1px}
.testimonial-text{font-size:.875rem;color:var(--c-ink-600);line-height:1.65;margin-bottom:1rem}
.testimonial-text strong{color:var(--c-ink);font-weight:600}
.testimonial-footer{display:flex;align-items:center;gap:.75rem}
.avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:var(--c-white);flex-shrink:0}
.avatar--pink{background:linear-gradient(135deg,#ec4899,#8b5cf6)}
.avatar--blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}
.avatar--gold{background:linear-gradient(135deg,#f59e0b,#d97706)}
.avatar-name{font-weight:700;font-size:.8rem;color:var(--c-ink)}
.avatar-info{font-size:.7rem;color:var(--c-ink-400)}

/* ── PRODUCT CARDS ── */
.products-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}
@media(min-width:640px){.products-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.products-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}

.prod-card{background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--r-lg);overflow:hidden;transition:transform var(--tr),box-shadow var(--tr);cursor:pointer}
.prod-card:hover{transform:translateY(-4px);box-shadow:var(--sh-lg)}
.prod-card-img{width:100%;height:160px;object-fit:cover}
@media(min-width:640px){.prod-card-img{height:180px}}
.prod-card-body{padding:1.1rem}
.prod-tag{font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.18rem .5rem;border-radius:var(--r-sm);margin-bottom:.6rem;display:inline-block}
.prod-tag--hot{background:#fee2e2;color:#dc2626}
.prod-tag--new{background:var(--c-primary-50);color:var(--c-primary)}
.prod-tag--pop{background:var(--c-green-50);color:var(--c-green)}
.prod-name{font-weight:700;font-size:.9rem;color:var(--c-ink);margin-bottom:.3rem}
.prod-desc{font-size:.78rem;color:var(--c-ink-600);margin-bottom:.75rem;line-height:1.5}
.prod-price{font-size:1.15rem;font-weight:900;color:var(--c-primary)}
.prod-price-old{font-size:.72rem;font-weight:400;color:var(--c-ink-400);text-decoration:line-through;display:block;margin-bottom:1px}
.btn-add{width:100%;margin-top:.75rem;padding:.6rem .75rem;background:var(--c-primary);color:var(--c-white);font-weight:700;font-size:.8rem;border:none;border-radius:var(--r-md);transition:background var(--tr),transform var(--tr);display:flex;align-items:center;justify-content:center}
.btn-add:hover{background:var(--c-primary-600);transform:translateY(-1px)}

/* ── OFFER ── */
.offer{background:var(--c-white);border-radius:var(--r-lg);box-shadow:var(--sh-lg);overflow:hidden}
@media(min-width:768px){.offer{display:grid;grid-template-columns:1fr 1fr}}

.offer-details{padding:2rem}
.offer-pricing{padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
@media(min-width:768px){
  .offer-details{border-right:1px solid var(--c-border)}
}
@media(max-width:767px){
  .offer-details{border-bottom:1px solid var(--c-border)}
}

.offer-tag{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c-green);margin-bottom:.6rem}
.offer-name{font-size:1.25rem;font-weight:800;color:var(--c-ink);margin-bottom:.6rem}
.offer-physical{display:inline-flex;align-items:center;background:var(--c-primary-50);border:1px solid var(--c-primary-100);border-radius:var(--r-sm);padding:.22rem .7rem;font-size:.68rem;font-weight:700;color:var(--c-primary);letter-spacing:.04em;text-transform:uppercase;margin-bottom:1rem}
.offer-item{display:flex;align-items:flex-start;gap:.6rem;font-size:.82rem;color:var(--c-ink-600);padding:.38rem 0;border-bottom:1px solid var(--c-surface)}
.offer-item:last-of-type{border-bottom:none}
.ck{color:var(--c-green);font-size:.75rem;margin-top:2px;flex-shrink:0;font-weight:700}
.ck--bonus{color:#92400e}
.offer-guarantee{margin-top:1rem;padding:.75rem 1rem;background:var(--c-green-50);border:1px solid var(--c-green-200);border-radius:var(--r-md);font-size:.8rem;color:#15803d;font-weight:500}

.price-old{font-size:.875rem;color:var(--c-ink-400);text-decoration:line-through;margin-bottom:.2rem}
.price-current{font-size:clamp(2.5rem,8vw,3.5rem);font-weight:900;color:var(--c-primary);line-height:1;margin-bottom:.3rem}
.price-prefix{font-size:1.25rem;vertical-align:super;font-weight:700}
.price-cents{font-size:2rem}
.price-discount{font-size:.75rem;font-weight:700;color:var(--c-green);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.75rem}
.price-shipping{font-size:.82rem;color:var(--c-ink-600);margin-bottom:.75rem;line-height:1.55}
.price-shipping strong{color:var(--c-green)}
.dispatch-info{font-size:.8rem;color:var(--c-primary-600);font-weight:600;margin-bottom:1.25rem}
.offer-trust-row{margin-top:1rem;font-size:.68rem;color:var(--c-ink-400);display:flex;align-items:center;justify-content:center;gap:.875rem;flex-wrap:wrap}

/* ── FAQ ── */
.faq{max-width:640px;margin:0 auto}
.faq-item{border-bottom:1px solid var(--c-border)}
.faq-q{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 0;cursor:pointer;list-style:none;font-weight:600;font-size:.9rem;color:var(--c-ink);gap:1rem;transition:color var(--tr);user-select:none}
.faq-q::-webkit-details-marker{display:none}
.faq-q:hover{color:var(--c-primary-600)}
.faq-chevron{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--c-primary-50);display:flex;align-items:center;justify-content:center;font-size:.55rem;color:var(--c-primary-600);transition:transform .3s,background var(--tr)}
details[open] .faq-chevron{transform:rotate(180deg);background:var(--c-primary);color:var(--c-white)}
.faq-a{padding:0 0 1.1rem;color:var(--c-ink-600);line-height:1.7;font-size:.85rem}

/* ── REVEAL ── */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

/* ══════════════════════════════
   CHECKOUT DRAWER
   ══════════════════════════════ */
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s;backdrop-filter:blur(3px)}
.overlay.open{opacity:1;pointer-events:all}
.drawer{position:fixed;top:0;right:0;bottom:0;width:100%;background:var(--c-white);z-index:1001;transform:translateX(100%);transition:transform .36s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-8px 0 48px rgba(0,0,0,.15)}
@media(min-width:500px){.drawer{width:min(460px,100%)}}
.drawer.open{transform:translateX(0)}

/* Header */
.drawer-header{padding:1rem 1.25rem;background:linear-gradient(135deg,#1e3a8a,#1d4ed8);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.drawer-brand{font-family:'Outfit',sans-serif;font-weight:800;font-size:.95rem;color:#fff;letter-spacing:-.01em}
.drawer-step-ctx{font-size:.68rem;color:rgba(255,255,255,.6);margin-top:1px}
.drawer-close{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.12);border:none;color:#fff;display:flex;align-items:center;justify-content:center;transition:background var(--tr);cursor:pointer}
.drawer-close:hover{background:rgba(255,255,255,.22)}

/* Steps */
.steps{display:flex;align-items:center;padding:.75rem 1.25rem;background:var(--c-surface);border-bottom:1px solid var(--c-border);flex-shrink:0}
.step{display:flex;flex-direction:column;align-items:center;gap:.2rem;flex-shrink:0}
.step-dot{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--c-border);color:var(--c-ink-400);font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .22s;background:var(--c-white)}
.step-dot.active{border-color:var(--c-primary-600);color:#fff;background:var(--c-primary-600)}
.step-dot.done{border-color:var(--c-green);color:#fff;background:var(--c-green);font-size:.6rem}
.step-label{font-size:.58rem;font-weight:600;color:var(--c-ink-400);white-space:nowrap;letter-spacing:.02em;text-transform:uppercase}
.step.active-step .step-label{color:var(--c-primary-600)}
.step.done-step .step-label{color:var(--c-green)}
.step-line{flex:1;height:1.5px;background:var(--c-border);transition:background .3s;margin:0 .2rem;margin-bottom:1.2rem}
.step-line.done{background:var(--c-green)}

/* Body */
.drawer-body{flex:1;overflow-y:auto;padding:1.25rem}
.drawer-body::-webkit-scrollbar{width:3px}
.drawer-body::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:2px}
.panel{display:none;animation:slideUp .22s ease}
.panel.active{display:block}
@keyframes slideUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

.panel-intro{font-size:.75rem;color:var(--c-ink-400);margin-bottom:1.1rem;padding:.55rem .75rem;background:var(--c-primary-50);border-radius:var(--r-md);border-left:3px solid var(--c-primary-200)}

/* Cart */
.cart-row{display:flex;align-items:center;gap:.875rem;padding:1rem;background:var(--c-surface);border-radius:var(--r-md);border:1px solid var(--c-border);margin-bottom:.875rem}
.cart-row-img{width:52px;height:52px;border-radius:var(--r-sm);object-fit:cover;flex-shrink:0;border:1px solid var(--c-border)}
.cart-row-name{font-weight:700;font-size:.85rem;color:var(--c-ink)}
.cart-row-price{font-weight:800;color:var(--c-primary-600);font-size:.95rem;margin-top:2px}

.bumps-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--c-ink-400);margin:1.1rem 0 .6rem;display:flex;align-items:center;gap:.4rem}
.bumps-label::after{content:'';flex:1;height:1px;background:var(--c-border)}

.bump{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1.5px solid var(--c-border);border-radius:var(--r-md);margin-bottom:.5rem;cursor:pointer;transition:all .18s;background:var(--c-white)}
.bump:hover{border-color:var(--c-primary-200);background:var(--c-primary-50)}
.bump.selected{border-color:var(--c-primary-600);border-style:solid;background:var(--c-primary-50)}
.bump-cb{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--c-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.7rem;font-weight:700;color:#fff;transition:all .18s}
.bump.selected .bump-cb{background:var(--c-primary-600);border-color:var(--c-primary-600)}
.bump-img{width:42px;height:42px;border-radius:var(--r-sm);object-fit:cover;flex-shrink:0}
.bump-name{font-weight:600;font-size:.8rem;color:var(--c-ink);line-height:1.3}
.bump-price{font-weight:700;color:var(--c-primary-600);font-size:.78rem;margin-top:2px}

.ship-bar-wrap{padding:.8rem;background:var(--c-primary-50);border-radius:var(--r-md);border:1px solid var(--c-primary-100);margin:.875rem 0}
.ship-label{font-size:.72rem;font-weight:600;color:var(--c-primary);margin-bottom:.4rem}
.ship-track{height:5px;background:var(--c-primary-100);border-radius:var(--r-pill);overflow:hidden}
.ship-fill{height:100%;background:linear-gradient(90deg,var(--c-primary-600),var(--c-green));border-radius:var(--r-pill);transition:width .5s cubic-bezier(.4,0,.2,1)}

.cart-total{padding:1rem;background:var(--c-surface);border-radius:var(--r-md);border:1px solid var(--c-border)}
.total-row{display:flex;justify-content:space-between;font-size:.82rem;color:var(--c-ink-600);margin-bottom:.5rem}
.total-row--final{margin-bottom:0;padding-top:.6rem;border-top:1px solid var(--c-border);font-size:.9rem;font-weight:800;color:var(--c-ink)}

/* Forms */
.form-group{margin-bottom:.875rem}
.form-label{display:block;font-size:.65rem;font-weight:700;color:var(--c-ink-600);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.35rem}
.form-input{width:100%;padding:.7rem .9rem;border:1.5px solid var(--c-border);border-radius:var(--r-md);font-size:.875rem;font-family:inherit;color:var(--c-ink);background:var(--c-white);transition:border-color .2s,box-shadow .2s;outline:none;-webkit-appearance:none}
.form-input:focus{border-color:var(--c-primary-600);box-shadow:0 0 0 3px rgba(37,99,235,.08)}
.form-input.err{border-color:#dc2626;background:#fff8f8}
.form-input.ok{border-color:var(--c-green)}
.form-input--uf{width:72px}
.form-err{font-size:.7rem;color:#dc2626;margin-top:.25rem;display:none;font-weight:500}
.form-err.show{display:block}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
@media(max-width:380px){.form-row{grid-template-columns:1fr}}

.cep-row{display:flex;gap:.5rem}
.cep-row .form-input{flex:1;min-width:0}
.btn-cep{padding:.7rem .9rem;background:var(--c-primary);color:#fff;border:none;border-radius:var(--r-md);font-weight:700;font-size:.78rem;transition:background var(--tr);white-space:nowrap}
.btn-cep:hover{background:var(--c-primary-600)}
.btn-cep:disabled{opacity:.5;cursor:not-allowed}
.delivery-hint{display:none;margin-top:.6rem;padding:.6rem .875rem;background:var(--c-green-50);border-radius:var(--r-md);font-size:.75rem;font-weight:600;color:#15803d;border:1px solid var(--c-green-200)}

/* PIX */
.pix-box{text-align:center}
.pix-header{margin-bottom:1rem}
.pix-bank-pill{display:inline-block;background:#003087;color:#ffcb00;font-size:.68rem;font-weight:800;padding:.22rem .7rem;border-radius:var(--r-sm);letter-spacing:.04em;margin-bottom:.4rem}
.pix-method{font-size:.75rem;font-weight:600;color:var(--c-ink-600)}

.pix-amount-row{display:flex;align-items:baseline;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:var(--c-primary-50);border-radius:var(--r-md);margin-bottom:1rem;border:1px solid var(--c-primary-100)}
.pix-amount-label{font-size:.7rem;color:var(--c-ink-400);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.pix-amount-val{font-family:'Outfit',sans-serif;font-size:1.5rem;font-weight:900;color:var(--c-primary-600)}

.pix-qr-frame{background:#fff;border:1.5px solid var(--c-border);border-radius:var(--r-lg);padding:.875rem;display:inline-block;box-shadow:var(--sh-sm);margin-bottom:.75rem}

.pix-expire-bar{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;color:#dc2626;font-weight:700;background:#fff0f0;padding:.3rem .75rem;border-radius:var(--r-pill);margin-bottom:1rem;border:1px solid #fee2e2}
.pix-expire-bar strong{font-variant-numeric:tabular-nums;letter-spacing:.04em}

.pix-steps{background:var(--c-surface);border-radius:var(--r-md);padding:.875rem;text-align:left;margin-bottom:.875rem}
.pix-step{display:flex;align-items:flex-start;gap:.6rem;font-size:.78rem;color:var(--c-ink-600);padding:.3rem 0;line-height:1.4}
.pix-step-n{width:18px;height:18px;border-radius:50%;background:var(--c-primary-600);color:#fff;font-size:.6rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.pix-step strong{color:var(--c-ink)}

.pix-code{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:.6rem .875rem;font-size:.6rem;font-family:'Courier New',monospace;word-break:break-all;color:var(--c-ink-600);text-align:left;margin-bottom:.875rem;max-height:68px;overflow:hidden;line-height:1.5}
.btn-copy{width:100%;padding:.85rem;background:var(--c-primary-600);color:#fff;font-weight:700;font-size:.88rem;border:none;border-radius:var(--r-md);transition:background .2s;display:flex;align-items:center;justify-content:center;gap:.4rem}
.btn-copy:hover{background:var(--c-primary-700)}
.btn-copy.copied{background:var(--c-green)}

/* Success */
.success{text-align:center;padding:1rem 0}
.success-icon{width:68px;height:68px;background:var(--c-green-50);border:2px solid var(--c-green-200);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;animation:popIn .45s cubic-bezier(.34,1.56,.64,1)}
@keyframes popIn{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}
.success-title{font-family:'Outfit',sans-serif;font-size:1.5rem;font-weight:800;color:var(--c-green);margin-bottom:.6rem}
.success-sub{font-size:.82rem;color:var(--c-ink-600);line-height:1.75;margin-bottom:1rem}
.success-order{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:.875rem;font-size:.78rem;text-align:left;margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.35rem}
.success-order strong{color:var(--c-ink)}
.btn-whats{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#25d366;color:#fff;font-weight:700;padding:.875rem 1.75rem;border-radius:var(--r-pill);font-size:.88rem;transition:all .2s;width:100%}
.btn-whats:hover{background:#22c55e;transform:translateY(-2px)}

/* Footer */
.drawer-footer{padding:.875rem 1.25rem;border-top:1px solid var(--c-border);background:var(--c-white);flex-shrink:0}
.dfooter-nav{display:flex;align-items:center;gap:.5rem;margin-bottom:.65rem}
.btn-back{background:none;border:1px solid var(--c-border);border-radius:var(--r-md);font-size:.75rem;font-weight:600;color:var(--c-ink-600);display:flex;align-items:center;gap:.25rem;padding:.55rem .75rem;transition:all var(--tr);white-space:nowrap;cursor:pointer}
.btn-back:hover{border-color:var(--c-primary-200);color:var(--c-primary-600);background:var(--c-primary-50)}
.btn-next{flex:1;padding:.9rem 1rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-weight:800;font-size:.95rem;border:none;border-radius:var(--r-md);transition:all .2s;box-shadow:0 4px 14px rgba(37,99,235,.25);display:flex;align-items:center;justify-content:center;gap:.4rem;cursor:pointer}
.btn-next:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(37,99,235,.35)}
.drawer-trust{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.62rem;color:var(--c-ink-400);flex-wrap:wrap}
.dtrust-item{display:flex;align-items:center;gap:.25rem}
.dtrust-item svg{color:var(--c-primary-600)}
.dtrust-sep{width:1px;height:10px;background:var(--c-border);display:inline-block}

/* ── CONFETTI ── */
.confetti-piece{position:fixed;border-radius:2px;animation:fall linear forwards;z-index:9999;pointer-events:none}
@keyframes fall{from{transform:translateY(-10px) rotate(0deg);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}

/* ── FOOTER ── */
.footer{background:#1e293b;color:var(--c-ink-400);padding:2.5rem 0;text-align:center;border-top:1px solid var(--c-border)}
.footer-brand{font-family:'Outfit',system-ui,sans-serif;font-size:1.15rem;font-weight:700;color:#94a3b8;margin-bottom:.35rem}
.footer p{font-size:.8rem;margin-bottom:.5rem}
.footer small{font-size:.7rem;opacity:.45;line-height:1.65;display:block;max-width:500px;margin:.5rem auto 0}