/* vop-r146-drawer-motion
   Phone menu still covers the visual screen. Open and close slide on one layer.
   The panel is fixed while closed and open, so removing .open cannot drop it to the page end. */

@media screen and (max-width: 1023px) {
  html body#f-theme.vop-pass-r106.vop-pass-r105.vop-pass-r104.vop-pass-r103.vop-pass-r102.vop-pass-r101.vop-pass-r100.vop-pass-r99.vop-pass-r98.vop-pass-r97.vop-pass-r96.vop-pass-r95.vop-pass-r94.vop-pass-r93.vop-pass-r92.vop-pass-r91.vop-pass-r90.vop-pass-r89.vop-pass-r88.vop-pass-r87.vop-pass-r86.vop-pass-r85.vop-pass-r84.vop-pass-r83.vop-pass-r80.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l #f-menu-drawer {
    position: fixed !important;
    inset: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    z-index: 80 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    overflow: hidden !important;
    background: transparent !important;
    transition: visibility 0s linear 0.3s !important;
  }

  html body#f-theme.vop-pass-r106.vop-pass-r105.vop-pass-r104.vop-pass-r103.vop-pass-r102.vop-pass-r101.vop-pass-r100.vop-pass-r99.vop-pass-r98.vop-pass-r97.vop-pass-r96.vop-pass-r95.vop-pass-r94.vop-pass-r93.vop-pass-r92.vop-pass-r91.vop-pass-r90.vop-pass-r89.vop-pass-r88.vop-pass-r87.vop-pass-r86.vop-pass-r85.vop-pass-r84.vop-pass-r83.vop-pass-r80.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l #f-menu-drawer.open {
    visibility: visible !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    transition: visibility 0s linear 0s !important;
  }

  html body#f-theme.vop-pass-r106.vop-pass-r105.vop-pass-r104.vop-pass-r103.vop-pass-r102.vop-pass-r101.vop-pass-r100.vop-pass-r99.vop-pass-r98.vop-pass-r97.vop-pass-r96.vop-pass-r95.vop-pass-r94.vop-pass-r93.vop-pass-r92.vop-pass-r91.vop-pass-r90.vop-pass-r89.vop-pass-r88.vop-pass-r87.vop-pass-r86.vop-pass-r85.vop-pass-r84.vop-pass-r83.vop-pass-r80.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l #f-menu-drawer .f-menu-drawer__backdrop {
    position: fixed !important;
    inset: 0 !important;
    width: auto !important;
    height: auto !important;
    background: rgba(44, 38, 34, 0.28) !important;
    opacity: 0 !important;
    z-index: 1 !important;
    transition: opacity 0.28s ease !important;
    transition-delay: 0s !important;
  }

  html body#f-theme.vop-pass-r106.vop-pass-r105.vop-pass-r104.vop-pass-r103.vop-pass-r102.vop-pass-r101.vop-pass-r100.vop-pass-r99.vop-pass-r98.vop-pass-r97.vop-pass-r96.vop-pass-r95.vop-pass-r94.vop-pass-r93.vop-pass-r92.vop-pass-r91.vop-pass-r90.vop-pass-r89.vop-pass-r88.vop-pass-r87.vop-pass-r86.vop-pass-r85.vop-pass-r84.vop-pass-r83.vop-pass-r80.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l #f-menu-drawer.open .f-menu-drawer__backdrop {
    opacity: 1 !important;
  }

  html body#f-theme.vop-pass-r106.vop-pass-r105.vop-pass-r104.vop-pass-r103.vop-pass-r102.vop-pass-r101.vop-pass-r100.vop-pass-r99.vop-pass-r98.vop-pass-r97.vop-pass-r96.vop-pass-r95.vop-pass-r94.vop-pass-r93.vop-pass-r92.vop-pass-r91.vop-pass-r90.vop-pass-r89.vop-pass-r88.vop-pass-r87.vop-pass-r86.vop-pass-r85.vop-pass-r84.vop-pass-r83.vop-pass-r80.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l #f-menu-drawer .f-menu-drawer__wrapper {
    position: fixed !important;
    top: var(--vop-drawer-top, 92px) !important;
    right: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    width: min(360px, 88vw) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    transform: translate3d(-100%, 0, 0) !important;
    transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1) !important;
    background: #F6F1E8 !important;
    background-color: #F6F1E8 !important;
    overflow: hidden !important;
    z-index: 2 !important;
    will-change: transform;
    backface-visibility: hidden;
  }

  html body#f-theme.vop-pass-r106.vop-pass-r105.vop-pass-r104.vop-pass-r103.vop-pass-r102.vop-pass-r101.vop-pass-r100.vop-pass-r99.vop-pass-r98.vop-pass-r97.vop-pass-r96.vop-pass-r95.vop-pass-r94.vop-pass-r93.vop-pass-r92.vop-pass-r91.vop-pass-r90.vop-pass-r89.vop-pass-r88.vop-pass-r87.vop-pass-r86.vop-pass-r85.vop-pass-r84.vop-pass-r83.vop-pass-r80.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l #f-menu-drawer.open .f-menu-drawer__wrapper {
    transform: translate3d(0, 0, 0) !important;
  }

  html body#f-theme.vop-pass-r106.vop-pass-r105.vop-pass-r104.vop-pass-r103.vop-pass-r102.vop-pass-r101.vop-pass-r100.vop-pass-r99.vop-pass-r98.vop-pass-r97.vop-pass-r96.vop-pass-r95.vop-pass-r94.vop-pass-r93.vop-pass-r92.vop-pass-r91.vop-pass-r90.vop-pass-r89.vop-pass-r88.vop-pass-r87.vop-pass-r86.vop-pass-r85.vop-pass-r84.vop-pass-r83.vop-pass-r80.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l #f-menu-drawer .f-menu-drawer__content {
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    background: #F6F1E8 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important;
    box-sizing: border-box !important;
  }

  html body#f-theme.vop-pass-r106.vop-pass-r105.vop-pass-r104.vop-pass-r103.vop-pass-r102.vop-pass-r101.vop-pass-r100.vop-pass-r99.vop-pass-r98.vop-pass-r97.vop-pass-r96.vop-pass-r95.vop-pass-r94.vop-pass-r93.vop-pass-r92.vop-pass-r91.vop-pass-r90.vop-pass-r89.vop-pass-r88.vop-pass-r87.vop-pass-r86.vop-pass-r85.vop-pass-r84.vop-pass-r83.vop-pass-r80.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l #f-menu-drawer .f-menu-customer,
  html body#f-theme.vop-pass-r106.vop-pass-r105.vop-pass-r104.vop-pass-r103.vop-pass-r102.vop-pass-r101.vop-pass-r100.vop-pass-r99.vop-pass-r98.vop-pass-r97.vop-pass-r96.vop-pass-r95.vop-pass-r94.vop-pass-r93.vop-pass-r92.vop-pass-r91.vop-pass-r90.vop-pass-r89.vop-pass-r88.vop-pass-r87.vop-pass-r86.vop-pass-r85.vop-pass-r84.vop-pass-r83.vop-pass-r80.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l #f-menu-drawer .f-menu-customer__language-currency {
    flex-shrink: 0 !important;
    background: #F6F1E8 !important;
    background-color: #F6F1E8 !important;
  }

  header.f-header__mobile > mega-menu {
    flex: 0 0 0px !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    position: static !important;
  }

  html.prevent-scroll,
  html.prevent-scroll body {
    scroll-behavior: auto !important;
    overflow-anchor: none !important;
  }
}

@media screen and (max-width: 1023px) and (prefers-reduced-motion: reduce) {
  html body#f-theme.vop-pass-r106.vop-pass-r105.vop-pass-r104.vop-pass-r103.vop-pass-r102.vop-pass-r101.vop-pass-r100.vop-pass-r99.vop-pass-r98.vop-pass-r97.vop-pass-r96.vop-pass-r95.vop-pass-r94.vop-pass-r93.vop-pass-r92.vop-pass-r91.vop-pass-r90.vop-pass-r89.vop-pass-r88.vop-pass-r87.vop-pass-r86.vop-pass-r85.vop-pass-r84.vop-pass-r83.vop-pass-r80.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l #f-menu-drawer,
  html body#f-theme.vop-pass-r106.vop-pass-r105.vop-pass-r104.vop-pass-r103.vop-pass-r102.vop-pass-r101.vop-pass-r100.vop-pass-r99.vop-pass-r98.vop-pass-r97.vop-pass-r96.vop-pass-r95.vop-pass-r94.vop-pass-r93.vop-pass-r92.vop-pass-r91.vop-pass-r90.vop-pass-r89.vop-pass-r88.vop-pass-r87.vop-pass-r86.vop-pass-r85.vop-pass-r84.vop-pass-r83.vop-pass-r80.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l #f-menu-drawer .f-menu-drawer__backdrop,
  html body#f-theme.vop-pass-r106.vop-pass-r105.vop-pass-r104.vop-pass-r103.vop-pass-r102.vop-pass-r101.vop-pass-r100.vop-pass-r99.vop-pass-r98.vop-pass-r97.vop-pass-r96.vop-pass-r95.vop-pass-r94.vop-pass-r93.vop-pass-r92.vop-pass-r91.vop-pass-r90.vop-pass-r89.vop-pass-r88.vop-pass-r87.vop-pass-r86.vop-pass-r85.vop-pass-r84.vop-pass-r83.vop-pass-r80.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l #f-menu-drawer .f-menu-drawer__wrapper {
    transition-duration: 0.01s !important;
    transition-delay: 0s !important;
  }
}

@media screen and (max-width: 1023px) {
  html.vop-drawer-closing .f-header,
  html.vop-drawer-closing .f-announcement-bar,
  html.vop-drawer-closing .f-announcement {
    position: relative !important;
    z-index: 100 !important;
  }
}