/* ═══════════════════════════════════════════════════════════════
   store.css — Centro de Naturopatia
   Design premium: tons floresta + dourado + creme
   Tipografia: Cormorant Garamond (display) + Outfit (corpo)
   ═══════════════════════════════════════════════════════════════ */

/* ── Reset ────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{cursor:pointer;font-family:inherit}

/* ── Tokens ────────────────────────────────────────────────────── */
:root{
  --forest:   #1a1608;
  --forest-m: #2a200e;
  --forest-l: #8b6914;
  --forest-xl:#c9a227;
  --cream:    #faf7f0;
  --beige:    #f5ede0;
  --gold:     #c9a227;
  --gold-l:   #d4af37;
  --gold-xl:  #f0d98a;
  --bark:     #7a5c3a;
  --white:    #ffffff;
  --ink:      #1a1608;
  --mid:      #4a3d1e;
  --muted:    #8a7a5a;
  --border:   rgba(201,162,39,.18);
  --shadow-s: 0 2px 12px rgba(26,22,8,.07);
  --shadow-m: 0 8px 32px rgba(26,22,8,.13);
  --shadow-l: 0 20px 60px rgba(26,22,8,.20);
  --r:        14px;
  --r-l:      22px;
  --fd:       'Cormorant Garamond',Georgia,serif;
  --fb:       'Outfit',system-ui,sans-serif;
  --ease:     cubic-bezier(.4,0,.2,1);
  --t:        .22s;
}

body{font-family:var(--fb);background:var(--cream);color:var(--ink);line-height:1.65;overflow-x:hidden}

::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:var(--beige)}
::-webkit-scrollbar-thumb{background:var(--forest-l);border-radius:3px}

/* ── Utils ─────────────────────────────────────────────────────── */
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.center{text-align:center}
.section{padding:88px 0}
.bg-white{background:var(--white)}
.bg-beige{background:var(--beige)}
.bg-forest{background:linear-gradient(135deg,var(--forest) 0%,var(--forest-m) 60%,#3d2e0a 100%)}
.eyebrow{display:inline-flex;align-items:center;gap:6px;font-family:var(--fb);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:2.5px;color:var(--forest-l);margin-bottom:10px}
.eyebrow.light{color:var(--gold-xl)}
.h2{font-family:var(--fd);font-size:clamp(1.9rem,4vw,2.9rem);font-weight:700;color:var(--ink);line-height:1.2;margin-bottom:12px}
.h2.white{color:#fff}
.lead{font-size:.97rem;color:var(--muted);max-width:520px;margin:0 auto 44px;line-height:1.75}

/* ── Skeleton ──────────────────────────────────────────────────── */
.skeleton-card{background:linear-gradient(90deg,#e8e3d8 25%,#f0ead8 50%,#e8e3d8 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--r-l);min-height:320px}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* ── Logo ──────────────────────────────────────────────────────── */
.logo{display:flex;align-items:center;gap:9px;font-family:var(--fd);font-size:1.2rem;color:var(--forest);font-weight:700}
.logo strong{color:var(--gold)}
.logo-mark{font-size:1.55rem}
.logo-text{}

/* ── Navbar ────────────────────────────────────────────────────── */
.navbar{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  height:68px;padding:0 28px;
  display:flex;align-items:center;justify-content:space-between;
  background:rgba(255,255,255,.97);backdrop-filter:blur(22px);
  border-bottom:1px solid rgba(201,162,39,.20);
  box-shadow:var(--shadow-s);transition:box-shadow var(--t) var(--ease);
}
.nav-links{display:flex;align-items:center;gap:4px}
.nav-a{padding:8px 15px;border-radius:50px;font-size:.88rem;font-weight:500;color:var(--mid);transition:all var(--t)}
.nav-a:hover,.nav-a.active{background:rgba(74,124,89,.1);color:var(--forest)}
.nav-actions{display:flex;align-items:center;gap:10px}
.btn-cart{background:var(--forest);color:#fff;border:none;border-radius:50px;padding:10px 18px;display:flex;align-items:center;gap:8px;font-size:.88rem;font-weight:600;transition:all var(--t)}
.btn-cart:hover{background:var(--forest-l);transform:translateY(-1px);box-shadow:var(--shadow-m)}
.cart-icon{font-size:1rem}
.cart-count{background:var(--gold);color:var(--ink);border-radius:50%;width:19px;height:19px;min-width:19px;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700}
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:8px}
.hamburger span{width:22px;height:2px;background:var(--forest);border-radius:2px;display:block;transition:all var(--t)}
.mobile-drawer{display:none;position:fixed;top:68px;left:0;right:0;background:var(--white);z-index:999;padding:14px 20px;flex-direction:column;gap:4px;border-bottom:1px solid var(--beige);box-shadow:var(--shadow-m)}
.mobile-drawer.open{display:flex}
.mob-link{display:block;padding:12px 14px;border-radius:var(--r);font-size:.97rem;font-weight:500;color:var(--mid);transition:all var(--t)}
.mob-link:hover{background:rgba(74,124,89,.08);color:var(--forest)}
.mob-cart{margin-top:6px;width:100%;justify-content:center}

/* ── Hero ──────────────────────────────────────────────────────── */
.hero{
  min-height:100vh;display:flex;align-items:center;justify-content:center;
  position:relative;overflow:hidden;padding-top:68px;
  background:linear-gradient(150deg,var(--forest) 0%,var(--forest-m) 45%,#3d2e0a 100%);
}
.hero-logo-bg{position:absolute;inset:0;z-index:0;background:url('../images/logo.png') center/42% auto no-repeat;mix-blend-mode:screen;opacity:.22;pointer-events:none}
.hero-texture{position:absolute;inset:0;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='1' cy='1' r='1' fill='white'/%3E%3C/svg%3E");background-size:30px 30px}
.hero-blobs{position:absolute;inset:0;overflow:hidden}
.blob{position:absolute;border-radius:50%;filter:blur(80px);animation:drift 8s ease-in-out infinite}
.blob-1{width:500px;height:500px;background:rgba(255,255,255,.05);top:-150px;right:-100px;animation-delay:0s}
.blob-2{width:300px;height:300px;background:rgba(212,175,90,.10);bottom:-50px;left:-80px;animation-delay:3s}
.blob-3{width:200px;height:200px;background:rgba(201,162,39,.09);top:40%;right:15%;animation-delay:6s}
@keyframes drift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(20px,-25px) scale(1.06)}}
.hero-inner{position:relative;z-index:2;text-align:center;padding:40px 24px;max-width:820px}
.hero-tag{display:inline-block;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px);border-radius:50px;padding:7px 20px;font-size:.8rem;color:rgba(255,255,255,.9);font-weight:500;letter-spacing:1.5px;margin-bottom:24px}
.hero-h1{font-family:var(--fd);font-size:clamp(2.6rem,7vw,5rem);font-weight:700;color:#fff;line-height:1.1;margin-bottom:20px}
.hero-h1 em{color:var(--gold-xl);font-style:italic}
.hero-p{font-size:1.05rem;color:rgba(255,255,255,.78);max-width:500px;margin:0 auto 36px;line-height:1.75}
.hero-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.btn-solid{background:var(--gold);color:var(--ink);border:none;border-radius:50px;padding:15px 32px;font-family:var(--fb);font-size:.95rem;font-weight:700;cursor:pointer;transition:all var(--t);display:inline-flex;align-items:center;gap:8px}
.btn-solid:hover{background:var(--gold-l);transform:translateY(-2px);box-shadow:0 12px 36px rgba(184,149,42,.4)}
.btn-ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.45);border-radius:50px;padding:13px 32px;font-family:var(--fb);font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--t);display:inline-flex;align-items:center;gap:8px}
.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08);transform:translateY(-2px)}
.hero-nums{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:56px;flex-wrap:wrap}
.hero-num{text-align:center}
.hero-num b{display:block;font-family:var(--fd);font-size:2rem;color:var(--gold-xl)}
.hero-num b span{font-size:1.2rem}
.hero-num small{font-size:.72rem;color:rgba(255,255,255,.65);text-transform:uppercase;letter-spacing:1.5px}
.hero-num-div{width:1px;height:36px;background:rgba(255,255,255,.15)}
.scroll-cue{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.5);font-size:1.2rem;animation:bounce 2s ease-in-out infinite;z-index:2;text-decoration:none}
@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(6px)}}

/* ── Catálogo hero ──────────────────────────────────────────────── */
.cat-hero{background:linear-gradient(135deg,var(--forest) 0%,var(--forest-m) 100%);padding:100px 24px 56px;text-align:center}

/* ── Categorias grid ────────────────────────────────────────────── */
.cats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-top:36px}
.cat-card{background:var(--cream);border-radius:var(--r-l);padding:28px 16px;text-align:center;cursor:pointer;border:2px solid transparent;transition:all var(--t);display:flex;flex-direction:column;align-items:center;text-decoration:none}
.cat-card:hover{border-color:var(--forest-xl);transform:translateY(-4px);box-shadow:var(--shadow-m);background:rgba(74,124,89,.06)}
.cat-card-icon{font-size:2.4rem;margin-bottom:10px}
.cat-card-name{font-size:.87rem;font-weight:600;color:var(--ink)}

/* ── Pills ──────────────────────────────────────────────────────── */
.cat-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.pill{background:var(--white);color:var(--mid);border:2px solid var(--beige);border-radius:50px;padding:8px 18px;font-family:var(--fb);font-size:.84rem;font-weight:600;cursor:pointer;transition:all var(--t)}
.pill:hover{border-color:var(--forest-xl);color:var(--forest)}
.pill.active{background:var(--forest);color:#fff;border-color:var(--forest)}

/* ── Filter bar ─────────────────────────────────────────────────── */
.filter-bar{display:flex;gap:14px;margin-bottom:28px;flex-wrap:wrap;align-items:center}
.search-wrap{position:relative;flex:1;min-width:200px}
.search-ico{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none;font-size:.9rem}
.search-in{width:100%;padding:11px 15px 11px 42px;border:2px solid var(--beige);border-radius:50px;font-family:var(--fb);font-size:.88rem;background:var(--white);outline:none;transition:all var(--t);color:var(--ink)}
.search-in:focus{border-color:var(--forest-xl);box-shadow:0 0 0 4px rgba(74,124,89,.1)}
.sort-sel{padding:11px 18px;border:2px solid var(--beige);border-radius:50px;font-family:var(--fb);font-size:.88rem;background:var(--white);color:var(--ink);outline:none;cursor:pointer;transition:all var(--t)}
.sort-sel:focus{border-color:var(--forest-xl)}

/* ── Products grid ──────────────────────────────────────────────── */
.prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:24px}
.prod-card{background:var(--white);border-radius:var(--r-l);overflow:hidden;box-shadow:var(--shadow-s);transition:all var(--t);border:1px solid var(--border);display:flex;flex-direction:column}
.prod-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-l)}
.prod-img-wrap{position:relative;overflow:hidden;aspect-ratio:4/3}
.prod-img{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--ease)}
.prod-card:hover .prod-img{transform:scale(1.09)}
.prod-badge{position:absolute;top:12px;left:12px;background:var(--gold);color:var(--ink);font-size:.68rem;font-weight:700;padding:4px 12px;border-radius:50px;text-transform:uppercase;letter-spacing:1px}
.prod-body{padding:20px;flex:1;display:flex;flex-direction:column}
.prod-cat{font-size:.73rem;color:var(--forest-l);font-weight:600;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:5px}
.prod-name{font-family:var(--fd);font-size:1.12rem;font-weight:700;color:var(--ink);margin-bottom:7px;line-height:1.3}
.prod-desc{font-size:.83rem;color:var(--muted);line-height:1.65;flex:1;margin-bottom:16px}
.prod-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}
.prod-price{font-family:var(--fd);font-size:1.28rem;font-weight:700;color:var(--forest)}
.btn-add{background:var(--forest);color:#fff;border:none;border-radius:50px;padding:9px 16px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all var(--t);display:flex;align-items:center;gap:5px;font-family:var(--fb);white-space:nowrap}
.btn-add:hover{background:var(--forest-l);transform:scale(1.04)}
.btn-add:active{transform:scale(.97)}

/* ── Pagination ─────────────────────────────────────────────────── */
.pagination{display:flex;justify-content:center;gap:8px;margin-top:40px;flex-wrap:wrap}
.page-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--beige);background:var(--white);color:var(--mid);font-family:var(--fb);font-size:.88rem;font-weight:600;cursor:pointer;transition:all var(--t)}
.page-btn:hover{border-color:var(--forest-l);color:var(--forest)}
.page-btn.active{background:var(--forest);color:#fff;border-color:var(--forest)}
.page-btn:disabled{opacity:.4;cursor:default}

/* ── About ──────────────────────────────────────────────────────── */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.about-txt .h2{color:#fff}
.about-p{color:rgba(255,255,255,.78);line-height:1.8;margin-bottom:14px;font-size:.97rem}
.about-img-wrap{border-radius:var(--r-l);overflow:hidden;box-shadow:0 8px 48px rgba(201,162,39,.2);aspect-ratio:4/3;position:relative;background:#0e0b04;display:flex;align-items:center;justify-content:center}
.about-logo-img{width:90%;height:90%;object-fit:contain;display:block}

/* ── Benefits ───────────────────────────────────────────────────── */
.benefits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:20px}
.benefit{background:var(--cream);border-radius:var(--r-l);padding:30px 22px;text-align:center;border:1px solid var(--border);transition:all var(--t);box-shadow:var(--shadow-s)}
.benefit:hover{transform:translateY(-4px);box-shadow:var(--shadow-m);border-color:var(--forest-xl)}
.benefit-icon{width:58px;height:58px;background:rgba(74,124,89,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.55rem;margin:0 auto 16px}
.benefit h4{font-family:var(--fd);font-size:1.1rem;font-weight:700;color:var(--ink);margin-bottom:7px}
.benefit p{font-size:.86rem;color:var(--muted);line-height:1.6}

/* ── Testimonials ───────────────────────────────────────────────── */
.testim-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:20px;margin-top:36px}
.testim-card{background:var(--white);border-radius:var(--r-l);padding:26px 22px;box-shadow:var(--shadow-s);transition:all var(--t)}
.testim-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-m)}
.stars{font-size:.95rem;margin-bottom:13px;color:var(--gold)}
.testim-card p{font-size:.93rem;color:var(--mid);line-height:1.7;font-style:italic;margin-bottom:18px}
.testim-author{display:flex;align-items:center;gap:11px}
.avatar{width:40px;height:40px;background:var(--forest-l);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:700;color:#fff}
.testim-author strong{font-size:.87rem;color:var(--ink)}

/* ── FAQ ────────────────────────────────────────────────────────── */
.faq-list{max-width:700px;margin:36px auto 0;display:flex;flex-direction:column;gap:10px;text-align:left}
.faq-item{background:var(--white);border-radius:var(--r);overflow:hidden;border:1px solid var(--border);transition:all var(--t)}
.faq-item.open{box-shadow:var(--shadow-m);border-color:var(--forest-xl)}
.faq-q{width:100%;background:none;border:none;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-family:var(--fb);font-size:.92rem;font-weight:600;color:var(--ink);text-align:left;gap:12px}
.faq-q span{color:var(--forest-l);transition:transform var(--t);font-size:.9rem;flex-shrink:0}
.faq-item.open .faq-q span{transform:rotate(180deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .3s;font-size:.88rem;color:var(--muted);line-height:1.7;padding:0 20px}
.faq-item.open .faq-a{max-height:200px;padding:0 20px 16px}

/* ── CTA WPP ────────────────────────────────────────────────────── */
.cta-wpp{background:linear-gradient(135deg,#1a8a46 0%,#1da851 100%)}
.btn-wpp-cta{display:inline-flex;align-items:center;gap:9px;background:#fff;color:#1a7a3e;border-radius:50px;padding:15px 34px;font-weight:700;font-size:1rem;font-family:var(--fb);box-shadow:0 8px 28px rgba(0,0,0,.14);transition:all var(--t)}
.btn-wpp-cta:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(0,0,0,.2)}

/* ── WhatsApp float ─────────────────────────────────────────────── */
.wpp-float{position:fixed;bottom:24px;right:24px;z-index:999;width:56px;height:56px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;box-shadow:0 4px 20px rgba(37,211,102,.4);animation:wppPulse 2.5s ease-in-out infinite}
.wpp-float:hover{transform:scale(1.1);animation:none;box-shadow:0 8px 36px rgba(37,211,102,.55)}
@keyframes wppPulse{0%,100%{box-shadow:0 4px 20px rgba(37,211,102,.4)}50%{box-shadow:0 4px 44px rgba(37,211,102,.65)}}

/* ── Cart panel ─────────────────────────────────────────────────── */
.cart-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1100;opacity:0;pointer-events:none;transition:opacity .3s;backdrop-filter:blur(4px)}
.cart-backdrop.open{opacity:1;pointer-events:all}
.cart-panel{position:fixed;top:0;right:-440px;height:100%;width:min(430px,100vw);background:var(--white);z-index:1101;display:flex;flex-direction:column;transition:right .34s var(--ease);box-shadow:-20px 0 60px rgba(0,0,0,.14)}
.cart-panel.open{right:0}
.cart-head{padding:22px 22px 18px;border-bottom:1px solid var(--beige);display:flex;align-items:center;justify-content:space-between}
.cart-head h2{font-family:var(--fd);font-size:1.35rem;color:var(--ink)}
.close-btn{background:none;border:none;font-size:1.3rem;color:var(--muted);transition:color var(--t);padding:4px}
.close-btn:hover{color:var(--ink)}
.cart-body{flex:1;overflow-y:auto;padding:16px 18px;display:flex;flex-direction:column;gap:12px}
.cart-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted);text-align:center;padding:40px}
.cart-empty-state span{font-size:3.5rem}
.cart-item{display:flex;gap:12px;align-items:flex-start;padding:14px;background:var(--cream);border-radius:var(--r)}
.cart-item-img{width:66px;height:66px;object-fit:cover;border-radius:10px;flex-shrink:0}
.cart-item-info{flex:1}
.cart-item-name{font-weight:600;font-size:.87rem;color:var(--ink);margin-bottom:3px}
.cart-item-price{color:var(--forest-l);font-weight:700;font-size:.9rem}
.cart-item-qty{display:flex;align-items:center;gap:8px;margin-top:8px}
.qty-btn{width:27px;height:27px;background:var(--white);border:1px solid var(--beige);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.88rem;font-weight:700;color:var(--ink);cursor:pointer;transition:all var(--t)}
.qty-btn:hover{background:rgba(74,124,89,.1);border-color:var(--forest-xl)}
.qty-num{font-weight:700;min-width:20px;text-align:center;font-size:.9rem}
.cart-item-rm{background:none;border:none;color:var(--muted);font-size:.95rem;padding:4px;cursor:pointer;transition:color var(--t)}
.cart-item-rm:hover{color:#e53e3e}
.cart-foot{padding:16px 18px;border-top:1px solid var(--beige)}
.cart-total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.cart-total-row span{font-size:.9rem;font-weight:600;color:var(--mid)}
.cart-total-row strong{font-family:var(--fd);font-size:1.45rem;font-weight:700;color:var(--forest)}
.btn-wpp-checkout{width:100%;background:#25D366;color:#fff;border:none;border-radius:50px;padding:15px;font-family:var(--fb);font-size:.95rem;font-weight:700;cursor:pointer;transition:all var(--t);display:flex;align-items:center;justify-content:center;gap:10px}
.btn-wpp-checkout:hover{background:#1da851;transform:translateY(-2px);box-shadow:0 8px 24px rgba(37,211,102,.35)}

/* ── Toast ──────────────────────────────────────────────────────── */
.toast{position:fixed;bottom:90px;right:22px;z-index:3000;background:var(--forest);color:#fff;padding:12px 20px;border-radius:var(--r);font-size:.87rem;box-shadow:var(--shadow-l);opacity:0;pointer-events:none;transform:translateX(70px);transition:opacity .28s,transform .28s}
.toast.show{opacity:1;transform:translateX(0)}

/* ── Footer ─────────────────────────────────────────────────────── */
.footer{background:var(--forest);color:rgba(255,255,255,.75);padding:54px 0 22px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:42px}
.footer-logo-wrap{margin-bottom:18px}
.footer-logo-img{width:190px;height:auto;border-radius:12px;display:block;box-shadow:0 4px 32px rgba(201,162,39,.25);transition:box-shadow var(--t)}
.footer-logo-img:hover{box-shadow:0 6px 44px rgba(201,162,39,.45)}
.footer-brand p{font-size:.87rem;line-height:1.75;max-width:260px;margin-top:0}
.footer-wpp{display:inline-flex;align-items:center;gap:7px;margin-top:16px;color:#86efac;font-size:.88rem;font-weight:600}
.footer-wpp:hover{color:var(--gold-xl)}
.footer h5{color:#fff;font-size:.9rem;font-weight:700;margin-bottom:14px}
.flink{display:block;color:rgba(255,255,255,.65);font-size:.87rem;margin-bottom:8px;transition:color var(--t)}
.flink:hover{color:var(--gold-xl)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;display:flex;align-items:center;justify-content:space-between;font-size:.8rem;flex-wrap:wrap;gap:8px}

/* ── Responsive ──────────────────────────────────────────────────── */
@media(max-width:900px){
  .about-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr;gap:28px}
}
@media(max-width:720px){
  .hamburger{display:flex}
  .nav-links{display:none}
  .footer-grid{grid-template-columns:1fr}
  .hero-nums{gap:14px}
  .hero-logo-bg{background-size:80% auto}
}
@media(max-width:500px){
  .prod-grid{grid-template-columns:1fr 1fr;gap:12px}
  .prod-body{padding:12px}
  .prod-name{font-size:.98rem}
  .prod-price{font-size:1.1rem}
  .btn-add{padding:8px 11px;font-size:.77rem}
}

/* ── Depoimentos — card de envio ────────────────────────────────── */
.testim-add{background:var(--white);border-radius:var(--r-l);padding:26px 22px;box-shadow:var(--shadow-s);border:2px dashed var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all var(--t);text-align:center;min-height:160px}
.testim-add:hover{border-color:var(--gold);box-shadow:var(--shadow-m);transform:translateY(-4px)}
.testim-add-icon{font-size:2rem}
.testim-add h4{font-family:var(--fd);font-size:1.08rem;font-weight:700;color:var(--ink)}
.testim-add p{font-size:.84rem;color:var(--muted)}

/* ── Depoimentos — formulário ──────────────────────────────────── */
.dep-form-wrap{max-width:580px;margin:36px auto 0;background:var(--white);border-radius:var(--r-l);padding:36px;box-shadow:var(--shadow-l);text-align:left;border:1px solid var(--border)}
.dep-form-title{font-family:var(--fd);font-size:1.5rem;font-weight:700;color:var(--ink);margin-bottom:20px;text-align:center}
.dep-stars-row{display:flex;gap:6px;justify-content:center;margin-bottom:20px}
.dep-star{background:none;border:none;font-size:2rem;cursor:pointer;color:var(--beige);transition:color var(--t);line-height:1;padding:0}
.dep-star.active{color:var(--gold)}
.dep-input{width:100%;padding:13px 16px;border:2px solid var(--beige);border-radius:var(--r);font-family:var(--fb);font-size:.92rem;color:var(--ink);background:var(--cream);outline:none;transition:all var(--t);margin-bottom:12px;display:block}
.dep-input:focus{border-color:var(--gold);background:var(--white);box-shadow:0 0 0 4px rgba(201,162,39,.10)}
.dep-textarea{resize:vertical;min-height:110px}
.dep-form-btns{display:flex;gap:12px;margin-top:4px;flex-wrap:wrap}
.btn-dep-submit{background:var(--gold);color:var(--ink);border:none;border-radius:50px;padding:13px 28px;font-family:var(--fb);font-size:.92rem;font-weight:700;cursor:pointer;transition:all var(--t)}
.btn-dep-submit:hover{background:var(--gold-l);transform:translateY(-1px);box-shadow:var(--shadow-m)}
.btn-dep-cancel{background:none;border:2px solid var(--beige);border-radius:50px;padding:11px 24px;font-family:var(--fb);font-size:.9rem;color:var(--muted);cursor:pointer;transition:all var(--t)}
.btn-dep-cancel:hover{border-color:var(--muted);color:var(--ink)}

@media(max-width:600px){
  .dep-form-wrap{padding:24px 18px}
  .dep-form-btns{flex-direction:column}
  .btn-dep-submit,.btn-dep-cancel{width:100%;text-align:center}
}