:root{--bg:#050505;--p:#0d0d0d;--line:#222;--red:#e11d1d;--red2:#b00f0f;--tx:#f2f2f2;--mu:#9a9a9a}
*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--tx);font:14px/1.4 Roboto,Inter,Arial,sans-serif}
a{color:inherit;text-decoration:none}ul{list-style:none;padding:0}button,input{font:inherit;color:inherit}
.wrap{max-width:1536px;margin:0 auto;padding:0 100px}img{max-width:100%}
.topbar{border-bottom:1px solid var(--line);font-size:12px}.topbar .wrap{display:flex;justify-content:space-between;align-items:center;height:38px}
.tc em{font-style:normal;margin:0 14px}.tr a{margin-left:28px}
.header .hd{display:flex;align-items:center;gap:60px;height:96px}.logo{display:flex;align-items:center;gap:10px}.logo img{height:64px}
.logo b{font:900 46px/0.9 Impact,Arial Black,sans-serif;letter-spacing:1px}.logo small{display:block;color:var(--red);font:700 16px Arial;letter-spacing:12px}
.flame{width:30px;height:48px;background:var(--red);border-radius:50% 50% 50% 50%/70% 70% 30% 30%;clip-path:polygon(50% 0,100% 55%,80% 100%,20% 100%,0 55%)}.flame.sm{width:16px;height:22px;display:inline-block;vertical-align:middle;margin-right:12px}
.search{flex:0 1 750px;display:flex;background:#141414;border:1px solid #2b2b2b;border-radius:30px;height:42px;overflow:hidden}.search input{flex:1;background:none;border:0;padding:0 24px;outline:0}.search button{background:none;border:0;width:56px;font-size:20px;cursor:pointer}
.cart{margin-left:auto;position:relative}.cart sup{background:var(--red);border-radius:50%;padding:1px 5px;font-size:10px}
.navbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--p)}.nv{display:flex;align-items:center;height:42px}
.all{background:none;border:0;width:290px;text-align:left;cursor:pointer;font-size:14px}.nv nav{display:flex;gap:40px;height:100%}.nv nav a{display:flex;align-items:center;font-weight:500}.nv nav a.on{color:var(--red);border-bottom:2px solid var(--red)}
.hero{position:relative;height:288px;background:radial-gradient(ellipse at 60% 40%,#4a0707 0,#150303 55%,#050505 100%);overflow:hidden}
.hero .media{position:absolute;inset:0}.hero .media img{width:100%;height:100%;object-fit:cover}
.hi{position:relative;height:100%;display:flex;align-items:center;max-width:none;padding:0 0 0 115px}.ht{width:560px}
.k{font:italic 900 30px Impact,Arial;color:#c01212;transform:rotate(-6deg)}.hero h1{font:italic 900 78px/1 Impact,Arial Black,sans-serif;transform:rotate(-4deg);text-shadow:0 4px 12px #000;margin:2px 0 14px}
.s{font:italic 700 18px Arial;transform:rotate(-4deg)}.cta{display:inline-block;margin-top:22px;background:var(--red);padding:12px 36px;font:italic 800 16px Arial;transform:rotate(-4deg)}
.badge{width:150px;height:150px;border-radius:50%;background:var(--red);display:grid;place-items:center;text-align:center;font:900 28px/1 Impact;margin-left:200px;box-shadow:0 0 40px #e11d1d66}
.ben{margin-left:auto;width:340px;background:linear-gradient(90deg,transparent,#0008 30%);height:100%;padding:30px 0 0 50px;display:flex;flex-direction:column;gap:20px}.ben li{display:flex;gap:16px;align-items:center}.ben i{width:34px;height:34px;border:2px solid var(--red);border-radius:8px}.ben b{display:block;font-size:12px;letter-spacing:.3px}.ben span{font-size:11px;color:#9ab}
.br{display:flex;justify-content:space-between;align-items:center;padding-top:12px;padding-bottom:12px;height:112px}.b{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;color:var(--mu)}
.b span{width:108px;height:52px;border:1px solid #2a2a2a;border-radius:30px;display:grid;place-items:center;font:800 13px Arial;color:var(--tx);letter-spacing:.5px;overflow:hidden}.b span img{max-height:30px}
.b.on{color:var(--red);border:2px solid var(--red);border-radius:50%/40%;width:108px;height:76px;justify-content:center}.b.on span{border:0;height:auto;width:auto;color:var(--red)}
.main{display:grid;grid-template-columns:244px 1fr;gap:28px;padding-top:8px;padding-bottom:40px}
.box,.sideban{background:var(--p);border:1px solid var(--line);border-radius:8px}.box{padding:18px 16px}.box h3{font-size:14px;margin-bottom:12px}
.box a{display:flex;align-items:center;gap:14px;height:39px;border-bottom:1px solid #1d1d1d;font-size:12.5px}.box a:last-child{border:0}.box i{width:18px;height:20px;border:1.5px solid #888;border-radius:5px}.box u{margin-left:auto;text-decoration:none;color:var(--mu)}
.sideban{margin-top:28px;height:122px;padding:20px 16px;position:relative;overflow:hidden;background:linear-gradient(120deg,#3a0505,#0d0d0d);border-color:#5a1010}.sideban img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sideban div{position:relative;padding-left:64px}.sideban b{display:block;color:var(--red);font:900 21px Impact}.sideban span{font-size:11px}
.fh{display:flex;justify-content:space-between;align-items:center;height:38px;margin-bottom:6px}.fh h2{font-size:16px;font-weight:800}.fh a{font-size:11px;color:var(--mu)}
.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;background:var(--p);border:1px solid var(--line);border-radius:8px;padding:10px}
.card{background:#0a0a0a;border:1px solid var(--line);border-radius:6px;padding:0 0 12px;overflow:hidden}.im{position:relative;height:170px;background:radial-gradient(circle at 50% 70%,#4a0808,#0a0000 70%)}
.im img{width:100%;height:100%;object-fit:cover}.tag{position:absolute;top:8px;left:8px;background:var(--red);border-radius:4px;padding:3px 9px;font-weight:700;font-size:12px;z-index:1}
.ph{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#6b4a4a;font-size:11px}
.card h4,.card .ds,.stars,.pr,.add{margin:0 10px}.card h4{margin-top:10px;font-size:13px}.ds{font-size:11px;color:var(--mu);margin-top:3px}.stars{color:#f5b301;font-size:11px;margin-top:4px}
.pr{margin-top:6px;display:flex;align-items:baseline;gap:10px}.pr b{color:var(--red);font-size:16px}.pr s{color:var(--mu);font-size:11px}
.add{width:calc(100% - 20px);margin-top:12px;background:var(--red);border:0;border-radius:4px;padding:9px 0;font-size:12px;cursor:pointer}.add:hover{background:var(--red2)}
.catban{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:14px}.cb{position:relative;height:110px;overflow:hidden;border:1px solid #4a1010;border-radius:6px;background:linear-gradient(110deg,#1a0303,#050505 70%);padding:18px}
.cb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cb div{position:relative}.cb b{display:block;color:var(--red);font:700 17px Arial}.cb span{font-size:11px;display:block;margin-bottom:12px}.cb em{font-style:normal;font-size:10px;border:1px solid var(--red);color:var(--red);border-radius:4px;padding:4px 10px}
@media(max-width:1280px){.wrap{padding:0 24px}.grid{grid-template-columns:repeat(3,1fr)}.hi{padding-left:24px}.badge{display:none}}
@media(max-width:860px){.main{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.catban{grid-template-columns:1fr}.ben,.tc,.nv nav,.br{display:none}.hero h1{font-size:48px}.header .hd{gap:16px}}
/* admin */
.adm{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.adm aside{background:var(--p);border-right:1px solid var(--line);padding:20px}.adm aside h2{color:var(--red);margin-bottom:18px}
.adm aside a{display:block;padding:10px 12px;border-radius:6px;color:var(--mu);cursor:pointer}.adm aside a.on,.adm aside a:hover{background:#1a0a0a;color:var(--tx)}
.adm main{padding:28px 36px}.warn{background:#2a1a00;border:1px solid #6b4a00;color:#ffcf66;padding:10px 14px;border-radius:6px;margin-bottom:20px;font-size:13px}
.panel{background:var(--p);border:1px solid var(--line);border-radius:8px;padding:20px;margin-bottom:20px}.panel h3{margin-bottom:14px}
form.f{display:grid;grid-template-columns:1fr 1fr;gap:14px}.f label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--mu)}.f .full{grid-column:1/-1}
.f input,.f select,.f textarea{background:#141414;border:1px solid #2b2b2b;border-radius:6px;padding:9px;color:var(--tx);font:inherit}
.prev{width:160px;height:160px;border:1px dashed #444;border-radius:8px;overflow:hidden;background:#0a0a0a}.prev img{width:100%;height:100%;object-fit:cover}
.btn{background:var(--red);border:0;border-radius:6px;padding:10px 18px;cursor:pointer;color:#fff}.btn.g{background:#222}
table{width:100%;border-collapse:collapse}td,th{padding:9px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stats div{background:var(--p);border:1px solid var(--line);border-radius:8px;padding:18px}.stats b{font-size:26px;color:var(--red);display:block}

/* Admin: gerenciamento visual */
.admin-hint{color:#aaa;margin:10px 0 18px}.admin-list{display:flex;flex-direction:column;gap:12px}.admin-item{display:flex;align-items:center;gap:14px;padding:12px;background:#121215;border:1px solid #303035;border-radius:9px;flex-wrap:wrap}.admin-item>div:nth-child(2){flex:1;min-width:140px}.admin-item small{display:block;color:#aaa;margin-top:4px}.admin-thumb{width:70px;height:60px;background:#09090b;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:7px}.admin-thumb img,.image-preview img{width:100%;height:100%;object-fit:contain}.admin-thumb .ph{font-size:8px;text-align:center}.admin-thumb .ph svg{width:20px;height:20px}.admin-actions{display:flex;gap:8px}.image-preview{width:170px;height:110px;display:flex;align-items:center;justify-content:center;background:#0a0a0c;border:1px dashed #444;border-radius:8px;margin:10px 0;overflow:hidden}.image-preview .ph{font-size:12px}.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto!important}.f label small{display:block;color:#aaa;font-size:11px;margin-top:6px}.warn{line-height:1.5}#notice{margin:12px 0;min-height:20px;font-size:13px}@media(max-width:650px){.admin-item{align-items:flex-start}.admin-actions{width:100%}}

/* POD STORE — alinhamento desktop fiel à referência visual (sem alterar o painel admin) */
@media(min-width:1281px){
 .wrap{max-width:1536px;padding-left:72px;padding-right:72px}
 .topbar .wrap{height:39px}
 .header .hd{height:96px;gap:70px}
 .logo{min-width:240px}
 .logo img{max-width:240px;max-height:78px;object-fit:contain}
 .search{flex:1;max-width:752px;height:44px}
 .nv{height:40px}.all{width:310px;flex:none}
 .nv nav{gap:34px}
 .hero{height:288px}
 .hi{max-width:1536px;margin:auto;padding-left:112px;padding-right:72px}
 .ht{flex:0 0 470px;width:470px}
 .hero h1{font-size:76px}
 .badge{margin-left:85px;flex:none}
 .ben{width:280px;flex:0 0 280px;padding:25px 0 0 20px}
 .br{height:108px;padding-top:10px;padding-bottom:10px}
 .main{grid-template-columns:244px minmax(0,1fr);gap:26px;padding-top:0}
 .main>section{min-width:0}
 .grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;padding:10px}
 .im{height:170px}
 .card{min-width:0}
 .catban{gap:12px}
}
/* Imagens configuráveis mantêm a geometria da referência */
.hero .media img{display:block;object-position:center}
.card .im img{object-fit:contain;background:#09090b}
.cb img,.sideban img{object-fit:cover}
.b span img{max-width:88px;max-height:32px;object-fit:contain}
.card{display:flex;flex-direction:column}
.card .pr{margin-top:auto;padding-top:7px}
.card .add{margin-top:10px}
@media(max-width:1280px) and (min-width:861px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.wrap{padding-left:30px;padding-right:30px}.main{grid-template-columns:215px minmax(0,1fr)}.nv nav{gap:22px}.all{width:230px}.ben{width:260px;padding-left:12px}.hero h1{font-size:60px}}
@media(max-width:860px){.wrap{padding-left:16px;padding-right:16px}.hero{height:290px}.hi{padding-left:20px}.ht{width:100%;flex:1}.hero h1{font-size:48px}.main{padding-top:12px}.grid{padding:8px;gap:10px}.im{height:160px}.header .hd{height:76px}.logo b{font-size:32px}.logo small{font-size:10px;letter-spacing:8px}.search{min-width:0}.search input{min-width:0;padding:0 12px}.cart{font-size:12px}}

/* Revisão de geometria: banner faixa, sem deformar a imagem.
   O tamanho permanece compacto nas telas largas; o conteúdo nunca é esticado. */
#hero .hero {position:relative!important;width:100%!important;height:240px!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;overflow:hidden!important;background:#09090d!important}
#hero .hero .media {position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
#hero .hero .media img {display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
#hero .hero .hi{display:none!important}
@media(max-width:860px){#hero .hero{height:clamp(140px,25vw,240px)!important}}
@media(min-width:1281px){#featured .grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}