:root{
  --ink:#111114; --paper:#fff9ec; --yellow:#ffd400; --red:#ff354f; --blue:#1664ff;
  --cyan:#1fd6e6; --purple:#7f45ff; --green:#42d37b; --line:3px solid var(--ink);
  --shadow:7px 7px 0 var(--ink); --radius:18px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
button,a{font:inherit} button{cursor:pointer} .shell{width:min(1180px,calc(100% - 32px));margin:auto}
.hero{position:relative;overflow:hidden;background:var(--yellow);border-bottom:5px solid var(--ink)}
.hero:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle,var(--ink) 1.1px,transparent 1.3px);background-size:11px 11px;opacity:.10;transform:rotate(-7deg)}
.hero-noise{position:absolute;width:520px;height:520px;right:-120px;bottom:-260px;border-radius:50%;background:var(--red);border:5px solid var(--ink);box-shadow:-80px -30px 0 var(--blue),-160px 40px 0 var(--cyan)}
.topbar{position:relative;display:flex;justify-content:space-between;align-items:center;padding:24px 0}.brand{color:var(--ink);text-decoration:none;font-weight:900;font-size:21px;letter-spacing:-1px;display:flex;align-items:center;gap:9px}.brand-bang{width:34px;height:34px;border:3px solid var(--ink);background:var(--red);display:grid;place-items:center;border-radius:50%;transform:rotate(-8deg);color:white;font-size:25px}.mini-link{font-weight:900;color:var(--ink);text-decoration:none;border-bottom:3px solid var(--ink)}
.hero-content{position:relative;min-height:540px;display:grid;grid-template-columns:1.4fr .6fr;align-items:center;gap:40px;padding:48px 0 68px}.kicker,.eyebrow{font-weight:900;text-transform:uppercase;letter-spacing:1.8px;font-size:12px}.hero h1{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:clamp(64px,9vw,124px);line-height:.78;letter-spacing:-2px;margin:22px 0 30px;text-transform:uppercase}.hero h1 em{color:white;-webkit-text-stroke:3px var(--ink);font-style:normal}.hero p{font-size:19px;line-height:1.55;max-width:650px;font-weight:700}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{border:var(--line);padding:14px 18px;font-weight:950;text-transform:uppercase;letter-spacing:.4px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;box-shadow:5px 5px 0 var(--ink);transition:.15s transform,.15s box-shadow}.btn:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.btn-dark{background:var(--ink);color:white}.btn-pop{background:var(--red);color:white}.btn-whatsapp{background:#25d366;color:#0b1b10}.full{width:100%}
.hero-burst{justify-self:end;width:245px;height:245px;background:white;clip-path:polygon(50% 0,60% 26%,78% 5%,77% 32%,100% 24%,82% 47%,100% 60%,73% 62%,82% 91%,59% 76%,50% 100%,40% 76%,18% 94%,27% 64%,0 62%,19% 48%,0 28%,27% 32%,23% 4%,41% 26%);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(8deg);filter:drop-shadow(7px 7px 0 #111)}.hero-burst span{font:900 74px/1 Impact,sans-serif}.hero-burst small{font-weight:950;text-align:center;line-height:1.05}
.promo{margin-top:45px;background:white;border:var(--line);box-shadow:var(--shadow);padding:28px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;position:relative}.speech{display:inline-block;background:var(--blue);color:white;border:3px solid var(--ink);padding:7px 12px;font:900 18px Impact,sans-serif;letter-spacing:1px;transform:rotate(-3deg);box-shadow:3px 3px 0 var(--ink)}.promo h2,.section-head h2,.modal-copy h2,.combo-head h2{font:900 clamp(32px,4vw,54px)/.95 Impact,sans-serif;text-transform:uppercase;margin:14px 0 8px}.promo p{margin:0;max-width:650px;font-weight:700;line-height:1.5}.discounts{display:flex;gap:12px}.discounts div{min-width:110px;background:var(--yellow);border:var(--line);padding:14px;text-align:center;transform:rotate(1deg)}.discounts div:nth-child(2){background:var(--cyan);transform:rotate(-2deg)}.discounts div:nth-child(3){background:var(--red);color:white;transform:rotate(2deg)}.discounts strong{font:900 34px Impact,sans-serif;display:block}.discounts span,.discounts b{display:block;font-size:12px;text-transform:uppercase}
.catalog{padding:80px 0 120px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px}.filters{display:flex;gap:9px;flex-wrap:wrap}.filter{background:white;border:2px solid var(--ink);padding:10px 14px;font-weight:900;text-transform:uppercase}.filter.active{background:var(--ink);color:white}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{position:relative;background:white;border:var(--line);box-shadow:5px 5px 0 var(--ink);overflow:hidden;transition:.18s transform}.card:hover{transform:translateY(-5px) rotate(-.4deg)}.card-img{height:278px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,var(--card1),var(--card2));border-bottom:3px solid var(--ink);position:relative}.card-img:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,#111 1px,transparent 1.3px);background-size:10px 10px;opacity:.08}.card-img img{width:100%;height:100%;object-fit:contain;position:relative;z-index:1;transform:scale(var(--scale,1));transform-origin:center center}.card-body{padding:16px}.card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.universe{font-size:11px;font-weight:950;text-transform:uppercase;background:var(--yellow);border:2px solid var(--ink);padding:4px 7px}.stock{font-size:10px;font-weight:900;text-transform:uppercase}.card h3{font:900 29px/1 Impact,sans-serif;text-transform:uppercase;margin:16px 0 10px}.card-price{display:flex;align-items:end;justify-content:space-between}.card-price strong{font-size:25px}.card-price button{border:0;background:transparent;font-weight:950;text-decoration:underline}.sold{opacity:.45;filter:grayscale(1)}
.selection-bar{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:50;width:min(760px,calc(100% - 24px));background:var(--ink);color:white;border:3px solid var(--ink);box-shadow:0 0 0 3px white,8px 8px 0 rgba(0,0,0,.35);display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;padding:12px 14px}.selection-bar small{display:block;opacity:.7;font-weight:900}.selection-total{text-align:right}.selection-total span{text-decoration:line-through;opacity:.65;margin-right:6px}.selection-total strong{font-size:24px}.selection-total small{color:var(--yellow)}
dialog{padding:0;border:0;background:transparent;max-width:none}dialog::backdrop{background:rgba(10,10,15,.78);backdrop-filter:blur(5px)}.product-modal{width:min(980px,calc(100% - 26px));overflow:visible}.modal-close{position:absolute;right:-10px;top:-10px;z-index:10;width:44px;height:44px;border:3px solid var(--ink);background:white;font-size:29px;font-weight:900;box-shadow:4px 4px 0 var(--ink)}.modal-inner{position:relative;z-index:2;background:var(--paper);border:4px solid var(--ink);display:grid;grid-template-columns:.9fr 1.1fr;box-shadow:10px 10px 0 var(--yellow);overflow:hidden}.character-backdrop{position:absolute;inset:-45px;background:linear-gradient(135deg,var(--theme1,#ff354f),var(--theme2,#1664ff));border:4px solid var(--ink);overflow:hidden}.character-backdrop:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,#111 1.2px,transparent 1.5px);background-size:12px 12px;opacity:.16}.character-backdrop span{position:absolute;right:-20px;bottom:-45px;font:900 150px/.8 Impact,sans-serif;text-transform:uppercase;color:rgba(255,255,255,.22);-webkit-text-stroke:2px rgba(17,17,20,.18);transform:rotate(-9deg);white-space:nowrap}.modal-photo-wrap{min-height:560px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.78);border-right:4px solid var(--ink)}.modal-photo-wrap img{width:100%;height:560px;object-fit:contain;transform:scale(var(--modal-scale,1.02))}.modal-copy{padding:44px 38px;background:rgba(255,249,236,.96)}.modal-copy p{font-size:17px;line-height:1.55;font-weight:650}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.tag{border:2px solid var(--ink);background:white;padding:7px 9px;font-size:11px;text-transform:uppercase;font-weight:900}.price-line{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border-top:3px dashed var(--ink);padding:22px 0}.price-line strong{font:900 40px Impact,sans-serif}.price-line span{font-size:12px;font-weight:900;text-transform:uppercase}.modal-note{display:block;margin-top:13px;font-weight:700;line-height:1.35}
.combo-modal{width:min(1120px,calc(100% - 26px));background:var(--paper);border:4px solid var(--ink);box-shadow:10px 10px 0 var(--yellow);padding:28px;overflow:visible}.combo-head{display:flex;align-items:center;gap:22px;border-bottom:3px dashed var(--ink);padding-bottom:18px}.combo-head h2{margin:6px 0}.combo-head p{margin:0;font-weight:700}.combo-layout{display:grid;grid-template-columns:1fr 340px;gap:24px;padding-top:24px;max-height:72vh}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;overflow:auto;max-height:62vh;padding:3px 8px 10px 3px}.mini-card{border:2px solid var(--ink);background:white;padding:9px;display:grid;grid-template-columns:58px 1fr auto;gap:9px;align-items:center}.mini-card img{width:58px;height:68px;object-fit:contain;background:#f2f2f2}.mini-card strong{font-size:13px}.mini-card small{display:block}.mini-card button{width:30px;height:30px;border:2px solid var(--ink);background:var(--yellow);font-weight:900}.mini-card.selected{background:#e7ffe9}.summary-card{background:white;border:3px solid var(--ink);padding:18px;align-self:start}.summary-card h3{font:900 28px Impact,sans-serif;text-transform:uppercase;margin:0 0 15px}.summary-item{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:8px 0;border-bottom:1px solid #ccc}.summary-totals{margin:18px 0}.summary-totals div{display:flex;justify-content:space-between;padding:5px 0}.summary-totals .grand{border-top:3px solid var(--ink);margin-top:8px;padding-top:13px;font-size:22px}.text-btn{border:0;background:none;text-decoration:underline;font-weight:900;width:100%;margin-top:13px}
footer{background:var(--ink);color:white;padding:38px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-inner strong{font:900 27px Impact,sans-serif}.footer-inner span{opacity:.7;font-size:13px}
@media(max-width:930px){.grid{grid-template-columns:repeat(3,1fr)}.hero-content{grid-template-columns:1fr}.hero-burst{display:none}.promo{grid-template-columns:1fr}.combo-layout{grid-template-columns:1fr}.summary-card{position:sticky;bottom:0}.combo-layout{overflow:auto}.mini-grid{max-height:none}.modal-inner{grid-template-columns:1fr}.modal-photo-wrap{min-height:360px;border-right:0;border-bottom:4px solid var(--ink)}.modal-photo-wrap img{height:360px}.selection-bar{grid-template-columns:1fr auto}.selection-bar .btn{grid-column:1/-1}}
@media(max-width:680px){.grid{grid-template-columns:repeat(2,1fr);gap:13px}.card-img{height:210px}.card h3{font-size:23px}.section-head{display:block}.filters{margin-top:18px}.discounts{overflow:auto}.hero-content{min-height:470px;padding-top:25px}.hero h1{font-size:66px}.hero-actions{display:grid}.hero-actions .btn{width:100%}.promo{margin-top:24px;padding:20px}.mini-grid{grid-template-columns:1fr}.combo-modal{padding:18px}.combo-head{align-items:flex-start}.modal-copy{padding:28px 22px}.selection-bar{bottom:8px}.footer-inner{display:block}.footer-inner span{display:block;margin-top:8px}}

/* v3: campanha, progressão de combo e selos de peça única */
.campaign-bar{position:relative;z-index:90;background:var(--blue);color:#fff;border-bottom:4px solid var(--ink);padding:10px 18px;display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;font-weight:850;text-align:center}.campaign-bar[hidden]{display:none}.campaign-badge{background:var(--yellow);color:var(--ink);border:2px solid var(--ink);padding:4px 8px;font:900 15px Impact,sans-serif;letter-spacing:1px;transform:rotate(-2deg);box-shadow:2px 2px 0 var(--ink)}
.comic-stamp{position:absolute;z-index:3;top:12px;right:10px;background:var(--yellow);color:var(--ink);border:2px solid var(--ink);padding:5px 8px;font:900 12px/1 Impact,sans-serif;letter-spacing:.7px;transform:rotate(3deg);box-shadow:3px 3px 0 var(--ink)}
.discount-progress{margin-top:11px;display:inline-block;background:var(--yellow);border:2px solid var(--ink);padding:9px 11px;box-shadow:3px 3px 0 var(--ink);font-size:13px;line-height:1.3}.discount-progress strong{font-weight:950}
button:disabled{cursor:not-allowed;opacity:.55;filter:grayscale(.4)}
@media(max-width:650px){.campaign-bar{font-size:12px;gap:7px}.comic-stamp{font-size:10px}.discount-progress{display:block}}


/* v4: identidade visual reforçada no modal */
.character-hook{font-size:18px;line-height:1.45;font-weight:900;color:var(--ink);margin:8px 0 14px}
.character-backdrop small{position:absolute;left:30px;top:24px;background:rgba(255,255,255,.92);border:3px solid var(--ink);padding:8px 12px;font:900 18px/1.1 Impact,sans-serif;letter-spacing:1px;box-shadow:4px 4px 0 var(--ink);transform:rotate(-2deg);z-index:2}
.character-backdrop b{position:absolute;left:34px;bottom:36px;max-width:320px;color:#fff;font:900 26px/1.02 Impact,sans-serif;letter-spacing:1px;text-transform:uppercase;text-shadow:3px 3px 0 rgba(17,17,20,.45);z-index:2}
.backdrop-slash,.backdrop-dot{position:absolute;display:block;z-index:1}
.backdrop-slash{width:220px;height:28px;border:3px solid var(--ink);background:rgba(255,255,255,.2);transform:rotate(-28deg);box-shadow:4px 4px 0 rgba(17,17,20,.18)}
.slash-1{right:90px;top:90px}.slash-2{right:10px;top:150px}
.backdrop-dot{width:120px;height:120px;border-radius:50%;border:3px solid var(--ink);background:rgba(255,255,255,.18);box-shadow:4px 4px 0 rgba(17,17,20,.18)}
.dot-1{right:90px;bottom:88px}.dot-2{right:230px;bottom:34px;width:48px;height:48px}
.dossier{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0 18px}
.dossier-item{border:2px solid var(--ink);background:white;padding:10px 11px;box-shadow:3px 3px 0 rgba(17,17,20,.13)}
.dossier-item small{display:block;font-size:10px;font-weight:950;letter-spacing:.7px;text-transform:uppercase;opacity:.7;margin-bottom:3px}
.dossier-item strong{display:block;font-size:14px;line-height:1.25}
.combo-nudge{background:var(--yellow);border:2px solid var(--ink);padding:10px 12px;box-shadow:4px 4px 0 rgba(17,17,20,.18);font-size:13px;font-weight:800;line-height:1.35;margin-bottom:18px}
@media(max-width:930px){.character-backdrop small{left:18px;top:18px;font-size:15px}.character-backdrop b{left:22px;bottom:22px;font-size:22px;max-width:260px}.slash-1{top:88px;right:60px}.slash-2{top:132px;right:-8px}.dot-1{right:55px}.dot-2{right:165px}}
@media(max-width:680px){.character-backdrop small{font-size:13px;padding:6px 8px}.character-backdrop b{font-size:18px;max-width:190px}.backdrop-slash{width:120px;height:18px}.dot-1{width:86px;height:86px;right:36px;bottom:72px}.dot-2{right:128px;bottom:28px}.dossier{grid-template-columns:1fr}.character-hook{font-size:16px}}


/* v5: modal mais leve, visível e responsivo */
.product-modal{width:min(1080px,calc(100% - 18px))}
.modal-inner{background:transparent;grid-template-columns:.88fr 1.12fr;max-height:min(84vh,780px);align-items:stretch}
.modal-photo-wrap{min-height:auto;height:auto;background:rgba(255,255,255,.58);backdrop-filter:blur(3px)}
.modal-photo-wrap img{height:min(78vh,640px)}
.modal-copy{background:rgba(255,249,236,.84);backdrop-filter:blur(4px);overflow:auto;max-height:min(84vh,780px)}
.character-backdrop{inset:-24px}
.character-backdrop small{opacity:.96}
.character-backdrop b{max-width:360px}
@media(max-width:930px){
  .modal-inner{max-height:none}
  .modal-copy{max-height:none;overflow:visible;background:rgba(255,249,236,.9)}
  .modal-photo-wrap img{height:min(48vh,420px)}
}
@media(max-width:680px){
  .product-modal{width:min(100%,calc(100% - 8px))}
  .modal-close{right:2px;top:2px}
  .character-backdrop{inset:-10px}
  .modal-copy{background:rgba(255,249,236,.92)}
}

/* v6: campanha relâmpago de 10% até 20/09/2026 */
.old-card-price{display:block;font:800 13px/1.1 Arial,sans-serif;text-decoration:line-through;opacity:.58;margin-bottom:2px}
.promo-card-price{display:block;color:#d81f35}
.old-modal-price{font:800 17px/1 Arial,sans-serif;text-decoration:line-through;opacity:.55;margin-right:8px}
.campaign-bar{background:#ff354f;color:#fff;box-shadow:0 4px 0 var(--ink)}
.campaign-bar strong{font-size:16px;letter-spacing:.3px}
#bundleAllBtn s{opacity:.65;font-size:.82em;margin-right:4px}


/* v7: aviso discreto de frete */
.shipping-note{display:block;margin-top:10px;font-size:11px;line-height:1.35;font-weight:750;opacity:.72}
.summary-shipping{margin:11px 2px 0;padding-top:9px;border-top:1px dashed rgba(17,17,20,.28);text-align:center}
.footer-shipping{font-size:11px;opacity:.72;line-height:1.4}