/* v61 - iOS Safari: make the entire non-lip makeup control drawer scrollable.
   Preserve horizontal shade carousel and native range input dragging. */
@media (max-width: 1099px) {
  body.palette-open:not(.lip-sheet-open):not(.layout-pc) .dock {
    pointer-events: auto !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    touch-action: pan-y !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-y: contain !important;
    scroll-behavior: auto;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: min(49dvh, 445px) !important;
    padding: 20px 12px 18px !important;
    box-sizing: border-box !important;
    scrollbar-width: thin;
  }
  body.palette-open:not(.lip-sheet-open):not(.layout-pc) .dock > * {
    flex-shrink: 0 !important;
    pointer-events: auto !important;
  }
  /* Cancel inherited 'push content down' behavior that makes upper settings inaccessible. */
  body.palette-open:not(.lip-sheet-open):not(.layout-pc) .dock > :first-child {
    margin-top: 0 !important;
  }
  body.palette-open:not(.lip-sheet-open):not(.layout-pc) .dock .palette {
    flex: 0 0 auto !important;
    width: 100% !important;
    min-height: 0 !important;
  }
  body.palette-open:not(.lip-sheet-open):not(.layout-pc) .dock .palette .prow {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x pan-y;
  }
  body.palette-open:not(.lip-sheet-open):not(.layout-pc) .dock input[type="range"] {
    touch-action: pan-x !important;
  }
  body.palette-open:not(.lip-sheet-open):not(.layout-pc) .dock .quick-row,
  body.palette-open:not(.lip-sheet-open):not(.layout-pc) .dock .area-ctrls {
    flex-shrink: 0 !important;
  }
}
/* Lip picker retains its own independently scrollable product list and fixed controls. */
.lip-sheet .ls-body {
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-y !important;
  overscroll-behavior-y: contain !important;
}