/* ShopKichele — layers.css (extracted from index.html) */
/* Layer order (low -> high):
   content < cartbar < bottom nav < backdrop < sheet < toast */

/* 1. Bottom nav: always pinned to the viewport bottom */
.bottomnav,
body.shell-on .bottomnav{
  position:fixed !important;
  left:0; right:0; bottom:0;
  z-index:70;
}

/* 2. Backdrop and sheet sit ABOVE the nav */
.sheet-backdrop{ z-index:1100; }
.sheet{
  z-index:1101;
  max-height:88dvh;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  padding-bottom:calc(28px + var(--safe-b));   /* room under the last button */
}

/* 3. Toasts stay visible above an open sheet */
.sk-toast{ z-index:1200; }

/* 4. Desktop: sheet is a centered dialog, keep it above the sidebar too */
@media(min-width:900px){
  .sheet{ z-index:1101; }
}