/* Three-state mega palette is resolved on the public header, after page exceptions.
   Keep the two mega models on the same live surface, including their columns. */
html body .lsf-root[data-template="luxury_storefront"] .lsf-header[data-lsf-mega-palette-v116]:is(.lsf-submenu-layout-petsathome_columns,.lsf-submenu-layout-taj_gold_showcase)
  :is(.lsf-pets-mega-v130,.zpets276-mega,.lsf-taj-mega-inner-v111,.lsf-mega,
      .lsf-pets-panel-v130,.lsf-pets-panel-body-v130,.lsf-pets-preview-v130,
      .lsf-pets-branches-v130,.lsf-pets-panels-v130,.zpets276-col,.zpets276-children){
  background:var(--lsf-mega-bg-v107,rgba(255,255,255,.96))!important;
  color:var(--lsf-mega-text-v107,#172844)!important;
  -webkit-text-fill-color:var(--lsf-mega-text-v107,#172844)!important;
  border-color:color-mix(in srgb,var(--lsf-mega-text-v107,#172844) 16%,transparent)!important;
}

html body .lsf-root[data-template="luxury_storefront"] .lsf-header[data-lsf-mega-palette-v116]:is(.lsf-submenu-layout-petsathome_columns,.lsf-submenu-layout-taj_gold_showcase)
  :is(.lsf-pets-mega-v130,.zpets276-mega,.lsf-taj-mega-inner-v111,.lsf-mega)
  :is(a,button,b,span,strong,small,i,.lsf-pets-link-title-v130,.lsf-pets-link-row-v130,
      .lsf-pets-panel-all-v130,.lsf-pets-preview-caption-v130,.zpets276-link,.zpets276-toggle,.zpets276-next){
  color:var(--lsf-mega-text-v107,#172844)!important;
  -webkit-text-fill-color:var(--lsf-mega-text-v107,#172844)!important;
}

html body .lsf-root[data-template="luxury_storefront"] .lsf-header[data-lsf-mega-palette-v116] .zpets276-mega
  :is(.zpets276-toggle,.zpets276-next){
  background:color-mix(in srgb,var(--lsf-mega-bg-v107,rgba(255,255,255,.96)) 84%,white 16%)!important;
  color:var(--lsf-mega-text-v107,#172844)!important;
  -webkit-text-fill-color:var(--lsf-mega-text-v107,#172844)!important;
  border-color:color-mix(in srgb,var(--lsf-mega-text-v107,#172844) 22%,transparent)!important;
}

/* An item hover stays in the menu palette. The mix also preserves translucent
   navigation surfaces and follows a palette change after scrolling. */
html body .lsf-root[data-template="luxury_storefront"] .lsf-header[data-lsf-mega-palette-v116]:is(.lsf-submenu-layout-petsathome_columns,.lsf-submenu-layout-taj_gold_showcase)
  :is(.lsf-pets-mega-v130,.zpets276-mega,.lsf-taj-mega-inner-v111,.lsf-mega)
  :is(.lsf-pets-branch-v130,.zpets276-link,.zpets276-toggle,.zpets276-next,
      .lsf-pets-link-row-v130 a,.lsf-pets-panel-all-v130,
      a:not(.lsf-pets-preview-link-v130):not(.lsf-taj-mega-promo-v111):not(.lsf-shop-mega-studio-image-v210))
  :is(:hover,:focus-visible,[aria-selected="true"]){
  background-color:color-mix(in srgb,var(--lsf-mega-bg-v107,rgba(255,255,255,.96)) 84%,white 16%)!important;
  color:var(--lsf-mega-text-v107,#172844)!important;
  -webkit-text-fill-color:var(--lsf-mega-text-v107,#172844)!important;
  opacity:1!important;
}

html body .lsf-root[data-template="luxury_storefront"] .lsf-header[data-lsf-mega-palette-v116] .zpets276-mega
  :is(.zpets276-line:hover,.zpets276-row:focus-within>.zpets276-line,
      .zpets276-row.is-zpets276-current>.zpets276-line){
  background:color-mix(in srgb,var(--lsf-mega-bg-v107,rgba(255,255,255,.96)) 84%,white 16%)!important;
}
