/* SMARTLOCK — Parche 01: navegação (cabeçalho, menu móvel, gaveta "Todas as categorias")
   Depende apenas dos tokens --sl-* (incluídos abaixo com fallback). Carregar DEPOIS de march.css. */
/* Âmbito: só web pública e loja pública (não aplica em conta, pedido, /loja/admin, /erp) */
body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)){--sl-ceu:#3DB5E6;--sl-primario-500:#0067AB;--sl-primario-600:#00568F;--sl-primario-50:#E8F4FB;--sl-secundario-900:#0B182D;--sl-secundario-700:#1B2C47;
--sl-n50:#F6F8FA;--sl-n100:#EDF0F3;--sl-n500:#5B6673;--sl-n900:#0B182D;--sl-r-md:8px;--sl-sh-2:0 4px 12px rgba(11,24,45,.10);--sl-sh-3:0 12px 32px rgba(11,24,45,.16);
--sl-font-texto:"Inter",system-ui,sans-serif;--sl-dur-base:200ms;--sl-ease:cubic-bezier(.2,0,0,1);--sl-alvo-min:44px}
body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .site-header{background:var(--sl-secundario-900)}
body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .header-inner{min-height:72px}
body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .brand img{height:32px;width:auto}
@media (max-width:380px){
body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .brand img{height:auto;width:128px}
body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .loja-atalho{margin-left:auto;padding:0 12px}
}
body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .main-nav a{font:500 14px/20px var(--sl-font-texto);min-height:var(--sl-alvo-min);padding:0 12px;border-radius:var(--sl-r-md);display:inline-flex;align-items:center;gap:8px;color:#fff}
body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .main-nav a svg{width:16px;height:16px}
body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .main-nav a:hover{background:rgba(255,255,255,.08)}
body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .main-nav a:focus-visible,body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .menu-toggle:focus-visible,body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .loja-atalho:focus-visible,body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .header-cart:focus-visible,body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .lm-todas-btn:focus-visible,body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .lm-g-dep>summary:focus-visible,body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .lm-gaveta a:focus-visible{outline:3px solid var(--sl-ceu);outline-offset:2px}
body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .main-nav a[aria-current=page]{background:transparent;box-shadow:inset 0 -2px 0 var(--sl-ceu);border-radius:0}
body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .main-nav .nav-cta,body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .loja-atalho{background:var(--sl-primario-500);border-radius:var(--sl-r-md);font:600 14px/1 var(--sl-font-texto);min-height:var(--sl-alvo-min);padding:0 16px;color:#fff}
body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .main-nav .nav-cta:hover,body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .loja-atalho:hover{background:var(--sl-primario-600)}
body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .menu-toggle{flex-shrink:0;white-space:nowrap;padding:0 12px;box-sizing:border-box;min-height:var(--sl-alvo-min);min-width:var(--sl-alvo-min);border-radius:var(--sl-r-md);font:600 14px var(--sl-font-texto)}
body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .brand{display:inline-flex;align-items:center;min-height:var(--sl-alvo-min)}
@media (max-width:1080px){
body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .header-inner{min-height:60px}
body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .main-nav{position:fixed;top:60px;left:0;right:0;bottom:0;max-height:none;margin:0;border-radius:0;
    padding:8px var(--sl-s4,16px) calc(24px + env(safe-area-inset-bottom));gap:0;background:var(--sl-secundario-900);
    box-shadow:var(--sl-sh-3);overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;
    transform:translateX(100%);visibility:hidden;transition:transform var(--sl-dur-base) var(--sl-ease),visibility 0s linear var(--sl-dur-base)}
body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .main-nav.is-open{transform:none;visibility:visible;transition:transform var(--sl-dur-base) var(--sl-ease)}
body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .main-nav a{min-height:48px;font:500 16px/24px var(--sl-font-texto);padding:0 12px;border-bottom:1px solid rgba(255,255,255,.08);border-radius:0}
body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .main-nav a[aria-current=page]{box-shadow:inset 3px 0 0 var(--sl-ceu);background:rgba(61,181,230,.10)}
body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .main-nav .nav-cta{margin:auto 0 0;justify-content:center;min-height:48px;border-bottom:0;border-radius:var(--sl-r-md);font-size:16px}
body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .header-inner:has(.menu-toggle[aria-expanded=true]) .loja-atalho{visibility:hidden}
body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)):has(.menu-toggle[aria-expanded=true]){overflow:hidden}
}
body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .lm-todas-btn{min-height:var(--sl-alvo-min);font:600 14px var(--sl-font-texto);border-radius:var(--sl-r-md)}
body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .lm-gaveta{box-shadow:var(--sl-sh-3)}
body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .lm-gaveta-topo{background:var(--sl-secundario-900);min-height:60px}
body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .lm-gaveta-topo strong{font:600 18px/28px var(--sl-font-texto)}
body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .lm-g-link,body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .lm-g-dep>summary{min-height:48px;padding:0 20px;font:600 16px/24px var(--sl-font-texto);color:var(--sl-n900);border-bottom:1px solid var(--sl-n100)}
body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .lm-g-link:hover,body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .lm-g-dep>summary:hover{background:var(--sl-n50)}
body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .lm-g-promo{color:#8A5300}
body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .lm-g-dep[open]>summary{background:var(--sl-primario-50);color:var(--sl-primario-500)}
body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .lm-g-sub{padding:4px 20px 12px 52px;background:var(--sl-n50)}
body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .lm-g-sub a{min-height:48px;font:400 15px/20px var(--sl-font-texto);color:var(--sl-n900)}
body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .lm-g-sub a:hover,body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .lm-g-extra a:hover{color:var(--sl-primario-500)}
body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .lm-g-tudo{color:var(--sl-primario-500)!important}
body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .lm-g-extra{padding:8px 20px}
body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .lm-g-extra a{min-height:48px;gap:12px;font:500 15px/20px var(--sl-font-texto)}
body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .lm-g-extra a svg,body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .lm-g-link svg{width:20px;height:20px}
@media (prefers-reduced-motion:reduce){
body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .main-nav{transition:none!important}
}
body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .main-nav .nav-cta{margin-left:12px}
@media (max-width:1080px){
body:not(.adm-login-body):not([class*="adm-"]):not(:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito,.adm-btn)) .site-header{overflow-x:clip}
}