/* Loja oficial – vitrine conceitual; respeita a identidade aprovada da banda */
.shop-page{overflow-x:hidden}.shop-hero{padding-top:clamp(42px,6.5vw,91px);padding-bottom:clamp(37px,5vw,61px)}.shop-hero-top{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(130px,.55fr);gap:18px;align-items:center}.shop-hero h1{font:900 clamp(49px,8vw,99px)/.92 'Barlow Condensed',Impact,sans-serif;letter-spacing:.01em;margin:22px 0 20px}.shop-hero h1 strong{color:var(--red);font-weight:inherit}.shop-hero p{max-width:610px;color:#b9b3b7;font-size:clamp(14px,1.6vw,16px);line-height:1.85;margin:0}.shop-hero-symbol{justify-self:center;align-self:center;max-width:215px;width:100%}.shop-hero-symbol img{display:block;max-height:300px;width:100%;object-fit:contain;filter:drop-shadow(0 12px 32px rgba(238,46,43,.14))}.shop-hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.shop-hero-tags span{border:1px solid #46363a;padding:8px 10px;color:#afa7aa;font-size:10px;letter-spacing:.1em;font-weight:800}
.shop-notice{border:1px solid #594041;background:linear-gradient(96deg,#261519,#151317 72%);display:flex;align-items:center;gap:17px;padding-top:21px;padding-bottom:21px}.shop-notice-icon{font-size:29px;color:var(--red);line-height:1}.shop-notice p{margin:0;font-size:12px;color:#c9bdc3;line-height:1.8}.shop-notice strong{color:#fff;font-weight:800;letter-spacing:.06em}.shop-notice p span{color:#f3ecef;font-weight:700}
.shop-collection{padding-top:68px;padding-bottom:80px}.shop-title-row{display:flex;align-items:end;justify-content:space-between;gap:25px}.shop-title-row .block-title{font-size:clamp(35px,5.2vw,59px);line-height:.94;margin:15px 0 0}.shop-title-row .block-title span{color:var(--red)}.shop-title-row>p{max-width:290px;color:#aaa4a9;line-height:1.75;font-size:12px;margin:0}
.shop-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:35px;padding-bottom:17px;border-bottom:1px solid #332e32}.shop-filter{background:transparent;border:1px solid #353035;color:#b8b0b5;padding:12px 16px;font-size:11px;font-weight:800;letter-spacing:.09em;transition:all .15s}.shop-filter span{color:#747078;margin-left:5px}.shop-filter:hover,.shop-filter.is-active{color:#fff;border-color:var(--red);background:rgba(238,46,43,.12)}.shop-filter.is-active span{color:#fa7775}.shop-result{font-size:11px;letter-spacing:.09em;color:#9d949b;margin:19px 0 15px}
.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.shop-card{border:1px solid #373036;background:linear-gradient(155deg,#1a171b,#101014);min-width:0;transition:border-color .2s}.shop-card:hover{border-color:#855059}.shop-card[hidden]{display:none}.shop-image{aspect-ratio:1/1;overflow:hidden;position:relative;background:#161519}.shop-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .25s}.shop-card:hover .shop-image img{transform:scale(1.018)}.shop-ribbon{position:absolute;top:13px;left:13px;color:#ffe2e0;border:1px solid rgba(238,46,43,.55);background:rgba(16,10,14,.92);padding:7px 9px;font-size:9px;font-weight:800;letter-spacing:.14em}.shop-card-copy{padding:21px 22px 23px}.shop-card-kind{color:#e65e61;font-size:10px;font-weight:800;letter-spacing:.15em;margin:0 0 9px}.shop-card h3{font:900 clamp(25px,3vw,34px)/.95 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:0 0 8px}.shop-card-variant{font-size:12px;color:#aaa3a9;line-height:1.6;margin:0}.shop-card-bottom{margin-top:24px;padding-top:18px;border-top:1px solid #362f33;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.shop-card-bottom>span{font-size:12px;color:#d0cbd0;font-weight:700}.shop-details{border:0;background:none;color:#fff;font-size:10px;letter-spacing:.07em;font-weight:800;padding:7px 0;display:inline-flex;align-items:center;gap:10px;cursor:pointer}.shop-details>span{color:var(--red);font-size:18px}.shop-details:hover{text-decoration:underline;text-underline-offset:4px}
.shop-soon{padding-top:64px;padding-bottom:92px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:35px}.shop-soon h2{font:900 clamp(35px,5.2vw,58px)/1 'Barlow Condensed',Impact,sans-serif;margin:16px 0}.shop-soon h2 strong{color:var(--red)}.shop-soon p{max-width:610px;color:#aaa3a9;font-size:13px;line-height:1.75}.shop-soon>.secondary{align-self:center;white-space:nowrap}
.shop-dialog{border:1px solid #5e4048;background:#19161b;color:#f3f0f3;box-shadow:0 20px 100px rgba(0,0,0,.65);width:min(92vw,520px);padding:0}.shop-dialog::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(6px)}.shop-dialog-inner{position:relative;padding:clamp(25px,5vw,43px)}.shop-dialog h2{font:900 clamp(35px,5vw,51px)/1 'Barlow Condensed',Impact,sans-serif;margin:12px 0 22px}.shop-dialog-description{color:#c0b7bd;font-size:14px;line-height:1.8}.shop-dialog dl{margin:25px 0;display:grid;gap:15px}.shop-dialog dl>div{display:grid;grid-template-columns:135px 1fr;gap:10px;padding-bottom:13px;border-bottom:1px solid #3d343c}.shop-dialog dt{color:#b9aeb5;font-size:11px}.shop-dialog dd{margin:0;font-size:12px;font-weight:800}.shop-dialog-note{font-size:11px;color:#999095;line-height:1.7}.shop-dialog-close{position:absolute;right:17px;top:12px;color:#fff;font-size:29px;background:transparent;border:0;cursor:pointer}.shop-disabled-purchase{display:block;width:100%;padding:16px 10px;margin-top:23px;background:#393238;border:1px solid #5a4a54;color:#d5cbd1;font-size:11px;font-weight:800;letter-spacing:.06em;cursor:not-allowed}
@media(max-width:920px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-soon{grid-template-columns:1fr;gap:15px}.shop-soon>.secondary{justify-self:start}.shop-hero-symbol{max-width:170px}}
@media(max-width:650px){.shop-hero-top{grid-template-columns:1fr}.shop-hero{padding-top:47px;padding-bottom:40px}.shop-hero-symbol{display:none}.shop-hero h1{font-size:clamp(46px,12vw,69px)}.shop-hero p{font-size:13px}.shop-notice{margin-inline:22px;gap:13px;padding:17px 16px}.shop-notice p{font-size:11px}.shop-notice-icon{font-size:20px}.shop-collection{padding-top:56px;padding-bottom:63px}.shop-title-row{display:block}.shop-title-row>p{max-width:550px;margin-top:17px}.shop-toolbar{flex-wrap:nowrap;overflow-x:auto;margin-right:-22px;padding-right:20px;scrollbar-width:thin;gap:7px}.shop-filter{white-space:nowrap;padding:11px 13px;flex:0 0 auto}.shop-grid{grid-template-columns:1fr;gap:16px}.shop-card-copy{padding:22px}.shop-card h3{font-size:32px}.shop-soon{padding-top:54px;padding-bottom:64px}.shop-soon>.secondary{white-space:normal;width:100%}.shop-hero-tags{gap:6px}.shop-hero-tags span{font-size:9px}.shop-dialog dl>div{grid-template-columns:1fr}.shop-dialog h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){.shop-card,.shop-image img,.shop-filter{transition:none}}

/* Pré-lançamento de bonés Eletricidade: produto físico ainda indisponível */
.shop-card[data-category="bone"] .shop-image{background:#f7f7f7}
.shop-card[data-category="bone"] .shop-image img{object-fit:contain;background:#f7f7f7}
.shop-card .shop-stock-note{margin:12px 0 0;font-size:11px;line-height:1.6;color:#c1b6bd}
.shop-card-bottom>span.shop-price{font-size:18px;font-weight:900;white-space:nowrap;color:#fff}

/* Camiseta Raio Amarelo: fotografia da frente e das costas, produto anunciado sem estoque */
.shop-card[data-id="camiseta-raio-amarelo"] .shop-image{background:#f5f5f5}
.shop-card[data-id="camiseta-raio-amarelo"] .shop-image img{object-fit:contain}
.shop-dialog-photo-wrap{margin:18px 0 4px;background:#f6f6f6;border-radius:4px;overflow:hidden}
.shop-dialog-photo-wrap[hidden]{display:none}
.shop-dialog-photo-wrap img{width:100%;height:auto;display:block;object-fit:contain}

/* Camiseta Raio Amarelo Verde Militar: preservar enquadramento de frente e costas */
.shop-card[data-id="camiseta-raio-amarelo-verde-militar"] .shop-image{background:#f5f5f5}
.shop-card[data-id="camiseta-raio-amarelo-verde-militar"] .shop-image img{object-fit:contain}

/* Lançamento Camiseta Caveira & Raio Preta, com imagem de frente e costas. */
.shop-card[data-id="camiseta-caveira-raio-preta"] .shop-image{background:#f5f5f5}
.shop-card[data-id="camiseta-caveira-raio-preta"] .shop-image img{object-fit:contain}

/* Caneca Eletricidade: fotografias comerciais em fundo branco, preservando enquadramento e acabamento. */
.shop-card[data-id="caneca-eletricidade-caveira-raio-preta"] .shop-image{background:#f7f7f7}
.shop-card[data-id="caneca-eletricidade-caveira-raio-preta"] .shop-image img{object-fit:contain;background:#f7f7f7}


/* Copo Térmico 473 ml — cinco cores em um único produto; pré-lançamento */
.shop-card[data-id="copo-termico-eletricidade-473"] .shop-image{background:#f4f4f4}
.shop-card[data-id="copo-termico-eletricidade-473"] .shop-image img{object-fit:contain;background:#f4f4f4}
.shop-variant-pills{display:flex;align-items:center;gap:7px;margin-top:11px}
.shop-variant-pills span{display:inline-block;height:15px;width:15px;border-radius:50%;background:var(--pill-color);border:1px solid #ded5ce;box-shadow:0 0 0 1px rgba(255,255,255,.1)}
.shop-variant-select{margin:20px 0 10px;padding:14px 0 0;border-top:1px solid #413941}
.shop-variant-select[hidden]{display:none}
.shop-variant-legend{display:block;color:#f7eff2;font-size:12px;font-weight:800;letter-spacing:.05em;margin-bottom:10px}
.shop-variant-buttons{display:flex;flex-wrap:wrap;gap:8px}
.shop-variant-choice{display:inline-flex;gap:8px;align-items:center;padding:9px 11px;border:1px solid #594d51;border-radius:6px;background:#262125;color:#e6dfe1;font-size:11px;line-height:1.5;min-height:39px;cursor:pointer}
.shop-variant-choice:hover{border-color:#dfa2b3;background:#342830}
.shop-variant-choice[aria-pressed="true"]{border-color:#f37ba3;background:rgba(243,91,141,.13);color:#fff}
.shop-variant-choice:focus-visible{outline:2px solid #fff;outline-offset:3px}
.shop-variant-dot{height:16px;width:16px;flex:0 0 16px;border:1px solid #c9bdbf;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.2)}
.shop-variant-hint{font-size:11px;color:#bdb3b7;line-height:1.6;margin:9px 0 0}
@media(max-width:520px){.shop-variant-buttons{display:grid;grid-template-columns:1fr 1fr}.shop-variant-choice{padding:10px 8px}}

/* Informações ao consumidor: leitura breve, detalhes acessíveis e sem selos fictícios. */
.shop-trust{padding-top:55px;padding-bottom:56px;scroll-margin-top:24px}
.shop-trust-heading{max-width:720px;margin-bottom:26px}
.shop-trust h2{font:900 clamp(34px,4.8vw,54px)/1.02 'Barlow Condensed',Impact,sans-serif;margin:12px 0 14px;text-transform:uppercase}
.shop-trust h2 span{color:var(--red)}
.shop-trust-heading p{color:#bdb4b9;font-size:14px;line-height:1.8;margin:0}
.shop-trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 26px}
.shop-trust-card{padding:22px 19px;border:1px solid #44363a;border-radius:8px;background:linear-gradient(140deg,#211a1e,#131115);min-width:0}
.shop-trust-icon{display:block;width:28px;height:28px;margin-bottom:16px;color:#f36b65;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.shop-trust-card h3{font:800 23px/1.1 'Barlow Condensed',Impact,sans-serif;color:#f8eee0;margin:0 0 10px;text-transform:uppercase}
.shop-trust-card p{font-size:12px;line-height:1.8;color:#bdb4b9;margin:0}
.shop-trust-details{border-top:1px solid #45363b}
.shop-trust-details details{border-bottom:1px solid #45363b;scroll-margin-top:24px}
.shop-trust-details summary{position:relative;cursor:pointer;list-style:none;min-height:56px;padding:18px 35px 18px 0;color:#e9e1e5;font-size:13px;font-weight:700;line-height:1.5}
.shop-trust-details summary::-webkit-details-marker{display:none}
.shop-trust-details summary::after{content:'+';position:absolute;right:5px;top:15px;color:#f36b65;font-size:24px;line-height:1}
.shop-trust-details details[open]>summary::after{content:'−'}
.shop-trust-details summary:focus-visible{outline:2px solid #f4c77b;outline-offset:3px;border-radius:3px}
.shop-trust-details p{max-width:900px;margin:0 0 18px;color:#bdb4b9;font-size:13px;line-height:1.85}
.shop-trust-details a{color:#f8eee0;text-decoration:underline;text-underline-offset:3px}
.shop-trust-contact{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:26px}
.shop-trust-contact p{color:#bdb4b9;font-size:13px;line-height:1.8;margin:0}
.shop-trust-contact strong{display:block;color:#f8eee0;font-weight:700}
.shop-trust-contact a{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:44px;padding:11px 16px;border:1px solid #8b6553;border-radius:5px;color:#f8eee0;font-size:11px;font-weight:800;letter-spacing:.08em;white-space:nowrap}
.shop-trust-contact a:hover{background:#291e22;border-color:#d0ab7c}
.shop-trust-contact a:focus-visible{outline:2px solid #f4c77b;outline-offset:3px}
.shop-trust-context{margin:20px 0 0;color:#a99fa5;font-size:11px;line-height:1.7}
@media(max-width:960px){.shop-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.shop-trust{padding-top:42px;padding-bottom:42px}.shop-trust-grid{grid-template-columns:1fr;gap:10px}.shop-trust-card{display:grid;grid-template-columns:28px 1fr;column-gap:14px;padding:20px 17px}.shop-trust-icon{grid-row:1/3;margin:0}.shop-trust-card h3{font-size:22px;margin-bottom:8px}.shop-trust-card p{grid-column:2}.shop-trust-contact{align-items:stretch;flex-direction:column;gap:15px}.shop-trust-contact a{align-self:flex-start}.shop-trust-details summary{font-size:12px}}
@media(prefers-reduced-motion:reduce){.shop-page header .nav-cta{transition:none}}