/* =========================================================
   DRAMA ORIGINAL — base.css (fundação compartilhada)
   Direção A · Editorial Minimal + enxertos B/C
   1 fontes · 2 tokens · 3 base · 4 tipografia · 5 layout · 6 botões/links/chips · 7 formulários
   8 acordeão/breadcrumb/tags · 9 card de produto · 10 trilho · 11 selo/marquee/contorno
   12 anúncio/header/mega · 13 busca · 14 menu mobile · 15 overlays (scrim/drawer/modal/sacola)
   16 rodapé · 17 flutuantes (WhatsApp/protótipo/toast) · 18 cursor · 19 movimento
   ========================================================= */

/* 1 · fontes (woff2 locais, subset latin) */
@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/schibsted-grotesk-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/schibsted-grotesk-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"DM Mono";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/dm-mono-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* 2 · tokens */
:root{
  --paper:#F3F0EA; --sand:#E8E3D9; --ink:#0F0F0E; --graphite:#3A3935; --mute:#66625A;
  --line:#D5CFC3; --edge:#857F74; --red:#C0161F; --paper-mute:#A8A397; --white:#FFFFFF; --ink-line:#34332F;
  --f-sans:"Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --f-mono:"DM Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --t-display:clamp(6rem, 3.2rem + 13.6vw, 15.5rem);
  --t-h1:clamp(2.5rem, 1.9rem + 2.6vw, 4.5rem);
  --t-h2:clamp(2rem, 1.55rem + 1.9vw, 3.5rem);
  --t-statement:clamp(1.75rem, 1.1rem + 3vw, 4.25rem);
  --t-pdp:clamp(2rem, 1.62rem + 1.2vw, 2.75rem);
  --t-h3:clamp(1.375rem, 1.2rem + .75vw, 1.875rem);
  --t-lead:clamp(1.0625rem, 1.01rem + .25vw, 1.25rem);
  --t-body:clamp(1rem, .97rem + .12vw, 1.0625rem);
  --t-small:.875rem; --t-label:.75rem; --t-meta:.6875rem;
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px; --s-7:48px; --s-8:64px; --s-9:96px; --s-10:128px;
  --sec:clamp(4.5rem, 2.6rem + 7.5vw, 10rem);
  --m:clamp(16px, 2.8vw, 40px); --gut:12px; --cols:4; --max:1600px;
  --gx:max(var(--m), calc((100vw - var(--max)) / 2));
  --r-0:0; --r-1:2px; --r-pill:999px;
  --sh-float:0 12px 32px -12px rgba(15,15,14,.45);
  --sh-drawer:-40px 0 90px -40px rgba(15,15,14,.4);
  --ease-out:cubic-bezier(.16,1,.3,1); --ease-io:cubic-bezier(.65,0,.35,1); --ease-std:cubic-bezier(.2,0,0,1);
  --d-1:160ms; --d-2:280ms; --d-3:480ms; --d-4:900ms; --d-5:1300ms;
  --hdr:64px; --ann:36px;
}
@media (min-width:768px){:root{--gut:20px;--cols:8}}
@media (min-width:1024px){:root{--gut:24px;--cols:12}}
@media (max-width:767px){:root{--hdr:56px;--ann:32px}}

/* 3 · base */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scrollbar-gutter:stable;scroll-padding-top:calc(var(--hdr) + 16px)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
html.lock{overflow:hidden}
body{margin:0;min-height:100vh;background:var(--paper);color:var(--ink);font-family:var(--f-sans);font-size:var(--t-body);line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip;text-rendering:optimizeLegibility}
img,svg,video{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}
button{background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
ul,ol{list-style:none;margin:0;padding:0}
h1,h2,h3,h4,h5,p,figure,fieldset,legend,dl,dd,blockquote{margin:0;padding:0}
h1,h2,h3,h4{font-weight:500}
fieldset{border:0;min-width:0}
del{text-decoration-thickness:1px}
[hidden]{display:none!important}
::selection{background:var(--ink);color:var(--paper)}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
:focus:not(:focus-visible){outline:none}
.on-ink :focus-visible,.sec--ink :focus-visible{outline-color:var(--paper)}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.skip{position:fixed;left:16px;top:-64px;z-index:300;background:var(--ink);color:var(--paper);padding:12px 18px;font-weight:500;transition:transform var(--d-2) var(--ease-out)}
.skip:focus{transform:translateY(80px)}
.ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* 4 · tipografia */
.display{font-size:var(--t-display);font-weight:500;letter-spacing:-.06em;line-height:.8}
.h1{font-size:var(--t-h1);font-weight:500;letter-spacing:-.05em;line-height:.9}
.h2{font-size:var(--t-h2);font-weight:500;letter-spacing:-.04em;line-height:.98}
.h3{font-size:var(--t-h3);font-weight:500;letter-spacing:-.03em;line-height:1.05}
.statement{font-size:var(--t-statement);font-weight:500;letter-spacing:-.045em;line-height:1.02}
.lead{font-size:var(--t-lead);line-height:1.45;letter-spacing:-.01em;color:var(--graphite)}
.small{font-size:var(--t-small)}
.label,.eyebrow{font-family:var(--f-mono);font-size:var(--t-label);font-weight:400;letter-spacing:.06em;text-transform:uppercase;line-height:1.45}
.meta{font-family:var(--f-mono);font-size:var(--t-meta);letter-spacing:.06em;text-transform:uppercase;line-height:1.45}
.eyebrow{color:var(--mute)}
.on-ink .eyebrow,.sec--ink .eyebrow{color:var(--paper-mute)}
.muted{color:var(--mute)}
.num-o{color:transparent;-webkit-text-stroke:1.5px currentColor;-webkit-text-stroke-color:var(--o, var(--ink))}
.on-ink .num-o,.sec--ink .num-o{--o:var(--paper)}
/* dado pendente: discreto, nunca chamativo */
.confirm{font-family:var(--f-mono);font-size:var(--t-meta);letter-spacing:.04em;color:var(--mute);border-bottom:1px dashed var(--edge);white-space:nowrap}
.prose p+p{margin-top:var(--s-4)}
.prose{color:var(--graphite)}
.prose strong{color:var(--ink);font-weight:500}

/* 5 · layout */
.wrap{width:100%;max-width:calc(var(--max) + 2 * var(--m));margin-inline:auto;padding-inline:var(--m)}
.grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));column-gap:var(--gut)}
.sec{position:relative;padding-block:var(--sec)}
.sec--tight{padding-block:calc(var(--sec) * .6)}
.sec--sand{background:var(--sand)}
.sec--ink{background:var(--ink);color:var(--paper)}
.sec__head{display:grid;gap:var(--s-4);margin-bottom:clamp(28px,4vw,56px)}
.sec__intro{color:var(--graphite);max-width:46ch}
.sec--ink .sec__intro{color:var(--paper-mute)}
.hgroup .eyebrow{display:block;margin-bottom:var(--s-3)}
@media (min-width:1024px){
  .sec__head{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);align-items:end}
  .sec__head .hgroup{grid-column:1/7}
  .sec__head .aside{grid-column:8/13;display:grid;gap:var(--s-4);justify-items:start}
}
@media (max-width:767px){.hide-sm{display:none!important}}
@media (min-width:768px){.only-sm{display:none!important}}

/* 6 · botões, links, chips */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;font-size:.9375rem;font-weight:500;letter-spacing:-.005em;line-height:1.2;border:1px solid var(--ink);border-radius:var(--r-0);overflow:hidden;isolation:isolate;white-space:nowrap;text-align:center;transition:color var(--d-2) var(--ease-std),border-color var(--d-2) var(--ease-std),transform var(--d-1) var(--ease-std)}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ink);transform:scaleY(0);transform-origin:50% 100%;transition:transform var(--d-3) var(--ease-out)}
.btn--primary{background:var(--ink);color:var(--paper)}
.btn--primary::before{background:var(--graphite)}
.btn--secondary{background:transparent;color:var(--ink)}
.btn--block{width:100%}
.btn--sm{min-height:44px;padding:0 18px;font-size:.875rem}
.btn[disabled],.btn[aria-disabled="true"]{opacity:.45;pointer-events:none}
.roll{display:block;overflow:hidden;height:1.3em;line-height:1.3}
.roll>span{display:block;text-shadow:0 1.3em currentColor;transition:transform var(--d-3) var(--ease-out)}
.btn .ico{width:18px;height:18px;transition:transform var(--d-3) var(--ease-out)}
.btn--wa .ico{fill:currentColor;stroke:none}
@media (hover:hover){
  .btn:hover::before{transform:scaleY(1)}
  .btn--secondary:hover{color:var(--paper)}
  .btn:hover .roll>span{transform:translateY(-1.3em)}
  .btn:hover .ico--arrow{transform:translateX(4px)}
}
.btn:active{transform:translateY(1px)}
.on-ink .btn--primary,.sec--ink .btn--primary{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.on-ink .btn--primary::before,.sec--ink .btn--primary::before{background:var(--white)}
.on-ink .btn--secondary,.sec--ink .btn--secondary{border-color:var(--paper);color:var(--paper)}
.on-ink .btn--secondary::before,.sec--ink .btn--secondary::before{background:var(--paper)}
@media (hover:hover){.on-ink .btn--secondary:hover,.sec--ink .btn--secondary:hover{color:var(--ink)}}

.lnk{position:relative;display:inline-flex;align-items:center;gap:8px;font-weight:500;padding-block:6px}
.lnk::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:currentColor;transform-origin:100% 50%}
.lnk .ico{width:16px;height:16px;transition:transform var(--d-3) var(--ease-out)}
@media (hover:hover){.lnk:hover::after{animation:wipe .7s var(--ease-io)}.lnk:hover .ico{transform:translateX(4px)}}
@keyframes wipe{0%{transform:scaleX(1);transform-origin:100% 50%}45%{transform:scaleX(0);transform-origin:100% 50%}55%{transform:scaleX(0);transform-origin:0 50%}100%{transform:scaleX(1);transform-origin:0 50%}}

.icon-btn{display:inline-grid;place-items:center;width:48px;height:48px;border:1px solid var(--line);border-radius:var(--r-pill);background:transparent;transition:border-color var(--d-2),background-color var(--d-2),color var(--d-2)}
@media (hover:hover){.icon-btn:hover{border-color:var(--ink);background:var(--ink);color:var(--paper)}}
.icon-btn:disabled{opacity:.35;pointer-events:none}
.x{display:grid;place-items:center;width:44px;height:44px;margin-right:-10px;border-radius:var(--r-pill);transition:background-color var(--d-2)}
@media (hover:hover){.x:hover{background:var(--sand)}}
.x .ico{transition:transform var(--d-3) var(--ease-out)}
@media (hover:hover){.x:hover .ico{transform:rotate(90deg)}}

.chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid var(--line);border-radius:var(--r-pill);background:transparent;font-size:.875rem;font-weight:500;white-space:nowrap;transition:border-color var(--d-2) var(--ease-std),background-color var(--d-2) var(--ease-std),color var(--d-2) var(--ease-std)}
.chip small{font-family:var(--f-mono);font-size:var(--t-meta);color:var(--mute);letter-spacing:.04em}
@media (hover:hover){.chip:hover{border-color:var(--ink)}}
.chip[aria-pressed="true"],.chip[aria-current="page"],.chip.is-on{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.chip[aria-pressed="true"] small,.chip[aria-current="page"] small,.chip.is-on small{color:var(--paper-mute)}
.chip--sale{color:var(--red)}
.chips{display:flex;flex-wrap:wrap;gap:var(--s-2)}
@media (max-width:767px){
  .chips--scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * var(--m));padding-inline:var(--m)}
  .chips--scroll::-webkit-scrollbar{display:none}
}

/* 7 · formulários */
.field{display:grid;gap:6px}
.field__label{font-size:.875rem;font-weight:500}
.field__hint{font-size:.8125rem;color:var(--mute)}
.field__err{font-size:.8125rem;color:var(--red)}
.input,.select{width:100%;min-height:48px;padding:0 14px;background:var(--paper);border:1px solid var(--edge);border-radius:var(--r-1);font-size:1rem;line-height:1.3;transition:border-color var(--d-2) var(--ease-std),box-shadow var(--d-2) var(--ease-std)}
.input::placeholder{color:var(--mute);opacity:1}
@media (hover:hover){.input:hover,.select:hover{border-color:var(--ink)}}
.input:focus-visible,.select:focus-visible{outline:none;border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.input[aria-invalid="true"]{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}
.select{appearance:none;-webkit-appearance:none;padding-right:40px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F0F0E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9.5 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}
.input-row{display:flex;gap:8px}
.input-row .input{flex:1;min-width:0}
.input-row .btn{min-height:48px;flex:none}
.select-line{appearance:none;-webkit-appearance:none;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F0F0E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9.5 6 6 6-6'/%3E%3C/svg%3E") no-repeat right center/14px;border:0;border-bottom:1px solid var(--ink);border-radius:0;padding:10px 22px 8px 0;font-size:.875rem;font-weight:500;min-height:44px;cursor:pointer}
/* seletor de tamanho (radiogroup) */
.sizes__list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.size{height:52px;min-width:44px;border:1px solid var(--edge);background:transparent;font-size:.9375rem;font-weight:500;transition:background-color var(--d-2) var(--ease-std),color var(--d-2) var(--ease-std),border-color var(--d-2) var(--ease-std),box-shadow var(--d-2) var(--ease-std)}
@media (hover:hover){.size:hover{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}}
.size[aria-checked="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.size[aria-disabled="true"]{color:var(--mute);border-color:var(--line);background:linear-gradient(to top right,transparent calc(50% - .6px),var(--edge) 50%,transparent calc(50% + .6px));cursor:not-allowed;box-shadow:none}
.sizes__msg{min-height:1.4em;margin-top:8px;font-size:.8125rem;color:var(--graphite)}
.sizes__msg.is-err{color:var(--red)}
.sizes.shake .sizes__list{animation:shake .45s var(--ease-std)}
@keyframes shake{0%,100%{transform:none}20%{transform:translateX(-6px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(2px)}}

/* 8 · acordeão, breadcrumb, tags */
.acc{border-top:1px solid var(--line)}
.acc details{border-bottom:1px solid var(--line)}
.acc summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:56px;font-weight:500;font-size:.9375rem;cursor:pointer;list-style:none}
.acc summary::-webkit-details-marker{display:none}
.acc .pm{position:relative;flex:none;width:14px;height:14px}
.acc .pm::before,.acc .pm::after{content:"";position:absolute;left:0;top:6.5px;width:14px;height:1px;background:currentColor;transition:transform var(--d-3) var(--ease-out)}
.acc .pm::after{transform:rotate(90deg)}
.acc details[open] .pm::after{transform:rotate(0)}
.acc__body{padding:0 0 var(--s-5);font-size:.9375rem;color:var(--graphite)}
.acc details[open] .acc__body{animation:fadeUp .5s var(--ease-out)}
.acc__body ul{display:grid;gap:6px}
.acc__body li{position:relative;padding-left:16px}
.acc__body li::before{content:"";position:absolute;left:0;top:.75em;width:6px;height:1px;background:currentColor}

.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--mute)}
.crumbs li{display:flex;align-items:center;gap:6px}
.crumbs li+li::before{content:"/";color:var(--edge)}
.crumbs a{display:inline-block;padding-block:8px;transition:color var(--d-2)}
@media (hover:hover){.crumbs a:hover{color:var(--ink)}}
.crumbs [aria-current]{color:var(--ink)}

.tag{display:inline-block;padding:5px 7px 4px;background:var(--paper);color:var(--ink);font-family:var(--f-mono);font-size:var(--t-meta);font-weight:400;letter-spacing:.06em;text-transform:uppercase;line-height:1;white-space:nowrap}
.tag--sale{background:var(--red);color:var(--white)}
.tag--ink{background:var(--ink);color:var(--paper)}
.tag--line{background:transparent;box-shadow:inset 0 0 0 1px currentColor}

/* 9 · card de produto */
.pgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-6) var(--gut)}
@media (min-width:768px){.pgrid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:var(--s-7)}}
@media (min-width:1024px){.pgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pc{position:relative;display:flex;flex-direction:column;min-width:0}
.pc.is-new{animation:fadeUp .6s var(--ease-out) both}
.pc__media{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:var(--sand)}
.pc__img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:13% 9%;mix-blend-mode:multiply;transition:opacity var(--d-3) var(--ease-std),transform 1.4s var(--ease-out)}
.pc--photo .pc__img{object-fit:cover;object-position:50% 30%;padding:0;mix-blend-mode:normal}
.pc__img--b{opacity:0}
.pc__media.is-broken{background:var(--sand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 0 584 709'%3E%3Cpath fill='%23D5CFC3' d='M286.7 549.8c-80.4-.5-145.4-66.2-145-146.6.5-79.8 66.3-144.8 146.7-144.4 79.4.5 145.1 66.9 144.6 146-.4 80.5-65.8 145.5-146.3 145m147.8-392.2c-43.7-26.3-94-40.2-145.3-40.5C130.4 116.2.9 244.2 0 402.3c-.7 127 82.2 239.4 203.1 276.4 26.7 8.4 54.7 12.6 82.8 12.8 158.5.9 288-127.1 288.9-285.9l2.3-401.5-141.7-.8-.9 154.3Z'/%3E%3C/svg%3E") no-repeat center/22%}
.pc__media.is-broken .pc__img{visibility:hidden}
.pc__tags{position:absolute;top:10px;left:10px;z-index:2;display:flex;flex-wrap:wrap;gap:4px;pointer-events:none}
.pc__info{display:grid;gap:4px;padding-top:14px}
.pc__name{font-size:.9375rem;font-weight:500;line-height:1.3;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pc__name a::after{content:"";position:absolute;inset:0;z-index:1}
.pc__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;font-size:.9375rem}
.price{font-weight:500}
.price--sale{color:var(--red)}
.price-old{color:var(--mute);font-size:.8125rem}
.inst{flex-basis:100%;font-size:.8125rem;color:var(--mute)}
.pc.is-out .price{color:var(--mute)}
.pc__add{position:absolute;z-index:3;right:10px;bottom:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:44px;height:44px;background:var(--ink);color:var(--paper);font-size:.8125rem;font-weight:500;border-radius:var(--r-pill);transition:transform var(--d-3) var(--ease-out),opacity var(--d-3) var(--ease-out),background-color var(--d-2)}
.pc__add .ico{width:18px;height:18px}
.pc__add-t{display:none}
.pc__sizes{display:none}
@media (hover:hover) and (pointer:fine){
  .pc__add{left:10px;right:10px;width:auto;height:44px;border-radius:0;opacity:0;transform:translateY(12px)}
  .pc__add .ico{width:16px;height:16px}
  .pc__add-t{display:inline}
  .pc:hover .pc__add,.pc__add:focus-visible{opacity:1;transform:none}
  .pc__add:hover{background:var(--graphite)}
  .pc--sized .pc__add{display:none}
  .pc__sizes{position:absolute;z-index:3;left:10px;right:10px;bottom:10px;display:flex;align-items:center;gap:2px;height:44px;padding:0 4px 0 12px;background:var(--ink);color:var(--paper);opacity:0;transform:translateY(12px);transition:transform var(--d-3) var(--ease-out),opacity var(--d-3) var(--ease-out)}
  .pc:hover .pc__sizes,.pc__sizes:focus-within{opacity:1;transform:none}
  .pc:hover .pc__media .pc__img--a:not(:only-of-type){opacity:0}
  .pc:hover .pc__media .pc__img--b{opacity:1;transform:scale(1.04)}
  .pc:hover .pc__media .pc__img--a:only-of-type{transform:scale(1.04)}
}
.pc__sizes-l{margin-right:auto;font-family:var(--f-mono);font-size:var(--t-meta);letter-spacing:.06em;text-transform:uppercase;color:var(--paper-mute)}
.pc__size{min-width:36px;height:36px;padding:0 6px;font-size:.8125rem;font-weight:500;color:var(--paper);transition:background-color var(--d-1),color var(--d-1)}
@media (hover:hover){.pc__size:hover{background:var(--paper);color:var(--ink)}}
.pc__size:focus-visible{outline-color:var(--paper);outline-offset:-2px}

/* 10 · trilho horizontal (carrossel) */
.rail__ctrl{display:flex;align-items:center;gap:var(--s-2);width:100%}
.rail__ctrl .lnk{margin-right:auto}
.rail__track{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(220px,64vw,300px);gap:var(--gut);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gx);padding-inline:var(--gx);padding-bottom:6px;scrollbar-width:none}
.rail__track::-webkit-scrollbar{display:none}
.rail__track>*{scroll-snap-align:start}
@media (min-width:1024px){.rail__track{grid-auto-columns:calc((100vw - 2 * var(--gx) - 3 * var(--gut)) / 4.4)}}
@media (min-width:1600px){.rail__track{grid-auto-columns:calc((var(--max) - 3 * var(--gut)) / 4.4)}}
.rail__track[data-drag]{cursor:grab}
.rail__track.is-drag{scroll-snap-type:none;cursor:grabbing}
.rail__track.is-drag a,.rail__track.is-drag button{pointer-events:none}
.rail__track img{-webkit-user-drag:none;user-select:none}
.rail__bar{position:relative;height:1px;background:var(--line);margin:clamp(24px,3vw,40px) var(--gx) 0}
.rail__bar span{position:absolute;inset:-1px 0;background:var(--ink);transform:scaleX(.2);transform-origin:0 50%;transition:transform .25s var(--ease-std)}

/* 11 · selo giratório (enxerto C), marquee contornado */
.seal{position:relative;display:grid;place-items:center;width:var(--seal, 132px);aspect-ratio:1;color:var(--ink);flex:none}
.seal__ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible;animation:spin 20s linear infinite}
.seal__ring text{fill:currentColor;font-family:var(--f-mono);font-size:14.2px;letter-spacing:.02em;text-transform:uppercase}
.seal__d{width:26%;height:auto;fill:currentColor}
.seal--ink{color:var(--paper)}
.seal--disc{background:var(--paper);border-radius:50%}
.seal--disc.seal--ink{background:var(--ink)}
@keyframes spin{to{transform:rotate(360deg)}}

.mq{--mq-c:var(--ink);position:relative;color:var(--mq-c)}
.on-ink .mq,.sec--ink .mq,.mq--ink{--mq-c:var(--paper)}
.mq__bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:clamp(8px,2vw,24px);color:var(--mute)}
.on-ink .mq__bar,.sec--ink .mq__bar{color:var(--paper-mute)}
.mq__vp{overflow:hidden}
.mq__track{display:flex;width:max-content;animation:mq var(--mq-dur, 46s) linear infinite}
.mq__set{display:flex;align-items:center;gap:.42em;padding-right:.42em;font-size:clamp(3.25rem, 1.6rem + 7vw, 9.5rem);font-weight:500;letter-spacing:-.05em;line-height:1.02;white-space:nowrap}
.mq__set svg{width:.42em;height:auto;fill:currentColor;flex:none}
.mq__set .o{color:transparent;-webkit-text-stroke:1.5px var(--mq-c)}
@keyframes mq{to{transform:translate3d(-50%,0,0)}}
.mq.is-paused .mq__track{animation-play-state:paused}
@media (hover:hover){.mq__vp:hover .mq__track{animation-play-state:paused}}
.mq__toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-family:var(--f-mono);font-size:var(--t-meta);letter-spacing:.06em;text-transform:uppercase;color:inherit;transition:color var(--d-2)}
.mq__toggle::before{content:"";width:8px;height:8px;border-left:2px solid currentColor;border-right:2px solid currentColor}
.mq.is-paused .mq__toggle::before{border:0;width:0;height:0;border-left:8px solid currentColor;border-top:5px solid transparent;border-bottom:5px solid transparent}
@media (hover:hover){.mq__toggle:hover{color:var(--mq-c)}}

/* 12 · anúncio, header, mega menu */
.ann{position:relative;z-index:61;height:var(--ann);background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:center;overflow:hidden}
.ann__list{display:flex;align-items:center;gap:clamp(20px,4vw,72px);padding-inline:var(--m)}
.ann li{display:flex;align-items:center;gap:clamp(20px,4vw,72px);font-family:var(--f-mono);font-size:var(--t-meta);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.ann li+li::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--paper-mute)}
.ann a{display:inline-flex;align-items:center;min-height:var(--ann);transition:color var(--d-2)}
@media (hover:hover){.ann a:hover{color:var(--paper-mute)}}
.ann :focus-visible{outline-color:var(--paper);outline-offset:-4px}
@media (max-width:767px){.ann li:nth-child(3){display:none}.ann__list,.ann li{gap:10px}}

.hdr{position:sticky;top:0;z-index:60;background:var(--paper);transition:transform var(--d-3) var(--ease-out),box-shadow var(--d-2) var(--ease-std)}
.hdr.is-scrolled{box-shadow:0 1px 0 var(--line)}
.hdr.is-hidden{transform:translateY(-100%)}
.hdr__in{position:relative;height:var(--hdr);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--s-5)}
.hdr__nav ul{display:flex;align-items:center;gap:clamp(14px,1.9vw,30px)}
.hdr__nav li{position:relative;display:flex;align-items:center}
.hdr__nav a,.hdr__btn{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:.875rem;font-weight:500;letter-spacing:-.005em;white-space:nowrap}
.hdr__nav a::after,.hdr__btn--txt::after{content:"";position:absolute;left:0;right:0;bottom:10px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:0 50%;transition:transform var(--d-3) var(--ease-out)}
@media (hover:hover){.hdr__nav a:hover::after,.hdr__btn--txt:hover::after{transform:scaleX(1)}}
.hdr__nav li.is-open>a::after{transform:scaleX(1)}
.hdr__nav .is-sale{color:var(--red)}
.hdr__caret{display:grid;place-items:center;width:22px;height:44px;margin-left:1px;color:var(--mute);transition:color var(--d-2)}
.hdr__caret .ico{width:14px;height:14px;transition:transform var(--d-3) var(--ease-out)}
.hdr__nav li.is-open .hdr__caret{color:var(--ink)}
.hdr__nav li.is-open .hdr__caret .ico{transform:rotate(180deg)}
.hdr__logo{justify-self:center;display:block;padding:10px 0}
.hdr__logo svg{width:112px;height:auto;fill:currentColor}
.hdr__tools{justify-self:end;display:flex;align-items:center;gap:clamp(14px,1.8vw,28px)}
.hdr__btn .ico{transition:transform var(--d-3) var(--ease-out)}
.bag-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--r-pill);background:var(--red);color:var(--white);font-family:var(--f-mono);font-size:var(--t-meta);line-height:1;letter-spacing:0}
.bag-count.bump{animation:bump .6s var(--ease-out)}
@keyframes bump{0%{transform:scale(1)}30%{transform:scale(1.35)}100%{transform:scale(1)}}
.hdr__menu{display:none}
@media (max-width:1099px){
  .hdr__nav,.hdr__btn .t,.hdr__btn--txt{display:none}
  .hdr__menu{display:inline-flex;justify-self:start;margin-left:-10px}
  .hdr__btn{min-width:44px;justify-content:center}
  .hdr__logo svg{width:96px}
  .hdr__tools{gap:2px;margin-right:-8px}
  .hdr__bag .bag-count{position:absolute;top:4px;right:0;min-width:18px;height:18px;padding:0 5px}
}

.mega{position:absolute;left:0;right:0;top:100%;background:var(--paper);border-top:1px solid var(--line);box-shadow:0 1px 0 var(--line);visibility:hidden;opacity:0;transform:translateY(-6px);transition:opacity var(--d-2) var(--ease-std),transform var(--d-3) var(--ease-out),visibility 0s linear var(--d-3)}
.mega.is-open{visibility:visible;opacity:1;transform:none;transition-delay:0s}
.mega__in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);padding-block:var(--s-6) var(--s-7)}
.mega__col{grid-column:1/7;display:flex;flex-direction:column;align-items:flex-start}
.mega__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--gut);width:100%;margin-top:var(--s-4)}
.mega__links a{display:inline-flex;align-items:baseline;gap:10px;padding:6px 0;font-size:var(--t-h3);font-weight:500;letter-spacing:-.03em;line-height:1.1;transition:color var(--d-2) var(--ease-std),transform var(--d-3) var(--ease-out)}
.mega__links small{font-family:var(--f-mono);font-size:var(--t-meta);font-weight:400;letter-spacing:.04em;color:var(--mute)}
@media (hover:hover){.mega__links:hover a:not(:hover){color:var(--mute)}.mega__links a:hover{transform:translateX(6px)}}
.mega__all{margin-top:auto;padding-top:var(--s-5)}
.mega__card{grid-column:span 3;display:block;align-self:start}
.mega__card:first-of-type{grid-column:7/10}
.mega__media{position:relative;display:block;aspect-ratio:5/4;overflow:hidden;background:var(--sand)}
.mega__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease-out)}
.mega__media--top img{object-position:50% 38%}
.mega__cap{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;padding-top:12px}
.mega__cap b{font-size:.9375rem;font-weight:500;letter-spacing:-.01em;line-height:1.25}
.mega__cap .label{grid-column:1;color:var(--mute)}
.mega__cap .ico{grid-column:2;grid-row:1/3;width:18px;height:18px;transition:transform var(--d-3) var(--ease-out)}
@media (hover:hover){.mega__card:hover img{transform:scale(1.045)}.mega__card:hover .mega__cap .ico{transform:translateX(4px)}}
.mega.is-open .mega__links li,.mega.is-open .mega__card{animation:fadeUp .6s var(--ease-out) both}
.mega.is-open .mega__links li:nth-child(2n){animation-delay:30ms}
.mega.is-open .mega__card{animation-delay:80ms}
.mega.is-open .mega__card+.mega__card{animation-delay:140ms}
.mega-scrim{position:fixed;inset:0;z-index:59;background:rgba(15,15,14,.2);opacity:0;visibility:hidden;transition:opacity var(--d-3) var(--ease-std),visibility 0s linear var(--d-3)}
.mega-scrim.is-on{opacity:1;visibility:visible;transition-delay:0s}
@media (max-width:1099px){.mega,.mega-scrim{display:none}}

/* 13 · busca (overlay) */
.search{position:fixed;inset:0;z-index:105;display:flex;flex-direction:column;background:var(--paper);overflow-y:auto;overscroll-behavior:contain;visibility:hidden;opacity:0;transition:opacity var(--d-3) var(--ease-std),visibility 0s linear var(--d-3)}
.search.is-open{visibility:visible;opacity:1;transition-delay:0s}
.search__top{position:sticky;top:0;z-index:1;background:var(--paper);border-bottom:1px solid var(--line);transition:border-color var(--d-2)}
.search__top:focus-within{border-bottom-color:var(--ink)}
.search__bar{display:flex;align-items:center;gap:var(--s-4);min-height:clamp(72px,8vw,112px)}
.search__form{flex:1;display:flex;align-items:center;gap:var(--s-3);min-width:0}
.search__form .ico{width:clamp(20px,2vw,28px);height:auto;color:var(--mute)}
.search__input{flex:1;min-width:0;height:64px;border:0;background:transparent;font-size:clamp(1.375rem,1rem + 1.7vw,2.5rem);font-weight:500;letter-spacing:-.03em;-webkit-appearance:none;appearance:none}
.search__input::placeholder{color:var(--edge);opacity:1}
.search__input:focus{outline:none}
.search__input::-webkit-search-cancel-button{-webkit-appearance:none}
.search__body{padding-block:var(--s-6) var(--s-8)}
.search.is-open .search__body{animation:fadeUp .6s var(--ease-out) .06s both}
.search__grid{display:grid;gap:var(--s-7)}
@media (min-width:1024px){.search__grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut)}.search__grid>:first-child{grid-column:1/5}.search__grid>:last-child{grid-column:6/13}}
.search__block .eyebrow{display:block;margin-bottom:var(--s-4)}
.search__chips{display:flex;flex-wrap:wrap;gap:var(--s-2)}
.sres{display:grid;border-top:1px solid var(--line)}
@media (min-width:768px){.sres--2{grid-template-columns:1fr 1fr;column-gap:var(--gut)}}
.sres li{border-bottom:1px solid var(--line)}
.sres__a{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:16px;padding:10px 0;transition:background-color var(--d-2)}
.sres__a::after{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13.5 6.5 19 12l-5.5 5.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13.5 6.5 19 12l-5.5 5.5'/%3E%3C/svg%3E") center/contain no-repeat;opacity:0;transform:translateX(-6px);transition:opacity var(--d-2),transform var(--d-3) var(--ease-out)}
@media (hover:hover){.sres__a:hover::after{opacity:1;transform:none}}
.sres__a:focus-visible::after{opacity:1;transform:none}
.sres__img{display:block;aspect-ratio:4/5;overflow:hidden;background:var(--sand)}
.sres__img img{width:100%;height:100%;object-fit:cover}
.sres__img.is-pack img{object-fit:contain;padding:10%;mix-blend-mode:multiply}
.sres__txt{display:grid;gap:2px;min-width:0}
.sres__txt b{font-size:.9375rem;font-weight:500;line-height:1.3;letter-spacing:-.01em}
.sres__txt span{font-size:.8125rem;color:var(--mute)}
.search mark{background:none;color:inherit;box-shadow:inset 0 -.38em 0 var(--sand)}
.search__results{display:grid;gap:var(--s-7)}
.search__cats{display:grid;border-top:1px solid var(--line)}
.search__cats a{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:var(--t-h3);font-weight:500;letter-spacing:-.03em;line-height:1.1}
.search__cats small{font-family:var(--f-mono);font-size:var(--t-meta);font-weight:400;letter-spacing:.04em;color:var(--mute)}
.search__all{justify-self:start;margin-top:var(--s-2)}
.search__empty{max-width:52ch}
.search__empty p{font-size:var(--t-lead);color:var(--graphite);margin-bottom:var(--s-5)}
.search__empty p b{color:var(--ink);font-weight:500}

/* 14 · menu mobile (tela cheia) */
.menu{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;background:var(--paper);visibility:hidden;transform:translateX(-100%);transition:transform var(--d-3) var(--ease-out),visibility 0s linear var(--d-3)}
.menu.is-open{visibility:visible;transform:none;transition-delay:0s}
.menu__head{flex:none;display:flex;justify-content:space-between;align-items:center;height:var(--hdr);padding-inline:var(--m)}
.menu__logo svg{width:96px;height:auto;fill:currentColor}
.menu__search{flex:none;display:flex;align-items:center;gap:10px;height:48px;margin:0 var(--m) var(--s-2);padding:0 14px;border:1px solid var(--edge);border-radius:var(--r-1);color:var(--mute);font-size:1rem;text-align:left}
.menu__search .ico{width:18px;height:18px;color:var(--ink)}
.menu__panes{position:relative;flex:1;overflow:hidden}
.menu__pane{position:absolute;inset:0;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;padding:0 var(--m) max(var(--s-6), env(safe-area-inset-bottom));transition:transform var(--d-3) var(--ease-out),opacity var(--d-3) var(--ease-std),visibility 0s linear var(--d-3)}
.menu__pane--sub{transform:translateX(100%);visibility:hidden}
.menu__pane--sub.is-on{transform:none;visibility:visible;transition-delay:0s}
.menu.is-sub .menu__pane--root{transform:translateX(-24%);opacity:0;visibility:hidden}
.menu__nav li{border-bottom:1px solid var(--line);overflow:hidden}
.menu__nav a,.menu__nav button{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;width:100%;min-height:72px;padding:10px 0;text-align:left}
.menu__thumb{width:52px;height:52px;object-fit:cover;background:var(--sand)}
.menu__thumb--sale{display:grid;place-items:center;background:var(--red);color:var(--white);font-size:1.375rem;font-weight:500;letter-spacing:-.03em}
.menu__nav b{display:block;font-size:1.5rem;font-weight:500;letter-spacing:-.035em;line-height:1.05}
.menu__nav small{display:block;margin-top:3px;font-family:var(--f-mono);font-size:var(--t-meta);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.menu__nav .is-sale b{color:var(--red)}
.menu__nav .ico{width:18px;height:18px;color:var(--mute)}
.menu__sec{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--gut);margin-top:var(--s-5)}
.menu__sec a{display:flex;align-items:center;min-height:44px;font-size:.9375rem;font-weight:500}
.menu__foot{display:grid;gap:4px;margin-top:auto;padding-top:var(--s-6)}
.menu__foot a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:.9375rem}
.menu__foot .ico{width:18px;height:18px}
.menu__wa .ico{fill:currentColor;stroke:none}
.menu__foot .label{color:var(--mute);margin-top:var(--s-2)}
.menu__back{display:inline-flex;align-items:center;gap:6px;min-height:48px;font-family:var(--f-mono);font-size:var(--t-label);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.menu__back .ico{width:16px;height:16px}
.menu__all{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--ink);font-size:1.5rem;font-weight:500;letter-spacing:-.035em}
.menu__list a{display:flex;justify-content:space-between;align-items:baseline;min-height:56px;padding:14px 0;border-bottom:1px solid var(--line);font-size:1.25rem;font-weight:500;letter-spacing:-.025em}
.menu__list small{font-family:var(--f-mono);font-size:var(--t-meta);font-weight:400;color:var(--mute)}
@media (prefers-reduced-motion:no-preference){
  .js .menu__nav li>*{transform:translateY(100%);transition:transform .7s var(--ease-out)}
  .js .menu.is-open .menu__nav li>*{transform:none}
  .menu.is-open .menu__nav li:nth-child(2)>*{transition-delay:40ms}.menu.is-open .menu__nav li:nth-child(3)>*{transition-delay:80ms}.menu.is-open .menu__nav li:nth-child(4)>*{transition-delay:120ms}.menu.is-open .menu__nav li:nth-child(5)>*{transition-delay:160ms}.menu.is-open .menu__nav li:nth-child(6)>*{transition-delay:200ms}
}
@media (min-width:1100px){.menu{display:none}}

/* 15 · overlays: scrim, drawer, modal, sacola, compra rápida */
.scrim{position:fixed;inset:0;z-index:90;background:rgba(15,15,14,.38);opacity:0;visibility:hidden;transition:opacity var(--d-3) var(--ease-std),visibility 0s linear var(--d-3)}
.scrim.is-on{opacity:1;visibility:visible;transition-delay:0s}

.drawer{position:fixed;top:0;right:0;bottom:0;z-index:100;width:min(440px,100%);display:flex;flex-direction:column;background:var(--paper);box-shadow:var(--sh-drawer);transform:translateX(100%);visibility:hidden;transition:transform var(--d-3) var(--ease-out),visibility 0s linear var(--d-3)}
.drawer--left{right:auto;left:0;transform:translateX(-100%);box-shadow:40px 0 90px -40px rgba(15,15,14,.4)}
.drawer.is-open{transform:none;visibility:visible;transition-delay:0s}
.drawer__head{flex:none;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:var(--hdr);padding:8px var(--s-5);border-bottom:1px solid var(--line)}
.drawer__title{font-size:1.25rem;font-weight:500;letter-spacing:-.02em}
.drawer__title small{margin-left:2px;font-size:1rem;font-weight:400;color:var(--mute)}
.drawer__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:0 var(--s-5)}
.drawer__foot{flex:none;display:grid;gap:10px;padding:var(--s-4) var(--s-5) max(var(--s-5), env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--paper)}
.drawer__sum{display:flex;justify-content:space-between;align-items:baseline;font-weight:500}
.drawer__sum span:last-child{font-size:1.25rem;letter-spacing:-.02em}
.drawer__inst{margin-top:-8px;text-align:right;font-size:.8125rem;color:var(--mute)}
.drawer__row{display:flex;justify-content:space-between;gap:16px;margin-bottom:6px;padding-top:10px;border-top:1px solid var(--line);font-size:.8125rem;color:var(--graphite)}
.drawer__row.is-free span:last-child{color:var(--ink);font-weight:500}
.drawer__pay{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.75rem;color:var(--mute)}
.drawer__pay .ico{width:14px;height:14px}
.meter{flex:none;padding:14px var(--s-5) 16px;border-bottom:1px solid var(--line);font-size:.875rem}
.meter__txt{display:flex;align-items:center;gap:8px}
.meter__txt b{font-weight:500}
.meter__txt .ico{width:16px;height:16px}
.meter__bar{position:relative;height:2px;margin-top:10px;background:var(--line);overflow:hidden}
.meter__bar i{position:absolute;inset:0;background:var(--ink);transform-origin:0 50%;transform:scaleX(0);transition:transform .8s var(--ease-out)}
.meter.is-free .meter__bar i{background:var(--ink)}
.meter.is-free.pulse .meter__bar{animation:pulse .9s var(--ease-out)}
@keyframes pulse{0%{transform:scaleY(1)}40%{transform:scaleY(3)}100%{transform:scaleY(1)}}
.ci{display:grid;grid-template-columns:76px 1fr auto;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}
.ci.is-new{animation:fadeUp .5s var(--ease-out)}
.ci__img{display:block;aspect-ratio:4/5;background:var(--sand);overflow:hidden}
.ci__img img{width:100%;height:100%;object-fit:cover}
.ci__img.is-pack img{object-fit:contain;padding:10%;mix-blend-mode:multiply}
.ci__name{font-size:.875rem;font-weight:500;line-height:1.3}
.ci__var{margin-top:2px;font-size:.8125rem;color:var(--mute)}
.qty{display:inline-flex;align-items:center;margin-top:10px;border:1px solid var(--line)}
.qty button{display:grid;place-items:center;width:36px;height:36px;transition:background-color var(--d-1)}
@media (hover:hover){.qty button:hover{background:var(--sand)}}
.qty .ico{width:14px;height:14px}
.qty output{min-width:26px;text-align:center;font-family:var(--f-mono);font-size:.8125rem}
.ci__side{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}
.ci__price{font-weight:500;font-size:.875rem;white-space:nowrap}
.ci__rm{min-height:32px;font-size:.75rem;color:var(--mute);text-decoration:underline;text-underline-offset:3px;transition:color var(--d-2)}
@media (hover:hover){.ci__rm:hover{color:var(--ink)}}
.cart-empty{display:grid;justify-items:center;gap:6px;padding:56px 0 40px;text-align:center}
.cart-empty__d{width:40px;height:auto;fill:var(--line);margin-bottom:10px}
.cart-empty__t{font-size:1.25rem;font-weight:500;letter-spacing:-.02em}
.cart-empty__s{color:var(--mute);font-size:.9375rem}
.cart-empty__ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:var(--s-5)}
.cart-empty__more{width:100%;margin-top:var(--s-8);text-align:left}
.cart-empty__more .eyebrow{display:block;margin-bottom:var(--s-3)}

.modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--m);pointer-events:none;visibility:hidden;transition:visibility 0s linear var(--d-3)}
.modal.is-open{visibility:visible;transition-delay:0s}
.modal__panel{position:relative;width:min(640px,100%);max-height:calc(100dvh - 2 * var(--m));overflow-y:auto;overscroll-behavior:contain;background:var(--paper);padding:0 var(--s-5) var(--s-5);pointer-events:auto;opacity:0;transform:translateY(18px) scale(.985);transition:opacity var(--d-3) var(--ease-std),transform var(--d-3) var(--ease-out)}
.modal.is-open .modal__panel{opacity:1;transform:none}
.modal--wide .modal__panel{width:min(960px,100%)}
.modal__head{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;margin-bottom:var(--s-4);background:var(--paper);border-bottom:1px solid var(--line)}
.modal__title{font-size:1.25rem;font-weight:500;letter-spacing:-.02em}
@media (max-width:767px){
  .modal--sheet{align-items:flex-end;padding:0}
  .modal--sheet .modal__panel{width:100%;max-height:88dvh;padding-bottom:max(var(--s-5), env(safe-area-inset-bottom));opacity:1;transform:translateY(100%)}
  .modal--sheet.is-open .modal__panel{transform:none}
  .modal--sheet .modal__head::before{content:"";position:absolute;left:50%;top:6px;width:36px;height:4px;margin-left:-18px;border-radius:2px;background:var(--line)}
}
.qs{width:min(440px,100%)}
.qs__prod{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:14px;margin-bottom:var(--s-5)}
.qs__img{display:block;aspect-ratio:4/5;overflow:hidden;background:var(--sand)}
.qs__img img{width:100%;height:100%;object-fit:cover}
.qs__img.is-pack img{object-fit:contain;padding:10%;mix-blend-mode:multiply}
.qs__name{font-size:.9375rem;font-weight:500;line-height:1.3}
.qs__price{margin-top:2px;font-size:.875rem;color:var(--graphite)}
.qs .sizes{margin-bottom:var(--s-2)}

/* 16 · rodapé */
/* rodapé escuro */
.ftr{--fl:rgba(243,240,234,.14);--fm:var(--paper-mute,#A8A397);background:var(--ink);color:var(--paper);padding-top:clamp(56px,7vw,112px);overflow:hidden}
.ftr :focus-visible{outline-color:var(--paper)}
.trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-6) var(--gut);padding-bottom:clamp(48px,6vw,88px);border-bottom:1px solid var(--fl)}
@media (min-width:1024px){.trust{grid-template-columns:repeat(4,minmax(0,1fr))}}
.trust li{display:grid;gap:6px;align-content:start}
.trust__n{color:var(--fm)}
.trust b{font-size:1.125rem;font-weight:500;letter-spacing:-.02em}
.trust p{font-size:.875rem;color:var(--fm);max-width:30ch}
.ftr__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-7) var(--gut);padding-block:clamp(48px,6vw,88px)}
@media (min-width:1024px){.ftr__cols{grid-template-columns:repeat(12,minmax(0,1fr))}.ftr__col:nth-child(1){grid-column:1/3}.ftr__col:nth-child(2){grid-column:4/6}.ftr__col:nth-child(3){grid-column:7/10}.ftr__col:nth-child(4){grid-column:10/13}}
@media (max-width:767px){.ftr__col:nth-child(3),.ftr__col:nth-child(4){grid-column:1/-1}}
.ftr__col h2{margin-bottom:var(--s-4);color:var(--fm)}
.ftr__col li a{display:inline-block;padding-block:5px;font-size:.9375rem;font-weight:500;letter-spacing:-.005em;color:var(--paper);background:linear-gradient(currentColor,currentColor) 0 calc(100% - 4px)/0 1px no-repeat;transition:background-size var(--d-3) var(--ease-out)}
@media (hover:hover){.ftr__col li a:hover{background-size:100% 1px}}
.ftr__col .is-sale{color:#FF5A5F}
.ftr__contact li{padding-block:5px;font-size:.9375rem}
.ftr__contact li>span:first-child{display:block;color:var(--fm);font-size:.8125rem}
.ftr__contact li a{padding-block:2px}
.ftr .confirm{color:var(--fm)}
.pay{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pay li{display:flex}
.pay img{display:block;width:46px;height:30px;border-radius:4px;box-shadow:0 0 0 1px var(--fl)}
.pay__txt{align-items:center;height:30px;padding:0 10px;border:1px solid var(--fl);border-radius:4px;font-family:var(--f-mono);font-size:var(--t-meta);letter-spacing:.05em;text-transform:uppercase;line-height:1}
.ftr__seal{display:flex;align-items:center;gap:14px;margin-top:var(--s-5);padding:14px 16px;border:1px solid rgba(243,240,234,.28);border-radius:6px;background:rgba(243,240,234,.04);max-width:340px}
.ftr__seal-ico{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--paper);color:var(--ink)}
.ftr__seal-ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ftr__seal-t{display:grid;gap:2px}
.ftr__seal-t b{font-size:.9375rem;font-weight:500;color:var(--paper);letter-spacing:-.01em}
.ftr__seal-t span{font-size:.75rem;line-height:1.35;color:var(--fm)}
.ftr__tags{margin-top:var(--s-5);color:var(--fm)}
/* wordmark grande: contorno; o mouse preenche de branco */
.ftr__mark{color:var(--paper);padding-bottom:clamp(24px,3vw,40px)}
.ftr__mark svg{display:block;width:100%;height:auto;overflow:visible;fill:rgba(243,240,234,0);stroke:currentColor;stroke-width:5;transition:fill .7s var(--ease-std),stroke-width .7s var(--ease-std)}
@media (max-width:767px){.ftr__mark svg{stroke-width:9}}
@media (hover:hover){.ftr__mark:hover svg{fill:rgba(243,240,234,1);stroke-width:0}}
@media (hover:none){.ftr__mark.is-in svg{animation:markFill 2.4s 1s var(--ease-std) forwards}}
@keyframes markFill{to{fill:rgba(243,240,234,1)}}
.ftr__partner{display:flex;flex-direction:column;align-items:center;gap:12px;padding-block:var(--s-6);border-top:1px solid var(--fl)}
.ftr__partner .label{color:var(--fm)}
.ftr__partner a{display:block;opacity:.85;transition:opacity var(--d-2) var(--ease-std),transform var(--d-3) var(--ease-out)}
.ftr__partner img{display:block;height:34px;width:auto;filter:brightness(0) invert(1)}
@media (hover:hover){.ftr__partner a:hover{opacity:1;transform:translateY(-2px)}}
.ftr__legal{padding-block:var(--s-5) calc(var(--s-5) + 64px);border-top:1px solid var(--fl);color:var(--fm);text-align:center}
.ftr__legal a{color:var(--paper);background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat}
.ftr__legal i{font-style:normal}
@media (max-width:767px){.ftr__legal span{display:block}.ftr__legal span+i+span{margin-top:4px}.ftr__legal i{display:none}}
@media (min-width:768px){.ftr__legal{padding-bottom:calc(var(--s-5) + 8px)}}
@media (min-width:768px) and (max-width:1279px){.ftr__legal{padding-bottom:calc(var(--s-5) + 64px)}}

/* 17 · flutuantes: WhatsApp, pílula do protótipo, toast */
.wa{position:fixed;right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));z-index:80;display:flex;align-items:center;height:56px;padding:0 16px;border-radius:var(--r-pill);background:var(--ink);color:var(--paper);box-shadow:var(--sh-float),0 0 0 1px rgba(243,240,234,.24);transition:transform var(--d-3) var(--ease-out),opacity var(--d-2),visibility 0s linear 0s}
.wa svg{width:24px;height:24px;fill:currentColor;flex:none}
.wa__t{display:grid;grid-template-columns:0fr;overflow:hidden;font-size:.875rem;font-weight:500;white-space:nowrap;transition:grid-template-columns var(--d-3) var(--ease-out),margin var(--d-3) var(--ease-out)}
.wa__t>span{min-width:0}
.wa__dot{position:absolute;top:12px;left:34px;width:8px;height:8px;border-radius:50%;background:#25D366;box-shadow:0 0 0 2px var(--ink)}
@media (hover:hover){.wa:hover .wa__t{grid-template-columns:1fr;margin-left:10px}}
.wa:focus-visible .wa__t{grid-template-columns:1fr;margin-left:10px}
.wa:focus-visible{outline-offset:4px}
html.lock .wa,html.lock .proto{opacity:0;visibility:hidden;transition:opacity var(--d-2),visibility 0s linear var(--d-2)}
html.show-buybar .wa,html.show-buybar .proto{transform:translateY(-72px)}

.proto{position:fixed;left:max(16px, env(safe-area-inset-left));bottom:max(16px, env(safe-area-inset-bottom));z-index:79;display:flex;align-items:center;gap:2px;height:44px;padding:0 4px 0 0;background:var(--paper);border:1px solid var(--ink);border-radius:var(--r-pill);box-shadow:0 10px 28px -14px rgba(15,15,14,.4);transition:transform var(--d-3) var(--ease-out),opacity var(--d-2)}
.proto__toggle{display:flex;align-items:center;gap:9px;height:42px;padding:0 14px;border-radius:var(--r-pill);font-family:var(--f-mono);font-size:var(--t-meta);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.proto__toggle i{width:7px;height:7px;border-radius:50%;background:var(--red);flex:none}
.proto__short{display:none}
.proto__links{display:flex;align-items:center;gap:2px;padding-left:8px;border-left:1px solid var(--line)}
.proto__links a{display:flex;align-items:center;height:34px;padding:0 12px;border-radius:var(--r-pill);font-size:.8125rem;font-weight:500;transition:background-color var(--d-2),color var(--d-2)}
@media (hover:hover){.proto__links a:hover{background:var(--sand)}}
.proto__links a[aria-current="page"]{background:var(--ink);color:var(--paper)}
.proto.is-collapsed{padding:0}
.proto.is-collapsed .proto__links{display:none}
.proto.is-collapsed .proto__full{display:none}
.proto.is-collapsed .proto__short{display:inline}
@media (max-width:767px){
  .proto__full{display:none}
  .proto__short{display:inline}
  .proto{padding:0}
  .proto__links{position:absolute;left:-1px;bottom:52px;flex-direction:column;align-items:stretch;min-width:180px;padding:6px;background:var(--paper);border:1px solid var(--ink);border-radius:14px}
  .proto__links a{height:44px}
}

.toast{position:fixed;left:50%;bottom:24px;z-index:120;display:flex;align-items:center;gap:16px;max-width:calc(100vw - 32px);padding:12px 18px;background:var(--ink);color:var(--paper);font-size:.875rem;font-weight:500;box-shadow:var(--sh-float);transform:translate(-50%,24px);opacity:0;pointer-events:none;transition:transform var(--d-3) var(--ease-out),opacity var(--d-2)}
.toast.is-on{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.toast__act{min-height:32px;color:var(--paper);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.toast :focus-visible{outline-color:var(--paper)}
@media (max-width:767px){.toast{bottom:84px;width:max-content}}

/* 18 · cursor personalizado (só mouse/trackpad) */
.cursor{position:fixed;left:0;top:0;z-index:500;pointer-events:none;mix-blend-mode:difference;opacity:0;transition:opacity var(--d-2)}
.cursor.is-on{opacity:1}
.cursor__dot{position:absolute;left:-44px;top:-44px;width:88px;height:88px;border-radius:50%;background:#fff;display:grid;place-items:center;transform:scale(.115);transition:transform .45s var(--ease-out),background-color var(--d-2)}
.cursor__label{font-family:var(--f-mono);font-size:var(--t-meta);letter-spacing:.08em;text-transform:uppercase;color:var(--paper);opacity:0;transition:opacity var(--d-2)}
.cursor[data-state="link"] .cursor__dot{transform:scale(.4)}
.cursor[data-state="view"],.cursor[data-state="drag"],.cursor[data-state="zoom"]{mix-blend-mode:normal}
.cursor[data-state="view"] .cursor__dot,.cursor[data-state="drag"] .cursor__dot,.cursor[data-state="zoom"] .cursor__dot{transform:scale(1);background:var(--ink);box-shadow:0 0 0 1px rgba(243,240,234,.55)}
.cursor[data-state="view"] .cursor__label,.cursor[data-state="drag"] .cursor__label,.cursor[data-state="zoom"] .cursor__label{opacity:1;transition-delay:.12s}
.cursor[data-state="hide"] .cursor__dot{transform:scale(0)}
.cursor.is-down .cursor__dot{transform:scale(.09)}
.cursor.is-down[data-state="view"] .cursor__dot,.cursor.is-down[data-state="drag"] .cursor__dot,.cursor.is-down[data-state="zoom"] .cursor__dot{transform:scale(.88)}
html.has-cursor,html.has-cursor a,html.has-cursor button,html.has-cursor summary,html.has-cursor select,html.has-cursor label,html.has-cursor [data-cursor],html.has-cursor .rail__track{cursor:none}
html.has-cursor input,html.has-cursor textarea{cursor:text}

/* 19 · movimento: reveals, parallax, keyframes, reduced motion */
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
[data-parallax]{will-change:transform}
@media (prefers-reduced-motion:no-preference){
  .js [data-reveal]{opacity:0;transform:translate3d(0,28px,0);transition:opacity .8s var(--ease-std),transform 1.05s var(--ease-out);transition-delay:calc(var(--i, 0) * 60ms)}
  .js [data-reveal].is-in{opacity:1;transform:none}
  .js [data-reveal="img"]{opacity:1;transform:none;transition:none}
  .js [data-reveal="img"]::after{content:"";position:absolute;inset:0;z-index:4;background:var(--curtain, var(--paper));transform-origin:50% 0;transition:transform 1.1s var(--ease-io);transition-delay:calc(var(--i, 0) * 90ms);pointer-events:none}
  .js .sec--ink [data-reveal="img"]::after,.js .on-ink [data-reveal="img"]::after{--curtain:var(--ink)}
  .js .sec--sand [data-reveal="img"]::after{--curtain:var(--sand)}
  .js [data-reveal="img"].is-in::after{transform:scaleY(0)}
  .js [data-reveal="img"] img{transform:scale(1.14);transition:transform 1.8s var(--ease-out),opacity var(--d-3) var(--ease-std);transition-delay:calc(var(--i, 0) * 90ms)}
  .js [data-reveal="img"].is-in img{transform:none;transition-delay:calc(var(--i, 0) * 90ms),0s}
  .js [data-reveal="mark"]{opacity:0;transform:translate3d(0,22%,0);transition:opacity var(--d-4) var(--ease-std),transform 1.6s var(--ease-out)}
  .js [data-reveal="mark"].is-in{opacity:1;transform:none}
  .js [data-split] .w>span{transform:translate3d(0,110%,0);transition:transform 1s var(--ease-out);transition-delay:calc(var(--i, 0) * 22ms)}
  .js [data-split].is-in .w>span{transform:none}
  .js .mask-up>span{display:block;transform:translate3d(0,108%,0);transition:transform 1.25s var(--ease-out);transition-delay:calc(var(--i, 0) * 120ms)}
  .js .is-in .mask-up>span,.js .mask-up.is-in>span{transform:none}
  /* o zoom de hover do card vence o estado final do reveal */
  .js .pc:hover .pc__media.is-in .pc__img--b{transform:scale(1.04);transition:transform 1.4s var(--ease-out),opacity var(--d-3) var(--ease-std)}
  .js .pc:hover .pc__media.is-in .pc__img--a:only-of-type{transform:scale(1.04)}
}
.w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.w>span{display:inline-block}
.mask-up{display:block;overflow:hidden;padding:.08em .04em .04em;margin:-.08em -.04em -.04em}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}
  .mq__track,.seal__ring{animation:none!important}
  .mq__toggle{display:none}
  [data-parallax]{transform:none!important}
}