/* Mandrake UX fix v4 - filtro normal, bottom nav, home compacta */
:root{--mg-blue:#0057ff;--mg-ink:#07142f;--mg-border:#cfe0ff;--mg-shadow:0 14px 34px rgba(15,23,42,.08)}

/* O filtro da página de produtos fica no fluxo normal da página, sem grudar por cima dos produtos no PC */
.mg-filter-panel{position:relative!important;top:auto!important;z-index:2!important;margin-top:1rem!important;margin-bottom:1.15rem!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#mgUnifiedResults{margin-top:.75rem!important}
#abasConteudo{margin-top:.75rem!important}
#mgUnifiedTitle,.js-tab-content h2{font-size:clamp(1.35rem,2.5vw,2rem)!important;line-height:1.05!important}
#mgUnifiedSubtitle,.js-tab-content h2+p{font-size:.92rem!important;line-height:1.45!important;color:#334155!important}

/* Mobile: remove a sacola flutuante, porque a navegação inferior já tem Sacola */
@media (max-width:900px){
  #carrinhoFlutuante,.mg-floating-cart{display:none!important;visibility:hidden!important;pointer-events:none!important}
  body{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))!important}
}

/* Navegação inferior estilo app, 4 itens, com ícones próprios sem depender de fonte */
.mg-client-mobile-bar{left:.55rem!important;right:.55rem!important;bottom:calc(.55rem + env(safe-area-inset-bottom,0px))!important;z-index:2147483000!important;display:none;background:rgba(255,255,255,.95)!important;border:1px solid rgba(0,87,255,.15)!important;border-radius:1.25rem!important;box-shadow:0 18px 46px rgba(15,23,42,.20)!important;backdrop-filter:blur(18px) saturate(1.12)!important;-webkit-backdrop-filter:blur(18px) saturate(1.12)!important;padding:.42rem!important;gap:.22rem!important}
.mg-client-mobile-bar a{min-width:0;min-height:3.15rem;border-radius:1rem!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.18rem!important;text-align:center!important;color:#41506d!important;text-decoration:none!important;font-size:.66rem!important;font-weight:950!important;line-height:1!important;transition:background .18s ease,color .18s ease,transform .18s ease!important}
.mg-client-mobile-bar a:active{transform:scale(.97)!important}.mg-client-mobile-bar a[aria-current="page"],.mg-client-mobile-bar a.is-active{background:linear-gradient(135deg,#0057ff,#003fc2)!important;color:#fff!important;box-shadow:0 10px 22px rgba(0,87,255,.22)!important}.mg-client-mobile-bar a[aria-current="page"] .mg-nav-icon,.mg-client-mobile-bar a.is-active .mg-nav-icon{background:rgba(255,255,255,.18)!important;color:#fff!important}
.mg-client-mobile-bar .mg-nav-icon{width:1.55rem;height:1.55rem;border-radius:.62rem;display:grid;place-items:center;background:#eef5ff;color:#0057ff;font-size:.9rem;font-weight:1000;line-height:1}.mg-client-mobile-bar .mg-nav-label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mg-client-mobile-bar i{display:none!important}
@media (max-width:900px){.mg-client-mobile-bar{display:flex!important}}

/* Home: vitrine de destaques mais funcional, compacta e clicável */
#produtosCarrossel{gap:1rem!important;padding:.15rem .1rem 1rem!important;scroll-padding-inline:.4rem!important;align-items:stretch!important}
#produtosCarrossel .produto-card{width:min(260px,72vw)!important;min-width:min(260px,72vw)!important;max-width:260px!important;height:auto!important;min-height:0!important;border-radius:1.25rem!important;background:#fff!important;border:1px solid rgba(0,87,255,.16)!important;box-shadow:var(--mg-shadow)!important;display:flex!important;flex-direction:column!important}
#produtosCarrossel .produto-card>.relative:first-child{min-height:0!important;height:auto!important;aspect-ratio:1/1!important;background:linear-gradient(135deg,#f8fbff,#edf4ff)!important;border-bottom:1px solid rgba(0,87,255,.10)!important;display:grid!important;place-items:center!important;overflow:hidden!important}
#produtosCarrossel .produto-img{width:100%!important;height:100%!important;object-fit:contain!important;padding:.55rem!important;background:transparent!important;display:block!important}
#produtosCarrossel .produto-card .p-4,#produtosCarrossel .produto-card .p-5{padding:.9rem!important;display:flex!important;flex-direction:column!important;gap:.55rem!important;min-height:0!important}
#produtosCarrossel .produto-nome{font-size:.95rem!important;line-height:1.18rem!important;min-height:2.35rem!important;margin:0!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
#produtosCarrossel .produto-price-box{font-size:1.45rem!important;line-height:1.05!important;margin:.15rem 0!important;color:#0057ff!important;background:transparent!important;padding:0!important;border:0!important}
#produtosCarrossel .flex.text-yellow-400{font-size:.9rem!important}#produtosCarrossel .text-sm.text-slate-600{font-size:.75rem!important}
#produtosCarrossel .opcoes{gap:.4rem!important}#produtosCarrossel .opcao-tamanho{padding:.45rem .7rem!important;font-size:.72rem!important}#produtosCarrossel .opcao-cor{width:1.7rem!important;height:1.7rem!important}
#produtosCarrossel .flex.gap-3{gap:.5rem!important;margin-top:auto!important}#produtosCarrossel .brand-button,#produtosCarrossel a[aria-label^="Ver detalhes"]{min-height:2.65rem!important;border-radius:.9rem!important;font-size:.72rem!important;padding:.55rem .55rem!important}
@media (min-width:1024px){#produtosCarrossel{overflow-x:auto!important}#produtosCarrossel .produto-card{width:250px!important;min-width:250px!important}}
@media (max-width:640px){#produtosCarrossel .produto-card{width:68vw!important;min-width:68vw!important;max-width:68vw!important}#produtosCarrossel .produto-card>.relative:first-child{aspect-ratio:1/1!important}#produtosCarrossel .produto-img{padding:.45rem!important}.mg-products-heading{font-size:1.65rem!important;line-height:1!important}.mg-products-heading+p{font-size:.86rem!important;line-height:1.45!important}}

/* Botões da home sempre com cara de ação */
#produtosCarrossel .btn-comprar:disabled{opacity:1!important;filter:none!important;cursor:pointer!important;background:linear-gradient(135deg,#0057ff,#003fc2)!important;color:#fff!important}

/* Melhor leitura do painel de filtro em telas pequenas */
@media (max-width:640px){.mg-product-filter-grid{display:grid!important;grid-template-columns:1fr!important;gap:.65rem!important}.mg-filter-panel{padding:1rem!important}.mg-input-pro{min-height:3rem!important}.mg-filter-title{font-size:.92rem!important}}
