/* Geometry only. Reopen the existing important wishlist layer so the phone
   bottom-sheet rule in the footer cannot escape these bounds. No open/closed
   display, transform, backdrop, navigation or product styles are changed. */
@layer rtf-wishlist-compact {
  html body #wishlistPanel.wishlist-drawer.open:not([hidden]) {
    box-sizing: border-box !important;
    --rtf-wishlist-safe-width: calc(var(--rtf-wishlist-visible-width, 100vw) - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px));
    --rtf-wishlist-safe-height: calc(var(--rtf-wishlist-visible-height, 100dvh) - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
    top: calc(var(--rtf-wishlist-visible-top, 0px) + env(safe-area-inset-top, 0px)) !important;
    right: calc(var(--rtf-wishlist-visible-right-gap, 0px) + env(safe-area-inset-right, 0px)) !important;
    bottom: auto !important;
    max-width: max(0px, var(--rtf-wishlist-safe-width)) !important;
    height: max(0px, var(--rtf-wishlist-safe-height)) !important;
    max-height: max(0px, var(--rtf-wishlist-safe-height)) !important;
    min-height: 0 !important;
    margin: 0 !important;
  }
  html body #wishlistPanel.wishlist-drawer.open:not([hidden]) > .wishlist-drawer-header {
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }
  @media (max-width: 900px) {
    html body #wishlistPanel.wishlist-drawer.open:not([hidden]) {
      left: calc(var(--rtf-wishlist-visible-left, 0px) + env(safe-area-inset-left, 0px)) !important;
      right: auto !important;
      width: max(0px, var(--rtf-wishlist-safe-width)) !important;
    }
    html body #wishlistPanel.wishlist-drawer.open:not([hidden]) > .rtf-mobile-panel-body {
      flex: 0 1 auto !important;
      min-width: 0 !important;
      min-height: 0 !important;
      max-width: 100% !important;
      overflow-y: auto !important;
      overscroll-behavior-y: contain;
    }
  }
  @media (max-width: 600px) {
    html body #wishlistPanel.wishlist-drawer.open:not([hidden]) {
      top: auto !important;
      bottom: calc(var(--rtf-wishlist-visible-bottom-gap, 0px) + env(safe-area-inset-bottom, 0px)) !important;
      height: auto !important;
      max-height: max(0px, calc(var(--rtf-wishlist-visible-height, 100dvh) - max(12px, env(safe-area-inset-top, 0px)) - env(safe-area-inset-bottom, 0px))) !important;
    }
  }
}