/* ZEROOCLOCK_MOBILE_HEADER_EDGE_GLASS_V2_0_70
   Scoped to the real header models. Do not change menus, sliders, or cart logic.
   This file intentionally loads after the v269 palette bridge CSS. */
@media screen and (max-width:980px){
  /* Pets: the outer fixed/sticky wrapper used legacy --lsf-bg while the inner
     nav row used the live tenant color. Paint both with ONE live palette. */
  html[data-zoc-mobile-theme-v264="1"] body .lsf-root[data-template="luxury_storefront"] .lsf-header[data-lsf-store-header].lsf-nav-layout-petsathome,
  html[data-zoc-mobile-theme-v264="1"] body .lsf-root[data-template="luxury_storefront"] .lsf-header[data-lsf-store-header].lsf-nav-layout-petsathome.is-mobile-top-fixed-v135,
  html[data-zoc-mobile-theme-v264="1"] body .lsf-root[data-template="luxury_storefront"] .lsf-header[data-lsf-store-header].lsf-nav-layout-petsathome.is-zoc-pets-scrolled-v110{
    background:var(--zoc-mob-nav-bg-v264)!important;
    background-color:var(--zoc-mob-nav-bg-v264)!important;
    border-inline:0!important;
  }
  html[data-zoc-mobile-theme-v264="1"] body .lsf-root[data-template="luxury_storefront"] .lsf-header[data-lsf-store-header].lsf-nav-layout-petsathome > .lsf-shell.lsf-nav{
    background:var(--zoc-mob-nav-bg-v264)!important;
  }

  /* Taj is a GLASS menu. Keep transparency in the actual nav surface, not
     on the entire header (two overlapping rgba layers darken the image). */
  html[data-zoc-mobile-theme-v264="1"] body .lsf-root[data-template="luxury_storefront"] .lsf-header[data-lsf-store-header].lsf-nav-layout-taj_gold,
  html[data-zoc-mobile-theme-v264="1"] body .lsf-root[data-template="luxury_storefront"] .lsf-header[data-lsf-store-header].lsf-nav-layout-taj_gold.is-taj-scrolled-v100{
    background:transparent!important;
    background-color:transparent!important;
  }
  html[data-zoc-mobile-theme-v264="1"] body .lsf-root[data-template="luxury_storefront"] .lsf-header[data-lsf-store-header].lsf-nav-layout-taj_gold > .lsf-shell.lsf-nav,
  html[data-zoc-mobile-theme-v264="1"] body .lsf-root[data-template="luxury_storefront"] .lsf-header[data-lsf-store-header].lsf-nav-layout-taj_gold.is-taj-scrolled-v100 > .lsf-shell.lsf-nav{
    background:var(--zoc-mob-nav-bg-v264)!important;
    background-color:var(--zoc-mob-nav-bg-v264)!important;
    -webkit-backdrop-filter:blur(14px) saturate(115%)!important;
    backdrop-filter:blur(14px) saturate(115%)!important;
  }
}