/* Menu com painel de categorias + faixa de avisos em itálico */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@1,500;1,600;1,700&display=swap');



@media (min-width: 769px) {
  .navbar .nav-wrap { flex: 1 1 100% !important; width: 100% !important; max-width: none !important; margin: 0 auto !important; gap: 16px !important; padding: 0 32px !important; }
  .navbar .nav-menu { flex: 0 0 auto !important; gap: 0 !important; margin: 0 0 0 4px !important; overflow: visible !important; }
  .navbar .nav-search { flex: 1 1 260px !important; min-width: 170px !important; max-width: 720px !important; margin: 0 0 0 10px !important; }
  .navbar .nav-icons { flex: 0 0 auto !important; gap: 4px !important; margin: 0 0 0 auto !important; }
  .navbar .nav-icons a.lg-ico { display: inline-flex !important; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 999px; transition: .15s; }
  .navbar .nav-icons a.lg-ico:hover { background: #f3f3f4; }
}
.navbar .nav-icons a.lg-ico { position: relative; }
.lg-ico-t { font: 600 .9rem 'DarkerGrotesque', sans-serif; color: #222; white-space: nowrap; }
.lg-cart-n { position: absolute; top: 0; left: 24px; min-width: 18px; height: 18px; border-radius: 9px; background: #e53935; color: #fff; font: 700 11px/18px sans-serif; text-align: center; padding: 0 4px; }
.lg-cart-n[hidden] { display: none; }
@media (max-width: 1279px) { .lg-ico-t { display: none; } }

/* menu acima da faixa de avisos, para o painel não ficar escondido */
.navbar { z-index: 1100 !important; }

/* Botão "Categorias" */
.lg-cat-li { list-style: none; }
.lg-catbtn { display: inline-flex; align-items: center; gap: 9px; background: #111; color: #fff; border: 0; border-radius: 999px; padding: 10px 18px; font: 600 .9rem 'DarkerGrotesque', sans-serif; cursor: pointer; transition: .2s; white-space: nowrap; }
.lg-catbtn:hover, .lg-catbtn.open { background: #2a2a2a; box-shadow: 0 6px 18px rgba(0,0,0,.25); }
.lg-catbtn .lg-chev { font-size: .7rem; transition: transform .2s; }
.lg-catbtn.open .lg-chev { transform: rotate(180deg); }

/* Painel de categorias */
.lg-catpanel { position: absolute; left: 50%; top: calc(100% + 10px); transform: translate(-50%, 8px); width: min(880px, 94vw); background: #fff; border: 1px solid #eee; border-radius: 20px; box-shadow: 0 24px 70px rgba(0,0,0,.22); padding: 20px; opacity: 0; visibility: hidden; transition: .2s; z-index: 1300; }
.lg-catpanel.open { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.lg-cp-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 2px 4px 14px; border-bottom: 1px solid #f0f0f0; margin-bottom: 14px; }
.lg-cp-head b { display: block; font-size: 1.15rem; color: #111; }
.lg-cp-head span { font-size: .82rem; color: #888; }
.lg-cp-all { color: #111 !important; font-weight: 600; font-size: .88rem; text-decoration: none !important; white-space: nowrap; }
.lg-cp-all i { margin-left: 6px; font-size: .75rem; }
.lg-cp-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; max-height: min(60vh, 520px); overflow-y: auto; scrollbar-width: none; }
.lg-cp-grid::-webkit-scrollbar { display: none; }
.lg-cp-item { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 14px; background: #f7f7f8; color: #111 !important; text-decoration: none !important; transition: .15s; }
.lg-cp-item:hover { background: #111; color: #fff !important; transform: translateY(-2px); }
.lg-cp-ic { width: 46px; height: 46px; border-radius: 50%; background: #fff; border: 2px solid #e8e8ea; flex: none; display: flex; align-items: center; justify-content: center; overflow: hidden; font-weight: 700; color: #111; }
.lg-cp-ic img { width: 100%; height: 100%; object-fit: cover; }
.lg-cp-nm { flex: 1; font-weight: 600; font-size: .92rem; line-height: 1.2; }
.lg-cp-item > i { font-size: .7rem; opacity: .4; }
@media (max-width: 768px) { .lg-catpanel { display: none; } }

/* Faixa de categorias da home: rolagem transparente, encaixe e dica de que continua */
.cat-nav-section .cat-nav-grid { scroll-snap-type: x proximity; scroll-padding-left: 12px; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; cursor: grab; scrollbar-width: none !important; }
.cat-nav-section .cat-nav-grid::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; }
.cat-nav-section .cat-nav-item { scroll-snap-align: start; user-select: none; -webkit-user-drag: none; }
.cat-nav-section .cat-nav-item img { -webkit-user-drag: none; pointer-events: none; }
.cat-nav-section .cat-nav-grid.lg-drag { cursor: grabbing; scroll-snap-type: none; }
.cat-nav-section .cat-nav-grid.lg-scrolls { -webkit-mask-image: linear-gradient(to right, transparent 0, #000 26px, #000 calc(100% - 46px), transparent 100%); mask-image: linear-gradient(to right, transparent 0, #000 26px, #000 calc(100% - 46px), transparent 100%); }
.cat-nav-section .cat-nav-grid.lg-scrolls.lg-at-start { -webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 46px), transparent 100%); mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 46px), transparent 100%); }
.cat-nav-section .cat-nav-grid.lg-scrolls.lg-at-end { -webkit-mask-image: linear-gradient(to right, transparent 0, #000 26px, #000 100%); mask-image: linear-gradient(to right, transparent 0, #000 26px, #000 100%); }
.cat-nav-section .cat-nav-grid.lg-scrolls.lg-at-start.lg-at-end { -webkit-mask-image: none; mask-image: none; }

/* Chat some enquanto a gaveta do carrinho está aberta */
body:has(.cart-drawer.show) #lgc-fab,
body:has(.cart-drawer.show) #lgc-win { display: none !important; }

/* Faixa preta do topo: brilho prateado que passa pelas letras */
@property --lgx { syntax: '<percentage>'; inherits: false; initial-value: -30%; }
@keyframes lgshine { from { --lgx: -30%; } to { --lgx: 130%; } }
.promo-item {
  background-image: linear-gradient(100deg, #7d7d7d calc(var(--lgx) - 22%), #ffffff var(--lgx), #7d7d7d calc(var(--lgx) + 22%)) !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  animation: lgshine 3.4s linear infinite !important;
  filter: drop-shadow(0 0 5px rgba(255,255,255,.28));
}
.promo-item:nth-child(even) { animation-delay: -1.2s !important; }
.promo-item:nth-child(3n) { animation-delay: -2.3s !important; }

/* Faixa que passa abaixo do menu: itálico moderno */
.frete-bar, .frete-bar span, .frete-bar strong, .frete-bar a {
  font-family: 'Poppins', 'DarkerGrotesque', sans-serif !important;
  font-style: italic !important;
  font-weight: 500 !important;
  letter-spacing: .2px !important;
}
.frete-bar strong { font-weight: 700 !important; }
/* Faixa clara anda da esquerda para a direita (sentido da leitura) */
.frete-bar .frete-track { animation-direction: reverse !important; }