.catalog-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
  gap: 16px;
  max-width: 960px;
  margin-top: 28px;
  margin-left: auto;
  margin-right: auto;
}
html, body { overflow-x: hidden; }
/* Fundo neon da identidade Zevx aplicado aos blocos de categoria. */
.spectra-category-bg {
  background:
    radial-gradient(ellipse at 0 0, #ff1538e6, transparent 52%),
    radial-gradient(ellipse at 100% 100%, #ff1744a6, transparent 58%),
    repeating-linear-gradient(115deg, transparent 0 28px, #ff153866 29px 30px, transparent 31px 58px),
    #05070f;
}
.spectra-category-bg::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(125deg, transparent 0 42%, #ff9aa566 43%, transparent 44% 72%, #ff153855 73%, transparent 74%);
  mix-blend-mode: screen;
}
.spectra-desktop-tab { display: block; }
.spectra-header-search { z-index: 1; }
.spectra-header-search input { position: relative; z-index: 2; }
@media (min-width: 901px) { .spectra-header-search { position: absolute !important; left: 50% !important; top: 50%; transform: translate(-50%, -50%) !important; margin: 0 !important; } }
body > header { background: rgba(9, 9, 11, .94) !important; color: #fafafa; }
@media (min-width: 901px) { .spectra-header-search { display: block !important; position: static !important; transform: none !important; width: 260px; margin: 0 0 0 34px !important; flex: 0 1 260px; } .spectra-header-search input { width: 100% !important; } }
@media (min-width: 768px) and (max-width: 900px) { .spectra-header-search { display: none !important; } }
.spectra-nav-link { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border-radius: 8px; color: #c9b8bc; transition: .2s ease; }
.spectra-nav-link svg { width: 15px; height: 15px; }
.spectra-brand-mark { width: 42px; height: 42px; padding: 3px; background: #050506; border: 1px solid #ff153833; box-shadow: 0 0 10px #ff153822; }
.spectra-nav-link.is-active { color: #fff; background: #ff153822; box-shadow: inset 0 0 0 1px #ff153855; }
.spectra-nav-link:hover { color: #fff; background: #ff153822; box-shadow: inset 0 0 0 1px #ff153855; }
.spectra-hero-pill { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 22px; padding: 7px 13px; border: 1px solid #ff153855; border-radius: 999px; background: #ff153814; color: #ffc1c8; font-size: 12px; font-weight: 600; box-shadow: 0 0 18px #ff153822; }
.spectra-hero-pill span { width: 7px; height: 7px; border-radius: 50%; background: #ff3048; box-shadow: 0 0 10px #ff3048; }
.spectra-hero-benefits { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; margin-top: 34px; color: #bdaeb1; font-size: 12px; }
.spectra-hero-benefits span { display: inline-flex; align-items: center; gap: 7px; }
.spectra-hero-benefits i { width: 17px; height: 17px; padding: 3px; border: 1px solid #ff304877; border-radius: 6px; color: #ff6070; }
.spectra-delivery-strip { display: flex; align-items: center; justify-content: center; gap: 34px; margin-top: 46px; padding: 16px 24px; border: 1px solid #ff153833; border-radius: 18px; background: linear-gradient(100deg, #19070c, #0d0a0c 55%, #19070c); box-shadow: 0 10px 35px #0008, inset 0 1px #ff9aa522; }
.spectra-strip-label { color: #8f7d82; font-size: 10px; font-weight: 800; letter-spacing: 2px; }
.spectra-delivery-strip a { display: grid; grid-template-columns: 30px auto; column-gap: 9px; align-items: center; min-width: 145px; color: #fff; }
.spectra-delivery-strip img { grid-row: span 2; width: 30px; height: 30px; object-fit: contain; filter: drop-shadow(0 0 8px #ff304877); }
.spectra-delivery-strip strong { font-size: 13px; }
.spectra-delivery-strip small { color: #8e8184; font-size: 10px; }
@media (max-width: 700px) { .spectra-delivery-strip { align-items: flex-start; flex-direction: column; gap: 14px; } .spectra-strip-label { margin-right: 0; } .spectra-delivery-strip a { min-width: 100%; } .spectra-hero-benefits { gap: 12px; } }
@media (max-width: 900px) { .spectra-desktop-tab { display: none; } }
.spectra-proxy-nav { display: flex; align-items: center; gap: 4px; }
.spectra-proxy-header { background: rgba(9, 9, 11, .92); border-color: #292929; color: #fafafa; }
.spectra-proxy-cart { min-height: 38px; white-space: nowrap; }
.spectra-proxy-page { min-height: calc(100vh - 90px); padding: 56px 20px 90px; color: #fafafa; background: radial-gradient(ellipse at 50% 0, #ff15381c, transparent 45%), repeating-linear-gradient(90deg, transparent 0 39px, #ff15380b 40px), #050507; }
.spectra-proxy-hero { max-width: 850px; margin: 0 auto 42px; text-align: center; }
.spectra-proxy-kicker { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 18px; padding: 8px 13px; border: 1px solid #ff153866; border-radius: 999px; color: #ff9aa5; background: #ff153814; }
.spectra-proxy-kicker svg { width: 17px; }
.spectra-proxy-hero h1 { font-size: clamp(34px, 5vw, 58px); font-weight: 800; letter-spacing: -1.6px; }
.spectra-proxy-hero p { max-width: 650px; margin: 10px auto 24px; color: #a99da1; }
.spectra-proxy-flow { display: flex; justify-content: center; align-items: center; gap: 15px; color: #ff6070; }
.spectra-proxy-flow span { display: inline-flex; flex-direction: column; align-items: center; gap: 5px; color: #ffb8c0; font-size: 11px; }
.spectra-proxy-flow svg { width: 28px; height: 28px; padding: 5px; border: 1px solid #ff304877; border-radius: 7px; }
.spectra-proxy-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 330px)); justify-content: center; gap: 20px; }
.spectra-proxy-card { padding: 14px; border: 1px solid #292929; border-radius: 10px; background: #0b0b0c; box-shadow: 0 12px 30px #0009; overflow: hidden; }
.spectra-proxy-card::before { content: ''; display: block; height: 125px; margin: -14px -14px 16px; border-bottom: 1px solid #ff304855; background: radial-gradient(ellipse at 0 0, #ff1538a6, transparent 48%), radial-gradient(ellipse at 95% 100%, #b3122cbb, transparent 48%), repeating-linear-gradient(90deg, transparent 0 9px, #ff153844 10px, transparent 12px), #05070f url('../images/proxy.svg') center/105px no-repeat; }
.spectra-proxy-card-head { display: flex; align-items: center; gap: 12px; }
.spectra-proxy-card-head > svg { width: 37px; height: 37px; padding: 8px; border: 1px solid #ff304877; border-radius: 9px; color: #ff6070; }
.spectra-proxy-card h2 { font-size: 17px; font-weight: 800; }
.spectra-proxy-card h2 em { margin-left: 4px; padding: 3px 5px; border-radius: 4px; color: #ffb8c0; background: #ff153833; font-size: 9px; font-style: normal; }
.spectra-proxy-card p { color: #9c8d92; font-size: 11px; }
.spectra-proxy-price { margin: 18px 0 14px; padding: 12px; border: 1px solid #ff153833; border-radius: 10px; background: #100b0d; }
.spectra-proxy-price small { display: block; color: #a99da1; font-size: 10px; }.spectra-proxy-price strong { display: inline-block; color: #fafafa; font-size: 27px; }.spectra-proxy-price span { color: #9c8d92; font-size: 10px; }
.spectra-proxy-card ul { display: grid; gap: 8px; margin-bottom: 18px; color: #cfc3c6; font-size: 11px; }.spectra-proxy-card li::before { content: '✓'; margin-right: 7px; color: #ff526d; font-weight: 800; }
.spectra-proxy-button { display: flex; align-items: center; justify-content: center; gap: 8px; height: 36px; border: 1px solid #ff3048; border-radius: 8px; color: #fff; background: linear-gradient(90deg, #7e0d20, #d41432); font-size: 12px; font-weight: 700; }.spectra-proxy-button svg { width: 15px; }
.spectra-proxy-compatible { max-width: 850px; margin: 44px auto 0; text-align: center; }.spectra-proxy-compatible h2 { font-size: 25px; font-weight: 800; }.spectra-proxy-compatible p { margin: 7px 0 22px; color: #9c8d92; font-size: 12px; }.spectra-proxy-compatible > div { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; }.spectra-proxy-compatible span { display: inline-flex; align-items: center; gap: 7px; padding: 12px 17px; border: 1px solid #ff153833; border-radius: 9px; color: #d8c9cc; background: #0c0b0d; font-size: 11px; }.spectra-proxy-compatible svg { width: 17px; color: #ff6070; }
@media (max-width: 700px) { .spectra-proxy-nav { display: none; }.spectra-proxy-grid { grid-template-columns: minmax(0, 340px); }.spectra-proxy-page { padding-inline: 14px; }.spectra-proxy-flow { gap: 8px; } }
.spectra-contact-page { min-height: calc(100vh - 90px); padding: 58px 20px 90px; color: #fafafa; background: radial-gradient(ellipse at 50% 0, #ff15381c, transparent 45%), #050507; }
.spectra-contact-hero { max-width: 680px; margin: 0 auto 48px; text-align: center; }.spectra-contact-hero h1 { font-size: clamp(36px, 5vw, 58px); font-weight: 800; text-transform: capitalize; }.spectra-contact-hero p { margin: 10px auto; color: #aaa0a4; }
.spectra-contact-whatsapp { max-width: 900px; margin: 0 auto 16px; display: flex; align-items: center; gap: 16px; padding: 20px; border: 1px solid #25d36688; border-radius: 12px; background: linear-gradient(100deg, #052617, #08130e); }.spectra-contact-icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; color: #25d366; background: #0b5530; }.spectra-contact-whatsapp h2, .spectra-contact-card h2 { font-size: 15px; font-weight: 800; }.spectra-contact-whatsapp p, .spectra-contact-card p { color: #b9adb0; font-size: 12px; }.spectra-contact-whatsapp a { display: inline-flex; align-items: center; gap: 6px; margin-left: auto; padding: 9px 13px; border: 1px solid #25d366; border-radius: 6px; color: #baffd0; font-size: 12px; font-weight: 700; }.spectra-contact-whatsapp a svg, .spectra-contact-card a svg { width: 14px; }
.spectra-contact-grid { max-width: 450px; margin: 16px auto 0; display: grid; grid-template-columns: 1fr; gap: 16px; }.spectra-contact-card { padding: 22px; border: 1px solid #292929; border-radius: 12px; background: #0b0b0d; }.spectra-contact-card > svg { width: 21px; height: 21px; margin-bottom: 17px; padding: 6px; box-sizing: content-box; border-radius: 50%; color: #ff6070; background: #3f0812; }.spectra-contact-card strong { color: #ffb8c0; }.spectra-contact-card small { display: block; margin-top: 14px; color: #8f8588; font-size: 11px; }.spectra-contact-card a { display: inline-flex; align-items: center; gap: 6px; margin-top: 18px; color: #ff6070; font-size: 12px; font-weight: 700; }
.spectra-contact-instagram { margin: 32px auto 0; text-align: center; }.spectra-contact-instagram h2 { font-size: 17px; font-weight: 800; }.spectra-contact-instagram a { display: inline-flex; align-items: center; gap: 6px; margin-top: 14px; padding: 9px 14px; border-radius: 7px; color: #fff; background: linear-gradient(90deg, #8f2d9d, #ff4c24); font-size: 11px; font-weight: 700; }.spectra-contact-instagram svg { width: 14px; }
.spectra-contact-footer { display: grid; grid-template-columns: 1.5fr repeat(3, 1fr); gap: 32px; align-items: start; padding: 34px max(20px, calc((100% - 900px) / 2)); border-top: 1px solid #292929; color: #8f8588; background: #050506; font-size: 11px; }.spectra-contact-footer img { width: 56px; height: 56px; }.spectra-contact-footer div { display: grid; gap: 8px; }.spectra-contact-footer strong { color: #fff; font-size: 12px; }.spectra-contact-footer a { color: #aaa0a4; }
@media (max-width: 700px) { .spectra-contact-page { padding-inline: 14px; }.spectra-contact-whatsapp { align-items: flex-start; flex-wrap: wrap; }.spectra-contact-whatsapp a { margin-left: 58px; }.spectra-contact-footer { grid-template-columns: repeat(2, 1fr); } }
.catalog-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #292929;
  border-radius: 8px;
  background: #0b0b0c;
  transition: border-color .2s, transform .2s, box-shadow .2s;
}
.catalog-card:hover {
  border-color: hsl(var(--primary) / .75);
  transform: translateY(-3px);
  box-shadow: 0 10px 28px #0008;
}
.catalog-banner {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  gap: 12px;
  aspect-ratio: 1.76;
  padding: 20px;
  overflow: hidden;
  border-bottom: 1px solid #11243e;
  background: radial-gradient(ellipse at 0 0, #ff1538a6, transparent 48%), radial-gradient(ellipse at 95% 100%, #e5092fbb, transparent 48%), repeating-linear-gradient(90deg, transparent 0 9px, #ff153844 10px, transparent 12px), #05070f;
}
.catalog-banner::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: -60%;
  transform: rotate(-28deg);
  background: repeating-linear-gradient(90deg, transparent 0 55px, #ff153855 56px, transparent 57px);
}
.catalog-logo-tile {
  display: grid;
  place-items: center;
  flex: 0 0 37%;
  aspect-ratio: 1;
  padding: 10px;
  border: 2px solid #ff9aa5;
  border-radius: 16px;
  background: linear-gradient(140deg, #ffe6e9, #ff6070 48%, #8f1428);
  box-shadow: 0 0 0 3px #3f0812, inset 0 0 0 2px #ffb8c0, 0 5px 24px #ff1538aa;
}
.catalog-logo-tile img { width: 100%; height: 100%; filter: drop-shadow(0 2px 2px #0004); }
.catalog-banner-copy { min-width: 0; }
.catalog-banner-copy span { display: flex; align-items: center; gap: 5px; color: #76e8ff; font-size: 9px; font-weight: 700; letter-spacing: 2px; }
.catalog-banner-copy span::before { content: ''; display: inline-block; width: 13px; height: 13px; flex: 0 0 13px; background: url('../images/zevx-mark.svg') center/contain no-repeat; filter: drop-shadow(0 0 4px #ff3048); }
.catalog-banner-copy strong { display: block; margin: 5px 0; color: #fff; font-size: clamp(13px, 1.2vw, 17px); line-height: 1.15; }
.catalog-banner-copy small { display: block; color: #ccc; font-size: 7px; letter-spacing: 1.4px; }
.catalog-card-content { display: flex; flex: 1; flex-direction: column; padding: 12px 11px 11px; }
.catalog-card h4 { font-size: 13px; font-weight: 700; line-height: 1.45; margin: 0 0 8px; min-height: 57px; }
.catalog-features { list-style: none; padding: 0; margin: 0 0 18px; }
.catalog-features li { display: flex; gap: 7px; margin-bottom: 7px; font-size: 12px; line-height: 1.5; color: #aaa; }
.catalog-features li::before { content: '\2713'; color: #ff6070; font-weight: 700; flex-shrink: 0; }
.catalog-price { margin: auto 0 12px; font-size: 19px; font-weight: 800; letter-spacing: -.6px; color: #fafafa; }
.catalog-pricing { position: relative; min-height: 62px; padding-right: 42px; }
.catalog-pricing::before { content: 'À vista no Pix'; position: absolute; left: 0; bottom: 2px; color: #aaa; font-size: 10px; font-weight: 500; }
.catalog-pricing::after { content: ''; position: absolute; right: 1px; bottom: 1px; width: 30px; height: 30px; border-radius: 6px; background: url('../images/pix.svg') center/contain no-repeat; }
.catalog-card .btn-primary { gap: 7px; width: 100%; min-height: 36px; font-size: 11px; font-weight: 700; border-radius: 6px; background: linear-gradient(90deg, #ff1538, #e5092f); color: #fff; box-shadow: 0 0 16px #ff153866; }
.catalog-card .btn-primary:hover { background: linear-gradient(90deg, #ff526d, #ff1538); box-shadow: 0 0 22px #ff1538aa; }
.catalog-card .btn-primary:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.catalog-card .btn-primary svg { width: 16px; height: 16px; }
@media (max-width: 1000px) { .catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 650px; } }
@media (max-width: 420px) {
  .catalog-grid { grid-template-columns: minmax(0, 1fr); gap: 10px; max-width: 360px; }
  .catalog-banner { padding: 12px 9px; gap: 8px; }
  .catalog-logo-tile { padding: 6px; border-radius: 10px; }
  .catalog-banner-copy span { font-size: 7px; letter-spacing: 1px; }
  .catalog-banner-copy strong { font-size: 11px; }
  .catalog-banner-copy small { font-size: 6px; letter-spacing: .5px; }
  .catalog-card-content { padding: 12px 16px; }
  .catalog-card h4 { font-size: 11px; overflow-wrap: anywhere; }
  .catalog-features li { font-size: 11px; }
  .catalog-price { font-size: 19px; }
}
@media (prefers-reduced-motion: reduce) { .catalog-card { transition: none; } .catalog-card:hover { transform: none; } }
.catalog-heading {
  display: inline-block;
  padding: 9px 14px;
  border: 1px solid #ff3048;
  border-radius: 8px;
  background: #08172a;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}
.catalog-details { margin: 0 0 14px; }
.catalog-details summary { width: fit-content; cursor: pointer; color: #a3a3a3; font-size: 12px; }
.catalog-details summary:hover { color: #ff9aa5; }
.catalog-details summary:focus-visible { outline: 2px solid #ff3048; outline-offset: 4px; }
.catalog-details[open] .catalog-features { margin: 10px 0 0; }
.catalog-banner-copy strong { font-size: 15px; }
@media (max-width: 420px) {
  .catalog-banner { padding: 12px 9px; }
  .catalog-banner-copy strong { font-size: 11px; }
  .catalog-card h4 { min-height: 64px; }
}
.catalog-pricing { margin-top: auto; margin-bottom: 12px; }
.catalog-discount-row { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-bottom: 3px; }
.catalog-discount-row del { color: #999; font-size: 11px; line-height: 1.4; }
.catalog-discount-badge { display: inline-flex; align-items: center; padding: 1px 5px; border: 1px solid #8f1428; border-radius: 4px; background: #3f0812; color: #ff9aa5; font-size: 9px; font-weight: 700; line-height: 1.3; white-space: nowrap; }
.catalog-pricing .catalog-price { margin: 0; }
.catalog-product-link { display: flex; flex-direction: column; height: 100%; color: inherit; text-decoration: none; }
.catalog-product-link:focus-visible { outline: 2px solid #ff3048; outline-offset: -3px; border-radius: 8px; }
.product-page { padding-top: 32px; padding-bottom: 72px; }
.product-back { display: inline-block; margin-bottom: 24px; font-size: 13px; color: #aaa; }
.product-back:hover { color: #ff9aa5; }
.product-layout { display: grid; grid-template-columns: minmax(0, 2.5fr) minmax(220px, 1fr); gap: 20px; align-items: start; }
.product-main { display: grid; gap: 16px; min-width: 0; }
.product-panel { padding: 18px; background: #101012; border: 1px solid #292929; border-radius: 7px; }
.product-overview { display: grid; grid-template-columns: 1.1fr 1fr; gap: 20px; align-items: start; }
.product-art { overflow: hidden; border-radius: 5px; }
.product-art .catalog-banner { min-height: 210px; padding: 28px; gap: 18px; }
.product-art .catalog-banner-copy strong { font-size: clamp(18px, 2vw, 28px); }
.product-art .catalog-banner-copy span { font-size: 11px; }
.product-art .catalog-banner-copy small { font-size: 9px; }
.product-purchase h1 { font-size: 17px; line-height: 1.4; font-weight: 750; margin-bottom: 12px; }
.product-label { display: inline-block; padding: 3px 8px; border-radius: 4px; background: #3f0812; color: #ff9aa5; font-size: 10px; margin-bottom: 14px; }
.product-purchase .catalog-price { font-size: 27px; }
.product-actions { display: grid; gap: 8px; padding: 10px; border: 1px solid #292929; border-radius: 6px; }
.product-actions button { width: 100%; min-height: 38px; font-size: 12px; }
.product-actions svg { width: 16px; height: 16px; }
.product-status { color: #b7b7b7; font-size: 12px; margin-top: 8px; }
.product-description h2, .product-similar h2 { font-size: 16px; font-weight: 700; margin-bottom: 16px; }
.product-description p { font-size: 13px; line-height: 1.8; margin-bottom: 18px; }
.product-description .catalog-features li { font-size: 13px; }
.product-description .product-payment-note { margin-bottom: 0; color: #aaa; }
.product-description-body { color: #d4d4d8; overflow-wrap: anywhere; }
.product-description-body h3 { margin: 26px 0 12px; color: #fafafa; font-size: 14px; font-weight: 700; line-height: 1.6; }
.product-description-body h3:first-child { margin-top: 0; }
.product-description-body strong { font-weight: 700; color: #fafafa; }
.product-description-body ul { list-style: disc; padding-left: 20px; margin: 0 0 20px; }
.product-description-body li { margin-bottom: 7px; font-size: 13px; line-height: 1.8; }
.product-description-body .description-checklist { list-style: none; padding-left: 0; }
.product-description-body > :last-child { margin-bottom: 0; }
.product-sidebar { display: grid; gap: 12px; }
.product-sidebar h2 { display: flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 700; margin-bottom: 8px; }
.product-sidebar h2 svg { width: 18px; height: 18px; color: #ff3048; flex-shrink: 0; }
.product-sidebar p { font-size: 12px; line-height: 1.6; color: #aaa; }
.product-similar { margin-top: 36px; }
.product-similar .catalog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 720px; margin-top: 0; }
@media (max-width: 1000px) { .product-layout { grid-template-columns: minmax(0, 1fr); } .product-sidebar { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 620px) { .product-overview { grid-template-columns: minmax(0, 1fr); } .product-sidebar { grid-template-columns: minmax(0, 1fr); } .product-similar .catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .product-art .catalog-banner { min-height: 180px; } }

.category-page { padding-top: 44px; padding-bottom: 80px; min-height: 65vh; }
.category-page-heading { display: flex; align-items: center; gap: 16px; margin-bottom: 28px; }
.category-page-heading h1 { font-size: 25px; font-weight: 750; letter-spacing: -.5px; }
.category-back { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid #292929; border-radius: 8px; color: #fafafa; }
.category-back svg { width: 20px; height: 20px; }
.category-back:hover { background: #202020; }
.category-back:focus-visible { outline: 2px solid #ff3048; outline-offset: 3px; }
.category-page .catalog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 960px; margin: 0 auto; gap: 20px; }
.category-page .catalog-card h4 { font-size: 15px; line-height: 1.45; min-height: 66px; margin-bottom: 22px; }
.category-page .catalog-card-content { padding: 16px 14px 14px; }
.category-page .catalog-price { font-size: 23px; }
.category-page .catalog-pricing { margin-bottom: 22px; }
.category-page .catalog-card .btn-primary { min-height: 42px; font-size: 13px; }
.category-page .catalog-banner { padding: 24px; }
.category-page .catalog-banner-copy strong { font-size: 19px; }
.category-empty { padding: 48px 24px; max-width: 640px; border: 1px solid #292929; border-radius: 8px; background: #101012; text-align: center; }
.category-empty > svg { margin: 0 auto 16px; width: 36px; height: 36px; color: #ff3048; }
.category-empty h2 { font-size: 20px; font-weight: 700; margin-bottom: 8px; }
.category-empty p { color: #aaa; margin-bottom: 24px; }
.category-empty .btn-secondary { width: fit-content; margin: auto; }
@media (max-width: 900px) { .category-page .catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) {
  .category-page { padding-top: 28px; }
  .category-page-heading { gap: 12px; }
  .category-page-heading h1 { font-size: 21px; }
  .category-page .catalog-grid { grid-template-columns: minmax(0, 1fr); max-width: 360px; }
}
.catalog-search-message { padding: 12px 14px; color: #a1a1aa; font-size: 12px; line-height: 1.5; }
.catalog-search-item { display: flex; align-items: center; gap: 10px; min-height: 87px; padding: 14px 12px; border-bottom: 1px solid #252525; color: #fafafa; text-decoration: none; }
.catalog-search-item:hover, .catalog-search-item:focus-visible { background: #ff304814; outline: 2px solid #ff3048; outline-offset: -2px; }
.catalog-search-copy { display: flex; flex-direction: column; align-items: flex-start; flex: 1; gap: 4px; min-width: 0; }
.catalog-search-name { display: block; max-width: 100%; font-size: 14px; font-weight: 750; line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.catalog-search-category { display: inline-block; padding: 2px 4px; border: 1px solid #ff3048; border-radius: 4px; background: #3f0812; color: #fff; font-size: 11px; line-height: 1.2; }
.catalog-search-thumbnail { position: relative; display: flex; align-items: center; justify-content: center; flex: 0 0 58px; width: 58px; height: 58px; overflow: hidden; border-radius: 7px; background: radial-gradient(ellipse at 0 0, #16d9ff4d, transparent 55%), radial-gradient(ellipse at 100% 100%, #0f62ff, transparent 55%), repeating-linear-gradient(90deg, #16d9ff15 0 1px, transparent 1px 6px), #070b14; }
.catalog-search-logo-tile { display: grid; place-items: center; width: 35px; height: 35px; margin-bottom: 7px; border: 1px solid #88f5ff; border-radius: 7px; padding: 4px; background: linear-gradient(135deg, #d9fdff, #31d6ff); box-shadow: 0 0 0 2px #0d355f, 0 3px 8px #0008; }
.catalog-search-logo-tile img { width: 100%; height: 100%; object-fit: contain; }
.catalog-search-brand { position: absolute; bottom: 4px; color: #caefff; font-size: 6px; font-weight: 700; letter-spacing: 1px; }
#search-result, #search-result-mobile { background: #060b14; border-color: #1b355a; border-radius: 8px; max-height: min(365px, 65vh); overscroll-behavior: contain; scrollbar-width: auto; scrollbar-color: #7ae8ff #0a1726; }
#search-result::-webkit-scrollbar, #search-result-mobile::-webkit-scrollbar { width: 13px; }
#search-result::-webkit-scrollbar-track, #search-result-mobile::-webkit-scrollbar-track { background: #0a1726; }
#search-result::-webkit-scrollbar-thumb, #search-result-mobile::-webkit-scrollbar-thumb { background: #ff6070; border: 2px solid #26060c; border-radius: 8px; }

/* Carrinho */
#cart-drawer { background: rgba(5, 0, 2, .78); backdrop-filter: blur(5px); }
#cart-drawer > div {
  width: min(100%, 500px);
  padding: 24px;
  border-left: 1px solid #ff153855;
  background: linear-gradient(180deg, #16070b 0%, #09090b 48%, #050507 100%);
  box-shadow: -18px 0 50px #ff153822;
}
#cart-drawer h4 { font-size: 22px; letter-spacing: -.3px; }
#cart-drawer h4::before { content: '🛒'; margin-right: 8px; font-size: 18px; }
#cart-drawer-wrapper { overflow-y: auto; padding: 4px 2px 16px; }
#cart-drawer-wrapper > div[data-package-id] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  padding: 14px;
  border: 1px solid #ff153844;
  border-radius: 12px;
  background: linear-gradient(135deg, #2a0b13, #10090b 65%);
  box-shadow: 0 8px 22px #0008, inset 0 1px #ff9aa522;
}
#cart-drawer-wrapper > div[data-package-id] img { width: 68px; height: 68px; border-radius: 10px; border: 1px solid #ff607066; background: #05070f; object-fit: contain; padding: 5px; }
#cart-drawer-wrapper > div[data-package-id] h5 { color: #fff; font-size: 13px; line-height: 1.3; }
#cart-drawer-wrapper > div[data-package-id] p { color: #ffb8c0; font-size: 16px; font-weight: 700; }
#cart-drawer [data-cart-action] { border-color: #ff153866; background: #17090d; transition: .2s ease; }
#cart-drawer [data-cart-action]:hover:not(:disabled) { border-color: #ff526d; color: #fff; background: #3f0812; box-shadow: 0 0 10px #ff153844; }
#cart-drawer [data-cart-action="remove"] { background: linear-gradient(135deg, #ff3048, #c90f2b); border-color: #ff6070; color: #fff; }
#cart-drawer [data-cart-action="input"] { border: 1px solid #ff153866; border-radius: 7px; color: #fff; background: #09090b; }
#cart-pricing { height: auto; min-height: 58px; padding: 12px 15px; border: 1px solid #ff153855; background: #210a10; box-shadow: inset 0 1px #ff9aa522; }
#cart-pricing p { color: #caaeb2; }
#cart-pricing span { color: #ffb8c0; font-size: 19px; }
#cart-drawer .btn-primary { height: 46px; border-radius: 9px; background: linear-gradient(100deg, #ff1538, #c90f2b); color: #fff; font-weight: 800; box-shadow: 0 0 18px #ff153866; }
#cart-drawer .btn-primary:hover { background: linear-gradient(100deg, #ff526d, #e51c3d); box-shadow: 0 0 24px #ff1538aa; }
@media (max-width: 560px) { #cart-drawer > div { padding: 18px 14px; } #cart-drawer-wrapper > div[data-package-id] { grid-template-columns: 1fr; } #cart-drawer [data-cart-action] { min-height: 36px; } }

/* Fundos de destaque para cada catalogo */
#store > #google-ads,
#store > #contas-gmail-antigas,
#store > #proxy {
  position: relative;
  isolation: isolate;
  margin: 0 0 34px;
  padding: 24px 24px 30px;
  border: 1px solid #332027;
  border-radius: 16px;
  overflow: hidden;
}
#store > #google-ads::before,
#store > #contas-gmail-antigas::before,
#store > #proxy::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -2;
  opacity: .95;
  background: radial-gradient(ellipse at 15% 0, #ff15382b, transparent 48%), repeating-linear-gradient(135deg, #ff15380a 0 1px, transparent 1px 20px), #09090b;
}
#store > #google-ads::after,
#store > #contas-gmail-antigas::after,
#store > #proxy::after {
  content: '';
  position: absolute;
  top: -80px;
  right: -50px;
  width: 260px;
  height: 180px;
  z-index: -1;
  border-radius: 50%;
  background: #ff15381c;
  filter: blur(35px);
}
#store > #contas-gmail-antigas { border-color: #3b2631; }
#store > #contas-gmail-antigas::before { background: radial-gradient(ellipse at 85% 0, #ff42632b, transparent 48%), repeating-linear-gradient(135deg, #ff42630a 0 1px, transparent 1px 20px), #09090b; }
#store > #proxy { border-color: #3b202b; }
#store > #proxy::before { background: radial-gradient(ellipse at 50% 0, #d5123a30, transparent 50%), repeating-linear-gradient(135deg, #d5123a0b 0 1px, transparent 1px 20px), #09090b; }
#store > #google-ads .catalog-heading,
#store > #contas-gmail-antigas .catalog-heading,
#store > #proxy .catalog-heading { position: relative; z-index: 1; margin: 0 0 22px; }
#store > #google-ads .catalog-grid,
#store > #contas-gmail-antigas .catalog-grid,
#store > #proxy .catalog-grid { position: relative; z-index: 1; }
@media (max-width: 600px) {
  #store > #google-ads, #store > #contas-gmail-antigas, #store > #proxy { padding: 18px 12px 22px; border-radius: 12px; }
}

/* Identificacao visual das categorias */
#store > #google-ads,
#store > #contas-gmail-antigas,
#store > #proxy { border-color: #7d1529; background: linear-gradient(145deg, #280812 0%, #12070b 48%, #09090b 100%); }
#store > #google-ads::before,
#store > #contas-gmail-antigas::before,
#store > #proxy::before { background: radial-gradient(ellipse at 15% 0, #ff153879, transparent 52%), repeating-linear-gradient(135deg, #ff153817 0 1px, transparent 1px 20px), #16070b; }
#store > #google-ads .catalog-heading,
#store > #contas-gmail-antigas .catalog-heading,
#store > #proxy .catalog-heading { display: inline-flex; align-items: center; gap: 10px; padding: 8px 14px 8px 9px; border: 1px solid #ff3048; border-radius: 8px; color: #fff; background: #560d1d; box-shadow: 0 0 20px #ff153833; }
#store > #google-ads .catalog-heading img,
#store > #contas-gmail-antigas .catalog-heading img,
#store > #proxy .catalog-heading img { width: 28px; height: 28px; object-fit: contain; filter: drop-shadow(0 2px 5px #000); }

/* Titulo e prateleira de produtos */
#store > #google-ads .catalog-heading,
#store > #contas-gmail-antigas .catalog-heading,
#store > #proxy .catalog-heading { margin-bottom: 16px; }
#store > #google-ads .catalog-grid,
#store > #contas-gmail-antigas .catalog-grid,
#store > #proxy .catalog-grid { margin-top: 0; }

/* Grade imediatamente abaixo do titulo */
#store > #google-ads .catalog-heading,
#store > #contas-gmail-antigas .catalog-heading,
#store > #proxy .catalog-heading { margin-bottom: 20px; }

/* Logo da categoria e inicio alinhado da prateleira */
#store > #google-ads .catalog-heading,
#store > #contas-gmail-antigas .catalog-heading,
#store > #proxy .catalog-heading { display: inline-flex; align-items: center; gap: 10px; }
.catalog-heading-logo { width: 34px; height: 34px; padding: 4px; object-fit: contain; border: 1px solid #ff3048; border-radius: 6px; background: #16070b; box-shadow: 0 0 12px #ff153855; }
#store > #google-ads .catalog-grid,
#store > #contas-gmail-antigas .catalog-grid,
#store > #proxy .catalog-grid { max-width: none; margin-left: 0; margin-right: 0; }

/* Restauracao do layout original do catalogo */
#store > #google-ads,
#store > #contas-gmail-antigas,
#store > #proxy { margin: 0 0 34px; padding: 0; border: 0; border-radius: 0; overflow: visible; background: transparent; }
#store > #google-ads::before,
#store > #google-ads::after,
#store > #contas-gmail-antigas::before,
#store > #contas-gmail-antigas::after,
#store > #proxy::before,
#store > #proxy::after { display: none; }
#store > #google-ads .catalog-heading,
#store > #contas-gmail-antigas .catalog-heading,
#store > #proxy .catalog-heading { display: inline-block; margin-bottom: 0; }
#store .catalog-heading-logo { display: none; }
#store > #google-ads .catalog-grid,
#store > #contas-gmail-antigas .catalog-grid,
#store > #proxy .catalog-grid { max-width: 960px; margin-left: auto; margin-right: auto; margin-top: 28px; }

/* Produtos logo abaixo do titulo */
#store > #google-ads .catalog-grid,
#store > #contas-gmail-antigas .catalog-grid,
#store > #proxy .catalog-grid { margin-top: 12px; }

/* Grade inicia alinhada ao titulo */
#store > #google-ads .catalog-grid,
#store > #contas-gmail-antigas .catalog-grid,
#store > #proxy .catalog-grid { width: 100%; max-width: none; margin-left: 0; margin-right: 0; }

/* Garantir primeira coluna no inicio da secao */
#store > #google-ads .catalog-grid,
#store > #contas-gmail-antigas .catalog-grid,
#store > #proxy .catalog-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); justify-content: start; justify-items: stretch; }

/* Destaque vermelho dos titulos de categoria */
#store .catalog-heading { border-color: #ff3048; background: linear-gradient(135deg, #8f1028, #420914); color: #fff; box-shadow: 0 0 16px #ff153844, inset 0 1px #ff8795; }

.catalog-banner-copy span { color: #fff; }

/* Paleta Zevx: preto, vermelho e branco */
body { color: #fff; }
.catalog-heading, .category-page-heading h1, .spectra-proxy-hero h1, .spectra-contact-page h1 { color: #fff; }
.catalog-banner-copy span { color: #fff; }
.catalog-banner-copy small, .catalog-card-content .muted, .text-muted-foreground { color: #d8d8d8; }
.catalog-card, .spectra-proxy-card, .spectra-contact-card, .product-panel { background: #09090b; border-color: #3b161f; }
.catalog-card h4, .catalog-price, .catalog-card strong, .spectra-proxy-card h2, .spectra-proxy-price strong { color: #fff; }
.catalog-discount-badge, .catalog-search-category { color: #fff; background: #8c1028; border-color: #ff3048; }
.spectra-delivery-strip { border-color: #4a1823; background: #0b090b; }
.spectra-delivery-strip strong, .spectra-delivery-strip small { color: #fff; }

.catalog-banner-copy span::before { width: 19px; height: 19px; flex-basis: 19px; filter: drop-shadow(0 0 5px #ff3048); }
.catalog-banner-copy span { font-size: 10px; letter-spacing: 2px; }

/* Acoes do cabecalho lado a lado */
body > header nav > ul { display: flex; flex-wrap: nowrap; align-items: center; gap: 8px; white-space: nowrap; }
body > header nav > ul > li:nth-last-child(2) { display: flex; align-items: center; gap: 6px; white-space: nowrap; }
body > header nav > ul > li:last-child { margin-left: 6px; }
@media (max-width: 700px) { body > header nav > ul { gap: 5px; } body > header nav > ul > li:nth-last-child(2) a, body > header nav > ul > li:last-child button { min-width: 38px; } }