/* AutoPrime · site público (links, catálogo, vídeos, venda) — Vermelho Prime, Grafite, Saira + Barlow, ângulo 19° */
@font-face{font-family:"Saira";src:url(/assets/fonts/saira.woff2) format("woff2-variations"),url(/assets/fonts/saira.woff2) format("woff2");font-weight:100 900;font-stretch:50% 125%;font-display:swap}
@font-face{font-family:"Saira";src:url(/assets/fonts/saira-italic.woff2) format("woff2-variations"),url(/assets/fonts/saira-italic.woff2) format("woff2");font-weight:100 900;font-stretch:50% 125%;font-style:italic;font-display:swap}
@font-face{font-family:"Barlow";src:url(/assets/fonts/barlow-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Barlow";src:url(/assets/fonts/barlow-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Barlow";src:url(/assets/fonts/barlow-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Barlow";src:url(/assets/fonts/barlow-700.woff2) format("woff2");font-weight:700 900;font-display:swap}

:root{
 color-scheme:dark;
 --ink:#0E0F0E; --ink-2:#151615; --ink-3:#1E201F; --ink-4:#2A2D2B; --line:#2E312F;
 --fog:#EEEEEC; --white:#FFFFFF; --muted:#A6AAA7; --faint:#6F7471;
 --red:#D40114; --red-2:#FF2A3A; --red-deep:#8E000D; --wa:#25D366; --ok:#3DCB7A; --warn:#F2B04C;
 --display:"Saira","Arial Narrow",Arial,sans-serif; --body:"Barlow","Helvetica Neue",Arial,sans-serif;
 --r:16px; --skew:-19deg;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100dvh;background:var(--ink);color:var(--fog);font:400 16px/1.5 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img,video{max-width:100%;display:block}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.sym{position:absolute;width:0;height:0;overflow:hidden}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--red-2);outline-offset:3px;border-radius:6px}
.display{font-family:var(--display);font-style:italic;font-weight:800;font-stretch:115%;letter-spacing:-.01em;line-height:.98}
.eyebrow{font-family:var(--display);font-size:12px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--muted)}
.wrap{width:min(1180px,100%);margin:0 auto;padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}

/* ---------- Fundo animado com faixas no ângulo Prime ---------- */
.stripes{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(1200px 700px at 85% -10%,#2a0a0e 0,transparent 60%),radial-gradient(900px 600px at -10% 110%,#1d0507 0,transparent 55%),var(--ink)}
.stripes i{position:absolute;top:-20%;bottom:-20%;width:18vw;min-width:120px;background:linear-gradient(180deg,transparent,var(--red) 30%,var(--red) 70%,transparent);opacity:.9;transform:skewX(var(--skew));animation:sweep 9s cubic-bezier(.7,0,.3,1) infinite}
.stripes i:nth-child(1){left:62%;opacity:.95}
.stripes i:nth-child(2){left:79%;width:3px;min-width:3px;background:var(--fog);opacity:.18;animation-delay:-3s}
.stripes i:nth-child(3){left:-12%;width:6vw;min-width:40px;opacity:.35;animation-delay:-6s}
@keyframes sweep{0%,100%{translate:0 0}50%{translate:-2.5vw 0}}
.grain{position:fixed;inset:0;z-index:-1;pointer-events:none;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'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ---------- Botões ---------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border:0;border-radius:12px;font-weight:700;font-size:16px;letter-spacing:.01em;transition:transform .15s,background .2s,box-shadow .2s;isolation:isolate;overflow:hidden}
.btn:active{transform:scale(.98)}
.btn-red{background:var(--red);color:#fff;box-shadow:0 10px 30px -10px rgba(212,1,20,.7)}
.btn-red:hover{background:var(--red-2)}
.btn-wa{background:var(--wa);color:#08170E;box-shadow:0 10px 30px -12px rgba(37,211,102,.7)}
.btn-wa:hover{filter:brightness(1.07)}
.btn-ghost{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(8px)}
.btn-ghost:hover{background:rgba(255,255,255,.12)}
.btn-white{background:#fff;color:var(--ink-2)}
.btn .shine{position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);translate:-120% 0;animation:shine 3.6s ease-in-out infinite}
@keyframes shine{0%,60%{translate:-120% 0}100%{translate:120% 0}}

/* ---------- Topo do site ---------- */
.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:rgba(14,15,14,.78);backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid rgba(255,255,255,.06)}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:21;background:var(--ink)}
.topbar .wrap{display:flex;align-items:center;gap:18px;min-height:64px}
.brand{display:flex;align-items:center;gap:10px}
.brand img{height:26px;width:auto}
.nav{display:flex;gap:4px;margin-left:auto}
.nav a{padding:8px 12px;border-radius:999px;color:var(--muted);font-weight:600;font-size:15px}
.nav a:hover,.nav a[aria-current="page"]{color:#fff;background:rgba(255,255,255,.07)}
.topbar .btn{min-height:42px;padding:0 16px;font-size:14.5px}
.menu-btn{display:none;margin-left:auto;width:44px;height:44px;border:0;border-radius:12px;background:rgba(255,255,255,.07)}

/* ---------- Página de links ---------- */
.links-page{min-height:100dvh;display:flex;justify-content:center;padding:calc(28px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) calc(36px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
.links-card{width:min(520px,100%);display:flex;flex-direction:column;gap:22px}
.links-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding-top:8px}
.links-head img.logo{width:min(300px,78%);height:auto;filter:drop-shadow(0 10px 30px rgba(212,1,20,.25));animation:rise .8s cubic-bezier(.2,.8,.2,1) both}
.links-head h1{margin:6px 0 0;font-size:clamp(34px,9vw,46px)}
.links-head h1 em{color:var(--red-2);font-style:italic}
.live{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:rgba(61,203,122,.12);border:1px solid rgba(61,203,122,.35);color:#B9F2CF;font-weight:600;font-size:14px}
.live b{color:#fff}
.dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 rgba(61,203,122,.7);animation:ping 1.8s infinite}
@keyframes ping{70%{box-shadow:0 0 0 10px rgba(61,203,122,0)}100%{box-shadow:0 0 0 0 rgba(61,203,122,0)}}
.rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(-1*max(16px,env(safe-area-inset-left)));padding:4px max(16px,env(safe-area-inset-left)) 10px;scrollbar-width:none}
.rail::-webkit-scrollbar{display:none}
.rail-title{display:flex;align-items:baseline;justify-content:space-between}
.rail-title h2{margin:0;font-size:22px}
.rail-title a{color:var(--muted);font-weight:600;font-size:14px}
.mini{position:relative;flex:none;width:230px;scroll-snap-align:start;border-radius:var(--r);overflow:hidden;background:var(--ink-3);border:1px solid var(--line);transition:transform .2s,border-color .2s}
.mini:hover{transform:translateY(-3px);border-color:rgba(212,1,20,.6)}
.mini .ph{aspect-ratio:4/3;background:var(--ink-4) center/cover}
.mini .ph img{width:100%;height:100%;object-fit:cover}
.mini .info{padding:10px 12px 12px}
.mini b{display:block;font-family:var(--display);font-style:italic;font-weight:800;font-size:18px}
.mini small{color:var(--muted);font-size:13px}
.mini .price{display:block;margin-top:4px;font-weight:800;font-size:18px;color:#fff}
.sticker{position:absolute;top:10px;left:-6px;padding:4px 12px 4px 14px;background:var(--red);color:#fff;font-family:var(--display);font-style:italic;font-weight:800;font-size:13px;letter-spacing:.02em;transform:skewX(var(--skew));box-shadow:0 6px 18px -6px rgba(212,1,20,.8)}
.sticker span{display:inline-block;transform:skewX(19deg)}
.sticker.reserved{background:var(--warn);color:#2B1C00}
.links-list{display:flex;flex-direction:column;gap:12px}
.link{position:relative;display:grid;grid-template-columns:52px 1fr 24px;align-items:center;gap:14px;min-height:72px;padding:10px 16px 10px 10px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);transition:transform .18s,background .2s,border-color .2s;animation:rise .6s cubic-bezier(.2,.8,.2,1) both}
.link:hover{transform:translateY(-2px);background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.22)}
.link .ic{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.08)}
.link .ic svg{width:26px;height:26px}
.link b{display:block;font-size:17px}
.link small{display:block;color:var(--muted);font-size:13.5px;line-height:1.3}
.link .go{opacity:.5;transition:translate .2s,opacity .2s}
.link:hover .go{translate:4px 0;opacity:1}
.link.hero{background:linear-gradient(110deg,var(--red) 0,#A3000F 100%);border-color:transparent;box-shadow:0 18px 40px -18px rgba(212,1,20,.9);overflow:hidden}
.link.hero .ic{background:rgba(255,255,255,.18)}
.link.hero small{color:#FFD5D8}
.link.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.25) 50%,transparent 60%);translate:-120% 0;animation:shine 4s ease-in-out infinite}
.link.wa .ic{background:var(--wa);color:#08170E}
.links-list .link:nth-child(1){animation-delay:.05s}.links-list .link:nth-child(2){animation-delay:.1s}.links-list .link:nth-child(3){animation-delay:.15s}.links-list .link:nth-child(4){animation-delay:.2s}.links-list .link:nth-child(5){animation-delay:.25s}.links-list .link:nth-child(6){animation-delay:.3s}
@keyframes rise{from{opacity:0;translate:0 14px}}
.links-foot{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--muted);font-size:13.5px;text-align:center}
.links-foot a{text-decoration:underline;text-underline-offset:3px}

/* ---------- Catálogo ---------- */
.cat-hero{position:relative;overflow:hidden;padding:56px 0 40px}
.cat-hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center}
.cat-hero h1{margin:14px 0 16px;font-size:clamp(44px,7vw,84px)}
.cat-hero h1 span{display:block;color:var(--red-2)}
.cat-hero p{max-width:46ch;color:#C9CCCA;font-size:18px;margin:0 0 24px}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px}
.stats{display:flex;gap:26px;margin-top:28px}
.stats b{display:block;font-family:var(--display);font-style:italic;font-weight:800;font-size:34px;color:#fff;line-height:1}
.stats small{color:var(--muted);font-size:13px}
.hero-media{position:relative;aspect-ratio:4/5;max-height:560px;justify-self:end;width:100%;max-width:460px}
.hero-media .frame{position:absolute;inset:0;border-radius:24px;overflow:hidden;background:var(--ink-3);box-shadow:0 40px 80px -30px #000,0 0 0 1px rgba(255,255,255,.08)}
.hero-media video,.hero-media img{width:100%;height:100%;object-fit:cover}
.hero-media::before{content:"";position:absolute;inset:8% -10% -6% 18%;background:var(--red);transform:skewX(var(--skew));border-radius:10px;z-index:-1}
.hero-tag{position:absolute;left:16px;right:16px;bottom:16px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:14px 16px;border-radius:16px;background:rgba(14,15,14,.72);backdrop-filter:blur(10px)}
.hero-tag b{display:block;font-family:var(--display);font-style:italic;font-weight:800;font-size:22px}
.hero-tag small{color:var(--muted)}
.hero-tag .price{font-weight:800;font-size:20px;white-space:nowrap}
.toolbar{position:sticky;top:calc(64px + env(safe-area-inset-top,0px));z-index:15;padding:12px 0;background:rgba(14,15,14,.85);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}
.toolbar .wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:transparent;color:var(--muted);font-weight:600}
.chip:hover{color:#fff;border-color:rgba(255,255,255,.3)}
.chip[aria-pressed="true"]{background:#fff;color:var(--ink-2);border-color:#fff}
.field{min-height:40px;padding:0 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04)}
.field:focus{outline:2px solid var(--red-2)}
select.field{padding-right:28px}
.saved-btn{display:inline-flex;align-items:center;gap:6px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px;padding:28px 0 60px}
.card{position:relative;display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--ink-2);border:1px solid var(--line);transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .25s;animation:rise .5s both}
.card:hover{transform:translateY(-6px);border-color:rgba(212,1,20,.55);box-shadow:0 30px 60px -30px rgba(212,1,20,.55)}
.card .ph{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--ink-4)}
.card .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .35s,scale .6s}
.card .ph img.alt{opacity:0}
.card:hover .ph img.alt{opacity:1}
.card:hover .ph img{scale:1.04}
.card .noimg{position:absolute;inset:0;display:grid;place-items:center;color:var(--faint)}
.card .noimg svg{width:48px;height:48px;stroke-width:1.2}
.badges{position:absolute;left:12px;right:12px;bottom:12px;display:flex;gap:6px;flex-wrap:wrap}
.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;background:rgba(14,15,14,.78);backdrop-filter:blur(6px);color:#fff;font-size:12.5px;font-weight:700}
.badge svg{width:14px;height:14px}
.badge.good{background:rgba(61,203,122,.9);color:#062712}
.badge.info{background:rgba(242,176,76,.95);color:#2B1C00}
.heart{position:absolute;top:10px;right:10px;width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(14,15,14,.6);backdrop-filter:blur(6px);color:#fff;transition:transform .2s}
.heart:hover{transform:scale(1.08)}
.heart[aria-pressed="true"]{color:var(--red-2)}
.heart[aria-pressed="true"] svg{fill:currentColor}
.card .body{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px;flex:1}
.card .brandline{color:var(--muted);font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.card h3{margin:0;font-family:var(--display);font-style:italic;font-weight:800;font-stretch:110%;font-size:26px;line-height:1}
.card h3 small{font-size:16px;color:#C9CCCA;font-weight:700}
.specs{display:flex;flex-wrap:wrap;gap:4px 12px;color:#C9CCCA;font-size:14px}
.specs span{display:inline-flex;align-items:center;gap:5px}
.specs svg{width:16px;height:16px;color:var(--muted)}
.headline{color:var(--muted);font-size:14px;line-height:1.4}
.card .bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px}
.money{font-family:var(--display);font-style:italic;font-weight:800;font-size:30px;line-height:1;color:#fff}
.money small{display:block;font-family:var(--body);font-style:normal;font-weight:600;font-size:12px;color:var(--muted);margin-bottom:4px}
.card .btn{min-height:46px;padding:0 16px;font-size:15px}
.empty{padding:60px 0;text-align:center;color:var(--muted)}

/* ---------- Detalhe do carro ---------- */
.sheet{position:fixed;inset:0;z-index:40;display:grid;place-items:end center;background:rgba(5,6,5,.72);backdrop-filter:blur(6px);animation:fade .2s both}
@keyframes fade{from{opacity:0}}
.sheet-panel{position:relative;width:min(1100px,100%);max-height:100dvh;overscroll-behavior:contain;overflow:auto;border-radius:24px 24px 0 0;background:var(--ink-2);border:1px solid var(--line);animation:up .35s cubic-bezier(.2,.8,.2,1) both;padding-bottom:env(safe-area-inset-bottom)}
@media(min-width:900px){.sheet{place-items:center}.sheet-panel{max-height:92dvh;border-radius:24px}}
@keyframes up{from{translate:0 40px;opacity:0}}
.sheet-close{position:sticky;top:12px;float:right;margin:12px 12px -60px 0;z-index:3;width:46px;height:46px;border:0;border-radius:50%;background:rgba(14,15,14,.75);color:#fff;backdrop-filter:blur(6px)}
.detail{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:0}
.detail-info{min-width:0}
.detail-info h2{overflow-wrap:anywhere}
.gallery{position:relative;background:var(--ink-2);min-width:0;align-self:start}
.gallery .main{position:relative;aspect-ratio:4/3;overflow:hidden}
.gallery .main img,.gallery .main video{width:100%;height:100%;object-fit:cover}
.gallery .nav-btn{position:absolute;top:50%;margin-top:-24px;width:48px;height:48px;border:0;border-radius:50%;background:rgba(14,15,14,.6);color:#fff;backdrop-filter:blur(6px)}
.gallery .prev{left:12px}.gallery .next{right:12px}
.gallery .counter{position:absolute;right:12px;bottom:12px;padding:4px 10px;border-radius:999px;background:rgba(14,15,14,.7);font-size:13px;font-weight:700}
.regions{display:flex;gap:6px;padding:12px;overflow-x:auto;scrollbar-width:none;background:var(--ink-2)}
.regions button{flex:none;min-height:34px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:transparent;color:var(--muted);font-weight:600;font-size:13.5px}
.regions button[aria-pressed="true"]{background:var(--red);border-color:var(--red);color:#fff}
.thumbs{display:flex;gap:6px;padding:0 12px 12px;overflow-x:auto;scrollbar-width:none;background:var(--ink-2)}
.thumbs button{flex:none;width:74px;height:56px;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;opacity:.6;background:var(--ink-4)}
.thumbs button[aria-current="true"]{border-color:var(--red);opacity:1}
.thumbs img{width:100%;height:100%;object-fit:cover}
.detail-info{display:flex;flex-direction:column;gap:14px;padding:28px 28px 32px}
.detail-info h2{margin:0;font-size:clamp(34px,4vw,46px)}
.detail-info .money{font-size:44px}
.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.spec{padding:10px 12px;border-radius:12px;background:var(--ink-3);border:1px solid var(--line)}
.spec small{display:block;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.spec b{font-size:16px}
.cta-stack{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.cta-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cta-row .btn{min-height:46px;font-size:14.5px;padding:0 12px}
.note{padding:12px 14px;border-radius:12px;background:rgba(242,176,76,.1);border:1px solid rgba(242,176,76,.35);color:#F7D9A6;font-size:14px}
.more{grid-column:1/-1;padding:8px 28px 32px;border-top:1px solid var(--line)}
.more h3{font-size:24px;margin:20px 0 12px}
.more .rail{margin:0;padding:0 0 6px}

/* ---------- Vídeos (estilo reels) ---------- */
.reels-page{background:#000}
.reels{height:100dvh;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none}
.reels::-webkit-scrollbar{display:none}
.reel{position:relative;height:100dvh;scroll-snap-align:start;display:grid;place-items:center;overflow:hidden;background:#000}
.reel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media(min-width:800px){.reel video{object-fit:contain}.reel::before{content:"";position:absolute;inset:-40px;background:var(--poster) center/cover;filter:blur(40px) brightness(.4)}}
.reel-ui{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:80px max(18px,env(safe-area-inset-left)) calc(24px + env(safe-area-inset-bottom));background:linear-gradient(transparent,rgba(0,0,0,.85))}
.reel-ui .inner{width:min(560px,100%);margin:0 auto;display:flex;flex-direction:column;gap:10px}
.reel-ui h2{margin:0;font-size:36px}
.reel-ui .row{display:flex;gap:10px}
.reel-ui .row .btn{flex:1}
.reel-top{position:fixed;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));background:linear-gradient(rgba(0,0,0,.6),transparent)}
.reel-top img{height:24px}
.reel-top .btn{min-height:40px;padding:0 14px;font-size:14px}
.mute{position:absolute;right:16px;top:calc(76px + env(safe-area-inset-top));z-index:3;width:44px;height:44px;border:0;border-radius:50%;background:rgba(0,0,0,.5);color:#fff}
.progress{position:absolute;left:0;right:0;bottom:0;z-index:3;height:3px;background:rgba(255,255,255,.2)}
.progress i{display:block;height:100%;width:0;background:var(--red)}
.reel.end{background:var(--ink)}
.reel.end .inner{position:relative;z-index:2;width:min(460px,100%);padding:0 20px;display:flex;flex-direction:column;gap:12px;text-align:center}

/* ---------- Vender ---------- */
.sell{padding:40px 0 70px}
.sell .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:start}
.sell h1{font-size:clamp(40px,6vw,68px);margin:12px 0 16px}
.sell h1 span{color:var(--red-2)}
.steps{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.steps li{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center}
.steps b{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--red);font-family:var(--display);font-style:italic;font-weight:800;font-size:20px;transform:skewX(var(--skew))}
.steps b span{transform:skewX(19deg)}
.form{padding:24px;border-radius:24px;background:var(--ink-2);border:1px solid var(--line)}
.form h2{margin:0 0 4px;font-size:26px}
.form .grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form label{display:flex;flex-direction:column;gap:6px;margin-top:12px;font-size:13.5px;font-weight:600;color:#C9CCCA}
.form input,.form select,.form textarea{min-height:48px;padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:var(--ink-3);font-size:16px}
.form textarea{min-height:90px;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--red-2);border-color:transparent}
.pick{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.pick label{flex-direction:row;align-items:center;margin:0;padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:var(--ink-3);font-weight:600;cursor:pointer}
.pick label:has(input:checked){border-color:var(--red);background:rgba(212,1,20,.15);color:#fff}
.pick input{width:18px;height:18px;min-height:0;accent-color:var(--red)}
.consent{flex-direction:row!important;align-items:flex-start;gap:10px!important;font-weight:500!important}
.consent input{width:20px;height:20px;min-height:0;margin-top:2px;accent-color:var(--red)}
.form .btn{width:100%;margin-top:18px}
.form-msg{margin-top:12px;font-size:14px;color:var(--muted)}
.form-msg.err{color:#FF8A92}
.done{text-align:center;padding:30px 10px}
.done>svg{width:64px;height:64px;color:var(--ok)}

/* ---------- Rodapé ---------- */
.foot{border-top:1px solid rgba(255,255,255,.06);padding:34px 0 calc(34px + env(safe-area-inset-bottom));color:var(--muted);font-size:14px}
.foot .wrap{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center}
.foot img{height:22px}
.foot nav{display:flex;flex-wrap:wrap;gap:14px}
.foot a:hover{color:#fff}
.float-wa{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));z-index:30;width:60px;height:60px;display:grid;place-items:center;border-radius:50%;background:var(--wa);color:#08170E;box-shadow:0 14px 34px -10px rgba(37,211,102,.8);animation:bob 3s ease-in-out infinite}
.float-wa svg{width:30px;height:30px}
@keyframes bob{50%{translate:0 -4px}}
.toast{position:fixed;left:50%;bottom:calc(90px + env(safe-area-inset-bottom));z-index:50;translate:-50% 0;padding:12px 18px;border-radius:12px;background:#fff;color:var(--ink-2);font-weight:700;box-shadow:0 20px 40px -10px #000;animation:rise .25s both}

/* ---------- Celular ---------- */
@media(max-width:860px){
 .nav{display:none}
 .nav.open{position:absolute;top:64px;left:0;right:0;display:flex;flex-direction:column;padding:10px 16px 16px;background:var(--ink-2);border-bottom:1px solid var(--line)}
 .menu-btn{display:grid;place-items:center}
 .topbar .btn-wa span{display:none}
 .topbar .btn-wa{width:44px;padding:0}
 .cat-hero{padding:28px 0 20px}
 .cat-hero .wrap,.sell .wrap,.detail{grid-template-columns:minmax(0,1fr)}
 .hero-media{justify-self:stretch;max-width:none;aspect-ratio:4/3}
 .hero-media::before{inset:10% -6% -5% 30%}
 .stats{gap:18px}
 .grid{grid-template-columns:1fr;gap:16px;padding-top:18px}
 .detail-info{padding:20px 18px 26px}
 .more{padding:6px 18px 26px}
 .form .grid2{grid-template-columns:1fr}
 .toolbar{position:relative;top:auto;padding:10px 0 12px}
 .toolbar .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
 .toolbar .chips{grid-column:1/-1;margin:0 -16px;padding:0 16px}
 .toolbar .field.search{min-width:0;width:100%;font-size:16px}
 .toolbar #sort{font-size:15px}
 .toolbar .saved-btn{grid-column:1/-1;justify-self:start}
 .cat-hero{padding:18px 0 14px}
 .cat-hero .wrap{gap:16px}
 .cat-hero .wrap>div:first-child{display:contents}
 .cat-hero .eyebrow{order:1}
 .cat-hero h1{order:2;margin:0;font-size:clamp(34px,10vw,44px);line-height:.98}
 .cat-hero p{display:none}
 .hero-media{order:3;aspect-ratio:4/5;max-height:62dvh}
 .hero-actions{order:4;display:grid;grid-template-columns:1fr 1fr;gap:10px}
 .hero-actions .btn{min-height:50px;padding:0 12px;font-size:15.5px}
 .hero-actions #ctaWa{grid-column:1/-1}
 .stats{order:5;margin-top:4px;gap:0;justify-content:space-between}
 .stats div{flex:1}
 .stats b{font-size:26px}
 .float-wa{width:54px;height:54px}
 .sheet .sheet-bar{display:flex}
 .sheet .detail-info .cta-stack>.btn-wa{display:none}
 .foot nav a,.links-foot a{display:inline-block;padding:8px 4px}
}
.sheet-bar{display:none;position:sticky;bottom:0;z-index:4;align-items:center;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(20,21,20,.94);backdrop-filter:blur(12px);border-top:1px solid var(--line)}
.sheet-bar div{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.15}
.sheet-bar small{color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sheet-bar b{font-family:var(--display);font-style:italic;font-weight:800;font-size:24px;color:#fff}
.sheet-bar .btn{min-height:52px;padding:0 18px;flex:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Aviso no topo (editado no CRM → Site → Página de links) */
.announce{position:relative;z-index:30;display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left));padding-top:calc(8px + env(safe-area-inset-top));background:var(--red);color:#fff;font-weight:700;font-size:14px;line-height:1.3;text-align:center}
.announce svg{width:16px;height:16px;flex:none}
a.announce:hover{background:var(--red-2)}
.announce+.stripes+.grain+.links-page,.announce~.links-page{padding-top:24px}

@media(max-width:860px){
 .hero-tag{padding-right:14px}
 body.hero-visible .float-wa{opacity:0;pointer-events:none;transform:scale(.6)}
 .float-wa{transition:opacity .25s,transform .25s}
}
@media(max-width:420px){
 .card .bottom{gap:10px}
 .card .bottom .money{font-size:26px;white-space:nowrap}
 .card .bottom .btn{white-space:nowrap;padding:0 14px}
 .cta-row{grid-template-columns:1fr!important}
}