/* ===== BASE ===== */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  /* oficiais da logo */
  --ink:#2E2A2B;--ink-deep:#241F20;
  --green:#008940;--yellow:#FAB20B;--blue:#176FC0;
  /* apoio */
  --bege:#F5EFE4;--bege-dark:#EDE3D4;--off:#FDFAF6;
  --text-mid:#6A5A48;--text-soft:#9A8878;
  --off-muted:rgba(253,250,246,0.62);--off-faint:rgba(253,250,246,0.45);
  /* acentos por linha */
  --flame:#C4521A;--flame-light:#E07040;--flame-bg:#1A1410;
  --cafe-gold:#C9A84C;--cafe-bg:#2A1A0A;
  --font-display:'Cormorant Garamond',serif;
  --font-body:'Inter',sans-serif;
  --ease:cubic-bezier(0.33,1,0.68,1);
}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);font-weight:300;color:var(--ink);background:var(--bege);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:'';position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:0.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
.container{max-width:1200px;margin:0 auto;padding:0 24px}

/* ===== TRICOLOR (elemento de identidade) ===== */
.tricolor{display:flex;height:4px;width:120px;border-radius:2px;overflow:hidden}
.tricolor span{flex:1}
.tricolor span:nth-child(1){background:var(--green)}
.tricolor span:nth-child(2){background:var(--yellow)}
.tricolor span:nth-child(3){background:var(--blue)}

/* ===== TIPOGRAFIA DE SEÇÃO ===== */
.section-label{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:0.72rem;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;margin-bottom:16px;color:var(--accent,var(--green))}
.section-label iconify-icon{font-size:0.95rem}
.section-title{font-family:var(--font-display);font-weight:300;font-size:clamp(1.8rem,3.5vw,2.5rem);letter-spacing:-0.02em;line-height:1.2;margin-bottom:12px}
.section-lead{font-family:var(--font-display);font-style:italic;font-weight:300;font-size:clamp(1rem,1.8vw,1.2rem);margin-bottom:48px}
.section-logo{display:block;height:clamp(52px,8vw,76px);width:auto;margin:2px 0 18px}
.section-logo--flammes{height:clamp(78px,11.5vw,112px)}
.section-desc{max-width:640px;margin:-34px 0 48px;display:flex;flex-direction:column;gap:14px}
.section-desc p{font-size:0.85rem;line-height:1.75;color:var(--text-mid)}
.flammes .section-desc p,.cafe .section-desc p{color:var(--off-muted)}

/* ===== NAV ===== */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:12px 0;transition:background 0.5s,backdrop-filter 0.5s,border-color 0.5s}
.nav-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}
.nav-logo img{height:34px;width:auto;display:block}
.nav-logo .logo-dark{display:none}
.nav-links{display:flex;gap:32px}
.nav-links a{font-size:0.78rem;font-weight:400;letter-spacing:0.06em;color:var(--ink);transition:color 0.3s,opacity 0.3s;opacity:0.85}
.nav-links a:hover{opacity:1}
.nav-cta{font-size:0.72rem;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:var(--green);border:1px solid rgba(0,137,64,0.35);padding:8px 20px;border-radius:2px;transition:all 0.3s}
.nav-cta:hover{background:rgba(0,137,64,0.08);border-color:var(--green)}
/* rolada sobre seção clara */
.nav.scrolled{background:rgba(245,239,228,0.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(46,42,43,0.08)}
/* sobre seção escura (logo branca + textos claros) */
.nav.nav-dark .logo-light,.nav.overlay-open .logo-light{display:none}
.nav.nav-dark .logo-dark,.nav.overlay-open .logo-dark{display:block}
.nav.nav-dark .nav-links a{color:var(--off)}
.nav.nav-dark .nav-cta{color:var(--yellow);border-color:rgba(250,178,11,0.35)}
.nav.nav-dark .nav-cta:hover{background:rgba(250,178,11,0.12);border-color:var(--yellow)}
.nav.nav-dark.scrolled{background:rgba(36,31,32,0.9);border-bottom:1px solid rgba(253,250,246,0.06)}
/* link Flammes em laranja nos dois temas da nav */
.nav .nav-links a[href="#flammes"]{color:var(--flame)}
.nav.nav-dark .nav-links a[href="#flammes"]{color:var(--flame-light)}
.nav-hamburger{display:none;background:none;border:none;cursor:pointer;width:28px;height:20px;position:relative;z-index:101}
.nav-hamburger span{display:block;width:100%;height:1.5px;background:var(--ink);position:absolute;left:0;transition:all 0.3s var(--ease)}
.nav.nav-dark .nav-hamburger span{background:var(--off)}
.nav-hamburger.active span{background:var(--off)!important}
.nav-hamburger span:nth-child(1){top:0}
.nav-hamburger span:nth-child(2){top:9px}
.nav-hamburger span:nth-child(3){top:18px}
.nav-hamburger.active span:nth-child(1){top:9px;transform:rotate(45deg)}
.nav-hamburger.active span:nth-child(2){opacity:0}
.nav-hamburger.active span:nth-child(3){top:9px;transform:rotate(-45deg)}

/* ===== MOBILE OVERLAY ===== */
.mobile-overlay{display:none;position:fixed;inset:0;background:rgba(36,31,32,0.98);z-index:99;flex-direction:column;align-items:center;justify-content:center;gap:28px}
.mobile-overlay.active{display:flex}
.overlay-logo{height:40px;width:auto;margin-bottom:16px}
.mobile-overlay a{font-family:var(--font-display);font-size:1.6rem;font-weight:300;color:var(--off);letter-spacing:0.06em;transition:color 0.3s}
.mobile-overlay a:hover{color:var(--yellow)}
.mobile-link--cta{color:var(--yellow)}
.mobile-overlay a[href="#flammes"]{color:var(--flame-light)}
.mobile-bar{margin-top:12px;width:96px}

/* ===== HERO (claro) ===== */
.hero{position:relative;min-height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,#F8F3E9 0%,var(--bege) 60%,#F0E8D8 100%);color:var(--ink);padding:110px 0 90px}
.hero-glow{position:absolute;border-radius:50%;filter:blur(10px);pointer-events:none}
.hero-glow--green{width:560px;height:560px;left:-180px;bottom:-140px;background:radial-gradient(circle,rgba(0,137,64,0.09),transparent 70%)}
.hero-glow--yellow{width:680px;height:680px;left:50%;top:-300px;transform:translateX(-50%);background:radial-gradient(circle,rgba(250,178,11,0.1),transparent 70%)}
.hero-glow--blue{width:560px;height:560px;right:-180px;bottom:-100px;background:radial-gradient(circle,rgba(23,111,192,0.09),transparent 70%)}
#bubbles{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.bubble{position:absolute;bottom:-24px;border-radius:50%;border:1px solid rgba(46,42,43,0.14);animation:rise var(--dur,14s) linear var(--del,0s) infinite}
@keyframes rise{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:0.5}85%{opacity:0.35}100%{transform:translateY(-108vh) scale(1.08);opacity:0}}
.hero-content{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;padding:0 24px}
.hero-logo{line-height:0;margin:10px 0 4px}
.hero-logo img{width:clamp(280px,34vw,440px);height:auto;margin:0 auto}
.hero-desc{font-size:0.85rem;line-height:1.7;color:var(--text-mid);max-width:520px}
.hero-lines{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px;width:min(680px,100%)}
.line-chip{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 12px;border-radius:12px;background:rgba(255,255,255,0.6);border:1px solid rgba(46,42,43,0.08);transition:transform 0.4s var(--ease),border-color 0.4s,background 0.4s,box-shadow 0.4s}
.line-chip iconify-icon{font-size:1.25rem;color:var(--chip);margin-bottom:4px}
.line-logo{height:44px;width:auto;margin-bottom:2px}
.line-logo--tall{height:58px;margin-bottom:0}
.line-name{font-size:0.78rem;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink)}
.line-sub{font-size:0.66rem;color:var(--text-soft);letter-spacing:0.04em}
.line-chip:hover{transform:translateY(-3px);border-color:var(--chip);background:#fff;box-shadow:0 12px 32px rgba(46,42,43,0.1)}
.scroll-indicator{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:2}
.scroll-indicator span{font-size:0.62rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--text-soft)}
.scroll-line{width:1px;height:36px;background:var(--green);animation:scroll-pulse 2s ease-in-out infinite;transform-origin:top}
@keyframes scroll-pulse{0%,100%{transform:scaleY(0.3);opacity:0.3}50%{transform:scaleY(1);opacity:1}}

/* ===== SEÇÕES DE LINHA (base) ===== */
.line-section{padding:110px 0;position:relative}
.line-section .section-title{color:inherit}
/* tema escuro */
.flammes{background:var(--flame-bg);color:var(--off);--accent:var(--flame-light);--accent-strong:var(--flame);--card-bg:rgba(253,250,246,0.04);--card-border:rgba(224,112,64,0.16);--card-border-hover:rgba(224,112,64,0.45);--card-shadow:rgba(196,82,26,0.12)}
.flammes::before{content:'';position:absolute;top:-120px;right:-80px;width:560px;height:560px;background:radial-gradient(ellipse,rgba(196,82,26,0.1),transparent 70%);pointer-events:none}
.cafe{background:var(--cafe-bg);color:var(--off);--accent:var(--cafe-gold);--accent-strong:var(--cafe-gold);--card-bg:rgba(253,250,246,0.04);--card-border:rgba(201,168,76,0.16);--card-border-hover:rgba(201,168,76,0.45);--card-shadow:rgba(201,168,76,0.1)}
.cafe::before{content:'';position:absolute;bottom:-140px;left:-100px;width:560px;height:560px;background:radial-gradient(ellipse,rgba(201,168,76,0.08),transparent 70%);pointer-events:none}
.flammes .section-lead,.cafe .section-lead{color:var(--off-muted)}
.flammes .product-card p,.cafe .product-card p{color:var(--off-muted)}
/* tema claro */
.chaxado{background:var(--bege);--accent:var(--green);--accent-strong:var(--green);--card-bg:rgba(255,255,255,0.55);--card-border:rgba(0,137,64,0.14);--card-border-hover:rgba(0,137,64,0.4);--card-shadow:rgba(46,42,43,0.07)}
.chaxado::before{content:'';position:absolute;top:-80px;left:20%;width:480px;height:480px;background:radial-gradient(ellipse,rgba(0,137,64,0.06),transparent 70%);pointer-events:none}
.vinhos{background:var(--bege);--accent:var(--blue);--accent-strong:var(--blue);--card-bg:rgba(255,255,255,0.55);--card-border:rgba(23,111,192,0.14);--card-border-hover:rgba(23,111,192,0.4);--card-shadow:rgba(46,42,43,0.07)}
.vinhos::before{content:'';position:absolute;bottom:-100px;right:10%;width:480px;height:480px;background:radial-gradient(ellipse,rgba(23,111,192,0.06),transparent 70%);pointer-events:none}
.chaxado .section-lead,.vinhos .section-lead{color:var(--text-soft)}
.chaxado .product-card p,.vinhos .product-card p{color:var(--text-mid)}
.chaxado .product-card,.vinhos .product-card{box-shadow:0 1px 0 rgba(255,255,255,0.6) inset}

/* ===== CARDS DE PRODUTO ===== */
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative;z-index:1}
.product-grid--three{grid-template-columns:repeat(3,1fr)}
.product-card{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background:var(--card-bg);border:1px solid var(--card-border);transition:transform 0.5s var(--ease),border-color 0.4s,box-shadow 0.5s var(--ease)}
.product-card:hover{transform:translateY(-4px);border-color:var(--card-border-hover);box-shadow:0 16px 48px var(--card-shadow)}
.product-media{aspect-ratio:1/1;background:linear-gradient(180deg,#FFFFFF 0%,#F6F1E7 100%);border-bottom:1px solid var(--card-border);display:flex;align-items:center;justify-content:center;overflow:hidden}
.product-media img{width:100%;height:100%;object-fit:contain;padding:16px;transition:transform 0.6s var(--ease)}
.product-card:hover .product-media img{transform:scale(1.04)}
.product-media--placeholder iconify-icon{font-size:2.6rem;color:var(--accent-strong);opacity:0.3}
.product-body{flex:1;display:flex;flex-direction:column;padding:22px 24px 24px}
.product-tag{align-self:flex-start;font-size:0.6rem;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
.product-card h3{font-family:var(--font-display);font-weight:400;font-size:1.3rem;letter-spacing:0.01em;margin-bottom:10px}
.product-card p{font-size:0.76rem;line-height:1.65;margin-bottom:18px;flex-grow:1}
/* ===== VITRINE: variantes + stepper de quantidade ===== */
.product-variants{margin-top:auto;border-top:1px solid var(--card-border);display:flex;flex-direction:column}
.variant{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0}
.variant + .variant{border-top:1px dashed var(--card-border)}
.variant-info{display:flex;flex-direction:column;gap:1px;min-width:0}
.variant-name{font-size:0.66rem;letter-spacing:0.05em;text-transform:uppercase;color:inherit;opacity:0.6}
.variant-price{font-size:0.76rem;font-weight:500;letter-spacing:0.03em;color:var(--accent)}
.qty-stepper{display:flex;align-items:center;border:1px solid var(--card-border);border-radius:8px;overflow:hidden;flex-shrink:0}
.qty-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--accent);font-size:1.05rem;font-family:var(--font-body);cursor:pointer;transition:background 0.2s}
.qty-btn:hover{background:color-mix(in srgb,var(--accent) 14%,transparent)}
.qty-value{min-width:28px;text-align:center;font-size:0.78rem;font-weight:500;font-variant-numeric:tabular-nums}
.variant.active .qty-stepper{border-color:var(--card-border-hover)}
.variant.active .qty-value{color:var(--accent)}
/* cards de promoção em destaque — par lado a lado no desktop, empilhados no mobile */
.product-card--promo{position:relative;grid-column:1/-1;background:linear-gradient(160deg,rgba(224,112,64,0.12),rgba(224,112,64,0.04));border-color:rgba(224,112,64,0.45)}
@media(min-width:1101px){.product-card--promo{grid-column:span 2}}
.product-card--promo .variant-price{font-size:0.95rem}
.product-card--promo .product-tag{background:var(--accent-strong);color:var(--off);padding:4px 9px;border-radius:3px;letter-spacing:0.12em}
.product-card--promo:hover{box-shadow:0 16px 48px rgba(196,82,26,0.22)}
.promo-mark{position:absolute;right:-18px;bottom:-14px;font-size:7rem;color:var(--flame-light);opacity:0.08;pointer-events:none}

/* ===== PEDIDO (CTA WhatsApp) ===== */
.pedido{position:relative;background:linear-gradient(to bottom,var(--ink-deep),var(--ink));color:var(--off);padding:130px 0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.pedido-glow{position:absolute;border-radius:50%;pointer-events:none}
.pedido-glow--green{width:560px;height:560px;left:-180px;top:-140px;background:radial-gradient(circle,rgba(0,137,64,0.12),transparent 70%)}
.pedido-glow--blue{width:560px;height:560px;right:-180px;bottom:-140px;background:radial-gradient(circle,rgba(23,111,192,0.12),transparent 70%)}
.pedido-content{position:relative;z-index:2;text-align:center;max-width:580px;padding:0 24px;display:flex;flex-direction:column;align-items:center}
.pedido-bar{margin-bottom:28px;width:96px}
.pedido .section-label{color:var(--yellow)}
.pedido h2{font-family:var(--font-display);font-weight:300;font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-0.02em;margin-bottom:16px}
.pedido-content>p{font-size:0.85rem;line-height:1.7;color:var(--off-muted);margin-bottom:36px}
@property --border-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.whats-cta{position:relative;display:inline-flex;align-items:center;gap:10px;padding:18px 48px;background:var(--green);color:#fff;font-family:var(--font-body);font-size:0.78rem;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;border-radius:3px;transition:background 0.3s,transform 0.3s,box-shadow 0.3s}
.whats-cta iconify-icon{font-size:1.15rem}
.whats-cta::before{content:'';position:absolute;inset:-5px;padding:1.5px;border-radius:6px;background:conic-gradient(from var(--border-angle),var(--green),var(--yellow),var(--blue),var(--green));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:border-spin 4s linear infinite;opacity:0.7}
@keyframes border-spin{to{--border-angle:360deg}}
.whats-cta:hover{background:#0A9B4E;transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,137,64,0.35)}
.pedido-terms{margin-top:26px;font-size:0.72rem;letter-spacing:0.04em;color:var(--off-faint)}
.pedido-resumo{margin:-20px 0 26px;font-size:0.74rem;letter-spacing:0.04em;color:var(--yellow)}

/* ===== BARRA FLUTUANTE DO PEDIDO ===== */
.cart-bar{position:fixed;right:24px;bottom:24px;z-index:95;display:flex;align-items:center;gap:14px;padding:14px 20px 14px 18px;background:var(--ink);color:var(--off);border:1px solid rgba(253,250,246,0.1);border-radius:999px;cursor:pointer;font-family:var(--font-body);box-shadow:0 14px 44px rgba(0,0,0,0.3);transform:translateY(160%);transition:transform 0.5s var(--ease),box-shadow 0.3s}
.cart-bar.show{transform:none}
.cart-bar:hover{box-shadow:0 18px 52px rgba(0,0,0,0.4)}
.cart-bar iconify-icon{font-size:1.15rem;color:var(--yellow)}
.cart-bar-info{font-size:0.78rem;font-weight:400;color:var(--off-muted)}
.cart-bar-info strong{color:var(--off);font-weight:500}
.cart-bar-cta{display:flex;align-items:center;gap:2px;font-size:0.7rem;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:var(--yellow)}
.cart-bar-cta iconify-icon{font-size:0.85rem;color:var(--yellow)}

/* ===== DRAWER DO PEDIDO ===== */
.cart-backdrop{position:fixed;inset:0;z-index:120;background:rgba(36,31,32,0.55);opacity:0;pointer-events:none;transition:opacity 0.4s}
.cart-backdrop.open{opacity:1;pointer-events:auto}
.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,100vw);z-index:121;background:var(--ink-deep);color:var(--off);display:flex;flex-direction:column;transform:translateX(105%);visibility:hidden;transition:transform 0.5s var(--ease),visibility 0s 0.5s;box-shadow:-24px 0 64px rgba(0,0,0,0.35)}
.cart-drawer.open{transform:none;visibility:visible;transition:transform 0.5s var(--ease)}
.cart-drawer-bar{width:100%;height:4px;border-radius:0}
.cart-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(253,250,246,0.08)}
.cart-head h3{font-family:var(--font-display);font-weight:400;font-size:1.45rem;letter-spacing:0.01em}
.cart-head-count{color:var(--off-faint);font-size:1.05rem}
.cart-close{background:none;border:none;color:var(--off-muted);font-size:1.7rem;line-height:1;cursor:pointer;padding:2px 6px;transition:color 0.3s}
.cart-close:hover{color:var(--off)}
.cart-items{flex:1;overflow-y:auto;padding:6px 24px;overscroll-behavior:contain}
.cart-empty{padding:56px 12px;text-align:center;color:var(--off-faint);font-size:0.8rem;line-height:1.8}
.cart-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:6px 12px;padding:14px 0;border-bottom:1px dashed rgba(253,250,246,0.08)}
.cart-item-info{display:flex;flex-direction:column;gap:2px;min-width:0}
.cart-item-name{font-family:var(--font-display);font-size:1.05rem;line-height:1.25}
.cart-item-variant{font-size:0.62rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--off-faint)}
.cart-item-price{font-size:0.7rem;color:var(--off-muted)}
.cart-item-sub{grid-column:1;font-size:0.76rem;font-weight:500;color:var(--yellow)}
.cart-item .qty-stepper{grid-column:2;grid-row:1/3;border-color:rgba(253,250,246,0.16)}
.cart-item .qty-btn{color:var(--off)}
.cart-item .qty-btn:hover{background:rgba(253,250,246,0.08)}
.cart-item .qty-value{color:var(--off)}
.cart-item-remove{grid-column:3;grid-row:1/3;background:none;border:none;color:var(--off-faint);font-size:1.2rem;line-height:1;cursor:pointer;padding:4px;transition:color 0.3s}
.cart-item-remove:hover{color:var(--flame-light)}
.cart-foot{padding:18px 24px 24px;border-top:1px solid rgba(253,250,246,0.08);display:flex;flex-direction:column;gap:14px;background:var(--ink)}
.cart-min-warn{font-size:0.7rem;color:var(--yellow);background:rgba(250,178,11,0.08);border:1px solid rgba(250,178,11,0.25);padding:8px 12px;border-radius:6px;text-align:center}
.cart-consult-note{font-size:0.68rem;color:var(--off-faint);text-align:center;line-height:1.6}
.cart-total-row{display:flex;justify-content:space-between;align-items:baseline;font-size:0.78rem;color:var(--off-muted)}
.cart-total-row strong{font-size:1.2rem;font-weight:500;color:var(--off);font-variant-numeric:tabular-nums}
.cart-send{justify-content:center;text-align:center}
.cart-terms{font-size:0.64rem;color:var(--off-faint);text-align:center;letter-spacing:0.04em}

/* ===== FOOTER ===== */
.footer{background:var(--ink-deep);color:var(--off);border-top:1px solid rgba(253,250,246,0.06);padding:64px 0 32px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:48px;margin-bottom:48px}
.footer-logo{display:inline-block;margin-bottom:18px}
.footer-logo-img{height:46px;width:auto}
.footer-brand{display:flex;flex-direction:column;align-items:flex-start}
.footer-slogan{font-family:var(--font-display);font-style:italic;font-weight:300;font-size:1.05rem;color:var(--yellow);margin-bottom:10px}
.footer-col p{font-size:0.76rem;color:var(--off-muted);line-height:1.7}
.footer-col h4{font-family:var(--font-display);font-weight:400;font-size:1rem;letter-spacing:0.06em;margin-bottom:16px}
.footer-col a{display:block;font-size:0.76rem;color:var(--off-muted);margin-bottom:10px;transition:color 0.3s}
.footer-col a:hover{color:var(--yellow)}
.footer-bottom{border-top:1px solid rgba(253,250,246,0.06);padding-top:24px;text-align:center}
.footer-bottom p{font-size:0.68rem;color:rgba(253,250,246,0.35);letter-spacing:0.06em}

/* ===== ANIMAÇÕES (reveal) ===== */
.reveal{opacity:0;transform:translateY(28px);transition:opacity 0.8s var(--ease),transform 0.8s var(--ease)}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-left{opacity:0;transform:translateX(-28px);transition:opacity 0.8s var(--ease),transform 0.8s var(--ease)}
.reveal-left.visible{opacity:1;transform:translateX(0)}
.stagger-up .reveal-child{opacity:0;transform:translateY(24px);transition:opacity 0.6s var(--ease),transform 0.6s var(--ease)}
.stagger-up.visible .reveal-child{opacity:1;transform:translateY(0)}
.stagger-up.visible .reveal-child:nth-child(1){transition-delay:0s}
.stagger-up.visible .reveal-child:nth-child(2){transition-delay:0.12s}
.stagger-up.visible .reveal-child:nth-child(3){transition-delay:0.24s}
.stagger-up.visible .reveal-child:nth-child(4){transition-delay:0.36s}
.stagger-up.visible .reveal-child:nth-child(5){transition-delay:0.48s}
.stagger-up.visible .reveal-child:nth-child(6){transition-delay:0.6s}

/* ===== ACESSIBILIDADE ===== */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .bubble,.scroll-line,.whats-cta::before{animation:none}
  .reveal,.reveal-left,.stagger-up .reveal-child{opacity:1;transform:none;transition:none}
}

/* ===== RESPONSIVO ===== */
@media(max-width:1100px){
  .product-grid{grid-template-columns:repeat(2,1fr)}
  .product-grid--three{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:880px){
  .product-grid--three{grid-template-columns:1fr;max-width:440px}
}
@media(max-width:768px){
  .nav-links,.nav-cta{display:none}
  .nav-hamburger{display:block}
  .nav-logo img{height:30px}
  .hero{padding:100px 0 80px}
  .hero-lines{grid-template-columns:repeat(2,1fr);width:min(420px,100%)}
  .footer-grid{grid-template-columns:1fr;gap:36px}
  .footer-brand{align-items:flex-start}
}
@media(max-width:640px){
  .product-grid{grid-template-columns:1fr}
  .product-media{aspect-ratio:4/3}
  .line-section{padding:80px 0}
  .pedido{padding:100px 0}
  .cart-bar{left:16px;right:16px;bottom:16px;justify-content:space-between;padding:14px 18px}
}
@media(max-width:480px){
  .container{padding:0 16px}
  .section-title{font-size:1.7rem}
  .hero-logo img{width:min(78vw,300px)}
  .line-logo{height:38px}
  .line-logo--tall{height:50px}
  .whats-cta{padding:16px 32px;font-size:0.72rem}
}