/* =========================================================
   GOMMA WELL V26 — ETAPA 1: FRETE GRÁTIS NO MENU FIXO
   Adiciona um destaque "🚚 FRETE GRÁTIS" ao header fixo
   (sticky), respeitando a identidade visual existente.
   Não altera nenhum outro item do menu.
   Carregado por último para vencer a cascata anterior.
   ========================================================= */

.header-shipping{
  display:flex;
  align-items:center;
  gap:6px;
  padding:9px 15px;
  border-radius:99px;
  background:var(--lime);
  color:var(--deep);
  font-size:11px;
  font-weight:950;
  letter-spacing:.04em;
  text-transform:uppercase;
  white-space:nowrap;
  line-height:1;
  flex:0 0 auto;
}
.header-shipping-icon{font-size:14px;line-height:1}
.header-shipping-text{display:inline-block}

/* Tablet / menu com "Fale conosco" ainda visível: reduz levemente
   o respiro do destaque para não competir por espaço. */
@media(max-width:1100px){
  .header-shipping{padding:8px 13px;font-size:10px}
}

/* Mobile: o botão "Fale conosco" já some (ver regra existente do
   header-cta), então o destaque de frete grátis fica ao lado do
   logo e do botão de menu, mais compacto. */
@media(max-width:720px){
  .header-actions{gap:6px}
  .header-shipping{padding:7px 11px;font-size:9px;gap:5px}
  .header-shipping-icon{font-size:12px}
}

/* Telas muito pequenas: mantém só o ícone (com rótulo acessível
   via aria-label no elemento) para não espremer logo/menu. */
@media(max-width:380px){
  .header-shipping{padding:8px 9px}
  .header-shipping-text{display:none}
}