/* ============================================================
   Tri Carimbos — Design System (loja)  v1
   Paleta quente/escolar · Fraunces + Nunito Sans · motivo carimbo
   Carregado DEPOIS do bootstrap antigo p/ sobrepor onde preciso.
   ============================================================ */

:root{
  /* cores */
  --ink:#2b2a2e;
  --ink-soft:#57545d;
  --brand:#e8452f;         /* vermelho carimbo (CTA) */
  --brand-dark:#c5361f;
  --brand-tint:#fdeae6;
  --teal:#12897a;          /* verde-azulado */
  --teal-dark:#0e6f63;
  --sun:#ffb623;           /* amarelo */
  --paper:#fbf4ea;         /* fundo creme */
  --surface:#ffffff;
  --muted:#f6efe3;
  --line:#ece1d1;
  --line-strong:#ddcdb4;
  --ok:#2e9e6b;
  /* tipografia */
  --serif:'Fraunces', Georgia, 'Times New Roman', serif;
  --sans:'Nunito Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  /* raios / sombras */
  --r-sm:8px; --r:14px; --r-lg:22px; --r-pill:999px;
  --sh-sm:0 2px 8px rgba(43,42,46,.06);
  --sh:0 10px 30px -12px rgba(43,42,46,.18);
  --sh-lg:0 24px 60px -20px rgba(43,42,46,.28);
  --wrap:1200px;
}

/* ---------- reset leve (não quebra páginas antigas) ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%; font-size:17.5px}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:var(--sans); font-size:1rem; line-height:1.68;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
img{max-width:100%; height:auto; display:block}
a{color:inherit; text-decoration:none}
button{font-family:inherit}
h1,h2,h3,h4{font-family:var(--serif); font-weight:600; line-height:1.12; letter-spacing:-.01em; margin:0 0 .4em; color:var(--ink)}
p{margin:0 0 1em}

.tc-wrap{max-width:var(--wrap); margin:0 auto; padding:0 20px}
.tc-eyebrow{font-family:var(--sans); font-weight:800; font-size:.78rem; letter-spacing:.14em; text-transform:uppercase; color:var(--brand)}
.tc-muted{color:var(--ink-soft)}

/* ---------- botões ---------- */
.tc-btn{
  display:inline-flex; align-items:center; gap:.55em; cursor:pointer;
  font-family:var(--sans); font-weight:800; font-size:.98rem; line-height:1;
  padding:.92em 1.5em; border-radius:var(--r-pill); border:2px solid transparent;
  transition:transform .12s ease, box-shadow .2s ease, background .2s ease, color .2s;
}
.tc-btn svg{width:1.15em; height:1.15em}
.tc-btn:active{transform:translateY(1px)}
.tc-btn--primary{background:var(--brand); color:#fff; box-shadow:0 8px 20px -8px rgba(232,69,47,.6)}
.tc-btn--primary:hover{background:var(--brand-dark); color:#fff}
.tc-btn--dark{background:var(--ink); color:#fff}
.tc-btn--dark:hover{background:#000; color:#fff}
.tc-btn--ghost{background:transparent; color:var(--ink); border-color:var(--line-strong)}
.tc-btn--ghost:hover{border-color:var(--ink); background:#fff}
.tc-btn--wa{background:#25d366; color:#0b3d24}
.tc-btn--wa:hover{background:#1fbe5a; color:#0b3d24}
.tc-btn--sm{padding:.62em 1.05em; font-size:.86rem}
.tc-btn--block{width:100%; justify-content:center}

/* ---------- badge / selo carimbo ---------- */
.tc-badge{display:inline-flex; align-items:center; gap:.4em; font-weight:800; font-size:.72rem; letter-spacing:.06em; text-transform:uppercase; padding:.42em .7em; border-radius:var(--r-pill)}
.tc-badge--sun{background:var(--sun); color:#5a3d00}
.tc-badge--teal{background:var(--teal); color:#fff}
.tc-badge--brand{background:var(--brand-tint); color:var(--brand-dark)}
.tc-seal{
  display:inline-grid; place-items:center; width:74px; height:74px; text-align:center;
  font-family:var(--serif); font-weight:600; font-size:.72rem; line-height:1.05; color:var(--brand-dark);
  border:2px dashed var(--brand); border-radius:50%; transform:rotate(-8deg); background:#fff;
}

/* ============================================================
   HEADER
   ============================================================ */
.tc-announce{background:var(--ink); color:#fff; font-size:.84rem}
.tc-announce .tc-wrap{display:flex; align-items:center; justify-content:center; gap:1.6rem; padding:9px 20px; flex-wrap:wrap}
.tc-announce b{color:var(--sun)}
.tc-announce span{display:inline-flex; align-items:center; gap:.45em}
.tc-announce svg{width:16px;height:16px;opacity:.9}

.tc-head{position:sticky; top:0; z-index:900; background:var(--surface); border-bottom:1px solid var(--line); box-shadow:var(--sh-sm)}
.tc-head__main{display:flex; align-items:center; gap:22px; padding:10px 20px; max-width:var(--wrap); margin:0 auto}
.tc-logo{flex:0 0 auto}
.tc-logo img{height:110px; width:auto}
.tc-search{flex:1 1 auto; max-width:560px; position:relative}
.tc-search input{
  width:100%; border:2px solid var(--line-strong); background:var(--muted);
  border-radius:var(--r-pill); padding:.78em 3.1em .78em 1.2em; font-size:.95rem; color:var(--ink);
  transition:border-color .2s, background .2s;
}
.tc-search input:focus{outline:none; border-color:var(--brand); background:#fff}
.tc-search button{position:absolute; right:5px; top:50%; transform:translateY(-50%); width:40px; height:40px; border:none; border-radius:50%; background:var(--brand); color:#fff; display:grid; place-items:center; cursor:pointer}
.tc-search button svg{width:18px;height:18px}
.tc-head__actions{flex:0 0 auto; display:flex; align-items:center; gap:8px; margin-left:auto}
.tc-iconlink{display:inline-flex; align-items:center; gap:.5em; padding:.55em .7em; border-radius:var(--r); color:var(--ink); font-weight:700; font-size:.9rem}
.tc-iconlink:hover{background:var(--muted)}
.tc-iconlink svg{width:22px;height:22px}
.tc-iconlink small{display:block; font-weight:600; font-size:.7rem; color:var(--ink-soft); line-height:1}
.tc-iconlink b{display:block; font-size:.9rem; line-height:1.1}
.tc-cart{position:relative}
.tc-cart__count{position:absolute; top:-2px; left:20px; min-width:19px; height:19px; padding:0 5px; background:var(--brand); color:#fff; border-radius:var(--r-pill); font-size:.7rem; font-weight:800; display:grid; place-items:center; border:2px solid #fff}

.tc-nav{background:var(--surface); border-bottom:1px solid var(--line)}
.tc-nav__inner{display:flex; align-items:center; gap:6px; max-width:var(--wrap); margin:0 auto; padding:0 20px}
.tc-nav a{display:inline-flex; align-items:center; gap:.5em; padding:15px 15px; font-weight:700; font-size:1rem; color:var(--ink); border-bottom:3px solid transparent; transition:color .15s, border-color .15s}
.tc-nav a:hover{color:var(--brand); border-color:var(--brand)}
.tc-nav a svg{width:17px;height:17px}
.tc-nav__cats{position:relative}
.tc-nav__cats:hover .tc-megamenu{opacity:1; visibility:visible; transform:translateY(0)}
.tc-nav__spacer{flex:1}
.tc-nav__wa{color:var(--teal-dark); font-weight:800}
.tc-megamenu{
  position:absolute; top:100%; left:0; min-width:280px; background:#fff; border:1px solid var(--line);
  border-radius:0 0 var(--r) var(--r); box-shadow:var(--sh); padding:10px; z-index:20;
  opacity:0; visibility:hidden; transform:translateY(8px); transition:.18s ease;
}
.tc-megamenu a{display:flex; justify-content:space-between; align-items:center; padding:10px 12px; border:none; border-radius:var(--r-sm); font-weight:700}
.tc-megamenu a:hover{background:var(--brand-tint); color:var(--brand-dark)}
.tc-megamenu a span{font-size:.78rem; color:var(--ink-soft); font-weight:700; background:var(--muted); padding:.15em .6em; border-radius:var(--r-pill)}

/* mobile header toggle */
.tc-burger{display:none; flex:0 0 auto; width:46px; height:46px; padding:0; border:2px solid var(--line-strong); border-radius:var(--r); background:#fff; color:var(--ink); cursor:pointer; place-items:center}
.tc-burger svg{width:24px; height:24px; stroke:var(--ink); fill:none}
/* elementos exclusivos do drawer mobile — escondidos no desktop */
.tc-nav__mhead,.tc-nav__search,.tc-nav__mlogin,.tc-overlay{display:none}
.tc-noscroll{overflow:hidden}

/* ============================================================
   HERO
   ============================================================ */
.tc-hero{position:relative; overflow:hidden; background:
   radial-gradient(120% 120% at 90% -10%, #fff 0, transparent 55%),
   linear-gradient(180deg,#fff5ec 0,var(--paper) 100%)}
.tc-hero__inner{display:grid; grid-template-columns:1.05fr .95fr; gap:48px; align-items:center; max-width:var(--wrap); margin:0 auto; padding:64px 20px 72px}
.tc-hero__eyebrow{display:inline-flex; align-items:center; gap:.6em; margin-bottom:18px}
.tc-hero h1{font-size:clamp(2.3rem,4.6vw,3.7rem); font-weight:600}
.tc-hero h1 em{font-style:normal; color:var(--brand); position:relative; white-space:nowrap}
.tc-hero h1 em::after{content:""; position:absolute; left:0; right:0; bottom:.06em; height:.28em; background:var(--sun); opacity:.55; z-index:-1; border-radius:3px}
.tc-hero p.lead{font-size:1.16rem; color:var(--ink-soft); max-width:34ch; margin:.5em 0 1.6em}
.tc-hero__cta{display:flex; gap:12px; flex-wrap:wrap}
.tc-hero__trust{display:flex; gap:22px; margin-top:26px; flex-wrap:wrap; color:var(--ink-soft); font-size:.9rem; font-weight:700}
.tc-hero__trust span{display:inline-flex; align-items:center; gap:.5em}
.tc-hero__trust svg{width:18px;height:18px; color:var(--teal)}
.tc-hero__art{position:relative}
.tc-hero__art img{width:100%; border-radius:var(--r-lg); box-shadow:var(--sh-lg); border:6px solid #fff; object-fit:cover; aspect-ratio:4/3}
.tc-hero__seal{position:absolute; bottom:-22px; left:-22px; width:120px; height:120px; transform:rotate(-10deg)}
.tc-hero__chip{position:absolute; top:18px; right:-14px; background:#fff; box-shadow:var(--sh); border-radius:var(--r); padding:12px 16px; font-weight:800; font-size:.92rem; display:flex; align-items:center; gap:.6em}
.tc-hero__chip b{color:var(--teal-dark)}
.tc-hero__chip .n{font-family:var(--serif); font-size:1.4rem; color:var(--ink)}

/* ============================================================
   BENEFÍCIOS (strip)
   ============================================================ */
.tc-benefits{background:var(--ink); color:#fff}
.tc-benefits__grid{display:grid; grid-template-columns:repeat(4,1fr); gap:8px; max-width:var(--wrap); margin:0 auto; padding:22px 20px}
.tc-benefit{display:flex; align-items:center; gap:14px; padding:6px 14px}
.tc-benefit svg{width:30px; height:30px; color:var(--sun); flex:0 0 auto}
.tc-benefit b{display:block; font-size:.98rem}
.tc-benefit small{color:#c9c6cf; font-size:.82rem}

/* ============================================================
   SEÇÕES
   ============================================================ */
.tc-section{padding:64px 0}
.tc-section--muted{background:var(--surface)}
.tc-sec-head{display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:34px}
.tc-sec-head h2{font-size:clamp(1.8rem,3vw,2.5rem); margin:0}
.tc-sec-head p{margin:.4em 0 0; color:var(--ink-soft)}
.tc-sec-head a.tc-seeall{font-weight:800; color:var(--brand); white-space:nowrap; display:inline-flex; align-items:center; gap:.4em}
.tc-sort{display:flex; align-items:center; gap:10px; font-size:.92rem; color:var(--ink-soft); white-space:nowrap; margin:0}
.tc-sort select{border:2px solid var(--line-strong); border-radius:var(--r-pill); padding:.55em 2.2em .55em 1em; font-weight:700; font-size:.92rem; color:var(--ink); background:#fff; cursor:pointer}
.tc-sort select:focus{outline:none; border-color:var(--brand)}

/* categorias */
.tc-cats{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
.tc-cat{position:relative; display:flex; flex-direction:column; justify-content:flex-end; min-height:170px; padding:22px; border-radius:var(--r-lg); overflow:hidden; color:#fff; background:var(--ink); box-shadow:var(--sh-sm); transition:transform .18s ease, box-shadow .2s}
.tc-cat:hover{transform:translateY(-4px); box-shadow:var(--sh)}
.tc-cat::before{content:""; position:absolute; inset:0; background:linear-gradient(160deg, rgba(0,0,0,.05), rgba(0,0,0,.55)); z-index:1}
.tc-cat img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0}
.tc-cat__body{position:relative; z-index:2}
.tc-cat h3{color:#fff; margin:0 0 2px; font-size:1.35rem}
.tc-cat span{font-weight:700; font-size:.85rem; opacity:.9}
.tc-cat--c0{background:var(--brand)} .tc-cat--c1{background:var(--teal)} .tc-cat--c2{background:#7a5cff}
.tc-cat--c3{background:#e0862a} .tc-cat--c4{background:#3a86c8} .tc-cat--c5{background:#d24b7a}

/* grade de produtos */
.tc-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:22px}
.tc-card{position:relative; background:#fff; border:1px solid var(--line); border-radius:var(--r-lg); overflow:hidden; display:flex; flex-direction:column; transition:transform .18s ease, box-shadow .2s ease, border-color .2s}
.tc-card:hover{transform:translateY(-5px); box-shadow:var(--sh); border-color:var(--line-strong)}
.tc-card__media{position:relative; aspect-ratio:1/1; background:var(--muted); overflow:hidden}
.tc-card__media img{width:100%; height:100%; object-fit:cover; transition:transform .3s ease}
.tc-card:hover .tc-card__media img{transform:scale(1.05)}
.tc-card__flags{position:absolute; top:12px; left:12px; display:flex; flex-direction:column; gap:6px; z-index:2}
.tc-card__fav{position:absolute; top:12px; right:12px; width:36px; height:36px; border-radius:50%; background:rgba(255,255,255,.92); display:grid; place-items:center; z-index:2; color:var(--ink-soft)}
.tc-card__body{padding:16px 16px 18px; display:flex; flex-direction:column; flex:1}
.tc-card__cat{font-size:.74rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--teal); margin-bottom:5px}
.tc-card h3{font-family:var(--sans); font-weight:800; font-size:1.08rem; line-height:1.32; margin:0 0 10px; letter-spacing:0; min-height:2.6em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
.tc-card h3 a:hover{color:var(--brand)}
.tc-card__price{margin-top:auto}
.tc-card__from{font-size:.84rem; color:var(--ink-soft); font-weight:700}
.tc-card__val{font-family:var(--serif); font-weight:600; font-size:1.6rem; color:var(--ink); line-height:1}
.tc-card__val small{font-size:.9rem}
.tc-card__parc{font-size:.86rem; color:var(--ink-soft); margin-top:3px}
.tc-card__cta{margin-top:14px}

/* ============================================================
   PROVA SOCIAL / STATS
   ============================================================ */
.tc-stats{background:
   linear-gradient(180deg,var(--surface),var(--surface));
   border-top:1px solid var(--line); border-bottom:1px solid var(--line)}
.tc-stats__grid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px; max-width:var(--wrap); margin:0 auto; padding:50px 20px; text-align:center}
.tc-stat .n{font-family:var(--serif); font-weight:600; font-size:2.6rem; color:var(--brand); line-height:1}
.tc-stat p{margin:.3em 0 0; font-weight:700; color:var(--ink-soft); font-size:.95rem}

/* depoimentos */
.tc-quotes{display:grid; grid-template-columns:repeat(3,1fr); gap:20px}
.tc-quote{background:#fff; border:1px solid var(--line); border-radius:var(--r-lg); padding:26px 24px; position:relative}
.tc-quote::before{content:"”"; position:absolute; top:2px; right:20px; font-family:var(--serif); font-size:5rem; color:var(--brand-tint); line-height:1}
.tc-quote__stars{color:var(--sun); letter-spacing:2px; margin-bottom:10px; font-size:1.05rem}
.tc-quote p{font-size:1rem; color:var(--ink); position:relative; z-index:1}
.tc-quote__who{display:flex; align-items:center; gap:12px; margin-top:16px}
.tc-quote__av{width:44px;height:44px;border-radius:50%; background:var(--teal); color:#fff; display:grid; place-items:center; font-weight:800; font-family:var(--serif)}
.tc-quote__who b{display:block; font-size:.95rem}
.tc-quote__who small{color:var(--ink-soft)}

/* CTA / newsletter */
.tc-cta{background:var(--brand); color:#fff; border-radius:var(--r-lg); padding:46px; display:grid; grid-template-columns:1.2fr 1fr; gap:30px; align-items:center; position:relative; overflow:hidden}
.tc-cta::after{content:""; position:absolute; right:-40px; top:-40px; width:220px; height:220px; border:3px dashed rgba(255,255,255,.35); border-radius:50%}
.tc-cta h2{color:#fff; font-size:2rem; margin:0 0 .3em}
.tc-cta p{color:#ffe3dd; margin:0}
.tc-cta form{display:flex; gap:10px; position:relative; z-index:1}
.tc-cta input{flex:1; border:none; border-radius:var(--r-pill); padding:1em 1.3em; font-size:1rem}
.tc-cta input:focus{outline:3px solid var(--sun)}

/* ============================================================
   FOOTER
   ============================================================ */
.tc-foot{background:var(--ink); color:#cfccd6; margin-top:0}
.tc-foot__top{display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:36px; max-width:var(--wrap); margin:0 auto; padding:58px 20px 40px}
.tc-foot h4{color:#fff; font-family:var(--sans); font-weight:800; font-size:.82rem; letter-spacing:.12em; text-transform:uppercase; margin:0 0 18px}
.tc-foot ul{list-style:none; margin:0; padding:0}
.tc-foot li{margin-bottom:10px}
.tc-foot a:hover{color:#fff}
.tc-foot__logo img{height:84px; margin-bottom:16px; filter:brightness(0) invert(1)}
.tc-foot__desc{font-size:.92rem; line-height:1.65; max-width:32ch}
.tc-foot__social{display:flex; gap:10px; margin-top:18px}
.tc-foot__social a{width:40px;height:40px;border-radius:50%; background:rgba(255,255,255,.08); display:grid; place-items:center; color:#fff; transition:background .2s}
.tc-foot__social a:hover{background:var(--brand)}
.tc-foot__social svg{width:19px;height:19px}
.tc-foot__contact li{display:flex; align-items:flex-start; gap:.6em; font-size:.92rem}
.tc-foot__contact svg{width:17px;height:17px;color:var(--sun); flex:0 0 auto; margin-top:.2em}
.tc-pay{display:flex; flex-wrap:wrap; gap:8px; margin-top:6px}
.tc-pay span{background:#fff; color:#1a1a1a; font-weight:800; font-size:.66rem; letter-spacing:.02em; padding:.4em .6em; border-radius:6px}
.tc-foot__bottom{border-top:1px solid rgba(255,255,255,.1)}
.tc-foot__bottom .tc-wrap{display:flex; align-items:center; justify-content:space-between; gap:14px; padding:20px; font-size:.84rem; flex-wrap:wrap}
.tc-foot__bottom b{color:#fff}

/* ============================================================
   RESPONSIVO
   ============================================================ */
@media (max-width:1024px){
  .tc-grid{grid-template-columns:repeat(3,1fr)}
  .tc-foot__top{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  /* --- layout --- */
  .tc-hero__inner{grid-template-columns:1fr; gap:30px; padding:36px 20px 46px}
  .tc-hero__art{order:-1}
  .tc-hero p.lead{max-width:none}
  .tc-benefits__grid{grid-template-columns:1fr 1fr}
  .tc-cats{grid-template-columns:1fr 1fr}
  .tc-grid{grid-template-columns:repeat(2,1fr)}
  .tc-stats__grid{grid-template-columns:1fr 1fr; gap:30px 20px}
  .tc-quotes{grid-template-columns:1fr}
  .tc-cta{grid-template-columns:1fr; padding:34px 26px}
  .tc-section{padding:44px 0}
  .tc-sec-head{flex-direction:column; align-items:flex-start; gap:8px; margin-bottom:26px}
}
/* Telas de resolução intermediária (ex: 1280x1024): mantém o header completo (desktop),
   apenas compacta o menu para caber sem quebrar palavras */
@media (min-width:861px) and (max-width:1300px){
  .tc-nav__inner{gap:0; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none}
  .tc-nav__inner::-webkit-scrollbar{display:none}
  .tc-nav a{padding:15px 10px; font-size:.92rem; white-space:nowrap}
  .tc-search{max-width:320px}
  .tc-head__main{gap:14px}
}
@media (max-width:860px){
  /* --- header --- */
  .tc-burger{display:grid}
  .tc-search{display:none}
  .tc-logo img{height:66px}
  .tc-head__main{gap:12px; padding:10px 16px}
  .tc-head__actions .tc-iconlink{padding:.5em}
  .tc-head__actions .tc-iconlink small{display:none}

  /* --- drawer mobile --- */
  .tc-overlay{display:block; position:fixed; inset:0; background:rgba(20,18,22,.5); opacity:0; visibility:hidden; transition:opacity .25s, visibility .25s; z-index:998}
  .tc-overlay--on{opacity:1; visibility:visible}
  .tc-nav{position:fixed; top:0; left:0; width:min(87vw,340px); height:100dvh; background:#fff; border:none; box-shadow:var(--sh-lg); transform:translateX(-100%); transition:transform .28s ease; z-index:999; overflow-y:auto}
  .tc-nav--open{transform:translateX(0)}
  .tc-nav__inner{flex-direction:column; align-items:stretch; gap:0; padding:0 0 40px; max-width:none; overflow:visible; white-space:normal}
  .tc-nav__mhead{display:flex; align-items:center; justify-content:space-between; padding:15px 18px; border-bottom:1px solid var(--line); position:sticky; top:0; background:#fff; z-index:1}
  .tc-nav__mhead span{font-family:var(--serif); font-weight:600; font-size:1.2rem}
  .tc-nav__close{width:40px; height:40px; border:none; background:var(--muted); border-radius:50%; display:grid; place-items:center; cursor:pointer; color:var(--ink)}
  .tc-nav__close svg{width:20px; height:20px}
  .tc-nav__search{display:flex; position:relative; margin:14px 16px 6px}
  .tc-nav__search input{width:100%; border:2px solid var(--line-strong); background:var(--muted); border-radius:var(--r-pill); padding:.72em 3em .72em 1.1em; font-size:1rem; color:var(--ink)}
  .tc-nav__search input:focus{outline:none; border-color:var(--brand); background:#fff}
  .tc-nav__search button{position:absolute; right:5px; top:50%; transform:translateY(-50%); width:36px; height:36px; border:none; border-radius:50%; background:var(--brand); color:#fff; display:grid; place-items:center}
  .tc-nav__search button svg{width:17px; height:17px}
  .tc-nav a{border-bottom:1px solid var(--line); border-left:3px solid transparent; padding:15px 20px; font-size:1.05rem; width:100%}
  .tc-nav a:hover{color:var(--brand); border-bottom-color:var(--line); border-left-color:var(--brand)}
  .tc-nav__catshead{font-weight:800}
  .tc-nav__catshead svg{margin-left:auto}
  .tc-megamenu{position:static; opacity:1; visibility:visible; transform:none; box-shadow:none; border:none; border-radius:0; padding:0; min-width:0; background:var(--muted)}
  .tc-megamenu a{padding:12px 20px 12px 38px; font-weight:700; font-size:1rem}
  .tc-megamenu a:hover{background:var(--brand-tint)}
  .tc-megamenu a span{display:none}
  .tc-nav__mlogin{display:block}
  .tc-nav__spacer{display:none}
  .tc-nav__wa{margin:16px; border:2px solid #25d366; border-radius:var(--r-pill); justify-content:center; color:#0b3d24; background:#eafcf1}
}
@media (max-width:520px){
  .tc-announce .tc-wrap{gap:.9rem; font-size:.78rem}
  .tc-benefits__grid{grid-template-columns:1fr}
  .tc-cats{grid-template-columns:1fr}
  .tc-grid{grid-template-columns:1fr 1fr; gap:12px}
  .tc-card__body{padding:12px 12px 14px}
  .tc-card h3{font-size:.98rem; min-height:2.5em}
  .tc-card__val{font-size:1.35rem}
  .tc-stats__grid{grid-template-columns:1fr 1fr}
  .tc-foot__top{grid-template-columns:1fr; gap:26px}
  .tc-logo img{height:58px}
  .tc-head__actions .tc-iconlink:not(.tc-cart){display:none}
  .tc-hero h1{font-size:2rem}
  .tc-hero__chip{display:none}
}

/* ============================================================
   Carrinho / Checkout (loja) — modernizacao SO-CSS
   (mantem markup/JS antigos; apenas reveste as classes woocommerce/hcode)
   ============================================================ */
.product-big-title-area{background:linear-gradient(180deg,#fff5ec,var(--paper)); border-bottom:1px solid var(--line); padding:34px 0}
.product-big-title-area h2,.product-bit-title h2{font-family:var(--serif); font-weight:600; color:var(--ink); font-size:2rem; margin:0}
.single-product-area,.maincontent-area{padding:40px 0 60px}
.single-product-area .zigzag-bottom,.maincontent-area .zigzag-bottom{display:none}

.shop_table{width:100%; background:#fff; border:1px solid var(--line); border-radius:var(--r-lg); border-collapse:separate; border-spacing:0; overflow:hidden; box-shadow:var(--sh-sm)}
.shop_table thead th{background:var(--muted); text-transform:uppercase; font-size:.74rem; letter-spacing:.05em; color:var(--ink-soft); font-weight:800; padding:14px 16px; text-align:left; border:none}
.shop_table td{padding:14px 16px; border-top:1px solid var(--line); vertical-align:middle; color:var(--ink)}
.shop_table img{border-radius:var(--r-sm); max-width:70px; height:auto}
.shop_table .product-remove a.remove{display:inline-grid; place-items:center; width:28px; height:28px; border-radius:50%; background:var(--brand-tint); color:var(--brand-dark); font-weight:800; text-decoration:none}
.shop_table .product-remove a.remove:hover{background:var(--brand); color:#fff}
.shop_table .amount,.shop_table .product-subtotal,.shop_table .product-price{font-weight:700}

/* botoes woocommerce/hcode -> marca */
.single-product-area .button,.single-product-area button[type=submit],.single-product-area input[type=submit],
.checkout .button,.checkout button[type=submit],.woocommerce .button{
  background:var(--brand) !important; color:#fff !important; border:none !important; border-radius:var(--r-pill) !important;
  font-family:var(--sans) !important; font-weight:800 !important; padding:.8em 1.6em !important; cursor:pointer; transition:background .15s}
.single-product-area .button:hover,.woocommerce .button:hover,.single-product-area button[type=submit]:hover{background:var(--brand-dark) !important}

/* inputs (frete/cupom/checkout) */
.single-product-area input[type=text],.single-product-area input[type=email],.single-product-area input[type=tel],
.single-product-area input[type=number],.single-product-area select,.checkout input,.checkout select,.checkout textarea{
  border:2px solid var(--line-strong) !important; border-radius:var(--r) !important; padding:10px 14px !important; font-family:var(--sans);
  background:#fff; box-shadow:none !important; height:auto}
.single-product-area input:focus,.checkout input:focus,.single-product-area select:focus{outline:none; border-color:var(--brand) !important}

/* blocos de total / cupom / frete */
.cart_totals,.cart-collaterals,.coupon,.checkout-review,.order_review{background:#fff; border:1px solid var(--line); border-radius:var(--r-lg); padding:22px; box-shadow:var(--sh-sm)}
.cart_totals h2,.cart-collaterals h2{font-family:var(--serif); font-weight:600; font-size:1.4rem; margin:0 0 14px}
.cart_totals table td,.cart_totals table th{padding:10px 0; border-top:1px dashed var(--line)}

/* quantidade */
.quantity input.qty{width:64px; text-align:center; border:2px solid var(--line-strong) !important; border-radius:var(--r-sm) !important; padding:8px !important}

/* alerts */
.single-product-area .alert,.maincontent-area .alert{border-radius:var(--r); border:none; font-weight:700}
.single-product-area .alert-danger{background:var(--brand-tint); color:var(--brand-dark)}

/* ---------- Paginação (loja) ---------- */
.product-pagination{margin:36px 0 10px}
.pagination{display:inline-flex; flex-wrap:wrap; gap:7px; padding:0; margin:0; list-style:none; justify-content:center}
.pagination>li{display:inline-flex}
.pagination>li>a,.pagination>li>span{display:grid; place-items:center; min-width:44px; height:44px; padding:0 13px; border:2px solid var(--line); border-radius:var(--r); background:#fff; color:var(--ink) !important; font-weight:800; font-size:.95rem; text-decoration:none; transition:.15s; line-height:1}
.pagination>li>a:hover{border-color:var(--brand); color:var(--brand) !important; background:var(--brand-tint)}
.pagination>li.active>a,.pagination>li.active>span{background:var(--brand); border-color:var(--brand); color:#fff !important; box-shadow:0 6px 16px -8px rgba(232,69,47,.6)}
.pagination>li.disabled>a,.pagination>li.disabled>span{opacity:.4; pointer-events:none}
.pagination>li.gap>span{border:none; background:transparent; min-width:20px}
.pagination>li.nav>a{font-weight:800}

/* ---------- Tabela de pedidos / conta (Meus Pedidos) ---------- */
.single-product-area .table{width:100%; background:#fff; border:1px solid var(--line); border-radius:var(--r-lg); border-collapse:separate; border-spacing:0; overflow:hidden; box-shadow:var(--sh-sm); margin-top:14px}
.single-product-area .table thead th{background:var(--muted); text-transform:uppercase; font-size:.72rem; letter-spacing:.05em; color:var(--ink-soft); font-weight:800; padding:14px 16px; border:none; vertical-align:middle; white-space:nowrap}
.single-product-area .table tbody>tr>td,.single-product-area .table tbody>tr>th{padding:16px; border-top:1px solid var(--line); vertical-align:top; font-size:.94rem; line-height:1.5}
.single-product-area .table tbody>tr>th{font-weight:800}
.single-product-area .table tbody>tr:hover{background:#faf7f2}
.single-product-area .table td:nth-child(6){min-width:260px; max-width:340px; color:var(--ink-soft)}
.single-product-area .table td:nth-child(2){white-space:nowrap; font-weight:700}
.single-product-area .table .btn-default{background:var(--ink) !important; color:#fff !important; border:none !important; border-radius:var(--r-pill) !important; padding:.55em 1.2em !important; font-weight:800; white-space:nowrap}
.single-product-area .table .btn-default:hover{background:#000 !important}

/* ---------- WhatsApp flutuante (global) ---------- */
.tc-wafloat{position:fixed; bottom:22px; right:22px; width:58px; height:58px; border-radius:50%; background:#25d366; color:#fff; display:grid; place-items:center; z-index:950; box-shadow:0 10px 26px -6px rgba(37,211,102,.7); transition:transform .15s ease}
.tc-wafloat:hover{transform:scale(1.08); color:#fff}
.tc-wafloat svg{width:32px; height:32px}
.tc-wafloat::after{content:""; position:absolute; inset:0; border-radius:50%; box-shadow:0 0 0 0 rgba(37,211,102,.5); animation:tcWaPulse 2.4s infinite}
@keyframes tcWaPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)} 70%{box-shadow:0 0 0 16px rgba(37,211,102,0)} 100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
@media (max-width:520px){ .tc-wafloat{width:52px; height:52px; bottom:16px; right:16px} .tc-wafloat svg{width:28px;height:28px} }

/* announcement: 3 itens em 1 linha no mobile + header estavel */
@media (max-width:600px){
  .tc-announce .tc-wrap{flex-wrap:nowrap; gap:.5rem; font-size:.6rem; padding:7px 8px; overflow:hidden; justify-content:space-between}
  .tc-announce svg{display:inline-block; width:11px; height:11px; flex:0 0 auto; opacity:.9}
  .tc-announce span{gap:.3em}
  .tc-announce span{white-space:nowrap}
}
@media (max-width:360px){ .tc-announce .tc-wrap{font-size:.54rem; gap:.35rem} }
.tc-head{-webkit-backface-visibility:hidden; backface-visibility:hidden}

/* ===== Topo FIXO no mobile (announcement + header) ===== */
@media (max-width:860px){
  .tc-announce{position:fixed; top:0; left:0; right:0; z-index:901; height:30px}
  .tc-announce .tc-wrap{height:30px; padding:0 10px}
  .tc-head{position:fixed; top:30px; left:0; right:0; z-index:900; box-shadow:0 4px 14px -8px rgba(0,0,0,.25)}
  .tc-logo img{height:46px}
  .tc-head__main{padding:8px 14px; gap:10px}
  body{padding-top:92px}
}
@media (max-width:520px){ .tc-logo img{height:44px} }

/* ===== Footer mobile compacto (2 colunas, mantém tudo) ===== */
@media (max-width:640px){
  .tc-foot__top{grid-template-columns:1fr 1fr; gap:22px 16px; padding:30px 20px 20px}
  .tc-foot__about{grid-column:1 / -1}
  .tc-foot__logo img{height:56px; margin-bottom:10px}
  .tc-foot__desc{font-size:.88rem; max-width:none; margin-bottom:10px}
  .tc-foot h4{font-size:.74rem; margin-bottom:10px}
  .tc-foot li{margin-bottom:7px; font-size:.9rem}
  .tc-foot__contact li{font-size:.86rem}
  .tc-foot__social{margin-top:10px}
  .tc-foot__bottom .tc-wrap{flex-direction:column; gap:5px; text-align:center; font-size:.76rem; padding:14px 20px}
}

/* footer mobile: pagamentos lado a lado + horario 1 linha */
@media (max-width:640px){
  .tc-foot__top>div:last-child{grid-column:1 / -1}
  .tc-pay{gap:6px; flex-wrap:wrap; justify-content:flex-start}
  .tc-pay span{font-size:.62rem; padding:.36em .58em}
  .tc-foot__contact small{white-space:nowrap; font-size:.78rem; display:block}
  .tc-foot__contact li a{white-space:normal}
}

/* ===== Drawer mobile: conter scroll (fim do "flutuante"/rubber-band) ===== */
html,body{overscroll-behavior-y:auto}
.tc-nav{overscroll-behavior:contain}
body.tc-noscroll{overflow:hidden; touch-action:none}
@media (max-width:860px){
  .tc-announce{z-index:899}
  .tc-nav{z-index:1000}
  .tc-overlay{z-index:999}
}

/* ===== Drawer iOS: outer sem scroll, inner rola (fim do quique/white space) ===== */
@media (max-width:860px){
  .tc-nav{overflow:hidden !important; display:flex; flex-direction:column; height:100vh; height:100dvh}
  .tc-nav__inner{overflow-y:auto; overscroll-behavior:contain; flex:1 1 auto; min-height:0}
}

/* ============================================================
   Página de PRODUTO (product-detail) — modernização só-CSS
   ============================================================ */
.single-product-area .product-content-right{background:#fff; border:1px solid var(--line); border-radius:var(--r-lg); padding:26px; box-shadow:var(--sh-sm); margin-top:10px}
.product-breadcroumb{font-size:.85rem; color:var(--ink-soft); margin-bottom:18px; display:flex; gap:6px; flex-wrap:wrap}
.product-breadcroumb a{color:var(--ink-soft)} .product-breadcroumb a:hover{color:var(--brand)}
/* galeria */
.pad_thumb{padding:4px !important}
.product-main-img.mar_thumb{margin-bottom:8px}
.fotothumb{width:100%; border:2px solid var(--line); border-radius:var(--r-sm); cursor:pointer; transition:border-color .15s; background:#fff}
.fotothumb:hover{border-color:var(--brand)}
#fotoprincipal{width:100%; border:1px solid var(--line); border-radius:var(--r); background:var(--muted); object-fit:contain}
/* info */
.product-inner .product-name{font-family:var(--serif); font-weight:600; font-size:1.7rem; line-height:1.15; margin:0 0 8px; color:var(--ink)}
.product-inner .info,.title_escolha{color:var(--ink-soft); font-size:.9rem; display:block; margin-bottom:4px}
.product-inner-price{margin:14px 0}
.product-inner-price ins,#vlprice{font-family:var(--serif); font-weight:600; font-size:2rem; color:var(--brand); text-decoration:none}
/* selects e inputs padronizados */
.single-product-area select.qty,.single-product-area .input-text,.single-product-area input[type=text].text{
  height:48px !important; border:2px solid var(--line-strong) !important; border-radius:var(--r) !important; padding:0 14px !important;
  font-size:1rem !important; font-family:var(--sans); background:#fff !important; width:100%; max-width:280px; box-shadow:none !important; float:none !important; margin-bottom:4px}
.single-product-area select.qty:focus,.single-product-area .input-text:focus{outline:none; border-color:var(--brand) !important}
.single-product-area .product-content-right>form>div span[style*="float"],.product-inner span[style*="width:100%"]{font-weight:800 !important; font-size:.86rem; color:var(--ink); margin:14px 0 6px !important; display:block !important; float:none !important}
/* quantidade +/- */
.quantity{display:flex; align-items:center; gap:6px; margin:6px 0 16px}
.quantity span{width:100% !important; font-weight:800 !important; font-size:.86rem}
.btnmais,.btnmenos{width:42px; height:48px; border:2px solid var(--line-strong); border-radius:var(--r); display:grid !important; place-items:center; font-size:1.3rem; font-weight:800; color:var(--ink); background:#fff; float:none !important; margin:0 !important; user-select:none}
.btnmais:hover,.btnmenos:hover{border-color:var(--brand); color:var(--brand)}
.quantity select.qty,.quantity input.qty{max-width:100px !important; text-align:center}
/* colunas de cor lado a lado */
.product-inner .row{display:flex; flex-wrap:wrap; gap:16px; margin:0}
.product-inner .row>[class*="col-"]{padding:0; flex:1 1 200px}
/* grade de carimbos (stamps) */
.title_escolha{font-family:var(--sans); font-weight:800 !important; font-size:1rem !important; color:var(--ink) !important; margin:18px 0 12px !important}
.title_escolha strong{color:var(--brand)}
.frases_escolhas .carimbos{padding:5px !important}
.mascara_carimbo{position:absolute; inset:5px; border-radius:var(--r-sm); background:rgba(34,163,85,.12); border:2px solid #22a355; display:grid; place-items:center; opacity:0; transition:opacity .12s; cursor:pointer; z-index:2}
.mascara_carimbo .fa-check{color:#fff; font-size:1.4rem; background:#22a355; width:34px; height:34px; border-radius:50%; display:grid; place-items:center}
.content_carimbos{position:relative; border:2px solid var(--line); border-radius:var(--r-sm); overflow:hidden; background:#fff}
.content_carimbos img{width:100%; display:block; aspect-ratio:1/1; object-fit:cover}
.carimbos{position:relative; cursor:pointer}
/* input nome */
#nome{max-width:100% !important}
/* botao comprar */
.add_to_cart_button,#btn_comprar,#btn_comprar3{display:inline-flex !important; align-items:center; justify-content:center; gap:.5em;
  background:var(--brand) !important; color:#fff !important; border:none !important; border-radius:var(--r-pill) !important;
  font-family:var(--sans) !important; font-weight:800 !important; font-size:1.05rem !important; padding:.95em 2em !important; cursor:pointer;
  width:100%; max-width:340px; margin-top:16px !important; transition:background .15s}
.add_to_cart_button:hover,#btn_comprar:hover,#btn_comprar3:hover{background:var(--brand-dark) !important}
.add_to_cart_button[disabled],#btn_comprar[disabled],#btn_comprar3[disabled]{background:var(--line-strong) !important; cursor:not-allowed}
/* fontes (radio) */
.boxfonte{display:inline-flex; align-items:center; gap:5px; margin:4px 10px 4px 0}
.boxfonte img{max-height:26px; width:auto}
@media (max-width:768px){
  .single-product-area .product-content-right{padding:18px}
  .product-inner .product-name{font-size:1.4rem}
  .product-inner-price ins,#vlprice{font-size:1.7rem}
  .single-product-area select.qty,.single-product-area .input-text{max-width:100%}
}

/* ===== MENU MOBILE — reconstrução limpa iOS-proof (body-lock) ===== */
body.tc-locked{position:fixed; left:0; right:0; width:100%; overflow:hidden}
@media (max-width:860px){
  .tc-nav{overflow-y:auto !important; display:block !important; overscroll-behavior:contain}
  .tc-nav__inner{overflow:visible !important; flex:none !important; min-height:auto !important; display:flex; flex-direction:column}
}

/* ===== Campos de opção do produto: alinhados + maiores ===== */
.single-product-area .product-inner .row{display:block !important; margin:0 !important}
.single-product-area .product-inner [class*="col-"]{width:100% !important; max-width:100% !important; float:none !important; padding:0 !important; margin:0 !important}
.single-product-area .product-inner span[style*="width:100%"],.product-inner .quantity>span{display:block !important; float:none !important; font-weight:800 !important; font-size:.92rem !important; color:var(--ink) !important; margin:16px 0 7px !important; width:auto !important}
.single-product-area #colorbox,.single-product-area #colorbox1,.single-product-area #color{width:100% !important; max-width:380px !important; height:54px !important; font-size:1.05rem !important; padding:0 16px !important; margin-bottom:2px !important}
.single-product-area .quantity{display:flex !important; flex-wrap:wrap; align-items:center; gap:8px; margin:8px 0 20px}
.single-product-area .quantity>span{width:100% !important}
.single-product-area #qtd{width:150px !important; max-width:150px !important; min-width:150px; height:54px !important; font-size:1.1rem !important; text-align:center; margin:0 !important}
.single-product-area .quantity input.qty{width:150px !important; max-width:150px !important; height:54px !important; text-align:center; margin:0 !important}
.single-product-area .btnmais,.single-product-area .btnmenos{height:54px !important; width:50px; font-size:1.5rem}

/* WhatsApp do menu mobile: menor e centralizado */
@media (max-width:860px){
  .tc-nav__wa{align-self:center; width:auto !important; margin:20px auto !important; padding:.6em 1.5em !important; font-size:.95rem !important}
}

/* ===== Fixes de overflow mobile (varredura CSS) ===== */
/* login/entrar: forms woocommerce legados forçavam largura */
.tc-auth .login,.tc-auth .register,.tc-auth form{width:100% !important; max-width:100% !important; float:none !important; margin:0 !important; padding:0 !important}
.tc-auth-card,.tc-auth-card *{max-width:100% !important; box-sizing:border-box}
.tc-auth h1,.tc-auth h2{word-break:break-word}
/* carrinho: tabela responsiva no mobile */
@media (max-width:640px){
  .single-product-area .shop_table.cart{font-size:.8rem; width:100% !important; table-layout:fixed}
  .single-product-area .shop_table .product-thumbnail{display:none}
  .single-product-area .shop_table thead th,.single-product-area .shop_table tbody td{padding:8px 5px !important; white-space:normal; word-break:break-word}
  .single-product-area .shop_table img{max-width:42px}
  .single-product-area .shop_table .product-remove a.remove{width:22px;height:22px}
  .single-product-area .quantity input.qty,.single-product-area .shop_table input{width:44px !important; max-width:44px !important; padding:4px !important}
}

/* entrar: força 1 coluna no mobile (media do inline style nao venceu) */
@media (max-width:760px){
  .tc-auth{grid-template-columns:1fr !important; max-width:100% !important; width:100% !important}
  .tc-auth-card{width:100% !important}
  .tc-contact{grid-template-columns:1fr !important}
}

/* fix grid overflow: itens de grid precisam min-width:0 p/ encolher */
.tc-auth,.tc-auth-card,.tc-contact,.tc-contact__form,.tc-contact__info{min-width:0 !important}
.tc-auth-card>*,.tc-auth-card form,.tc-auth-card .tc-field,.tc-auth-card .tc-input,.tc-auth-card .tc-row2{min-width:0 !important}
.tc-auth .tc-row2{grid-template-columns:1fr 1fr}
@media (max-width:520px){ .tc-auth .tc-row2{grid-template-columns:1fr} }

/* ===== Minha conta: Meus Pedidos ===== */
.tc-orders__head{margin-bottom:20px}
.tc-orders__head h2{font-family:var(--serif); font-weight:600; font-size:1.9rem; color:var(--ink); margin:0}
.tc-orders__head p{color:var(--ink-soft); margin:.35em 0 0; font-size:.95rem}
.tc-orders{display:flex; flex-direction:column; gap:14px}
.tc-order{display:flex; align-items:center; justify-content:space-between; gap:20px; background:#fff; border:1px solid var(--line); border-radius:var(--r-lg); box-shadow:var(--sh-sm); padding:18px 22px; transition:box-shadow .18s, transform .18s}
.tc-order:hover{box-shadow:var(--sh); transform:translateY(-2px)}
.tc-order__main{display:grid; grid-template-columns:auto auto auto 1fr; gap:14px 28px; align-items:start; flex:1 1 auto; min-width:0}
.tc-order__num{display:flex; flex-direction:column; gap:2px}
.tc-order__hash{font-family:var(--serif); font-weight:700; font-size:1.25rem; color:var(--brand)}
.tc-order__date{font-size:.8rem; color:var(--ink-soft); font-weight:700}
.tc-order__info{display:flex; flex-direction:column; gap:4px; min-width:0}
.tc-order__label{font-size:.68rem; text-transform:uppercase; letter-spacing:.06em; font-weight:800; color:var(--ink-soft)}
.tc-order__val{font-weight:800; font-size:1.05rem; color:var(--ink)}
.tc-order__status{display:inline-flex; align-items:center; align-self:flex-start; padding:.3em .8em; border-radius:var(--r-pill); font-size:.8rem; font-weight:800; white-space:nowrap}
.tc-order__status.ok{background:#e5f6ec; color:#1f8a4c}
.tc-order__status.wait{background:#fff3d6; color:#a9791a}
.tc-order__status.ship{background:#e7eefb; color:#3a63a8}
.tc-order__track{font-size:.78rem; color:var(--ink-soft); margin-top:2px}
.tc-order__addr{min-width:0}
.tc-order__addrtext{font-size:.88rem; color:var(--ink-soft); line-height:1.45}
.tc-order__act{flex:0 0 auto}
.tc-orders__empty{background:#fff; border:1px solid var(--line); border-radius:var(--r-lg); box-shadow:var(--sh-sm); padding:40px 24px; text-align:center}
.tc-orders__empty p{color:var(--ink-soft); font-weight:700; margin:0 0 16px}
@media (max-width:900px){
  .tc-order{flex-direction:column; align-items:stretch; gap:16px}
  .tc-order__main{grid-template-columns:1fr 1fr; gap:14px 20px}
  .tc-order__addr{grid-column:1 / -1}
  .tc-order__act .tc-btn{width:100%}
}
@media (max-width:480px){
  .tc-order__main{grid-template-columns:1fr}
}

/* =========================================================
   Menu compacto ao rolar a pagina (desktop)
   body.tc-scrolled e alternado via JS no header.html
   ========================================================= */
/* Desliga o "scroll anchoring": quando o header encolhe (perde altura),
   o navegador NAO reajusta mais o scrollTop -> acaba o pisca-pisca perto do limite */
html{overflow-anchor:none}

@media (min-width:861px){
  /* "Minha conta / Entrar" (tc-nav__mlogin) e exclusivo do drawer mobile.
     No desktop a regra .tc-nav a vencia o display:none por especificidade e
     ele vazava para a barra de navegacao (inclusive no menu encolhido). */
  .tc-nav a.tc-nav__mlogin{display:none}

  /* transicoes suaves */
  .tc-announce{transition:height .25s ease, opacity .2s ease, padding .25s ease}
  .tc-head__main{transition:padding .2s ease}
  .tc-logo img{transition:height .2s ease}
  .tc-nav a{transition:padding .2s ease, color .15s, border-color .15s}

  /* some a barra de aviso */
  body.tc-scrolled .tc-announce{height:0; padding-top:0; padding-bottom:0; opacity:0; overflow:hidden; border:none}

  /* topo mais baixo, sem busca, logo menor */
  body.tc-scrolled .tc-head__main{padding-top:6px; padding-bottom:6px}
  body.tc-scrolled .tc-logo img{height:54px}
  body.tc-scrolled .tc-search{display:none}

  /* remove o link "Minha conta / Entrar" no menu encolhido (fica so o carrinho) */
  body.tc-scrolled .tc-head__actions .tc-iconlink:not(.tc-cart){display:none}

  /* nav mais enxuta: some Duvidas/Contato e o espacador */
  body.tc-scrolled .tc-nav a{padding:11px 14px}
  body.tc-scrolled .tc-nav__extra{display:none}
  body.tc-scrolled .tc-nav__spacer{display:none}
}

/* Em telas largas, tudo em UMA linha (identico a imagem) */
@media (min-width:1200px){
  body.tc-scrolled .tc-head__main{min-height:66px}
  /* nav sobe para a mesma linha, alinhada a area central (max-width do conteudo).
     pointer-events:none no container p/ NAO bloquear clique no logo e nas acoes;
     so os proprios links da nav voltam a receber clique. */
  body.tc-scrolled .tc-nav{position:absolute; top:0; left:50%; transform:translateX(-50%);
    width:100%; max-width:var(--wrap); height:100%; padding:0 20px;
    display:flex; align-items:center; background:transparent; border:none; box-shadow:none;
    pointer-events:none}
  body.tc-scrolled .tc-nav__inner{padding:0 0 0 150px; gap:4px; height:100%; max-width:none; overflow:visible; pointer-events:none}
  body.tc-scrolled .tc-nav a{padding:8px 13px; border-bottom:none; font-size:.95rem; pointer-events:auto}
  body.tc-scrolled .tc-nav a:hover{color:var(--brand)}
  body.tc-scrolled .tc-nav__cats{pointer-events:auto}
  body.tc-scrolled .tc-nav__cats .tc-megamenu{top:calc(100% + 6px)}
}

/* No drawer mobile, o dropdown de Categorias inicia FECHADO (abre ao tocar) */
@media (max-width:860px){
  .tc-megamenu{display:none}
  .tc-nav__cats.tc-open .tc-megamenu{display:block}
  .tc-nav__catshead svg{transition:transform .2s ease}
  .tc-nav__cats.tc-open .tc-nav__catshead svg{transform:rotate(180deg)}
}