/* Loja — visual street (fita, pincel, spray). Cores, fontes e formatos vêm de :root (Loja → Aparência → Appearance::css())
   e das classes no <body> (theme-dark/light, header-*, footer-*, cards-*, mark-*, deco-*). Os "andares" da página ficam em .blk. */
:root{--brand:#A6FF00;--pop:#9B30FF;--brand2:#39FF14;--bg:#0B0B0D;--ink:#F5F5F0;--on-brand:#0B0B0D;--on-pop:#fff;--mark-line:#fff;
  --display:"Anton",Impact,sans-serif;--text:"Space Grotesk",system-ui,sans-serif;--marker:"Permanent Marker",cursive;
  --h-weight:700;--h-transform:uppercase;--h-track:.01em;--r-sm:6px;--r:10px;--r-lg:16px;--btn-r:4px;
  --hard:4px 4px 0 var(--pop);--hard-hover:6px 6px 0 var(--pop);--logo-h:52px;--space:1;
  --panel:color-mix(in srgb,var(--ink) 5%,var(--bg));--panel-2:color-mix(in srgb,var(--ink) 9%,var(--bg));--line:color-mix(in srgb,var(--ink) 13%,var(--bg));
  --ink-2:color-mix(in srgb,var(--ink) 64%,var(--bg));--head:var(--ink);--err:#FF4D6D;--warn:#E5A100;
  --glow:0 0 0 1px color-mix(in srgb,var(--brand) 60%,transparent),0 0 28px -6px color-mix(in srgb,var(--brand) 70%,transparent);
  --hdr-bg:color-mix(in srgb,var(--bg) 88%,transparent);--hdr-ink:var(--ink);--ftr-bg:#050506;--ftr-ink:#B9B9B4;--ftr-head:#fff}
.theme-light{--err:#D62246;--glow:0 0 0 2px color-mix(in srgb,var(--brand) 70%,transparent);--panel:color-mix(in srgb,var(--ink) 4%,var(--bg))}
.header-dark{--hdr-bg:#0D0D0F;--hdr-ink:#F5F5F0}
.header-brand{--hdr-bg:var(--brand);--hdr-ink:var(--on-brand)}
.footer-brand{--ftr-bg:var(--brand);--ftr-ink:color-mix(in srgb,var(--on-brand) 80%,var(--brand));--ftr-head:var(--on-brand)}
.footer-light{--ftr-bg:var(--panel);--ftr-ink:var(--ink-2);--ftr-head:var(--ink)}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1rem/1.6 var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.07;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.theme-light::before{opacity:.05}
.no-grain::before{display:none}
img{max-width:100%;display:block}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{font-family:var(--display);font-weight:var(--h-weight);text-transform:var(--h-transform);letter-spacing:var(--h-track);line-height:1.04;margin:0 0 .35em;color:var(--head)}
.wrap{width:min(1240px,100% - 32px);margin-inline:auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.muted{color:var(--ink-2)}
.small{font-size:.86rem}
.tnum{font-variant-numeric:tabular-nums}
.center-row{text-align:center;margin-top:22px}
.icon{width:1.25em;height:1.25em;flex:none;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

/* Palavra em destaque nos títulos (*palavra*) */
.mark{position:relative;display:inline-block;color:var(--brand);z-index:0}
.mark-brush .mark::after{content:"";position:absolute;left:-3%;right:-3%;bottom:-.16em;height:.3em;z-index:-1;background:var(--mark-line);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 24' preserveAspectRatio='none'%3E%3Cpath d='M4 15 C60 6 120 5 180 9 S270 15 296 8' fill='none' stroke='%23000' stroke-width='7' stroke-linecap='round'/%3E%3Cpath d='M22 20 C90 13 170 14 250 17' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' opacity='.7'/%3E%3C/svg%3E") no-repeat center/100% 100%;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 24' preserveAspectRatio='none'%3E%3Cpath d='M4 15 C60 6 120 5 180 9 S270 15 296 8' fill='none' stroke='%23000' stroke-width='7' stroke-linecap='round'/%3E%3Cpath d='M22 20 C90 13 170 14 250 17' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' opacity='.7'/%3E%3C/svg%3E") no-repeat center/100% 100%}
.mark-highlight .mark{color:var(--on-brand);padding:0 .14em}
.mark-highlight .mark::after{content:"";position:absolute;inset:.08em -.02em .02em;background:var(--brand);z-index:-1;transform:rotate(-1.5deg) skewX(-6deg)}
.mark-underline .mark::after{content:"";position:absolute;left:0;right:0;bottom:-.06em;height:.12em;background:var(--mark-line);z-index:-1}
.theme-light.mark-brush .mark{color:color-mix(in srgb,var(--brand) 80%,#000)}
.marker{display:block;font-family:var(--marker);text-transform:none;letter-spacing:0;font-weight:400;color:var(--brand);font-size:.62em;line-height:1.1;margin-top:.15em;transform:rotate(-3deg);transform-origin:left}
.theme-light .marker{color:color-mix(in srgb,var(--brand) 75%,#000)}

/* Botões */
.btn{--b:var(--brand);--t:var(--on-brand);display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:48px;padding:.7em 1.5em;border-radius:var(--btn-r);border:2px solid var(--b);
  background:var(--b);color:var(--t);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.92rem;text-decoration:none;cursor:pointer;
  box-shadow:var(--hard);transition:transform .12s,box-shadow .12s,filter .15s;white-space:nowrap}
.btn:hover{transform:translate(-2px,-2px);box-shadow:var(--hard-hover)}
.btn:active{transform:translate(2px,2px);box-shadow:none}
.btn--pop{--b:var(--pop);--t:var(--on-pop);box-shadow:4px 4px 0 var(--brand)}
.shadow-strong .btn--pop:hover{box-shadow:6px 6px 0 var(--brand)}
.btn--ghost{background:transparent;color:var(--ink);border-color:var(--line);box-shadow:none}
.btn--ghost:hover{border-color:var(--brand);color:var(--brand);box-shadow:none;transform:none}
.theme-light .btn--ghost:hover{color:var(--ink)}
.btn--white{--b:#fff;--t:#0B0B0D;box-shadow:4px 4px 0 var(--brand)}
.btn--dark{--b:#0B0B0D;--t:#fff;box-shadow:4px 4px 0 var(--pop)}
.btn--wa{--b:#1fa855;--t:#fff;box-shadow:4px 4px 0 #0e5c2e}
.btn--sm{min-height:38px;padding:.4em 1em;font-size:.8rem}
.btn--ghost.btn--sm{box-shadow:none}
.btn--lg{min-height:56px;font-size:1rem;padding:.8em 1.9em}
.btn--block{width:100%}
.btn[disabled]{opacity:.4;pointer-events:none}
.shadow-none .btn,.shadow-none .btn:hover{box-shadow:none}
.link{color:var(--brand);font-weight:700;text-decoration:none}
.theme-light .link{color:color-mix(in srgb,var(--brand) 70%,#000)}
.link:hover{text-decoration:underline;text-underline-offset:3px}
.cta-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}

/* Topo */
.topbar{background:var(--brand);color:var(--on-brand);font-size:.78rem;text-align:center;padding:.5em 1em;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.topbar-accent .topbar{background:var(--pop);color:var(--on-pop)}
.topbar-dark .topbar{background:#0B0B0D;color:#fff}
.topbar-hidden .topbar{display:none}
.header{position:sticky;top:0;z-index:40;background:var(--hdr-bg);color:var(--hdr-ink);backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb,var(--hdr-ink) 14%,transparent)}
.header__in{display:flex;align-items:center;gap:18px;min-height:78px}
.logo{display:flex;align-items:center;text-decoration:none;flex:none}
.logo img{height:var(--logo-h);width:auto}
.header-dark .logo img,.theme-dark.header-light .logo img{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--brand) 35%,transparent))}
.theme-light.header-light .logo img{filter:drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000)}
.logo span{font-family:var(--display);font-size:1.7rem;text-transform:uppercase;letter-spacing:.02em;color:var(--hdr-ink)}
.search{flex:1;display:flex;max-width:520px;margin-inline:auto;position:relative}
.search input{width:100%;height:46px;border-radius:var(--btn-r);border:1.5px solid color-mix(in srgb,var(--hdr-ink) 18%,transparent);background:color-mix(in srgb,var(--hdr-ink) 6%,transparent);
  padding:0 52px 0 16px;outline:0;color:var(--hdr-ink);transition:border .15s,box-shadow .15s}
.search input::placeholder{color:color-mix(in srgb,var(--hdr-ink) 60%,transparent)}
.search input:focus{border-color:var(--brand);box-shadow:var(--glow)}
.search button{position:absolute;right:4px;top:4px;width:38px;height:38px;border-radius:calc(var(--btn-r) - 1px);border:0;background:var(--brand);color:var(--on-brand);display:grid;place-items:center;cursor:pointer}
.header-brand .search button{background:var(--hdr-ink);color:var(--brand)}
.hicons{display:flex;align-items:center;gap:4px}
.hicon{position:relative;display:inline-flex;align-items:center;gap:8px;text-decoration:none;padding:9px 11px;border-radius:6px;font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}
.hicon:hover{background:color-mix(in srgb,var(--hdr-ink) 10%,transparent)}
.hicon .icon{width:24px;height:24px}
.hicon__count{position:absolute;top:1px;left:25px;min-width:20px;height:20px;border-radius:3px;background:var(--pop);color:var(--on-pop);font-size:.72rem;font-weight:800;display:grid;place-items:center;padding:0 5px;transform:rotate(-8deg)}
.catnav{border-bottom:1px solid var(--line);background:var(--bg)}
.catnav__in{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:8px 0}
.catnav__in::-webkit-scrollbar{display:none}
.catnav a{white-space:nowrap;text-decoration:none;padding:7px 14px;border-radius:var(--btn-r);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);border:1px solid transparent}
.catnav a:hover,.catnav a.is-here{color:var(--ink);border-color:color-mix(in srgb,var(--brand) 60%,transparent)}
.catnav a.catnav__ref{color:var(--on-brand);background:var(--brand);transform:rotate(-2deg)}

/* Mensagens */
.flash{margin:16px 0;padding:12px 16px;border-radius:var(--r-sm);font-weight:600;display:flex;gap:10px;align-items:flex-start;border:1px solid}
.flash--ok{background:color-mix(in srgb,var(--brand) 12%,var(--bg));border-color:color-mix(in srgb,var(--brand) 45%,transparent)}
.flash--err{background:color-mix(in srgb,var(--err) 12%,var(--bg));border-color:color-mix(in srgb,var(--err) 40%,transparent);color:var(--err)}
.flash--info{background:color-mix(in srgb,var(--pop) 14%,var(--bg));border-color:color-mix(in srgb,var(--pop) 50%,transparent)}

/* ================================================================ ANDARES */
.blk{margin:calc(56px * var(--space)) 0}
.blk.sp-tight{margin:calc(22px * var(--space)) 0}
.blk.sp-wide{margin:calc(96px * var(--space)) 0}
.blk:first-child{margin-top:22px}
.blk--tape,.blk--tape.sp-normal{margin:calc(14px * var(--space)) 0}
.blk .section{margin:0}
.section{margin:calc(64px * var(--space)) 0}
.section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}
.section__head--center{justify-content:center;text-align:center}
.section__head h2{font-size:clamp(2rem,1.4rem + 2vw,3.2rem);margin:0}
.kicker{display:inline-block;align-self:flex-start;justify-self:start;font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--on-pop);margin-bottom:10px;background:var(--pop);padding:3px 10px;transform:rotate(-1.5deg)}

/* --- Banner principal --- */
.hero{position:relative;border-radius:var(--r-lg);overflow:hidden;background:var(--panel);border:1px solid var(--line);isolation:isolate;display:flex;align-items:center}
.hero-h-compact{min-height:340px}.hero-h-normal{min-height:500px}.hero-h-tall{min-height:min(86vh,720px)}
.hero::before,.hero::after{content:"";position:absolute;z-index:-1;pointer-events:none}
.hbg-spray::before,.deco-spray .hero--center::before{inset:-20%;background:
  radial-gradient(34% 40% at 82% 30%,color-mix(in srgb,var(--brand) 32%,transparent),transparent 70%),
  radial-gradient(30% 36% at 66% 82%,color-mix(in srgb,var(--pop) 42%,transparent),transparent 70%),
  radial-gradient(22% 26% at 12% 90%,color-mix(in srgb,var(--pop) 28%,transparent),transparent 70%)}
.hbg-spray::after,.hbg-grid::after{inset:0;opacity:.35;background:
  linear-gradient(color-mix(in srgb,var(--ink) 8%,transparent) 1px,transparent 1px) 0 0/44px 44px,
  linear-gradient(90deg,color-mix(in srgb,var(--ink) 8%,transparent) 1px,transparent 1px) 0 0/44px 44px;-webkit-mask:linear-gradient(90deg,#000 10%,transparent 75%);mask:linear-gradient(90deg,#000 10%,transparent 75%)}
.hbg-grid::before{inset:0;background:radial-gradient(60% 80% at 85% 20%,color-mix(in srgb,var(--brand) 18%,transparent),transparent 70%)}
.hbg-grid::after{opacity:.6;-webkit-mask:none;mask:none}
.hbg-bricks::before{inset:0;opacity:.5;background:
  linear-gradient(color-mix(in srgb,var(--ink) 10%,transparent) 2px,transparent 2px) 0 0/72px 36px,
  linear-gradient(90deg,color-mix(in srgb,var(--ink) 10%,transparent) 2px,transparent 2px) 0 0/72px 72px,
  linear-gradient(90deg,color-mix(in srgb,var(--ink) 10%,transparent) 2px,transparent 2px) 36px 36px/72px 72px}
.hbg-bricks::after{inset:0;background:radial-gradient(40% 60% at 80% 40%,color-mix(in srgb,var(--brand) 22%,transparent),transparent 70%),linear-gradient(90deg,var(--panel) 25%,transparent 70%)}
.hbg-brand{background:var(--brand);border-color:var(--brand);--head:var(--on-brand);color:var(--on-brand)}
.hbg-brand .mark{color:var(--on-brand)} .hbg-brand .marker{color:var(--on-brand)} .hbg-brand .hero__body p{color:color-mix(in srgb,var(--on-brand) 80%,var(--brand))}
.hbg-brand .btn:not(.btn--ghost){--b:#0B0B0D;--t:#fff}.hbg-brand .btn--ghost{color:var(--on-brand);border-color:color-mix(in srgb,var(--on-brand) 40%,transparent)}
.hero__grid{width:100%;display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:center;padding:clamp(28px,5vw,64px)}
.hero__kicker{display:inline-block;background:var(--pop);color:var(--on-pop);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;padding:6px 12px;transform:rotate(-2deg);margin-bottom:18px}
.hero h1,.slide__title{font-size:clamp(2.6rem,1.5rem + 4.6vw,5.4rem);line-height:1.04;margin:0 0 .3em}
.hero__body p{font-size:1.1rem;color:var(--ink-2);margin:0 0 1.6em;max-width:500px}
.hero__body .cta-row{margin-top:4px}
.collage{position:relative;height:420px}
.sticker{position:absolute;width:56%;aspect-ratio:1;border:6px solid #fff;border-bottom-width:26px;background:#111;box-shadow:0 22px 40px -12px rgba(0,0,0,.6);overflow:visible}
.sticker img{width:100%;height:100%;object-fit:cover}
.collage .sticker:nth-child(1){left:2%;top:6%;transform:rotate(-8deg)}
.collage .sticker:nth-child(2){right:0;top:0;transform:rotate(6deg);width:50%}
.collage .sticker:nth-child(3){left:26%;bottom:-2%;transform:rotate(-2deg);width:48%}
.collage .sticker:only-child{left:15%;width:70%}
.sticker::before{content:"";position:absolute;top:-14px;left:50%;width:90px;height:26px;margin-left:-45px;background:color-mix(in srgb,var(--brand) 70%,transparent);transform:rotate(-4deg);z-index:2}
.no-tilt .sticker,.no-tilt .collage .sticker{transform:none!important}
.hero__photo{position:relative;align-self:stretch;min-height:320px;border-radius:var(--r);overflow:hidden;transform:rotate(1.5deg);box-shadow:var(--hard)}
.no-tilt .hero__photo{transform:none}
.hero__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero__mosaic{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hero__mosaic div{aspect-ratio:1;border-radius:var(--r);overflow:hidden;border:1px solid var(--line)}
.hero__mosaic div:nth-child(odd){transform:translateY(18px)}
.hero__mosaic img{width:100%;height:100%;object-fit:cover}
.hero--full{background:#000;border:0}
.hero--full .hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.6}
.hero--full::before{inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.25) 70%)}
.hero--full::after{display:none}
.hero--full{--head:#fff;--ink-2:#d6d6d0;color:#fff}
.hero--full .btn--ghost{color:#fff;border-color:rgba(255,255,255,.55)}.hero--full .btn--ghost:hover{border-color:var(--brand);color:var(--brand)}
.hero--full .hero__grid,.hero--center .hero__grid{grid-template-columns:1fr}
.hero--full .hero__body{max-width:680px}
.hero--center .hero__body{text-align:center;max-width:820px;margin:0 auto}
.hero--center .hero__body p{margin-inline:auto}
.hero--center .cta-row{justify-content:center}
.hero--center .marker{transform-origin:center}
.hero-align-center .hero--full .hero__body{text-align:center;margin:0 auto}.hero-align-center .hero--full .cta-row{justify-content:center}
.splat{position:absolute;pointer-events:none;width:180px;height:180px;z-index:-1;opacity:.75;background:
  radial-gradient(circle at 50% 50%,var(--brand) 0 18%,transparent 19%),radial-gradient(circle at 20% 30%,var(--brand) 0 5%,transparent 6%),
  radial-gradient(circle at 80% 25%,var(--brand) 0 4%,transparent 5%),radial-gradient(circle at 75% 80%,var(--brand) 0 6%,transparent 7%),
  radial-gradient(circle at 30% 78%,var(--brand) 0 3%,transparent 4%),radial-gradient(circle at 92% 55%,var(--brand) 0 2.5%,transparent 3.5%)}
.splat--a{right:-40px;top:-50px;opacity:.45}
.splat--b{left:-60px;bottom:-70px;opacity:.3;filter:hue-rotate(60deg)}
.hbg-plain .splat,.hbg-brand .splat,.hbg-grid .splat,.hbg-bricks .splat{display:none}
.hero--center .splat{display:block}

/* --- Banners que passam --- */
.slider{position:relative;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);background:var(--panel)}
.hero__slides{display:grid}
.hero__slide{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .6s,visibility .6s;position:relative;display:flex;align-items:center;isolation:isolate}
.hero__slide.is-on{opacity:1;visibility:visible}
.slider.hero-h-compact .slide{min-height:320px}.slider.hero-h-normal .slide{min-height:460px}.slider.hero-h-tall .slide{min-height:min(84vh,680px)}
.slide:not(.has-img){background:radial-gradient(40% 60% at 85% 30%,color-mix(in srgb,var(--brand) 26%,transparent),transparent 70%),radial-gradient(40% 50% at 60% 90%,color-mix(in srgb,var(--pop) 35%,transparent),transparent 70%)}
.slide__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.slide.has-img::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.15) 75%)}
.slide.has-img{--head:#fff;--ink-2:#ddd;color:#fff}
.slide__body{padding:clamp(28px,5vw,64px);max-width:640px}
.slide__body p{font-size:1.08rem;color:var(--ink-2);margin:0 0 1.4em}
.slide--center{justify-content:center;text-align:center}.slide--center .slide__body{margin:0 auto}.slide--center .cta-row{justify-content:center}
.slide--right{justify-content:flex-end;text-align:right}.slide--right .cta-row{justify-content:flex-end}
.slide--right.has-img::after{background:linear-gradient(270deg,rgba(0,0,0,.78),rgba(0,0,0,.15) 75%)}
.slide--center.has-img::after{background:rgba(0,0,0,.55)}
.hero__dots{position:absolute;bottom:18px;left:clamp(28px,5vw,64px);display:flex;gap:8px;z-index:3}
.hero__dots button{width:12px;height:12px;border:0;background:color-mix(in srgb,var(--ink) 30%,transparent);cursor:pointer;padding:0;transform:skewX(-12deg);transition:width .3s,background .3s}
.hero__dots button.is-on{width:34px;background:var(--brand)}

/* --- Faixas --- */
.tapes{position:relative;height:110px;overflow:hidden;pointer-events:none}
.tape{position:absolute;left:-5%;width:110%;padding:12px 0;white-space:nowrap;overflow:hidden;font-family:var(--display);font-weight:var(--h-weight);text-transform:uppercase;font-size:1.35rem;letter-spacing:.06em}
.tape span{display:inline-block;animation:tape 40s linear infinite}
.speed-slow .tape span{animation-duration:70s}.speed-fast .tape span{animation-duration:22s}
.tape--a{top:22px;background:var(--brand);color:var(--on-brand);transform:rotate(-2.2deg);z-index:2;box-shadow:0 10px 30px -10px rgba(0,0,0,.6)}
.tape--b{top:46px;background:var(--pop);color:var(--on-pop);transform:rotate(1.8deg)}
.tape--b span{animation-direction:reverse;animation-duration:52s}
.tapes--single{height:64px}.tapes--single .tape--a{top:6px;transform:none;left:0;width:100%}
.tapes--pop{height:84px}.tapes--pop .tape--a{background:var(--pop);color:var(--on-pop);top:18px;transform:rotate(-1.5deg)}
.tapes--outline{height:96px}.tapes--outline .tape--a{background:none;box-shadow:none;transform:none;top:4px;font-size:clamp(2.4rem,1.6rem + 3vw,4.2rem);color:transparent;-webkit-text-stroke:1.5px var(--brand)}
@keyframes tape{to{transform:translateX(-50%)}}

/* --- Benefícios --- */
.perks{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.perk{display:flex;gap:12px;align-items:center;padding:16px;border-radius:var(--r);background:var(--panel);border:1px solid var(--line)}
.perk__ic{width:44px;height:44px;border-radius:var(--r-sm);background:var(--brand);color:var(--on-brand);display:grid;place-items:center;flex:none;transform:rotate(-6deg)}
.perk b{display:block;font-size:.95rem;line-height:1.2;text-transform:uppercase;letter-spacing:.03em}
.perk span{font-size:.84rem;color:var(--ink-2)}
.perks--line{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 34px;padding:14px 18px;border-block:1px dashed var(--line)}
.perks--line .perk{padding:0;background:none;border:0}
.perks--line .perk__ic{width:34px;height:34px;background:none;color:var(--brand);transform:none}
.perks--line .perk div span{display:none}
.perks--big{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:22px}
.perks--big .perk{flex-direction:column;text-align:center;background:none;border:0;padding:8px}
.perks--big .perk__ic{width:74px;height:74px;border-radius:50%;transform:rotate(-8deg);box-shadow:var(--hard)}
.perks--big .perk__ic .icon{width:34px;height:34px}
.perks--big .perk b{font-family:var(--display);font-weight:var(--h-weight);font-size:1.3rem;margin-top:6px}

/* --- Categorias --- */
.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.cat{position:relative;display:flex;align-items:flex-end;min-width:0;min-height:150px;padding:16px;border-radius:var(--r);text-decoration:none;color:#fff;overflow:hidden;background:var(--panel-2);border:1px solid var(--line);
  font-family:var(--display);font-weight:var(--h-weight);font-size:1.45rem;text-transform:uppercase;line-height:1;transition:transform .2s,border-color .2s,box-shadow .2s}
.cat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6;transition:opacity .2s,transform .4s}
.cat::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(0,0,0,.85))}
.cat span{position:relative;z-index:1;min-width:0;overflow-wrap:break-word;hyphens:auto}
.cat small{display:block;font-family:var(--text);font-weight:600;font-size:.75rem;color:var(--brand);letter-spacing:.08em;margin-top:4px}
.cat:hover{border-color:var(--brand);box-shadow:var(--glow)}
.cat:hover img{opacity:.8;transform:scale(1.05)}
.cats--stickers .cat:nth-child(odd){transform:rotate(-1.5deg)}.cats--stickers .cat:nth-child(even){transform:rotate(1.5deg)}
.cats--stickers .cat:hover{transform:rotate(0) scale(1.04)}
.cats--tiles{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.cats--tiles .cat{min-height:240px;font-size:2rem;align-items:flex-end}
.cats--circles{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:22px}
.cats--circles .cat{flex-direction:column;align-items:center;justify-content:flex-end;min-height:0;padding:0;background:none;border:0;color:var(--ink);font-size:1.05rem;text-align:center}
.cats--circles .cat::after{display:none}
.cats--circles .cat img{position:relative;width:100%;aspect-ratio:1;height:auto;border-radius:50%;opacity:1;border:4px solid var(--brand);margin-bottom:10px;box-shadow:var(--hard)}
.cats--circles .cat:hover{box-shadow:none}
.cats--pills{display:flex;flex-wrap:wrap;gap:10px}
.cats--pills .cat{min-height:0;padding:10px 18px;border-radius:var(--btn-r);background:var(--panel);color:var(--ink);font-size:1.05rem}
.cats--pills .cat::after{display:none}
.cats--pills .cat:hover{background:var(--brand);color:var(--on-brand)}

/* --- Cartão de produto --- */
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.products--grid3{grid-template-columns:repeat(3,1fr);gap:26px}
.pcard{position:relative;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;border-radius:var(--r);overflow:hidden;min-width:0}
.pcard:hover{transform:translateY(-5px);border-color:var(--brand);box-shadow:var(--glow)}
.cards-cut .pcard{clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);border-radius:var(--r) 0 var(--r) var(--r)}
.cards-sticker .pcard{background:#fff;color:#111;border:0;padding:8px 8px 4px;border-radius:4px;box-shadow:0 14px 30px -14px rgba(0,0,0,.55);--ink-2:#555}
.cards-sticker .products .pcard:nth-child(odd),.cards-sticker .rail__track .pcard:nth-child(odd){transform:rotate(-1.2deg)}
.cards-sticker .products .pcard:nth-child(even),.cards-sticker .rail__track .pcard:nth-child(even){transform:rotate(1deg)}
.cards-sticker .pcard:hover{transform:rotate(0) translateY(-4px)!important;box-shadow:0 0 0 3px var(--brand),0 18px 30px -14px rgba(0,0,0,.6)}
.cards-sticker .pcard .pcard__img{border-radius:2px}
.cards-sticker .pcard .pcard__name{color:#111}
.cards-sticker .pcard .price__now{color:#111}
.cards-sticker .pcard .price__pix b{color:#111}
.cards-clean .pcard{background:none;border:0}
.cards-clean .pcard .pcard__img{border-radius:var(--r)}
.cards-clean .pcard .pcard__body{padding-inline:2px}
.cards-clean .pcard:hover{box-shadow:none}
.pcard__img{aspect-ratio:1;background:var(--panel-2);position:relative;overflow:hidden}
.pcard__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.pcard:hover .pcard__img img{transform:scale(1.06)}
.pcard__noimg{width:100%;height:100%;display:grid;place-items:center;font-family:var(--display);font-size:4rem;color:var(--on-brand);background:
  radial-gradient(circle at 70% 30%,color-mix(in srgb,var(--brand) 85%,#fff),var(--brand) 40%,color-mix(in srgb,var(--brand) 60%,var(--pop)))}
.pcard__tags{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.tag{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:4px 9px;background:var(--brand);color:var(--on-brand);transform:rotate(-3deg)}
.tag--brand{background:var(--pop);color:var(--on-pop)}
.tag--dark{background:#000;color:#fff}
.tag--muted{background:#444;color:#eee}
.pcard__body{padding:14px 16px 18px;display:flex;flex-direction:column;gap:4px;flex:1}
.pcard__cat{font-size:.7rem;color:var(--ink-2);font-weight:700;text-transform:uppercase;letter-spacing:.12em}
.pcard__name{font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em;color:var(--ink)}
.price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:6px}
.price__now{font-family:var(--display);font-weight:var(--h-weight);font-size:1.6rem;color:var(--brand);letter-spacing:.01em;line-height:1.1}
.theme-light .price__now{color:var(--ink)}
.price__old{color:var(--ink-2);text-decoration:line-through;font-size:.88rem}
.price__pix{font-size:.8rem;color:var(--ink-2);font-weight:600;width:100%}
.price__pix b{color:var(--brand)}
.theme-light .price__pix b{color:color-mix(in srgb,var(--brand) 70%,#000)}
.price__from{font-size:.72rem;color:var(--ink-2);width:100%;margin-bottom:-6px;text-transform:uppercase;letter-spacing:.06em}
.earn{display:flex;align-items:center;gap:6px;margin-top:10px;padding:7px 10px;background:color-mix(in srgb,var(--pop) 20%,transparent);border-left:3px solid var(--pop);font-size:.78rem;font-weight:700}
.earn .icon{width:16px;height:16px}
/* rolagem lateral */
.rail{position:relative}
.rail__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px) / 4);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 2px 14px}
.rail__track::-webkit-scrollbar{display:none}
.rail__track>*{scroll-snap-align:start}
.rail__btn{position:absolute;top:38%;z-index:3;width:46px;height:46px;border-radius:50%;border:2px solid var(--brand);background:var(--bg);color:var(--brand);display:grid;place-items:center;cursor:pointer;box-shadow:var(--hard)}
.rail__btn--prev{left:-14px}.rail__btn--next{right:-14px}
/* destaque grande */
.spot{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}
.spot__big .pcard{height:100%}
.spot__big .pcard__name{font-size:1.3rem}
.spot__big .price__now{font-size:2.2rem}
.spot__rest{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.spot__rest .earn{display:none}

/* --- Destaque com foto --- */
.feature{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:var(--panel);overflow:hidden;border-radius:var(--r-lg);position:relative;isolation:isolate}
.feature--img-right .feature__img{order:2}
.feature__img{min-height:360px;position:relative}
.feature__img>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.feature__body{padding:clamp(24px,4vw,52px);display:flex;flex-direction:column;justify-content:center}
.feature__body h2{font-size:clamp(2.2rem,1.4rem + 2.4vw,3.6rem)}
.feature__text{color:var(--ink-2);font-size:1.05rem;margin:0 0 18px}
.custom__list{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:10px}
.custom__list li{display:flex;gap:10px;align-items:center;font-weight:600}
.custom__list .icon{color:var(--brand)}
.feature--tilted{background:none;border:0;overflow:visible;align-items:center}
.feature--tilted .feature__img{min-height:380px;display:grid;place-items:center}
.feature--tilted .sticker{position:relative;width:min(380px,80%);transform:rotate(-4deg)}
.feature--img-right.feature--tilted .sticker{transform:rotate(4deg)}
.feature--full{grid-template-columns:1fr;min-height:420px;background:#000;border:0;--head:#fff;--ink-2:#ddd;color:#fff}
.feature--full .feature__img{position:absolute;inset:0;z-index:-2;min-height:0}
.feature--full .feature__img>img{opacity:.55}
.feature--full::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.8),transparent 75%)}
.feature--full .feature__body{max-width:620px}
.feature--brand{background:var(--brand);border-color:var(--brand);color:var(--on-brand);--head:var(--on-brand);--ink-2:color-mix(in srgb,var(--on-brand) 78%,var(--brand))}
.feature--brand .mark{color:var(--on-brand)}.feature--brand .custom__list .icon{color:var(--on-brand)}
.feature--brand .feature__img{clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}
.feature--brand.feature--img-right .feature__img{clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)}

/* --- Contagem regressiva --- */
.count{display:grid;grid-template-columns:1.3fr auto auto;gap:24px;align-items:center;padding:24px clamp(20px,4vw,40px);border-radius:var(--r-lg);background:var(--pop);color:var(--on-pop);--head:var(--on-pop);
  background-image:repeating-linear-gradient(-45deg,rgba(0,0,0,.07) 0 14px,transparent 14px 34px)}
.count h2{font-size:clamp(1.8rem,1.2rem + 2vw,2.8rem);margin:0}
.count .mark{color:var(--brand)}
.count p{margin:.3em 0 0;opacity:.9}
.count .kicker{background:#000;color:var(--brand)}
.count__clock{display:flex;gap:8px}
.count__clock div{min-width:66px;text-align:center;background:#0B0B0D;color:#fff;border-radius:var(--r-sm);padding:8px 6px}
.count__clock b{display:block;font-family:var(--display);font-weight:var(--h-weight);font-size:2rem;line-height:1;color:var(--brand);font-variant-numeric:tabular-nums}
.count__clock small{font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;opacity:.8}
.count__act{display:flex;flex-direction:column;gap:10px;align-items:stretch}
.coupon{border:2px dashed currentColor;background:rgba(0,0,0,.18);color:inherit;padding:10px 14px;border-radius:var(--r-sm);cursor:pointer;font-weight:700;text-transform:uppercase;letter-spacing:.06em;display:flex;gap:8px;align-items:center;justify-content:center}
.coupon b{font-size:1.1rem}
.count--card{grid-template-columns:1fr;text-align:center;justify-items:center;padding:clamp(28px,5vw,56px)}
.count--card .count__clock div{min-width:84px}.count--card .count__clock b{font-size:2.8rem}
.count--card .count__act{flex-direction:row;flex-wrap:wrap;justify-content:center}

/* --- Passo a passo --- */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;counter-reset:s}
.step{position:relative;padding:22px;border-radius:var(--r);background:var(--panel);border:1px solid var(--line)}
.step h3{font-size:1.45rem;margin:.3em 0 .25em}
.step p{margin:0;color:var(--ink-2)}
.step__n{display:grid;place-items:center;width:52px;height:52px;background:var(--brand);color:var(--on-brand);font-family:var(--display);font-weight:var(--h-weight);font-size:1.8rem;transform:rotate(-6deg);border-radius:var(--r-sm);box-shadow:var(--hard)}
.steps--path .step{background:none;border:0;padding:0 12px 0 0}
.steps--path .step:not(:last-child)::after{content:"";position:absolute;top:24px;left:66px;right:6px;border-top:3px dashed var(--brand)}
.steps--path .step__n{border-radius:50%}

/* --- Indique e ganhe --- */
.refhero{position:relative;overflow:hidden;padding:clamp(28px,5vw,60px);background:var(--pop);color:var(--on-pop);--head:var(--on-pop);display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center;isolation:isolate;
  clip-path:polygon(0 3%,100% 0,100% 97%,0 100%)}
.refhero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(40% 60% at 90% 10%,color-mix(in srgb,var(--brand) 50%,transparent),transparent 70%),
  repeating-linear-gradient(-45deg,rgba(0,0,0,.06) 0 14px,transparent 14px 34px)}
.refhero h2{font-size:clamp(2.4rem,1.4rem + 3vw,4rem)}
.refhero .mark{color:var(--brand);text-shadow:3px 3px 0 #000}
.mark-highlight .refhero .mark{text-shadow:none}
.refhero p{opacity:.92;font-size:1.05rem}
.refhero .kicker{background:#000;color:var(--brand)}
.refsteps{display:grid;gap:12px;position:relative;z-index:2}
.refstep{display:flex;gap:14px;align-items:center;padding:14px 16px;background:rgba(0,0,0,.3);color:#fff;border-left:4px solid var(--brand)}
.refstep b{width:38px;height:38px;background:var(--brand);color:var(--on-brand);display:grid;place-items:center;flex:none;font-family:var(--display);font-size:1.3rem;transform:rotate(-6deg)}
.refbox{padding:18px;background:color-mix(in srgb,var(--pop) 12%,var(--bg));border:1.5px dashed color-mix(in srgb,var(--pop) 70%,transparent);margin:20px 0;position:relative;border-radius:var(--r-sm)}
.refbox__title{display:flex;align-items:center;gap:8px;font-family:var(--display);font-weight:var(--h-weight);text-transform:var(--h-transform);font-size:1.4rem;color:var(--head)}
.refbox__title .icon{color:var(--brand)}
.refbox p{margin:.3em 0 .9em;color:var(--ink-2);font-size:.92rem}
.refbox--wide{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 30px;margin:0}
.refbox--wide .refbox__title{font-size:2rem}
.refbox--wide p{margin:.3em 0 0;font-size:1rem}

/* --- Galeria --- */
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.gallery figure{margin:0;overflow:hidden;border-radius:var(--r-sm);aspect-ratio:1;background:var(--panel)}
.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.gallery figure:hover img{transform:scale(1.05)}
.gallery--mosaic{grid-template-columns:repeat(4,1fr);grid-auto-rows:180px;grid-auto-flow:dense}
.gallery--mosaic figure{aspect-ratio:auto}
.gallery--mosaic figure:nth-child(5n+1){grid-column:span 2;grid-row:span 2}
.gallery--mosaic figure:nth-child(7n+3){grid-row:span 2}
.gallery--polaroids{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:26px 18px;padding:10px}
.gallery--polaroids figure{background:#fff;padding:8px 8px 30px;border-radius:2px;box-shadow:0 14px 28px -12px rgba(0,0,0,.55);aspect-ratio:auto;overflow:visible}
.gallery--polaroids figure img{aspect-ratio:1;height:auto}
.gallery--polaroids figure:nth-child(3n+1){transform:rotate(-3deg)}.gallery--polaroids figure:nth-child(3n+2){transform:rotate(2deg)}.gallery--polaroids figure:nth-child(3n){transform:rotate(-1deg)}
.gallery--polaroids figure:hover{transform:rotate(0) scale(1.03);z-index:2}

/* --- Depoimentos --- */
.quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.quote{margin:0;padding:22px;border-radius:var(--r);background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;gap:14px}
.quote blockquote{margin:0;font-size:1.02rem;line-height:1.55}
.quote figcaption{display:flex;gap:10px;align-items:center}
.quote figcaption img,.quote__ini{width:42px;height:42px;border-radius:50%;object-fit:cover;flex:none}
.quote__ini{display:grid;place-items:center;background:var(--brand);color:var(--on-brand);font-weight:800}
.quote figcaption small{display:block;color:var(--ink-2);font-size:.82rem}
.quotes--cards .quote blockquote::before{content:"“";display:block;font-family:var(--display);font-size:3.4rem;line-height:.6;color:var(--brand);margin-bottom:6px}
.quotes--chat .quote{background:none;border:0;padding:0;gap:8px}
.quotes--chat .quote blockquote{position:relative;background:#DCF8C6;color:#111;padding:12px 14px;border-radius:12px 12px 12px 2px;box-shadow:0 1px 1px rgba(0,0,0,.2);font-size:.98rem}
.quotes--chat .quote:nth-child(even) blockquote{background:#fff}
.quotes--chat .quote blockquote::after{content:"✓✓";position:absolute;right:10px;bottom:4px;font-size:.66rem;color:#34B7F1;letter-spacing:-2px}
.quotes--chat .quote blockquote{padding-bottom:20px}

/* --- Vídeo, perguntas, texto --- */
.video{position:relative;aspect-ratio:16/9;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);background:#000;box-shadow:var(--hard)}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.faq{display:grid;gap:10px;max-width:860px}
.faq-wrap .section__head{max-width:860px}
.faq details{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel);overflow:hidden}
.faq summary{cursor:pointer;padding:16px 50px 16px 18px;font-weight:700;list-style:none;position:relative;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:1.6rem;color:var(--brand);font-weight:400;transition:transform .2s}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq details[open]{border-color:color-mix(in srgb,var(--brand) 50%,var(--line))}
.faq__a{padding:0 18px 18px;color:var(--ink-2)}
.prose{max-width:780px;font-size:1.05rem;color:var(--ink-2)}
.prose h2,.prose h3{color:var(--head)}
.prose a{color:var(--brand)}
.prose blockquote{border-left:4px solid var(--brand);margin:1em 0;padding:.2em 1em;color:var(--ink)}

/* --- Receba novidades --- */
.news{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;align-items:center;padding:clamp(24px,4vw,48px);border-radius:var(--r-lg)}
.news h2{font-size:clamp(2rem,1.3rem + 2.2vw,3.2rem);margin:0 0 .2em}
.news p{margin:0}
.news--band{background:var(--brand);color:var(--on-brand);--head:var(--on-brand);clip-path:polygon(0 4%,100% 0,100% 96%,0 100%)}
.news--band .mark{color:var(--on-brand)}.news--band .marker{color:var(--on-brand)}
.news--band .input{background:#fff;color:#111;border-color:transparent}
.news--band .btn{--b:#0B0B0D;--t:#fff}
.news--band .kicker{background:#0B0B0D;color:var(--brand)}
.news--band .field__err{color:#7a0017}
.news--card{background:var(--panel);border:2px solid var(--brand);box-shadow:var(--hard)}
.news__form{display:grid;gap:12px}
.news__fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.news .check{font-size:.84rem}

/* --- Chamada --- */
.cta{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:clamp(26px,4vw,48px);border-radius:var(--r-lg);flex-wrap:wrap}
.cta h2{font-size:clamp(1.9rem,1.3rem + 2vw,3rem);margin:0 0 .2em}
.cta p{margin:0;max-width:620px}
.cta--brand{background:var(--brand);color:var(--on-brand);--head:var(--on-brand)}.cta--brand .mark{color:var(--on-brand)}
.cta--pop{background:var(--pop);color:var(--on-pop);--head:var(--on-pop)}.cta--pop .mark{color:var(--brand)}
.cta--dark{background:#0B0B0D;color:#eee;--head:#fff;border:2px solid var(--brand)}

/* ================================================================ LOJA (lista, produto, carrinho) */
.listing{display:grid;grid-template-columns:230px 1fr;gap:28px;margin-top:24px}
.filters{position:sticky;top:100px;align-self:start;display:flex;flex-direction:column;gap:2px;border-left:2px solid var(--line);padding-left:6px}
.filters a{text-decoration:none;padding:9px 12px;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2)}
.filters a:hover,.filters a.is-here{color:var(--ink);background:var(--panel)}
.filters a.is-here{box-shadow:inset 3px 0 0 var(--brand)}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.select,.input,textarea.input{height:48px;border-radius:var(--btn-r);border:1.5px solid var(--line);background:var(--panel);padding:0 14px;outline:0;width:100%;color:var(--ink);transition:border .15s,box-shadow .15s}
.input::placeholder{color:color-mix(in srgb,var(--ink) 45%,var(--bg))}
textarea.input{height:auto;padding:12px 14px;min-height:90px}
.select{width:auto;padding-right:36px}
select.input option,.select option{background:var(--panel-2);color:var(--ink)}
.input:focus,.select:focus{border-color:var(--brand);box-shadow:var(--glow)}
.input:disabled{opacity:.6}
.pager{display:flex;gap:6px;justify-content:center;margin-top:30px;flex-wrap:wrap}
.pager a,.pager span{min-width:42px;height:42px;display:grid;place-items:center;text-decoration:none;font-weight:700;border:1px solid var(--line);background:var(--panel)}
.pager .is-here{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}
.empty{text-align:center;padding:60px 16px;border:2px dashed var(--line);color:var(--ink-2)}
.empty .icon{width:52px;height:52px;margin:0 auto 12px;color:var(--brand)}
.empty b{color:var(--ink)}
.crumbs{display:flex;gap:6px;flex-wrap:wrap;font-size:.8rem;color:var(--ink-2);margin:20px 0 0;text-transform:uppercase;letter-spacing:.06em}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:var(--ink)}
.page-title{font-size:clamp(2.2rem,1.4rem + 2.6vw,3.6rem);margin:12px 0 6px}
.pdp{display:grid;grid-template-columns:1.05fr 1fr;gap:44px;margin-top:22px}
.gallery__main{aspect-ratio:1;border-radius:var(--r-lg);overflow:hidden;background:var(--panel);border:1px solid var(--line);position:relative}
.gallery__main img{width:100%;height:100%;object-fit:cover}
.gallery__thumbs{display:flex;gap:10px;margin-top:12px;overflow-x:auto}
.gallery__thumbs button{width:78px;height:78px;flex:none;overflow:hidden;border:2px solid var(--line);padding:0;cursor:pointer;background:var(--panel);border-radius:var(--r-sm)}
.gallery__thumbs button.is-on{border-color:var(--brand)}
.gallery__thumbs img{width:100%;height:100%;object-fit:cover}
.pdp__info h1{font-size:clamp(2.2rem,1.4rem + 2.2vw,3.4rem)}
.pdp__price .price__now{font-size:2.8rem}
.pdp__pix{display:flex;align-items:center;gap:8px;margin-top:4px;font-weight:700}
.pdp__pix .icon{color:var(--brand)}
.pdp__short{color:var(--ink-2);margin:16px 0;font-size:1.05rem}
.field__label{display:block;font-weight:700;font-size:.8rem;margin-bottom:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2)}
.opts{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.opt{position:relative}
.opt input{position:absolute;opacity:0;inset:0}
.opt span{display:inline-flex;align-items:center;min-height:42px;padding:6px 16px;border:1.5px solid var(--line);font-weight:700;cursor:pointer;background:var(--panel);text-transform:uppercase;font-size:.82rem;letter-spacing:.05em;border-radius:var(--btn-r)}
.opt input:checked+span{border-color:var(--brand);color:var(--on-brand);background:var(--brand)}
.opt input:disabled+span{opacity:.35;text-decoration:line-through;cursor:not-allowed}
.opt input:focus-visible+span{box-shadow:var(--glow)}
.qty{display:inline-flex;align-items:center;border:1.5px solid var(--line);height:48px;background:var(--panel);border-radius:var(--btn-r)}
.qty button{width:44px;height:100%;border:0;background:transparent;cursor:pointer;font-size:1.3rem;font-weight:700;color:var(--ink)}
.qty input{width:44px;text-align:center;border:0;outline:0;height:100%;font-weight:700;background:transparent;-moz-appearance:textfield}
.qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.buy{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:8px 0 14px}
.buy .btn{flex:1;min-width:180px}
.stockline{font-size:.85rem;font-weight:700;margin:4px 0;text-transform:uppercase;letter-spacing:.05em}
.stockline--low{color:var(--warn)}.stockline--out{color:var(--err)}
.made{display:flex;gap:8px;align-items:center;padding:10px 14px;margin:12px 0;background:var(--panel);border-left:3px solid var(--brand);font-weight:600;font-size:.92rem}
.made .icon{color:var(--brand)}
.copy{display:flex;gap:6px}
.copy input{flex:1;min-width:0;height:42px;border:1.5px solid var(--line);padding:0 12px;font-size:.85rem;background:var(--bg);color:var(--ink);border-radius:var(--btn-r)}
.desc{margin-top:48px;padding-top:28px;border-top:1px solid var(--line);max-width:800px}
.desc h2{font-size:2rem}
.desc__text{white-space:pre-line;color:var(--ink-2)}
.trust{display:grid;gap:8px;margin-top:16px;font-size:.88rem;color:var(--ink-2)}
.trust div{display:flex;gap:8px;align-items:center}
.trust .icon{color:var(--brand)}
.cart{display:grid;grid-template-columns:1fr 390px;gap:28px;margin-top:20px;align-items:start}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.card__title{font-family:var(--display);font-weight:var(--h-weight);text-transform:var(--h-transform);font-size:1.5rem;margin-bottom:14px;display:flex;align-items:center;gap:10px;color:var(--head)}
.card__title .n{width:32px;height:32px;background:var(--brand);color:var(--on-brand);display:grid;place-items:center;font-size:1.1rem;flex:none;transform:rotate(-6deg)}
.line{display:grid;grid-template-columns:84px 1fr auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.line:last-child{border-bottom:0}
.line__img{width:84px;height:84px;overflow:hidden;background:var(--panel-2);text-decoration:none;display:block;border-radius:var(--r-sm)}
.line__img img{width:100%;height:100%;object-fit:cover}
.line__name{font-weight:700;text-decoration:none;line-height:1.3;color:var(--ink)}
.line__var{font-size:.85rem;color:var(--ink-2)}
.line__problem{font-size:.82rem;color:var(--err);font-weight:700}
.line__right{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.line__price{font-family:var(--display);font-weight:var(--h-weight);font-size:1.3rem}
.rm{background:none;border:0;color:var(--ink-2);cursor:pointer;font-size:.8rem;text-decoration:underline;padding:0}
.rm:hover{color:var(--err)}
.sum{position:sticky;top:100px}
.sum dl{display:grid;grid-template-columns:1fr auto;gap:8px 12px;margin:0}
.sum dt{color:var(--ink-2)}
.sum dd{margin:0;text-align:right;font-weight:600}
.sum .total{font-family:var(--display);font-weight:var(--h-weight);font-size:1.7rem;color:var(--head);padding-top:12px;border-top:1px dashed var(--line);margin-top:6px;text-transform:var(--h-transform)}
.sum .pixline{grid-column:1/-1;text-align:right;font-weight:700;font-size:.9rem}
.row{display:flex;gap:8px}
.field{display:block;margin-bottom:14px}
.field__err{color:var(--err);font-size:.85rem;font-weight:600;margin:6px 0 0}
.field__hint{font-size:.82rem;color:var(--ink-2);margin:6px 0 0}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.cols-3{display:grid;grid-template-columns:2fr 1fr 1fr;gap:0 14px}
.choice{display:flex;gap:12px;align-items:center;padding:14px;border:1.5px solid var(--line);cursor:pointer;margin-bottom:10px;background:var(--bg);transition:border .15s,background .15s;border-radius:var(--r-sm)}
.choice:has(input:checked){border-color:var(--brand);background:color-mix(in srgb,var(--brand) 8%,var(--bg))}
.choice input{accent-color:var(--brand);width:18px;height:18px;flex:none}
.choice__main{flex:1}
.choice__main b{display:block;color:var(--ink)}
.choice__main span{font-size:.85rem;color:var(--ink-2)}
.choice__price{font-weight:800}
.choice .icon{color:var(--brand)}
.check{display:flex;gap:10px;align-items:flex-start;font-size:.92rem}
.check input{accent-color:var(--brand);width:18px;height:18px;margin-top:2px;flex:none}

/* Conta do cliente */
.acc{display:grid;grid-template-columns:240px 1fr;gap:28px;margin:26px 0 56px;align-items:start}
.accnav{position:sticky;top:100px;display:flex;flex-direction:column;gap:2px}
.accnav a,.accnav button{display:flex;gap:10px;align-items:center;padding:12px 14px;text-decoration:none;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2);background:none;border:0;cursor:pointer;width:100%;text-align:left}
.accnav a:hover,.accnav a.is-here{background:var(--panel);color:var(--ink);box-shadow:inset 3px 0 0 var(--brand)}
.accnav__badge{margin-left:auto;background:var(--pop);color:var(--on-pop);font-size:.72rem;padding:1px 8px;font-weight:800}
.hello{padding:26px;background:var(--brand);color:var(--on-brand);position:relative;overflow:hidden;margin-bottom:18px;clip-path:polygon(0 0,100% 0,100% 82%,97% 100%,0 100%)}
.hello h1{font-size:2.4rem;margin:0;color:var(--on-brand)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
.stat{background:var(--panel);border:1px solid var(--line);padding:16px;border-radius:var(--r)}
.stat span{display:block;font-size:.72rem;color:var(--ink-2);font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.stat b{font-family:var(--display);font-weight:var(--h-weight);font-size:2rem;color:var(--head)}
.stat--hi{background:var(--pop);border-color:var(--pop);--head:var(--on-pop)}.stat--hi span{color:var(--on-pop);opacity:.85}
.table{width:100%;border-collapse:collapse;font-size:.92rem}
.table th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);padding:10px 8px;border-bottom:1px solid var(--line)}
.table td{padding:12px 8px;border-bottom:1px solid var(--line);vertical-align:middle}
.table-wrap{overflow-x:auto}
.olist{display:grid;gap:10px}
.oitem{display:flex;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);text-decoration:none;background:var(--panel);border-radius:var(--r-sm)}
.oitem:hover{border-color:var(--brand)}
.oitem__thumbs{display:flex}
.oitem__thumbs img,.oitem__thumbs span{width:50px;height:50px;object-fit:cover;border:2px solid var(--bg);margin-left:-12px;background:var(--panel-2)}
.oitem__thumbs :first-child{margin-left:0}
.oitem__main{flex:1;min-width:0}
.badge{display:inline-flex;align-items:center;gap:5px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 9px;background:var(--panel-2);color:var(--ink-2)}
.badge--pending{background:color-mix(in srgb,var(--warn) 20%,transparent);color:var(--ink)}
.badge--paid,.badge--preparing{background:color-mix(in srgb,var(--pop) 25%,transparent);color:var(--ink)}
.badge--shipped{background:color-mix(in srgb,#38bdf8 22%,transparent);color:var(--ink)}
.badge--delivered,.badge--available,.badge--approved{background:color-mix(in srgb,var(--brand) 25%,transparent);color:var(--ink)}
.badge--canceled,.badge--refunded,.badge--rejected{background:color-mix(in srgb,var(--err) 20%,transparent);color:var(--err)}
.timeline{display:flex;margin:8px 0 4px}
.timeline__step{flex:1;text-align:center;position:relative;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-2)}
.timeline__step::before{content:"";display:block;width:24px;height:24px;margin:0 auto 6px;background:var(--panel-2);border:2px solid var(--line);position:relative;z-index:1;transform:rotate(45deg)}
.timeline__step::after{content:"";position:absolute;top:11px;left:-50%;width:100%;height:3px;background:var(--line)}
.timeline__step:first-child::after{display:none}
.timeline__step.is-done{color:var(--ink)}
.timeline__step.is-done::before{background:var(--brand);border-color:var(--brand)}
.timeline__step.is-done::after{background:var(--brand)}
.pixbox{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:center}
.pixbox img{width:220px;height:220px;border:6px solid #fff;background:#fff}
.waiting{display:flex;align-items:center;gap:10px;font-weight:700}
.waiting::before{content:"";width:14px;height:14px;border-radius:50%;background:var(--brand);animation:pulse 1.2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--brand) 60%,transparent)}100%{box-shadow:0 0 0 14px transparent}}
.auth{max-width:460px;margin:44px auto}
.auth h1{font-size:2.8rem}
details summary{color:var(--ink)}

/* Rodapé */
.footer{margin-top:90px;background:var(--ftr-bg);color:var(--ftr-ink);padding:56px 0 26px;position:relative;border-top:3px solid var(--brand);--head:var(--ftr-head)}
.footer-dark .footer::before{content:"";position:absolute;left:0;right:0;top:-3px;height:46px;pointer-events:none;background:var(--brand);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 600 46%27 preserveAspectRatio=%27none%27%3E%3Cpath d=%27M0 0H600V4C599.0 4 598.4 6.0 596.0 6.8S588.8 14.8 588.8 6.8S585.8 4 584.8 4C583.8 4 580.6 6.0 578.2 4.3S571.0 12.3 571.0 4.3S565.4 4 564.4 4C563.4 4 561.1 6.0 558.7 13.7S551.5 21.7 551.5 13.7S546.8 4 545.8 4C544.8 4 545.8 6.0 543.6 18.8S537.1 26.2 537.1 18.8S535.9 4 534.9 4C533.9 4 534.9 6.0 532.8 16.6S526.4 23.9 526.4 16.6S525.3 4 524.3 4C523.3 4 524.3 6.0 522.1 5.3S515.4 12.9 515.4 5.3S514.2 4 513.2 4C512.2 4 510.8 6.0 508.4 28.5S501.2 36.5 501.2 28.5S497.4 4 496.4 4C495.4 4 496.4 6.0 494.0 9.2S486.8 17.1 486.8 9.2S485.4 4 484.4 4C483.4 4 480.4 6.0 478.0 32.3S470.8 40.3 470.8 32.3S465.4 4 464.4 4C463.4 4 460.8 6.0 458.4 14.7S451.2 22.7 451.2 14.7S446.1 4 445.1 4C444.1 4 438.3 6.0 435.9 3.5S428.7 11.5 428.7 3.5S420.5 4 419.5 4C418.5 4 413.7 6.0 411.3 11.3S404.1 19.3 404.1 11.3S396.8 4 395.8 4C394.8 4 395.6 6.0 393.2 5.8S386.0 13.8 386.0 5.8S384.5 4 383.5 4C382.5 4 382.0 6.0 379.6 28.1S372.4 36.1 372.4 28.1S369.5 4 368.5 4C367.5 4 368.1 6.0 365.7 20.6S358.5 28.6 358.5 20.6S356.6 4 355.6 4C354.6 4 351.5 6.0 349.1 13.9S341.9 21.9 341.9 13.9S336.4 4 335.4 4C334.4 4 332.0 6.0 329.6 4.0S322.4 12.0 322.4 4.0S317.7 4 316.7 4C315.7 4 316.7 6.0 314.5 9.1S307.9 16.6 307.9 9.1S306.7 4 305.7 4C304.7 4 301.3 6.0 298.9 15.7S291.7 23.7 291.7 15.7S285.8 4 284.8 4C283.8 4 283.3 6.0 280.9 20.7S273.7 28.7 273.7 20.7S270.8 4 269.8 4C268.8 4 267.2 6.0 264.8 11.6S257.6 19.6 257.6 11.6S253.5 4 252.5 4C251.5 4 247.2 6.0 244.8 24.4S237.6 32.4 237.6 24.4S230.8 4 229.8 4C228.8 4 228.9 6.0 226.5 20.4S219.3 28.4 219.3 20.4S216.9 4 215.9 4C214.9 4 212.7 6.0 210.3 30.0S203.1 38.0 203.1 30.0S198.5 4 197.5 4C196.5 4 192.7 6.0 190.3 11.2S183.1 19.2 183.1 11.2S176.9 4 175.9 4C174.9 4 169.0 6.0 166.6 5.8S159.4 13.8 159.4 5.8S151.2 4 150.2 4C149.2 4 147.8 6.0 145.4 26.2S138.2 34.2 138.2 26.2S134.5 4 133.5 4C132.5 4 133.3 6.0 130.9 17.6S123.7 25.6 123.7 17.6S122.0 4 121.0 4C120.0 4 121.0 6.0 118.9 24.1S112.5 31.4 112.5 24.1S111.4 4 110.4 4C109.4 4 105.3 6.0 102.9 20.3S95.7 28.3 95.7 20.3S89.2 4 88.2 4C87.2 4 82.2 6.0 79.8 12.0S72.6 20.0 72.6 12.0S65.2 4 64.2 4C63.2 4 59.6 6.0 57.2 21.0S50.0 29.0 50.0 21.0S44.1 4 43.1 4C42.1 4 39.4 6.0 37.0 16.6S29.8 24.6 29.8 16.6S24.8 4 23.8 4C22.8 4 18.1 6.0 15.7 32.2S8.5 40.2 8.5 32.2S1.3 4 0.3 4C-0.7 4 6.2 6.0 3.8 23.3S-3.4 31.3 -3.4 23.3S1.0 4 0.0 4V0Z%27/%3E%3C/svg%3E") repeat-x top/600px 46px;
  mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 600 46%27 preserveAspectRatio=%27none%27%3E%3Cpath d=%27M0 0H600V4C599.0 4 598.4 6.0 596.0 6.8S588.8 14.8 588.8 6.8S585.8 4 584.8 4C583.8 4 580.6 6.0 578.2 4.3S571.0 12.3 571.0 4.3S565.4 4 564.4 4C563.4 4 561.1 6.0 558.7 13.7S551.5 21.7 551.5 13.7S546.8 4 545.8 4C544.8 4 545.8 6.0 543.6 18.8S537.1 26.2 537.1 18.8S535.9 4 534.9 4C533.9 4 534.9 6.0 532.8 16.6S526.4 23.9 526.4 16.6S525.3 4 524.3 4C523.3 4 524.3 6.0 522.1 5.3S515.4 12.9 515.4 5.3S514.2 4 513.2 4C512.2 4 510.8 6.0 508.4 28.5S501.2 36.5 501.2 28.5S497.4 4 496.4 4C495.4 4 496.4 6.0 494.0 9.2S486.8 17.1 486.8 9.2S485.4 4 484.4 4C483.4 4 480.4 6.0 478.0 32.3S470.8 40.3 470.8 32.3S465.4 4 464.4 4C463.4 4 460.8 6.0 458.4 14.7S451.2 22.7 451.2 14.7S446.1 4 445.1 4C444.1 4 438.3 6.0 435.9 3.5S428.7 11.5 428.7 3.5S420.5 4 419.5 4C418.5 4 413.7 6.0 411.3 11.3S404.1 19.3 404.1 11.3S396.8 4 395.8 4C394.8 4 395.6 6.0 393.2 5.8S386.0 13.8 386.0 5.8S384.5 4 383.5 4C382.5 4 382.0 6.0 379.6 28.1S372.4 36.1 372.4 28.1S369.5 4 368.5 4C367.5 4 368.1 6.0 365.7 20.6S358.5 28.6 358.5 20.6S356.6 4 355.6 4C354.6 4 351.5 6.0 349.1 13.9S341.9 21.9 341.9 13.9S336.4 4 335.4 4C334.4 4 332.0 6.0 329.6 4.0S322.4 12.0 322.4 4.0S317.7 4 316.7 4C315.7 4 316.7 6.0 314.5 9.1S307.9 16.6 307.9 9.1S306.7 4 305.7 4C304.7 4 301.3 6.0 298.9 15.7S291.7 23.7 291.7 15.7S285.8 4 284.8 4C283.8 4 283.3 6.0 280.9 20.7S273.7 28.7 273.7 20.7S270.8 4 269.8 4C268.8 4 267.2 6.0 264.8 11.6S257.6 19.6 257.6 11.6S253.5 4 252.5 4C251.5 4 247.2 6.0 244.8 24.4S237.6 32.4 237.6 24.4S230.8 4 229.8 4C228.8 4 228.9 6.0 226.5 20.4S219.3 28.4 219.3 20.4S216.9 4 215.9 4C214.9 4 212.7 6.0 210.3 30.0S203.1 38.0 203.1 30.0S198.5 4 197.5 4C196.5 4 192.7 6.0 190.3 11.2S183.1 19.2 183.1 11.2S176.9 4 175.9 4C174.9 4 169.0 6.0 166.6 5.8S159.4 13.8 159.4 5.8S151.2 4 150.2 4C149.2 4 147.8 6.0 145.4 26.2S138.2 34.2 138.2 26.2S134.5 4 133.5 4C132.5 4 133.3 6.0 130.9 17.6S123.7 25.6 123.7 17.6S122.0 4 121.0 4C120.0 4 121.0 6.0 118.9 24.1S112.5 31.4 112.5 24.1S111.4 4 110.4 4C109.4 4 105.3 6.0 102.9 20.3S95.7 28.3 95.7 20.3S89.2 4 88.2 4C87.2 4 82.2 6.0 79.8 12.0S72.6 20.0 72.6 12.0S65.2 4 64.2 4C63.2 4 59.6 6.0 57.2 21.0S50.0 29.0 50.0 21.0S44.1 4 43.1 4C42.1 4 39.4 6.0 37.0 16.6S29.8 24.6 29.8 16.6S24.8 4 23.8 4C22.8 4 18.1 6.0 15.7 32.2S8.5 40.2 8.5 32.2S1.3 4 0.3 4C-0.7 4 6.2 6.0 3.8 23.3S-3.4 31.3 -3.4 23.3S1.0 4 0.0 4V0Z%27/%3E%3C/svg%3E") repeat-x top/600px 46px}
.footer-light .footer{border-top:1px solid var(--line)}
.footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
.footer h4{font-size:1.3rem;margin-bottom:12px}
.footer a{text-decoration:none;display:block;padding:3px 0}
.footer a:hover{color:var(--ftr-head);text-decoration:underline;text-underline-offset:3px}
.footer__logo{height:70px;width:auto;margin-bottom:10px}
.theme-light.footer-light .footer__logo{filter:drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000)}
.footer__bottom{border-top:1px solid color-mix(in srgb,var(--ftr-ink) 20%,transparent);margin-top:34px;padding-top:18px;font-size:.8rem;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.paylogos{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.paylogos span{font-size:.72rem;font-weight:700;padding:4px 10px;border:1px solid color-mix(in srgb,var(--ftr-ink) 35%,transparent);text-transform:uppercase;letter-spacing:.06em}
.footer__pages{margin-top:10px}
.wa-float{position:fixed;right:18px;bottom:18px;z-index:50;width:60px;height:60px;border-radius:50%;background:#1fa855;color:#fff;display:grid;place-items:center;box-shadow:4px 4px 0 var(--brand);transition:transform .2s}
.wa-float:hover{transform:scale(1.08) rotate(-6deg)}
.wa-float .icon{width:30px;height:30px}

/* ================================================================ celular */
@media (max-width:1020px){
  .products,.products--grid3{grid-template-columns:repeat(3,1fr)}
  .rail__track{grid-auto-columns:calc((100% - 40px) / 3)}
  .cart{grid-template-columns:1fr}
  .sum{position:static}
  .footer__grid{grid-template-columns:1fr 1fr}
  .stats{grid-template-columns:repeat(2,1fr)}
  .hero__grid{grid-template-columns:1fr}
  .collage{height:330px;max-width:520px;width:100%;margin:0 auto}
  .hero__photo{min-height:280px}
  .count{grid-template-columns:1fr;text-align:left}
  .spot{grid-template-columns:1fr}
  .news{grid-template-columns:1fr}
  .gallery--mosaic{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:780px){
  .header__in{flex-wrap:wrap;min-height:auto;padding:10px 0;gap:8px 12px}
  .logo img{height:42px}
  .search{order:3;flex-basis:100%;max-width:none}
  .hicon__label{display:none}
  .hicons{margin-left:auto}
  .products,.products--grid3{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .rail__track{grid-auto-columns:72%;gap:12px}
  .rail__btn{display:none}
  .spot__rest{gap:12px}
  .listing,.pdp,.acc,.feature{grid-template-columns:1fr}
  .feature--img-right .feature__img{order:0}
  .feature__img{min-height:260px}
  .feature--brand .feature__img,.feature--brand.feature--img-right .feature__img{clip-path:none}
  .feature--tilted .feature__img{min-height:300px}
  .perks{grid-template-columns:repeat(2,minmax(0,1fr))}
  .perks--cards .perk{padding:12px;gap:10px;flex-direction:column;align-items:flex-start}
  .perks--cards .perk__ic{width:36px;height:36px}
  .perk b{font-size:.82rem}
  .perks--line{gap:8px 18px}
  .cats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cats--circles{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .cats--tiles .cat{min-height:160px;font-size:1.4rem}
  .cat{min-height:110px;font-size:1.05rem}
  .filters{position:static;flex-direction:row;overflow-x:auto;gap:6px;border:0;padding:0}
  .filters a{white-space:nowrap;background:var(--panel)}
  .accnav{position:static;flex-direction:row;overflow-x:auto;gap:6px;padding-bottom:4px}
  .accnav a,.accnav button{white-space:nowrap;width:auto;background:var(--panel)}
  .refhero{grid-template-columns:1fr;clip-path:polygon(0 1.5%,100% 0,100% 98.5%,0 100%)}
  .refbox--wide{flex-direction:column;align-items:flex-start}
  .pixbox{grid-template-columns:1fr;justify-items:center;text-align:center}
  .cols,.cols-3{grid-template-columns:1fr}
  .line{grid-template-columns:64px 1fr}
  .line__img{width:64px;height:64px}
  .line__right{grid-column:2;flex-direction:row;justify-content:space-between;align-items:center;text-align:left}
  .pcard__body{padding:10px 12px 14px}
  .price__now{font-size:1.3rem}
  .hero-h-normal,.hero-h-tall{min-height:auto}
  .hero h1,.slide__title{font-size:2.9rem}
  .collage{height:280px}
  .hero__mosaic div:nth-child(odd){transform:none}
  .tapes{height:96px}
  .tape{font-size:1.05rem}
  .steps--path .step::after{display:none}
  .count__clock div{min-width:58px}
  .news__fields{grid-template-columns:1fr}
  .gallery--mosaic{grid-template-columns:repeat(2,1fr);grid-auto-rows:140px}
  .gallery--polaroids{grid-template-columns:repeat(2,1fr)}
  .footer__grid{grid-template-columns:1fr}
  .wa-float{width:54px;height:54px;bottom:14px;right:14px}
  .timeline__step{font-size:.6rem}
  .blk{margin:calc(40px * var(--space)) 0}
  .stat b{font-size:1.6rem}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.cat-intro{max-width:760px;margin:0 0 18px}