/* One.v2.43 — permanent public-header logo stability and refresh layout lock.
   The official logo is visible from first paint, cannot collapse after Firebase settings load,
   and reserves the same masthead column before/after refresh. */
body.reference-storefront-v415 .reference-main-header .reference-masthead{
  grid-template-columns:315px minmax(320px,1fr) auto!important;
  align-items:center!important;
}
body.reference-storefront-v415 .reference-logo,
body.reference-storefront-v415 .permanent-header-logo,
body.reference-storefront-v415 [data-permanent-public-logo]{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  width:315px!important;
  height:82px!important;
  min-width:315px!important;
  min-height:82px!important;
  max-width:315px!important;
  max-height:82px!important;
  flex:0 0 315px!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
  position:relative!important;
  z-index:2!important;
  background-image:url("assets/onezamall-logo-v239.svg")!important;
  background-repeat:no-repeat!important;
  background-position:left center!important;
  background-size:contain!important;
}
body.reference-storefront-v415 .reference-logo img,
body.reference-storefront-v415 [data-permanent-public-logo] img{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:left center!important;
  transform:none!important;
  filter:none!important;
}
@media(max-width:1200px){
  body.reference-storefront-v415 .reference-main-header .reference-masthead{grid-template-columns:235px minmax(260px,1fr) auto!important}
  body.reference-storefront-v415 .reference-logo,body.reference-storefront-v415 [data-permanent-public-logo]{width:235px!important;height:62px!important;min-width:235px!important;min-height:62px!important;max-width:235px!important;max-height:62px!important;flex-basis:235px!important}
}
@media(max-width:900px){
  body.reference-storefront-v415 .reference-main-header .reference-masthead{grid-template-columns:minmax(154px,205px) minmax(0,1fr)!important;grid-template-rows:auto auto!important}
  body.reference-storefront-v415 .reference-logo,body.reference-storefront-v415 [data-permanent-public-logo]{width:min(205px,58vw)!important;height:54px!important;min-width:154px!important;min-height:54px!important;max-width:205px!important;max-height:54px!important;flex:0 1 205px!important}
}
@media(max-width:620px){
  body.reference-storefront-v415 .reference-main-header .reference-masthead{grid-template-columns:minmax(132px,172px) minmax(0,1fr)!important}
  body.reference-storefront-v415 .reference-logo,body.reference-storefront-v415 [data-permanent-public-logo]{width:min(172px,48vw)!important;height:46px!important;min-width:132px!important;min-height:46px!important;max-width:172px!important;max-height:46px!important;flex:0 1 172px!important}
}
@media(max-width:360px){
  body.reference-storefront-v415 .reference-main-header .reference-masthead{grid-template-columns:minmax(118px,145px) minmax(0,1fr)!important}
  body.reference-storefront-v415 .reference-logo,body.reference-storefront-v415 [data-permanent-public-logo]{width:min(145px,45vw)!important;height:42px!important;min-width:118px!important;min-height:42px!important;max-width:145px!important;max-height:42px!important;flex:0 1 145px!important}
}