#constellation-bg {
     position: fixed;
     top: 0;
     left: 0;
     z-index: -1;
     pointer-events: none;
 }

 .kyJCxd h1

 /* Cards de Produto (Efeito Vidro) */
 .product_card,
 .sc-72c69f28-6.tzySF {
     background: rgba(255, 255, 255, 0.05) !important;
     backdrop-filter: blur(20px) !important;
     -webkit-backdrop-filter: blur(20px) !important;
     border-radius: 16px !important;
     border: 1px solid rgba(255, 255, 255, 0.12) !important;
     box-shadow: none !important;
     color: white !important;
     transition: transform 0.4s ease, border-color 0.8s ease !important;
     cursor: pointer !important;
 }

 .product_card:hover,
 .sc-72c69f28-6.tzySF:hover {
     transform: scale(1.03) !important;
     border: solid 1px rgba(0, 98, 255, 0.45) !important;
     box-shadow: 0 8px 24px rgba(0, 98, 255, 0.25) !important;
 }

 .product_card button,
 .sc-72c69f28-28.dTDcRC {
     background: #0062ff !important;
     backdrop-filter: none !important;
     border: 1px solid transparent !important;
     border-radius: 999px !important;
     color: white !important;
     font-weight: 600 !important;
     display: flex !important;
     align-items: center !important;
     justify-content: center !important;
     transition: all 0.3s ease !important;
 }

 .product_card button::before,
 .sc-72c69f28-28.dTDcRC::before {
     content: "🛒" !important;
     margin-right: 6px !important;
     font-size: 0.95em !important;
 }

 .product_card button:hover,
 .sc-72c69f28-28.dTDcRC:hover {
     background: #0f12a9 !important;
 }

 .sc-5dfe3080-2 .sc-296417d8-0 {
     background-color: #0062ff6b !important;
     box-shadow: 0 4px 15px rgba(16, 151, 185, 0.2);
 }

 .product_info,
 .sc-72c69f28-14,
 .sc-72c69f28-17,
 .sc-72c69f28-22,
 .sc-72c69f28-8,
 .sc-72c69f28-8 img,
 .product_card div {
     background: transparent !important;
 }

 /* Botão de sacola/wishlist: a regra acima zera o fundo de todo div do card,
    então devolve um fundo visível só pra esse ícone não desaparecer no escuro */
 .sc-72c69f28-27.catdfJ {
     background: rgba(255, 255, 255, 0.08) !important;
     border: 1px solid rgba(255, 255, 255, 0.15) !important;
     border-radius: 10px !important;
     display: flex !important;
     align-items: center !important;
     justify-content: center !important;
     transition: background-color 0.25s ease, border-color 0.25s ease !important;
 }

 .sc-72c69f28-27.catdfJ:hover {
     background: rgba(0, 98, 255, 0.18) !important;
     border-color: rgba(0, 98, 255, 0.40) !important;
 }

 /* Pop-ups de Vendas */
 .sales-popup {
     position: fixed;
     bottom: 25px;
     left: 25px;
     z-index: 9999;
     background-color: rgba(18, 18, 18, 0.85);
     backdrop-filter: blur(10px);
     color: #fff;
     padding: 15px 20px;
     border-radius: 12px;
     border: 1px solid rgba(255, 255, 255, 0.1);
     box-shadow: 0 5px 25px rgba(0, 0, 0, 0.4);
     display: flex;
     align-items: center;
     gap: 15px;
     opacity: 0;
     transform: translateY(20px);
     visibility: hidden;
     transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
 }

 .sales-popup.show {
     opacity: 1;
     transform: translateY(0);
     visibility: visible;
 }

 .sales-popup .popup-icon {
     font-size: 1.5rem;
     color: #32BCAD;
     width: 24px;
     height: 24px;
 }

 .sales-popup .popup-icon svg {
     fill: currentColor;
 }

 .sales-popup p {
     margin: 0;
     color: #b3b3b3 !important;
     font-size: 0.9rem;
 }

 .sales-popup p strong {
     color: #ffffff !important;
     font-weight: 600;
 }

 /* ── Header: efeito glass ────────────────────────────────── */
 header.sc-d92c5a35-0 {
     background: rgba(0, 0, 20, 0.85) !important;
     backdrop-filter: blur(20px) !important;
     -webkit-backdrop-filter: blur(20px) !important;
     border-bottom: 1px solid rgba(0, 98, 255, 0.20) !important;
     box-shadow: 0 4px 24px rgba(0, 0, 0, 0.40), 0 0 0 1px rgba(0, 98, 255, 0.08) !important;
     position: sticky !important;
     top: 0 !important;
     z-index: 9000 !important;
     transition: background 300ms, border-color 300ms !important;
 }

 /* ── Header: nome da loja com gradiente azul ─────────────── */
 header.sc-d92c5a35-0 a span,
 .sc-d92c5a35-2 span {
     font-weight: 900 !important;
     letter-spacing: 0.04em !important;
     background: linear-gradient(135deg, #0062ff, #0f12a9, #00cfff) !important;
     -webkit-background-clip: text !important;
     -webkit-text-fill-color: transparent !important;
     background-clip: text !important;
     filter: drop-shadow(0 0 10px rgba(0, 98, 255, 0.40)) !important;
 }

 /* ── Header: logo imagem injetada pelo JS ────────────────── */
 .mc-logo-img {
     height: 60px !important;
     width: auto !important;
     object-fit: contain !important;
     flex-shrink: 0 !important;
     display: block !important;
 }

 @media (max-width: 640px) {
     .mc-logo-img {
         height: 45px !important;
     }
 }

 /* ── Barra de horário de atendimento ─────────────────────── */
 .mc-hours-bar {
     display: flex !important;
     align-items: center !important;
     justify-content: center !important;
     flex-wrap: wrap !important;
     gap: 8px 16px !important;
     width: 100% !important;
     padding: 8px 16px !important;
     background: rgba(0, 98, 255, 0.10) !important;
     border-bottom: 1px solid rgba(0, 98, 255, 0.20) !important;
     color: rgba(255, 255, 255, 0.85) !important;
     font-family: 'Poppins', sans-serif !important;
     font-size: 0.82rem !important;
     font-weight: 500 !important;
     text-align: center !important;
     box-sizing: border-box !important;
 }

 .mc-hours-bar i.fa-clock {
     color: #0062ff !important;
     font-size: 0.95rem !important;
 }

 .mc-hours-status-wrap {
     display: inline-flex !important;
     align-items: center !important;
     gap: 6px !important;
     padding-left: 12px !important;
     border-left: 1px solid rgba(255, 255, 255, 0.15) !important;
 }

 .mc-hours-dot {
     width: 7px !important;
     height: 7px !important;
     border-radius: 50% !important;
     flex-shrink: 0 !important;
 }

 .mc-hours-dot.open {
     background: #22c55e !important;
     box-shadow: 0 0 6px rgba(34, 197, 94, 0.8) !important;
     animation: mc-hours-pulse 2s ease-in-out infinite;
 }

 .mc-hours-dot.closed {
     background: #ef4444 !important;
     box-shadow: 0 0 6px rgba(239, 68, 68, 0.6) !important;
 }

 @keyframes mc-hours-pulse {

     0%,
     100% {
         opacity: 1;
     }

     50% {
         opacity: 0.5;
     }
 }

 .mc-hours-status {
     font-weight: 600 !important;
 }

 @media (max-width: 480px) {
     .mc-hours-bar {
         font-size: 0.72rem !important;
         padding: 7px 10px !important;
     }
 }

 /* ── Seção de Avaliações ─────────────────────────────────── */

 /* Garante que o container principal seja visível */
 .sc-c23da882-0 {
     display: block !important;
     visibility: visible !important;
     opacity: 1 !important;
     margin: 16px 0 !important;
 }

 /* Header "Avaliações" */
 .sc-c23da882-1 h1 {
     color: #ffffff !important;
     font-size: 16px !important;
     font-weight: 700 !important;
 }

 /* Botões prev/next do carrossel */
 .sc-3eb78f8-6 {
     background: rgba(0, 98, 255, 0.10) !important;
     border: 1px solid rgba(0, 98, 255, 0.25) !important;
     border-radius: 50% !important;
     transition: background 200ms, border-color 200ms !important;
 }

 .sc-3eb78f8-6:not([disabled]):hover {
     background: rgba(0, 98, 255, 0.25) !important;
     border-color: rgba(0, 98, 255, 0.50) !important;
 }

 .sc-3eb78f8-6 svg {
     fill: #0062ff !important;
 }

 .sc-3eb78f8-6.off {
     opacity: 0.3 !important;
 }

 /* Card individual */
 .sc-c23da882-3 {
     background: linear-gradient(160deg, rgba(0, 0, 30, 0.95) 0%, rgba(0, 0, 15, 0.98) 100%) !important;
     border: 1px solid rgba(0, 98, 255, 0.15) !important;
     border-radius: 16px !important;
     padding: 18px !important;
     backdrop-filter: blur(14px) !important;
     -webkit-backdrop-filter: blur(14px) !important;
     transition: border-color 220ms ease !important;
 }

 .sc-c23da882-3:hover {
     border-color: rgba(0, 98, 255, 0.40) !important;
 }

 /* Ícone de usuário */
 svg.user-icon-feedback {
     fill: rgba(255, 255, 255, 0.50) !important;
 }

 /* Estrelas — preenchidas */
 .sc-c23da882-9 svg.active {
     fill: #fbbf24 !important;
     filter: drop-shadow(0 0 4px rgba(251, 191, 36, 0.5)) !important;
 }

 /* Estrelas — vazias */
 .sc-c23da882-9 svg:not(.active) {
     fill: rgba(255, 255, 255, 0.20) !important;
 }

 /* Data */
 .sc-c23da882-11 {
     color: rgba(255, 255, 255, 0.40) !important;
     font-size: 11px !important;
 }

 /* Texto do comentário */
 .feedback-description {
     color: rgba(255, 255, 255, 0.70) !important;
     font-size: 13px !important;
     line-height: 1.6 !important;
 }

 /* Título "Comentário" dentro do card */
 .sc-c23da882-12 h1 {
     color: rgba(255, 255, 255, 0.45) !important;
     font-size: 11px !important;
     letter-spacing: 0.08em !important;
     text-transform: uppercase !important;
 }

 /* Produto vinculado à avaliação */
 .sc-c23da882-15 {
     background: rgba(0, 98, 255, 0.06) !important;
     border: 1px solid rgba(0, 98, 255, 0.12) !important;
     border-radius: 10px !important;
     transition: border-color 200ms !important;
 }

 .sc-c23da882-15:hover {
     border-color: rgba(0, 98, 255, 0.30) !important;
 }

 .sc-c23da882-18 h1 {
     color: #ffffff !important;
 }

 /* Preço */
 .feedback-price {
     font-weight: 700 !important;
     color: #0062ff !important;
     text-shadow: 0 0 10px rgba(0, 98, 255, 0.45) !important;
 }

 .feedback-compare-at-price {
     color: rgba(255, 255, 255, 0.35) !important;
     text-decoration: line-through !important;
     font-size: 12px !important;
 }

 /* Seta do produto no card */
 svg.feedback-product-arrow {
     fill: rgba(0, 98, 255, 0.60) !important;
 }

 /* ── Página de Categoria ──────────────────────────────────────────── */

 /* Sidebar: mesmo vidro/blur dos cards de produto */
 .sc-860cb774-0.fEjBlX {
     background: rgba(255, 255, 255, 0.05) !important;
     backdrop-filter: blur(15px) !important;
     -webkit-backdrop-filter: blur(15px) !important;
     border: 1px solid rgba(255, 255, 255, 0.12) !important;
     border-radius: 16px !important;
     box-shadow: none !important;
 }

 @media (min-width: 768px) {
     .sc-860cb774-0.fEjBlX {
         position: sticky !important;
         top: 100px !important;
         align-self: flex-start !important;
     }
 }

 /* Cabeçalho "Categorias" da sidebar */
 .sc-860cb774-13.jPnblb {
     padding-bottom: 14px !important;
     margin-bottom: 6px !important;
     border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
 }

 .sc-860cb774-13 .sc-5e82d9e5-0 {
     color: rgba(255, 255, 255, 0.45) !important;
 }

 /* Itens da lista de categorias */
 .sc-860cb774-8.bKClhs {
     margin-bottom: 4px !important;
 }

 .sc-860cb774-2.eNTFpP {
     border-radius: 10px !important;
     transition: background-color 0.25s ease, transform 0.25s ease !important;
 }

 .sc-860cb774-2.eNTFpP:hover {
     background-color: rgba(0, 98, 255, 0.08) !important;
     transform: translateX(2px) !important;
 }

 .sc-860cb774-2.eNTFpP.active {
     background-color: rgba(0, 98, 255, 0.14) !important;
 }

 .sc-860cb774-12.eHfWm {
     color: rgba(255, 255, 255, 0.65) !important;
     font-weight: 500 !important;
     transition: color 0.25s ease !important;
 }

 .sc-860cb774-2.eNTFpP:hover .sc-860cb774-12.eHfWm,
 .sc-860cb774-2.eNTFpP.active .sc-860cb774-12.eHfWm {
     color: #ffffff !important;
 }

 /* Barra indicadora da categoria ativa (era amarela/laranja rgb(255,186,9), agora azul da marca) */
 .bKClhs a.active::before {
     background-color: #0062ff !important;
     box-shadow: 0 0 10px rgba(0, 98, 255, 0.7) !important;
 }

 /* Breadcrumb */
 .sc-108758de-1.iRoYZR a {
     color: rgba(255, 255, 255, 0.55) !important;
     transition: color 0.2s ease !important;
 }

 .sc-108758de-1.iRoYZR a:hover,
 .sc-108758de-1.iRoYZR a.page_active {
     color: #ffffff !important;
 }

 .sc-108758de-1.iRoYZR svg {
     fill: rgba(255, 255, 255, 0.30) !important;
 }

 .sc-108758de-2.fuXPDj {
     border-radius: 8px !important;
     transition: background-color 0.2s ease !important;
 }

 .sc-108758de-2.fuXPDj:hover {
     background-color: rgba(255, 255, 255, 0.08) !important;
 }

 /* Banner da categoria: cantos arredondados + degradê suave na base pra se misturar ao fundo */
 .sc-a8dadbf5-1.gQigtJ {
     border-radius: 18px !important;
     box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
     max-height: 220px !important;
     width: 100% !important;
     object-fit: cover !important;
     -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 72%, rgba(0, 0, 0, 0) 100%) !important;
     mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 72%, rgba(0, 0, 0, 0) 100%) !important;
 }

 /* Botão "Ordenar" */
 .sc-e129174f-1.dJVRIL {
     background: rgba(255, 255, 255, 0.05) !important;
     border: 1px solid rgba(255, 255, 255, 0.12) !important;
     border-radius: 12px !important;
     transition: border-color 0.25s ease, background-color 0.25s ease !important;
 }

 .sc-e129174f-1.dJVRIL:hover {
     background: rgba(0, 98, 255, 0.10) !important;
     border-color: rgba(0, 98, 255, 0.35) !important;
 }

 /* Inputs de busca (header, sidebar e listagem usam o mesmo componente) */
 label.iShfmg.InputSearch {
     background: rgba(255, 255, 255, 0.05) !important;
     border: 1px solid rgba(255, 255, 255, 0.12) !important;
     border-radius: 10px !important;
     transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
 }

 label.iShfmg.InputSearch:focus-within {
     border-color: rgba(0, 98, 255, 0.45) !important;
     box-shadow: 0 0 0 3px rgba(0, 98, 255, 0.15) !important;
 }

 input.hpVyUz {
     background: transparent !important;
     color: #ffffff !important;
 }

 /* Grid de produtos: usa melhor o espaço horizontal em telas largas */
 .sc-efb24cc-0.kKDpvl {
     display: grid !important;
     grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)) !important;
     gap: 20px !important;
 }

 .sc-efb24cc-0.kKDpvl .product_card {
     width: 100% !important;
 }

 /* ── Página de Produto ───────────────────────────────────────────── */

 /* "Produtos Similares" antes de "Avaliações": os dois blocos são filhos
   diretos do mesmo container (.cpPDVG), então dá pra inverter a ordem
   visual só com flex + order — sem mover nós no DOM (isso quebraria a
   reconciliação do React, como aconteceu na tentativa via JS).
   cpPDVG tem 3 <hr> como filhos diretos (antes da Descrição, entre
   Descrição/Avaliações, e entre Avaliações/Produtos Similares); o
   último deles precisa virar a divisória entre Produtos Similares e
   Avaliações na nova ordem, senão ele fica "grudado" no topo junto
   com o hr anterior (ambos em order:0 por padrão). */
 .sc-e48440a7-4.cpPDVG {
     display: flex !important;
     flex-direction: column !important;
 }

 .sc-c6151de8-0.hNAXHv {
     order: 2 !important;
 }

 .sc-e48440a7-4.cpPDVG>hr:last-of-type {
     order: 3 !important;
 }

 .sc-6642d855-0.frZGLj {
     order: 4 !important;
 }

 /* Divisórias da página */
 .sc-e48440a7-4 hr {
     border: none !important;
     border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
     margin: 24px 0 !important;
 }

 /* Galeria de imagem do produto */
 .sc-17e3fd3-4.Atagz {
     background: rgba(255, 255, 255, 0.05) !important;
     backdrop-filter: blur(15px) !important;
     -webkit-backdrop-filter: blur(15px) !important;
     border: 1px solid rgba(255, 255, 255, 0.12) !important;
     border-radius: 16px !important;
     overflow: hidden !important;
     transition: border-color 0.3s ease !important;
 }

 .sc-17e3fd3-4.Atagz:hover {
     border-color: rgba(0, 98, 255, 0.35) !important;
 }

 .sc-17e3fd3-5.BUBrg {
     width: 100% !important;
     height: 100% !important;
     object-fit: cover !important;
     display: block !important;
     border-radius: 16px !important;
     transition: transform 0.4s ease !important;
 }

 .sc-17e3fd3-4.Atagz:hover .sc-17e3fd3-5.BUBrg {
     transform: scale(1.04) !important;
 }

 /* Linha imagem + bloco de texto: por padrão o flexbox estica os dois filhos
   pra mesma altura (align-items:stretch), o que fazia o card de texto virar
   uma caixa gigante e vazia do tamanho da imagem. Trava no topo. */
 .sc-2beeff3c-1.YbyAw {
     align-items: flex-start !important;
     gap: 20px !important;
 }

 /* Bloco de título + preço ao lado da imagem: vira card de vidro pra não
   flutuar sozinho no fundo escuro enquanto imagem e caixa de compra já são cards */
 .sc-2beeff3c-2.dZMHbE {
     background: rgba(255, 255, 255, 0.04) !important;
     border: 1px solid rgba(255, 255, 255, 0.10) !important;
     border-radius: 16px !important;
     padding: 20px !important;
     align-self: flex-start !important;
 }

 /* Título do produto */
 .sc-2beeff3c-4.cPiUXS {
     color: #ffffff !important;
     font-weight: 700 !important;
 }

 /* Vendidos / rótulos de meios de pagamento — um pouco mais claro pra não ficar ilegível */
 .sc-5e82d9e5-0.dZDzDN {
     color: rgba(255, 255, 255, 0.65) !important;
 }

 /* Preço à vista riscado */
 .sc-ab94ae2f-4.cLyqmM span {
     color: rgba(255, 255, 255, 0.45) !important;
     text-decoration: line-through !important;
 }

 /* Preço atual em destaque (topo e caixa de compra) */
 .sc-ab94ae2f-3.fydmP,
 .sc-ab94ae2f-3.fydmP h1,
 .sc-ab94ae2f-3.fydmP span,
 .sc-ffef903-5.hwBBoG,
 .sc-ffef903-5.hwBBoG h1,
 .sc-ffef903-5.hwBBoG span {
     color: #0062ff !important;
     text-shadow: 0 0 12px rgba(0, 98, 255, 0.45) !important;
 }

 /* Selo "Entrega Automática" — a plataforma define color:rgb(62,129,237) pra
   essa classe, que fica ilegível em cima do fundo azul sólido; força branco */
 .sc-ab94ae2f-5.iramFV {
     background: #0062ff !important;
     color: #ffffff !important;
     border-radius: 999px !important;
     padding: 6px 14px !important;
     font-weight: 500 !important;
     box-shadow: 0 4px 15px rgba(0, 98, 255, 0.30) !important;
 }

 .sc-ab94ae2f-5.iramFV svg {
     fill: #ffffff !important;
 }

 /* O wrapper .jLXfjJ (só existe em volta do card de estoque, não do de
   pagamento) tinha padding/borda próprios que "comiam" largura e
   desalinhavam os dois cards. Zera ele — o padding real agora é do
   próprio .drTvIt logo abaixo. */
 .sc-2beeff3c-11.jLXfjJ {
     padding: 0 !important;
     background: transparent !important;
     border: none !important;
     border-radius: 0 !important;
 }

 /* Caixa "Estoque disponível" e caixa de meios de pagamento.
   O padding original vem de um wrapper por fora (.jLXfjJ) que não é o
   card visível — o card com a borda/fundo é este aqui, que não tinha
   padding próprio, então o conteúdo colava nas bordas. */
 .sc-ffef903-0.drTvIt,
 .sc-37875e2e-0.bmwGNp {
     background: rgba(255, 255, 255, 0.05) !important;
     backdrop-filter: blur(15px) !important;
     -webkit-backdrop-filter: blur(15px) !important;
     border: 1px solid rgba(255, 255, 255, 0.12) !important;
     border-radius: 16px !important;
     box-shadow: none !important;
     padding: 20px !important;
 }

 /* Selo de quantidade em estoque */
 .sc-ffef903-8.cjpLfz {
     background: rgba(0, 98, 255, 0.10) !important;
     border: 1px solid rgba(0, 98, 255, 0.25) !important;
     border-radius: 999px !important;
     padding: 3px 10px !important;
     width: fit-content !important;
     color: #ffffff !important;
     font-size: 0.8rem !important;
 }

 /* Seletor de quantidade */
 .sc-ffef903-6.iGlrGk {
     background: rgba(255, 255, 255, 0.04) !important;
     border: 1px solid rgba(255, 255, 255, 0.12) !important;
     border-radius: 10px !important;
 }

 .sc-ffef903-7.jdZaEg {
     color: #ffffff !important;
     transition: color 0.2s ease !important;
     cursor: pointer !important;
 }

 .sc-ffef903-7.jdZaEg:hover {
     color: #0062ff !important;
 }

 .sc-20295e6f-0.jSznZn {
     background: transparent !important;
     color: #ffffff !important;
 }

 /* Botões "Comprar agora" e "Adicionar ao carrinho" */
 .sc-d023136c-0.Cywqa {
     border-radius: 12px !important;
     font-weight: 500 !important;
     transition: all 0.3s ease !important;
 }

 .sc-d023136c-0.Cywqa.undefined {
     background: #0062ff !important;
     color: #ffffff !important;
     box-shadow: 0 4px 15px rgba(0, 98, 255, 0.30) !important;
 }

 .sc-d023136c-0.Cywqa.undefined:hover {
     background: #0f12a9 !important;
     transform: translateY(-2px) !important;
 }

 .sc-d023136c-0.Cywqa.name {
     background: rgba(255, 255, 255, 0.05) !important;
     border: 1px solid rgba(255, 255, 255, 0.15) !important;
     color: #ffffff !important;
 }

 .sc-d023136c-0.Cywqa.name:hover {
     background: rgba(0, 98, 255, 0.12) !important;
     border-color: rgba(0, 98, 255, 0.35) !important;
     transform: translateY(-2px) !important;
 }

 /* Linhas "À vista" / "Cartão" dentro da caixa de meios de pagamento */
 .sc-37875e2e-1.rmtJp {
     display: flex !important;
     flex-direction: column !important;
     gap: 8px !important;
 }

 .sc-37875e2e-2.iuRqje {
     background: rgba(255, 255, 255, 0.03) !important;
     border: 1px solid rgba(255, 255, 255, 0.08) !important;
     border-radius: 10px !important;
     padding: 10px 12px !important;
     display: flex !important;
     align-items: center !important;
     justify-content: space-between !important;
     min-height: 36px !important;
 }

 /* Ícones de meios de pagamento (pix, mastercard, visa) */
 .sc-37875e2e-3.NigQk {
     display: flex !important;
     align-items: center !important;
     gap: 8px !important;
 }

 .sc-37875e2e-3.NigQk img {
     height: 20px !important;
     width: auto !important;
     object-fit: contain !important;
 }

 /* Caixa de descrição */
 .sc-e48440a7-17.kWGhrX {
     background: rgba(255, 255, 255, 0.05) !important;
     backdrop-filter: blur(15px) !important;
     -webkit-backdrop-filter: blur(15px) !important;
     border: 1px solid rgba(255, 255, 255, 0.12) !important;
     border-radius: 16px !important;
     padding: 20px !important;
 }

 .sc-e48440a7-19.eBbCdN {
     color: #0062ff !important;
     font-weight: 600 !important;
     transition: opacity 0.2s ease !important;
 }

 .sc-e48440a7-19.eBbCdN:hover {
     opacity: 0.8 !important;
 }

 .sc-e48440a7-19.eBbCdN svg {
     fill: #0062ff !important;
 }

 /* Conteúdo da descrição (rich-text): o editor da dashboard grava cor e
   fundo por parágrafo/span toda vez que alguém formata o texto. Isso
   ficava bem no fundo preto liso original, mas agora bate de frente com
   o card de vidro (fundos pretos "colados" em cima do card, cores que
   não combinam com o azul da marca). Ignora tudo isso via !important
   (nenhuma dessas regras do editor usa !important, então sempre perdem)
   e aplica uma hierarquia única — funciona pra qualquer descrição, das
   que já existem e das que forem criadas do mesmo jeito no futuro. */
 .sc-e48440a7-21.doxmTb,
 .sc-e48440a7-21.doxmTb * {
     background-color: transparent !important;
     color: rgba(255, 255, 255, 0.75) !important;
     font-size: 14px !important;
     line-height: 1.7 !important;
     text-align: left !important;
 }

 .sc-e48440a7-21.doxmTb h1,
 .sc-e48440a7-21.doxmTb h2,
 .sc-e48440a7-21.doxmTb h3 {
     color: #ffffff !important;
     font-size: 17px !important;
     font-weight: 700 !important;
     margin: 0 0 12px 0 !important;
 }

 .sc-e48440a7-21.doxmTb ul {
     margin: 0 0 16px 0 !important;
     list-style: none !important;
     padding: 0 !important;
 }

 .sc-e48440a7-21.doxmTb blockquote {
     border-left: 2px solid rgba(0, 98, 255, 0.35) !important;
     padding-left: 14px !important;
     margin: 0 0 16px 0 !important;
 }

 /* Rótulos de seção ("Informações:", "Regras:", etc.) — cada descrição usa
   uma cor diferente escolhida no editor; padroniza pro azul da marca.
   Cobre o padrão usado hoje (via cor original em rgb) e, pra descrições
   futuras, basta deixar o rótulo em negrito que ele já sai no azul certo. */
 .sc-e48440a7-21.doxmTb [style*="166, 77, 121"],
 .sc-e48440a7-21.doxmTb [style*="255, 0, 0"],
 .sc-e48440a7-21.doxmTb strong,
 .sc-e48440a7-21.doxmTb b {
     color: #0062ff !important;
     font-weight: 700 !important;
 }

 /* O primeiro negrito da descrição é sempre o título do produto — deixa
   ele maior que os rótulos de seção ("O que está incluso:", "Regras de
   uso:"), que também são negrito, mas devem ficar hierarquicamente abaixo. */
 .sc-e48440a7-21.doxmTb strong:first-of-type,
 .sc-e48440a7-21.doxmTb b:first-of-type {
     font-size: 18px !important;
 }

 /* Resumo de avaliações do produto */
 .sc-6642d855-0.frZGLj {
     background: linear-gradient(160deg, rgba(0, 0, 30, 0.95) 0%, rgba(0, 0, 15, 0.98) 100%) !important;
     border: 1px solid rgba(0, 98, 255, 0.15) !important;
     border-radius: 16px !important;
     padding: 20px !important;
     backdrop-filter: blur(14px) !important;
     -webkit-backdrop-filter: blur(14px) !important;
 }

 .sc-6642d855-1.kkQhxd {
     color: #ffffff !important;
     font-weight: 700 !important;
 }

 .sc-54869fa-6.hyhOxY {
     color: #0062ff !important;
     text-shadow: 0 0 12px rgba(0, 98, 255, 0.45) !important;
 }

 .sc-54869fa-7.cSoeZE {
     color: rgba(255, 255, 255, 0.45) !important;
 }

 /* Ícone de estrela de cada linha do histograma (5,4,3,2,1) — sempre decorativo */
 .sc-54869fa-12.llaqSM svg {
     fill: rgba(255, 255, 255, 0.55) !important;
 }

 .sc-54869fa-10.gqlVsa {
     background: #0062ff !important;
     box-shadow: 0 0 8px rgba(0, 98, 255, 0.5) !important;
 }

 .sc-54869fa-10.iewihT {
     background: rgba(255, 255, 255, 0.08) !important;
 }

 .sc-54869fa-11.bRoFlb {
     color: rgba(255, 255, 255, 0.45) !important;
 }

 /* Filtros de avaliação (Estrelas / Ordenar) */
 .sc-6083119d-5.gVXupr {
     background: rgba(255, 255, 255, 0.05) !important;
     border: 1px solid rgba(255, 255, 255, 0.12) !important;
     border-radius: 999px !important;
     transition: border-color 0.25s ease, background-color 0.25s ease !important;
 }

 .sc-6083119d-5.gVXupr:hover {
     background: rgba(0, 98, 255, 0.10) !important;
     border-color: rgba(0, 98, 255, 0.35) !important;
 }

 .sc-6083119d-4.bxVgIW {
     color: #ffffff !important;
 }

 /* Cartões de avaliação individuais */
 .sc-14be6f60-1.iUQmWl {
     background: linear-gradient(160deg, rgba(0, 0, 30, 0.95) 0%, rgba(0, 0, 15, 0.98) 100%) !important;
     border: 1px solid rgba(0, 98, 255, 0.15) !important;
     border-radius: 16px !important;
     padding: 18px !important;
     backdrop-filter: blur(14px) !important;
     -webkit-backdrop-filter: blur(14px) !important;
     transition: border-color 220ms ease !important;
 }

 .sc-14be6f60-1.iUQmWl:hover {
     border-color: rgba(0, 98, 255, 0.40) !important;
 }

 .sc-14be6f60-4.dpzlha svg {
     fill: rgba(255, 255, 255, 0.50) !important;
 }

 .sc-14be6f60-8.cRgotu {
     color: rgba(255, 255, 255, 0.40) !important;
 }

 .sc-14be6f60-13.fVySWk {
     color: rgba(255, 255, 255, 0.70) !important;
 }

 .sc-14be6f60-21.eDaxKt {
     background: rgba(0, 98, 255, 0.10) !important;
     border: 1px solid rgba(0, 98, 255, 0.25) !important;
     border-radius: 999px !important;
     color: #ffffff !important;
 }

 /* Resposta do vendedor */
 .sc-14be6f60-16.hIGwKn {
     background: rgba(0, 98, 255, 0.06) !important;
     border-left: 2px solid rgba(0, 98, 255, 0.40) !important;
     border-radius: 10px !important;
     padding: 10px 14px !important;
 }

 .sc-14be6f60-18.kaCAgP svg {
     fill: #0062ff !important;
 }

 .sc-14be6f60-6.fuDLvI {
     color: #0062ff !important;
 }

 .sc-14be6f60-15.BFHhW {
     background: rgba(255, 255, 255, 0.05) !important;
     border: 1px solid rgba(255, 255, 255, 0.12) !important;
     border-radius: 999px !important;
     color: rgba(255, 255, 255, 0.60) !important;
 }

 /* Produtos Similares */
 .sc-c6151de8-1.iZKdxa {
     color: #ffffff !important;
 }

 .sc-c6151de8-5.jwhCct {
     background: rgba(0, 98, 255, 0.10) !important;
     border: 1px solid rgba(0, 98, 255, 0.25) !important;
     border-radius: 50% !important;
     transition: background 200ms, border-color 200ms !important;
 }

 .sc-c6151de8-5.jwhCct:not([disabled]):hover {
     background: rgba(0, 98, 255, 0.25) !important;
     border-color: rgba(0, 98, 255, 0.50) !important;
 }

 .sc-c6151de8-5.jwhCct svg {
     fill: #0062ff !important;
 }

 .sc-c6151de8-5.jwhCct.off {
     opacity: 0.3 !important;
 }

 /* Variações do produto (planos/versões dentro da mesma página) */
 .sc-9960890b-0.fsHssB {
     margin-top: 20px !important;
 }

 /* Badge "Selecionado" — a plataforma usa laranja por padrão, troca pro azul da marca */
 .sc-9960890b-4.iYzxgy {
     background: rgba(0, 98, 255, 0.15) !important;
     color: #ffffff !important;
     border: 1px solid rgba(0, 98, 255, 0.35) !important;
 }

 /* Cartão resumo (variação selecionada) e cada linha da lista de variações */
 .sc-9960890b-6.fBYcfE {
     background: rgba(255, 255, 255, 0.04) !important;
     border: 1px solid rgba(255, 255, 255, 0.10) !important;
     border-radius: 12px !important;
     transition: border-color 0.25s ease, background-color 0.25s ease !important;
 }

 .sc-9960890b-6.fBYcfE:hover {
     border-color: rgba(0, 98, 255, 0.30) !important;
 }

 .sc-9960890b-6.fBYcfE.active {
     background: rgba(0, 98, 255, 0.08) !important;
     border-color: rgba(0, 98, 255, 0.45) !important;
 }

 /* Lista de variações: espaçamento entre as linhas */
 .sc-9960890b-5.cnkFnK {
     display: flex !important;
     flex-direction: column !important;
     gap: 8px !important;
 }

 /* Miniatura de cada variação */
 .sc-9960890b-8.bPlRvS {
     width: 40px !important;
     height: 40px !important;
     object-fit: cover !important;
     border-radius: 8px !important;
 }

 /* Preço riscado de cada variação */
 .sc-9960890b-16.kvPoYM {
     color: rgba(255, 255, 255, 0.45) !important;
     text-decoration: line-through !important;
 }

 /* Preço atual de cada variação */
 .sc-9960890b-15.gZfSCL,
 .sc-9960890b-15.gZfSCL h1,
 .sc-9960890b-15.gZfSCL span {
     color: #0062ff !important;
 }