/* Ahan123 V16: native mobile drawer stacking + restored original slate logo shoulder.
   Scoped to WordPress header and catalog toolbar; keep theme markup and its events. */
@media screen {
  /* Drawer is inside the header's stacking context, but its sibling backdrop
     was at z=1029 while V14 lowered the header to z=1010: it dimmed the drawer.
     This puts backdrop above page tools (z=9000) and below the active drawer. */
  html.ahan-header-ui.ahan-header-pillow-ui body.ahan-drawer-open #ahan-page-top.ahan-app-header {
    z-index:10020 !important;
    isolation:isolate;
  }
  html.ahan-header-ui.ahan-header-pillow-ui body.ahan-drawer-open > .ahan-drawer-backdrop.is-visible,
  html.ahan-header-ui.ahan-header-pillow-ui body.ahan-drawer-open .ahan-drawer-backdrop.is-visible {
    z-index:10000 !important;
    opacity:1;
    pointer-events:auto;
  }
  html.ahan-header-ui.ahan-header-pillow-ui #ahan-product-drawer.active {
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
}
@media (max-width:900px) {
  :root { --ahan-mobile-island-reserve:31px; }
  /* Restore precisely the same charcoal curved under-logo shoulder as desktop,
     overriding V15's temporary mobile display:none/background:none. */
  html.ahan-header-ui.ahan-header-pillow-ui body #ahan-page-top.page-header.ahan-app-header::after {
    content:"" !important;
    display:block !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 64' preserveAspectRatio='none'%3E%3Cpath fill='%2330384a' d='M0 0C33 0 27 62 65 62H255C293 62 287 0 320 0Z'/%3E%3Cpath fill='none' stroke='%23d8b96d' stroke-width='2' stroke-linecap='round' d='M147 27h26'/%3E%3C/svg%3E") !important;
    background-repeat:no-repeat !important;
    background-size:100% 100% !important;
    background-position:center !important;
    filter:drop-shadow(0 8px 9px rgba(15,22,34,.18)) !important;
    pointer-events:none !important;
  }
  /* Reserve the protruding shoulder in normal flow on catalog/category pages. */
  html.ahan-header-ui body:has(.ahan-catalog-v8) .ahan-catalog-v8 {
    padding-top:var(--ahan-mobile-island-reserve) !important;
  }
  /* While scrolling, toolbar sits 14px below the island, not on its tip. */
  html.ahan-header-ui.ahan-header-pillow-ui body .ahan-catalog-v8 .mobile-price-sticky-tools {
    top:calc(var(--ahan-sticky-header-height,89px) + var(--ahan-mobile-island-reserve,31px) + 14px) !important;
    scroll-margin-top:calc(var(--ahan-sticky-header-height,89px) + var(--ahan-mobile-island-reserve,31px) + 110px) !important;
  }
  html.ahan-header-ui body .ahan-catalog-v8 .category-nav--v3,
  html.ahan-header-ui body .ahan-catalog-v8 .results-toolbar {
    scroll-margin-top:calc(var(--ahan-sticky-header-height,89px) + var(--ahan-mobile-island-reserve,31px) + 160px);
  }
}
@media (min-width:801px) and (max-width:900px) {
  :root { --ahan-mobile-island-reserve:38px; }
  html.ahan-header-ui.ahan-header-pillow-ui body .ahan-catalog-v8 .mobile-price-sticky-tools {
    top:197px !important;
  }
}
@media print {
  html.ahan-header-ui.ahan-header-pillow-ui body #ahan-page-top.page-header.ahan-app-header::after {
    display:none !important;
    content:none !important;
  }
}