/* Identidade ContaDrop - cabecalho */
header a[aria-label*="in"] > div {
  display: flex;
  align-items: center;
  gap: 10px;
  line-height: 1;
}

header a[aria-label*="in"] > div > img {
  width: 40px;
  height: 40px;
  min-width: 40px;
  object-fit: contain;      /* nunca estica nem corta */
  background: transparent;  /* png com transparencia, sem fundo branco */
  border-radius: 0;
  display: block;
  image-rendering: -webkit-optimize-contrast;
}

header a[aria-label*="in"] > div > span {
  color: #ffffff;
  font-weight: 800;
  font-size: 1.05rem;
  letter-spacing: 0.2px;
  transition: color 0.2s ease;
}

header a[aria-label*="in"]:hover > div > span {
  color: #ff7a18;           /* destaque discreto em laranja */
}

/* banner do topo: preenche sem esticar */
img[alt="banner"] {
  width: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* celular: simbolo e nome menores, mas ainda nitidos e alinhados */
@media (max-width: 600px) {
  header a[aria-label*="in"] > div > img {
    width: 32px;
    height: 32px;
    min-width: 32px;
  }
  header a[aria-label*="in"] > div > span {
    font-size: 0.95rem;
  }
}

/* Botao "Entrar" fora do cabecalho (pedido do Biel em 08/09/2026): a loja
   vende sem cadastro, entao a porta de login so confundia o comprador.
   O gancho e o href="/login", nao a classe: as classes sc-* do
   styled-components mudam a cada build da loja de origem. O Carrinho, que
   fica ao lado, tem href="/cart" e nao e afetado. */
header a[href="/login"],
header a[href^="/login?"] {
  display: none !important;
}

/* BOTAO-CARRINHO-CLARO (21/09/2026, pedido do Biel): "Adicionar ao carrinho" vinha quase invisivel
   (fundo da cor da marca a 12%); agora branco com texto escuro e borda da marca. Seletor por .on.name
   (classes estaveis do bundle; o hash sc-xxx muda a cada build). */
button.on.name {
  background: #ffffff !important;
  color: #0b0b0d !important;
  font-weight: 700 !important;
  border: 2px solid #ffbdf3 !important;
  box-shadow: 0 0 0 0 #ffbdf3;
  transition: background .2s, box-shadow .2s, transform .15s !important;
}
button.on.name:hover { background: #fff5f5 !important; box-shadow: 0 0 14px 0 #ffbdf366; }
button.on.name:active { transform: scale(.97); }

/* COMPRAR-DESTAQUE (21/09/2026, pedido do Biel): "Comprar agora" maior e em destaque, "Adicionar ao carrinho"
   como acao secundaria (contorno). So na pagina do produto: os dois botoes vivem no mesmo pai. */
div:has(> button.on.undefined):has(> button.on.name) { gap: 10px !important; }
div:has(> button.on.name) > button.on.undefined {
  height: 52px !important; max-height: 52px !important;
  font-size: 17px !important; font-weight: 800 !important; letter-spacing: .2px;
  border-radius: 12px !important;
  background: linear-gradient(180deg, #ffbdf3 0%, #f48fe6 100%) !important;
  color: #1a0a16 !important;
  box-shadow: 0 6px 18px -6px #ffbdf399, inset 0 1px 0 rgba(255,255,255,.25) !important;
  transition: transform .15s, box-shadow .2s, filter .2s !important;
}
div:has(> button.on.name) > button.on.undefined:hover { filter: brightness(1.08); box-shadow: 0 10px 24px -8px #ffbdf3cc, inset 0 1px 0 rgba(255,255,255,.25) !important; }
div:has(> button.on.name) > button.on.undefined:active { transform: scale(.98); }
div:has(> button.on.undefined) > button.on.name {
  height: 46px !important; max-height: 46px !important;
  font-size: 15px !important; font-weight: 700 !important;
  border-radius: 12px !important;
  background: transparent !important; color: #ffffff !important;
  border: 2px solid rgba(255,255,255,.55) !important; box-shadow: none !important;
}
div:has(> button.on.undefined) > button.on.name:hover { background: rgba(255,255,255,.10) !important; border-color: #ffffff !important; box-shadow: none !important; }

/* produto 110 diamantes oculto (13/10) */
.product_card:has(a[href*="/product/1778361081588444473171239"]){display:none!important}