/** Shopify CDN: Minification failed

Line 8:53 Expected identifier but found whitespace
Line 51:18 Unexpected "{"
Line 51:27 Expected ":"

**/
./* Overrides for Image Pins and PDP menu stacking */
/* Ensure drawers/modals/menu overlays sit above sub-header on product pages */
body.template-product .menu-drawer,
body.template-product .drawer,
body.template-product .x-modal,
body.template-product .overlay-element,
body.template-product .drawer-element,
body.template-product menu-drawer {
  z-index: 9999 !important;
}

/* Also ensure inner drawer container is above sub-header */
body.template-product .menu-drawer .drawer__inner,
body.template-product .drawer .drawer__inner,
body.template-product .x-modal .drawer__inner {
  z-index: 10000 !important;
}

/* Header section and bar above page content (e.g. product sticky form) on PDP */
body.template-product .header,
body.template-product .header-section .header,
body.template-product .header-sticky,
body.template-product .shopify-section-group-header-group.header-section,
body.template-product .shopify-section.header-section,
body.template-product .shopify-section-group-header-group.header-section.header-sticky {
  z-index: 10000 !important;
}

/* Mega-menu dropdown below header bar: bar uses z-2, so mega-menu must be lower */
body.template-product .header .mega-menu,
body.template-product .header .mega-menu__container,
body.template-product .header .mega-menu[open] {
  z-index: 1 !important;
}

/* Keep header bar (icons, logo, nav summaries) above the dropdown */
body.template-product .header .header__icons,
body.template-product .header .header__logo,
body.template-product .header .header__menu > ul > li > details > summary {
  position: relative;
  z-index: 10 !important;
}

#shopify-section-{{ section.id }} .sub-header {
  z-index: 10;
}

/* Same frame as Balance mattress shots (5568×4176). Wrap custom Liquid/HTML images, e.g. MemoTop, in this div. */
.naut-mattress-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 5568 / 4176;
  overflow: hidden;
  border-radius: 0.5rem;
}

.naut-mattress-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

