/* Source chrome only; native commerce content and form geometry remain intact. */
.hl-commerce-parity .wp-site-blocks{padding-inline:0}
.hl-commerce-shell{width:100%;max-width:none!important;margin:0!important;padding:0;position:relative}
.hl-commerce-shell .hl-commerce-source{height:auto!important;overflow:visible!important;min-height:0}
.hl-commerce-shell .hl-wix-desktop{width:100%!important}
.hl-commerce-shell #SITE_HEADER,.hl-commerce-shell #SITE_FOOTER{position:relative!important;left:0!important;margin-left:0!important}
.hl-commerce-shell .hl-commerce-shell-active{margin:0;padding:0}
.hl-commerce-shell #SITE_HEADER{z-index:60}
/* The fixed menu is inside the source header's stacking context. Raise that
   ancestor only while open so product image zoom controls cannot cover it. */
@media(max-width:767px){
  .hl-commerce-shell--header #SITE_HEADER:has(.hl-menu-open){z-index:1000}
}
.hl-commerce-shell--header #pinnedTopRight .QED8q1,.hl-commerce-shell--header [id^="pagePinnedTopRight-"] .QED8q1{z-index:70!important}
.hl-commerce-shell--footer{overflow:hidden}
.hl-commerce-shell [data-mesh-id="comp-mbjl9b2z-rotated-wrapper"]{position:relative;z-index:3}
.hl-commerce-shell .hl-wix-mobile{width:320px!important;zoom:calc(100vw / 320px)}
.hl-commerce-shell #SITE_FOOTER{margin-top:0!important}
.hl-commerce-shell [hidden]{display:none!important}
.hl-commerce-shell .hl-source-status{font:18px/1.5 Figtree,sans-serif;background:#efb8c1;color:#fff9ec;text-align:center;padding:16px}
/* The original desktop navigation/footer use a 980px source canvas. Retain
   every item between the phone breakpoint and that width by scaling the
   source chrome only; native commerce fields keep their available width. */
@media(min-width:768px) and (max-width:979px){
  .hl-commerce-shell .hl-wix-desktop{width:980px!important;zoom:calc(100vw / 980px)}
}