/* Tema Carbon (2026-09-28): loja escura de tecnologia/games.
   Fundo escuro fixo; a cor de destaque é a cor principal da loja (--brand, definida no layout).
   Carrinho, checkout e pedido ficam claros: o escuro vale só com body.cb-dark (ver layout.php). */
.st-theme-carbon{--cb-accent:var(--brand,#ff7300);--cb-bg:#0e0e0e;--cb-top:#000;--cb-nav:#111;--cb-card:#131313;--cb-line:#262626;--cb-text:#f5f5f5;--cb-muted:#a3a3a3;--cb-green:#2fd15c;--cb-display:'Barlow Condensed','Arial Narrow',Impact,sans-serif}
body.cb-dark{background:var(--cb-bg);color:var(--cb-text)}
.cb-wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 20px;box-sizing:border-box}

/* ---------- Cabeçalho ---------- */
.cb-header{--cb-nav-h:66px;position:sticky;top:0;z-index:40;background:var(--cb-top);color:#fff;font-family:Inter,system-ui,sans-serif}
.st-theme-carbon #sf-site-chrome{z-index:40}
.cb-top-row{display:flex;align-items:center;gap:26px;height:80px}
.cb-logo{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;flex:none;min-width:0}
.cb-logo img{max-height:46px;max-width:180px;width:auto;object-fit:contain}
.cb-logo span{font-family:var(--cb-display);font-size:30px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cb-logo small{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--cb-accent)}
.cb-search{position:relative;flex:1;display:flex;height:50px;border-radius:8px;background:#1c1c1c;min-width:0}
.cb-search input{flex:1;min-width:0;border:0;background:transparent;color:#fff;padding:0 16px;font-size:14px;outline:none}
.cb-search input::placeholder{color:#8d8d8d;font-style:italic;text-transform:uppercase;letter-spacing:.2px}
.cb-search:focus-within{box-shadow:0 0 0 2px var(--cb-accent)}
.cb-search button{flex:none;width:52px;border:0;border-radius:0 8px 8px 0;background:var(--cb-accent);color:#fff;display:grid;place-items:center;cursor:pointer}
.cb-search #store-search-dropdown{color:#0f172a}
.cb-actions{display:flex;align-items:center;gap:22px;flex:none}
.cb-account{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap}
.cb-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#1f1f1f}
.cb-account:hover span:last-child{color:var(--cb-accent)}
.cb-cart{position:relative;border:0;background:none;color:#fff;cursor:pointer;padding:4px;display:grid;place-items:center}
.cb-cart #cart-badge{position:absolute;top:-6px;right:-8px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--cb-accent);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;border:2px solid #000;box-sizing:border-box}
.cb-cart #cart-badge.hidden{display:none}
.cb-icon-btn{border:0;background:none;color:var(--cb-accent);cursor:pointer;padding:4px;display:grid;place-items:center}
.cb-menu-btn{display:none}
.cb-nav{background:var(--cb-nav);border-top:1px solid #1b1b1b}
.cb-nav-row{position:relative;display:flex;align-items:center;gap:26px;height:var(--cb-nav-h)}
.cb-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 16px;border:0;border-radius:10px;background:var(--cb-accent);color:#fff;font-family:var(--cb-display);font-size:19px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;white-space:nowrap;flex:none;transition:filter .15s,transform .15s}
.cb-pill:hover{filter:brightness(1.08)}
.cb-pill:active{transform:translateY(1px)}
.cb-dept{flex:none}
.cb-dept-btn{display:flex;align-items:center;gap:14px;border:0;background:none;color:#fff;font-family:var(--cb-display);font-size:19px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;height:66px;padding:0 4px}
.cb-dept-btn:hover{color:var(--cb-accent)}
.cb-dept-panel{position:absolute;left:20px;right:20px;top:100%;display:none;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:22px 30px;padding:26px 30px;background:#121212;border:1px solid var(--cb-line);border-top:3px solid var(--cb-accent);border-radius:0 0 14px 14px;box-shadow:0 24px 50px #000a;z-index:45}
.cb-dept:hover .cb-dept-panel,.cb-dept:focus-within .cb-dept-panel,.cb-dept.is-open .cb-dept-panel{display:grid}
.cb-dept-col{display:flex;flex-direction:column;gap:8px}
.cb-dept-col a{color:#cfcfcf;text-decoration:none;font-size:14px}
.cb-dept-col a:hover{color:var(--cb-accent)}
.cb-dept-col .cb-dept-title{color:#fff;font-family:var(--cb-display);font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}
.cb-shortcuts{flex:1;display:flex;justify-content:space-around;align-items:center;gap:18px;list-style:none;margin:0;padding:0;min-width:0}
.cb-shortcuts a{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-family:var(--cb-display);font-size:19px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}
.cb-shortcuts a:hover{color:var(--cb-accent)}
.cb-shortcuts img{width:30px;height:30px;object-fit:contain}
.cb-shortcut-icon{color:var(--cb-accent);display:grid;place-items:center}
/* Painel de subcategorias de cada atalho (abre com o mouse ou o teclado). */
.cb-shortcuts li{position:relative;align-self:stretch;display:flex;align-items:center}
.cb-sub{position:absolute;left:-18px;top:100%;display:none;grid-template-columns:minmax(220px,1fr);gap:4px 18px;padding:14px;background:#121212;border:1px solid var(--cb-line);border-top:3px solid var(--cb-accent);border-radius:0 0 14px 14px;box-shadow:0 24px 50px #000a;z-index:46}
.cb-sub.is-wide{grid-template-columns:repeat(2,minmax(220px,1fr))}
.cb-shortcuts li:nth-last-child(-n+2) .cb-sub{left:auto;right:-18px}
.cb-shortcuts li.has-sub:hover .cb-sub,.cb-shortcuts li.has-sub:focus-within .cb-sub{display:grid}
.cb-shortcuts li.has-sub:hover>a,.cb-shortcuts li.has-sub:focus-within>a{color:var(--cb-accent)}
.cb-sub-item{display:flex;flex-direction:column;min-width:0}
.cb-shortcuts .cb-sub-link{gap:12px;padding:10px 12px;border-radius:10px;font-family:inherit;font-size:15px;font-weight:600;text-transform:none;letter-spacing:0;white-space:normal;line-height:1.2}
.cb-shortcuts .cb-sub-link:hover,.cb-shortcuts .cb-sub-link:focus-visible{background:#1d1d1d;color:var(--cb-accent)}
.cb-shortcuts .cb-sub-link img{width:24px;height:24px;flex:none}
.cb-sub-kids{display:flex;flex-direction:column;gap:2px;padding:0 12px 6px 48px}
.cb-shortcuts .cb-sub-kids a{font-family:inherit;font-size:13px;font-weight:400;text-transform:none;letter-spacing:0;color:#bdbdbd;padding:3px 0;white-space:normal}
.cb-shortcuts .cb-sub-kids a:hover{color:var(--cb-accent)}
.cb-nav-row>.cb-pill:last-child{margin-left:auto}
.cb-header :focus-visible,.cb-drawer :focus-visible,.cb-sheet :focus-visible,.cb-modal :focus-visible{outline:2px solid var(--cb-accent);outline-offset:2px}
@media(min-width:992px){
  .cb-header.is-compact{background:#141414f2;backdrop-filter:blur(8px)}
  /* A barra some, mas o espaço dela (altura + borda de 1px) continua reservado como margem: a página não
     encolhe ao compactar. Se encolhesse, o navegador compensaria a rolagem para baixo de 160px, o cabeçalho
     voltaria ao normal e o ciclo se repetiria sem parar (cabeçalho tremendo). A margem fica fora da tela,
     acima da rolagem atual. O body é flex, então ela não colapsa com a margem do conteúdo. */
  .cb-header.is-compact{margin-bottom:calc(var(--cb-nav-h) + 1px)}
  .cb-header.is-compact .cb-nav{display:none}
  .cb-header.is-compact .cb-menu-btn{display:grid}
}
@media(max-width:1180px) and (min-width:992px){.cb-shortcuts li:nth-child(n+4){display:none}.cb-nav-row{gap:18px}}

/* Celular: menu, logo, conta e carrinho; Cupons e Monte seu PC lado a lado; busca embaixo. */
@media(max-width:991px){
  .cb-header{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:10px 12px 12px;background:var(--cb-top)}
  .cb-top,.cb-top-row,.cb-nav,.cb-nav-row,.cb-wrap.cb-top-row,.cb-wrap.cb-nav-row{display:contents}
  .cb-menu-btn{display:grid;grid-column:1;grid-row:1;justify-self:start;color:#fff}
  .cb-logo{grid-column:2/5;grid-row:1;justify-self:start}
  .cb-logo img{max-height:38px;max-width:150px}
  .cb-logo span{font-size:24px}
  .cb-actions{grid-column:5/7;grid-row:1;justify-self:end;gap:14px}
  .cb-account span:last-child{display:none}
  .cb-cart svg{width:26px;height:26px}
  .cb-nav-row>.cb-pill:first-child{grid-column:1/4;grid-row:2;justify-self:start;height:40px;font-size:18px;padding:0 14px}
  .cb-nav-row>.cb-pill:last-child{grid-column:4/7;grid-row:2;justify-self:end;height:40px;font-size:18px;padding:0 14px;margin:0}
  .cb-dept,.cb-shortcuts{display:none}
  .cb-search{grid-column:1/-1;grid-row:3;height:48px}
}
@media(max-width:360px){.cb-nav-row>.cb-pill{font-size:16px!important;padding:0 10px!important}.cb-nav-row>.cb-pill svg{width:18px;height:18px}}

/* ---------- Diálogos: menu, cupons e Monte seu PC ---------- */
.cb-drawer,.cb-sheet,.cb-modal{border:0;padding:0;color:#fff;background:#121212;font-family:Inter,system-ui,sans-serif}
.cb-drawer::backdrop,.cb-sheet::backdrop,.cb-modal::backdrop{background:#000b}
html.cb-dialog-open{overflow:hidden}
.cb-drawer{margin:0;height:100dvh;max-height:100dvh;width:min(88vw,340px);max-width:none;border-right:1px solid var(--cb-line);animation:cb-in-left .25s ease}
.cb-drawer.is-closing{animation:cb-out-left .2s ease forwards}
.cb-drawer-head,.cb-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--cb-line)}
.cb-drawer-head strong,.cb-sheet-head h2{font-family:var(--cb-display);font-size:24px;font-weight:800;text-transform:uppercase;margin:0;letter-spacing:.3px}
.cb-drawer-head button,.cb-sheet-head button{border:0;background:#1f1f1f;color:#fff;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;cursor:pointer}
.cb-drawer nav ul{list-style:none;margin:0;padding:6px 0}
.cb-drawer nav a,.cb-drawer summary{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;color:#eee;text-decoration:none;font-size:15px;font-weight:600;cursor:pointer;list-style:none}
.cb-drawer summary::-webkit-details-marker{display:none}
.cb-drawer details[open]>summary{color:var(--cb-accent)}
.cb-drawer details[open]>summary svg{transform:rotate(180deg)}
.cb-drawer details ul{background:#0c0c0c;padding:4px 0}
.cb-drawer details ul a{padding-left:34px;font-weight:500;color:#c9c9c9}
.cb-drawer a:hover{color:var(--cb-accent)}
.cb-sheet{margin:0 0 0 auto;height:100dvh;max-height:100dvh;width:min(100vw,480px);max-width:none;border-left:1px solid var(--cb-line);animation:cb-in-right .25s ease;display:flex;flex-direction:column}
.cb-sheet:not([open]){display:none}
.cb-sheet.is-closing{animation:cb-out-right .2s ease forwards}
.cb-sheet-intro{margin:0;padding:14px 20px 0;color:var(--cb-muted);font-size:13px}
.cb-coupons{list-style:none;margin:0;padding:14px 16px 28px;display:grid;gap:14px;overflow-y:auto}
.cb-coupon{position:relative;overflow:hidden;background:#1b1b1b;border-radius:16px;padding:10px;border:1px solid #242424}
.cb-coupon-ribbon{position:absolute;top:14px;right:-40px;width:150px;transform:rotate(45deg);background:var(--cb-accent);color:#fff;text-align:center;font-family:var(--cb-display);font-weight:800;font-size:13px;padding:3px 0;text-transform:uppercase}
.cb-coupon-body{display:flex;gap:14px;align-items:center;padding-right:44px}
.cb-coupon-mark{flex:none;display:grid;place-items:center;width:84px;height:84px;border-radius:10px;background:#fff;color:var(--cb-accent);font-family:var(--cb-display);font-size:52px;font-weight:800}
.cb-coupon-body small{display:block;font-family:ui-monospace,Consolas,monospace;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--cb-accent)}
.cb-coupon-body strong{display:block;font-family:var(--cb-display);font-size:30px;font-weight:800;color:var(--cb-green);line-height:1.1;margin:2px 0}
.cb-coupon-body p{margin:0;color:#cfcfcf;font-size:13.5px}
.cb-coupon-body em{display:block;font-style:normal;font-size:11.5px;color:#8a8a8a;margin-top:4px}
.cb-coupon-actions{display:flex;gap:8px;margin-top:10px}
.cb-coupon-code{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:10px;height:48px;border:1px dashed #3a3a3a;border-radius:8px;background:#0b0b0b;color:#fff;font-weight:800;font-size:15px;letter-spacing:.5px;cursor:pointer}
.cb-coupon-code span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cb-coupon-code:hover{border-color:var(--cb-accent)}
.cb-coupon-code.is-copied{border-style:solid;border-color:var(--cb-green);color:var(--cb-green)}
.cb-coupon-cart{flex:none;width:56px;height:48px;border:0;border-radius:8px;background:var(--cb-accent);color:#fff;display:grid;place-items:center;cursor:pointer}
.cb-empty{margin:auto;padding:40px 24px;text-align:center;display:grid;justify-items:center;gap:10px}
.cb-empty p{margin:6px 0 0;font-size:16px;font-weight:700}
.cb-empty small{color:var(--cb-muted)}
.cb-toast{position:sticky;bottom:14px;margin:0 16px 14px;padding:12px 14px;border-radius:10px;background:#0f2a18;color:#9ff0b9;font-size:13px;font-weight:600;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none}
.cb-toast.is-on{opacity:1;transform:none}
.cb-modal{width:min(92vw,440px);border-radius:18px;border:1px solid var(--cb-accent);padding:34px 28px 28px;text-align:center;animation:cb-pop .22s ease}
.cb-modal.is-closing{animation:cb-fade .18s ease forwards}
.cb-modal-close{position:absolute;top:12px;right:12px;border:0;background:#1f1f1f;color:#fff;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;cursor:pointer}
.cb-modal-icon{display:inline-grid;place-items:center;width:78px;height:78px;border-radius:50%;background:color-mix(in srgb,var(--cb-accent) 18%,transparent);color:var(--cb-accent)}
.cb-modal h2{font-family:var(--cb-display);font-size:38px;font-weight:800;text-transform:uppercase;margin:14px 0 6px}
.cb-modal p{color:#cfcfcf;font-size:14.5px;line-height:1.6;margin:0 0 20px}
.cb-modal .cb-badge-soon{display:inline-block;margin:0 0 14px;padding:5px 14px;border-radius:999px;background:repeating-linear-gradient(-45deg,var(--cb-accent) 0 12px,color-mix(in srgb,var(--cb-accent) 70%,#fff) 12px 24px);color:#111;font-family:var(--cb-display);font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:1px}
.cb-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 28px;border:0;border-radius:12px;background:var(--cb-accent);color:#fff;font-family:var(--cb-display);font-size:19px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;text-decoration:none;cursor:pointer}
.cb-button:hover{filter:brightness(1.08)}
@media(max-width:767px){
  .cb-sheet{margin:auto 0 0;width:100vw;height:auto;max-height:88dvh;border-left:0;border-top:1px solid var(--cb-line);border-radius:18px 18px 0 0;animation:cb-in-up .25s ease}
  .cb-sheet.is-closing{animation:cb-out-down .2s ease forwards}
  .cb-coupon-mark{width:64px;height:64px;font-size:40px}
  .cb-coupon-body strong{font-size:26px}
}
@keyframes cb-in-left{from{transform:translateX(-100%)}}
@keyframes cb-out-left{to{transform:translateX(-100%)}}
@keyframes cb-in-right{from{transform:translateX(100%)}}
@keyframes cb-out-right{to{transform:translateX(100%)}}
@keyframes cb-in-up{from{transform:translateY(100%)}}
@keyframes cb-out-down{to{transform:translateY(100%)}}
@keyframes cb-pop{from{opacity:0;transform:scale(.94)}}
@keyframes cb-fade{to{opacity:0;transform:scale(.97)}}

/* ---------- Página inicial ---------- */
.cb-home{padding-bottom:30px}
.st-theme-carbon .st-position-hero{background:#000}
.cb-section{max-width:1240px;margin:54px auto;padding:0 20px;box-sizing:border-box}
.cb-heading{text-align:center;margin-bottom:30px}
.cb-heading h2{font-family:var(--cb-display);font-size:50px;line-height:1;font-weight:800;text-transform:uppercase;color:#fff;margin:0;text-shadow:0 0 22px color-mix(in srgb,var(--cb-accent) 60%,transparent),0 0 2px #fff4}
.cb-heading p{margin:10px 0 0;color:var(--cb-accent);font-size:20px;font-weight:700}
.cb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.cb-grid[hidden],.cb-sheet[hidden]{display:none}
.cb-more{text-align:center;margin-top:30px}
.cb-band{background:#000;padding:38px 0 46px;margin:54px 0;border-top:1px solid #161616;border-bottom:1px solid #161616}
.cb-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);margin-bottom:26px;border-bottom:1px solid #222;overflow-x:auto;scrollbar-width:none}
.cb-tabs::-webkit-scrollbar{display:none}
.cb-tabs button{position:relative;border:0;background:none;color:#b8b8b8;font-family:var(--cb-display);font-size:24px;font-weight:800;text-transform:uppercase;padding:12px 18px 16px;cursor:pointer;white-space:nowrap}
.cb-tabs button:hover{color:#fff}
.cb-tabs button[aria-selected=true]{color:#fff}
.cb-tabs button[aria-selected=true]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:6px;background:linear-gradient(90deg,var(--cb-accent),color-mix(in srgb,var(--cb-accent) 55%,#ffd08a))}
.cb-mid-banner{margin-top:48px;margin-bottom:48px}
.cb-mid-banner .st-public-banner{border-radius:14px;overflow:hidden}
.cb-empty-home{text-align:center;color:var(--cb-muted)}
.cb-empty-home h2{font-family:var(--cb-display);font-size:34px;color:#fff;text-transform:uppercase}
.st-theme-carbon .go-benefits{background:#111;color:#fff;border-top:1px solid #1b1b1b;border-bottom:1px solid #1b1b1b}
.st-theme-carbon .go-benefit svg{color:var(--cb-accent)}
.st-theme-carbon .go-benefit small{color:var(--cb-muted)}
.st-theme-carbon .go-benefits button{color:#fff}

/* ---------- Cartão de produto ---------- */
.cb-card{position:relative;display:flex;flex-direction:column;padding:16px;background:var(--cb-card);border:1px solid color-mix(in srgb,var(--cb-accent) 38%,transparent);min-width:0;transition:border-color .2s,transform .2s}
.cb-card::before,.cb-card::after{content:"";position:absolute;width:22px;height:22px;pointer-events:none}
.cb-card::before{top:-1px;left:-1px;border-top:4px solid var(--cb-accent);border-left:4px solid var(--cb-accent)}
.cb-card::after{bottom:-1px;right:-1px;border-bottom:4px solid var(--cb-accent);border-right:4px solid var(--cb-accent)}
.cb-card:hover{border-color:var(--cb-accent);transform:translateY(-2px)}
.cb-card-photo{position:relative;display:block;aspect-ratio:1/1;background:#fff;overflow:hidden}
.cb-card-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:6%;box-sizing:border-box;transition:opacity .25s}
.cb-card-secondary{opacity:0}
.cb-card:hover .cb-card-secondary{opacity:1}
.cb-card-noimg{position:absolute;inset:0;display:grid;place-items:center;color:#888;font-size:13px}
.cb-off{position:absolute;top:8px;left:8px;z-index:21;padding:4px 8px;background:var(--cb-accent);color:#fff;font-size:12px;font-weight:800;line-height:1.05;text-align:center;border-radius:2px}
.cb-card h3{margin:14px 0 10px;font-size:15.5px;line-height:1.25;font-weight:800;color:#fff;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cb-card h3 a{color:inherit;text-decoration:none}
.cb-card h3 a::after{content:"";position:absolute;inset:0;z-index:22}
.cb-card-prices{display:flex;flex-direction:column;gap:2px;margin-top:auto}
.cb-card-prices del{color:#7a7a7a;font-size:15px;font-weight:700}
.cb-card-prices small{color:var(--cb-muted);font-size:12px}
.cb-card-prices strong{color:var(--cb-green);font-size:26px;font-weight:800;letter-spacing:-.3px;line-height:1.15}
.cb-card>:not(.cb-card-photo):not(h3):not(.cb-card-prices){font-size:12px;color:var(--cb-muted)!important;margin-top:6px}
.cb-card>:not(.cb-card-photo):not(h3):not(.cb-card-prices) *{color:inherit!important;background:transparent!important}
.cb-card :focus-visible{outline:2px solid var(--cb-accent);outline-offset:3px}

/* ---------- Catálogo (categoria, busca, lista) ---------- */
.cb-dark .go-catalog{max-width:1240px;margin:0 auto;padding:28px 20px 48px;color:var(--cb-text)}
.cb-dark .go-breadcrumb,.cb-dark .go-breadcrumb a{color:var(--cb-muted)}
.cb-dark .go-catalog-heading h1{font-family:var(--cb-display);font-size:44px;font-weight:800;text-transform:uppercase;color:#fff}
.cb-dark .go-catalog-heading span,.cb-dark .go-catalog-toolbar p{color:var(--cb-muted)}
.cb-dark .go-catalog-sidebar details,.cb-dark .go-catalog-sidebar summary{color:#fff}
.cb-dark .go-catalog-sidebar a{color:#cfcfcf}
.cb-dark .go-catalog-sidebar a:hover{color:var(--cb-accent)}
.cb-dark .go-catalog-products{gap:14px}
.cb-dark .go-catalog-toolbar select,.cb-dark [data-go-sort]{background:#1a1a1a;color:#fff;border-color:#333}

/* ---------- Produto e demais telas escuras: troca as cores claras do layout padrão ---------- */
.cb-dark main .bg-white,.cb-dark main .bg-slate-50,.cb-dark main .bg-gray-50{background-color:#141414!important}
.cb-dark main .bg-slate-100,.cb-dark main .bg-gray-100{background-color:#1c1c1c!important}
.cb-dark main .text-slate-900,.cb-dark main .text-slate-800,.cb-dark main .text-gray-900,.cb-dark main .text-gray-800,.cb-dark main h1,.cb-dark main h2{color:#f5f5f5}
.cb-dark main .text-slate-700,.cb-dark main .text-slate-600,.cb-dark main .text-gray-700,.cb-dark main .text-gray-600{color:#c8c8c8}
.cb-dark main .text-slate-500,.cb-dark main .text-slate-400,.cb-dark main .text-gray-500{color:#9a9a9a}
.cb-dark main .border-slate-200,.cb-dark main .border-slate-100,.cb-dark main .border-slate-300,.cb-dark main .border-gray-200,.cb-dark main .divide-slate-100>*{border-color:#2a2a2a!important}
.cb-dark main input:not([type=checkbox]):not([type=radio]),.cb-dark main select,.cb-dark main textarea{background:#0d0d0d;color:#fff;border-color:#333}
.cb-dark main .sf-variation{background:#1a1a1a;color:#eee}
.cb-dark main .sf-crumb-link:hover{color:var(--cb-accent)}
.cb-dark .sf-pdp-breadcrumb{color:#8a8a8a}
/* Descrição do produto em branco: o HTML importado traz cor inline (style/font), que vence o tema sem !important. */
.cb-dark main .go-product-description>div,.cb-dark main .go-product-description>div *:not(a):not(img){color:#fff!important;background-color:transparent!important}
.cb-dark main .go-product-description>div a{color:var(--cb-accent)!important}
.cb-dark main .sf-pdp-thumbs img,.cb-dark main [data-main-image],.cb-dark main .sf-pdp-gallery img{background:#fff}

/* ---------- Rodapé ---------- */
.cb-footer{margin-top:auto;background:#171717;color:#e8e8e8;font-family:Inter,system-ui,sans-serif;padding-top:44px}
.cb-footer h2{font-family:var(--cb-display);font-size:22px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;color:#fff;margin:0 0 16px}
.cb-footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.cb-footer-grid section{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.cb-footer-grid a,.cb-footer-grid button{color:#e8e8e8;text-decoration:none;font-size:15px;background:none;border:0;padding:0;cursor:pointer;text-align:left}
.cb-footer-grid a:hover,.cb-footer-grid button:hover{color:var(--cb-accent)}
.cb-footer-grid p{margin:0;color:#bdbdbd;font-size:14.5px;line-height:1.6}
.cb-contact{display:inline-flex;align-items:center;gap:10px;font-weight:700}
.cb-contact svg{color:var(--cb-accent);flex:none}
.cb-footer-mid{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:28px;margin-top:40px;padding-top:30px;border-top:1px solid #262626}
.cb-footer-logo{color:#fff;text-decoration:none}
.cb-footer-logo img{max-height:64px;max-width:220px;object-fit:contain}
.cb-footer-logo span{font-family:var(--cb-display);font-size:36px;font-weight:800;text-transform:uppercase}
.cb-pay{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.cb-pay li{padding:8px 14px;border-radius:6px;background:#fff;color:#111;font-size:13px;font-weight:800}
.cb-footer-bottom{padding:30px 20px 38px;color:#d6d6d6;font-size:14.5px;line-height:1.7}
.cb-footer-bottom p{margin:0}

/* ---------- Responsivo ---------- */
@media(max-width:1024px){.cb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cb-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:767px){
  .cb-section{margin:36px auto;padding:0 10px}
  .cb-heading{margin-bottom:20px}
  .cb-heading h2{font-size:34px}
  .cb-heading p{font-size:16px}
  .cb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .cb-card{padding:10px}
  .cb-card h3{font-size:14px;margin:10px 0 8px}
  .cb-card-prices strong{font-size:20px}
  .cb-card-prices del{font-size:13px}
  .cb-band{padding:26px 0 32px;margin:36px 0}
  .cb-band .cb-wrap{padding:0 10px}
  .cb-tabs{grid-auto-columns:max-content}
  .cb-tabs button{font-size:19px;padding:10px 14px 14px}
  .cb-mid-banner{margin-top:32px;margin-bottom:32px;padding:0 10px}
  .cb-mid-banner .st-public-banner{border-radius:10px}
  .cb-footer-grid{grid-template-columns:1fr;gap:26px}
  .cb-dark .go-catalog{padding:18px 10px 36px}
  .cb-dark .go-catalog-heading h1{font-size:32px}
}
@media(prefers-reduced-motion:reduce){.cb-drawer,.cb-sheet,.cb-modal,.cb-drawer.is-closing,.cb-sheet.is-closing,.cb-modal.is-closing{animation:none}.cb-card,.cb-card-photo img,.cb-toast{transition:none}.cb-card:hover{transform:none}}

/* Filtros da lista (catalog_filters.php) no fundo escuro: troca as variáveis e os fundos brancos. */
.cb-dark .sf-cf-layout,.cb-dark .sf-cf-panel,.cb-dark .sf-cf-toolbar,.cb-dark .sf-cf-active,.cb-dark .sf-cf-empty{--cf-text:#f5f5f5;--cf-muted:#a3a3a3;--cf-line:#2e2e2e;--cf-soft:#1c1c1c}
.cb-dark .sf-cf-open,.cb-dark .sf-cf-sort,.cb-dark .sf-cf-radio,.cb-dark .sf-cf-money,.cb-dark .sf-cf-stepper,.cb-dark .sf-cf-chip,.cb-dark .sf-cf-btn-ghost,.cb-dark .sf-cf-empty,.cb-dark .sf-cf-panel-foot{background:#141414}
.cb-dark .sf-cf-chip-active{background:color-mix(in srgb,var(--cf-brand) 16%,#141414)}
.cb-dark .sf-cf-sort select,.cb-dark .sf-cf-money input,.cb-dark .sf-cf-stepper input{background:transparent!important;border:0}
@media(max-width:1023px){.cb-dark .sf-cf-panel{background:#141414}}

/* Assinatura "Criado com <produto>" (storefront/brand_signature.php) */
.cb-footer-signature{margin-top:14px}.cb-footer-signature .sf-signature{justify-content:flex-start}

/* Descrição do produto no computador: largura inteira da página, abaixo da galeria e das informações
   (product.php a imprime depois de .go-product-grid quando o tema é o Carbon). */
.st-theme-carbon .cb-product-description{margin-top:40px}
@media (min-width:768px){
.st-theme-carbon .cb-product-description{margin-top:48px;padding:32px 40px}
.st-theme-carbon .cb-product-description>h2{font-family:var(--cb-display);font-size:26px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid #2a2a2a}
.st-theme-carbon .cb-product-description>div{font-size:15px;line-height:1.75;max-width:1000px}
}