/* vop-r75i-mima
   Mobile content, footer and stacked photos share one rail.
   Menu labels stay on the same row as the chevron.
   Cart title stays clear of the close control.
   Palette, fonts, logo and shipping copy are unchanged. */

@media screen and (max-width: 1023px) {
  body.vop-pass-r75i .f-header__mobile,
  body.vop-pass-r75i #main-content .container,
  body.vop-pass-r75i #main-content .container-fluid,
  body.vop-pass-r75i .f-footer .container,
  body.vop-pass-r75i .f-footer .container-fluid {
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
  }

  body.vop-pass-r75i .vop-house-story .f-image-with-text__inner,
  body.vop-pass-r75i .vop-product-promotion .f-image-with-text__inner,
  body.vop-pass-r75i .vop-about-viewpoint .f-image-with-text__inner,
  body.vop-pass-r75i .vop-contact-reference .f-image-with-text__inner,
  body.vop-pass-r75i .vop-hardware-detail .f-image-with-text__inner {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.vop-pass-r75i .vop-house-story .f-image-with-text__inner > [class*="m:w-"],
  body.vop-pass-r75i .vop-product-promotion .f-image-with-text__inner > [class*="m:w-"],
  body.vop-pass-r75i .vop-about-viewpoint .f-image-with-text__inner > [class*="m:w-"],
  body.vop-pass-r75i .vop-contact-reference .f-image-with-text__inner > [class*="m:w-"],
  body.vop-pass-r75i .vop-hardware-detail .f-image-with-text__inner > [class*="m:w-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.vop-pass-r75i .vop-house-story .f-image-with-text__image,
  body.vop-pass-r75i .vop-house-story .f-image-with-text__image-first,
  body.vop-pass-r75i .vop-house-story .f-image-with-text__image-wrapper,
  body.vop-pass-r75i .vop-house-story f-image-layer,
  body.vop-pass-r75i .vop-product-promotion .f-image-with-text__image,
  body.vop-pass-r75i .vop-product-promotion .f-image-with-text__image-first,
  body.vop-pass-r75i .vop-product-promotion .f-image-with-text__image-wrapper,
  body.vop-pass-r75i .vop-product-promotion f-image-layer {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: hidden !important;
  }

  body.vop-pass-r75i .vop-house-story,
  body.vop-pass-r75i .vop-hardware-detail,
  body.vop-pass-r75i .vop-product-promotion,
  body.vop-pass-r75i .vop-about-viewpoint,
  body.vop-pass-r75i .vop-contact-reference {
    overflow: hidden !important;
  }

  body.vop-pass-r75i .f-menu-drawer .f-menu-mobile > .f-menu-mobile__item {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
  }

  body.vop-pass-r75i .f-menu-drawer .f-menu-mobile > .f-menu-mobile__item > .f-menu-mobile__link {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.vop-pass-r75i .f-menu-drawer .f-menu-mobile > .f-menu-mobile__item > .f-menu-mobile__toggle-button {
    flex: 0 0 44px !important;
    width: 44px !important;
    height: 44px !important;
    margin-left: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }
}

body.vop-pass-r75i .f-cart-drawer.f-cart-drawer--active {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 100% !important;
  max-height: 100dvh !important;
}

body.vop-pass-r75i .f-cart-drawer__inner {
  top: 0 !important;
  height: 100% !important;
  max-height: 100dvh !important;
}

body.vop-pass-r75i .f-cart-drawer__title {
  padding-right: 48px !important;
  box-sizing: border-box !important;
}

body.vop-pass-r75i .vop-house-story img,
body.vop-pass-r75i .vop-product-promotion img,
body.vop-pass-r75i .vop-about-viewpoint img,
body.vop-pass-r75i .vop-contact-reference img {
  transform: none !important;
}