/* MMW-CF-MOBILE-FIX-V1 — mobile only; does not change Flaxi or desktop design. */
@media (max-width: 700px) {
  html, body {max-width:100%; overflow-x:clip!important;}
  #productModal.modal-wrap {
    position:fixed!important; inset:0!important;
    width:100%!important; max-width:100vw!important;
    height:100vh!important; height:100dvh!important;
    max-height:100vh!important; max-height:100dvh!important;
    padding: max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;
    align-items:flex-start!important; justify-content:center!important;
    overflow-x:hidden!important; overflow-y:auto!important;
    overscroll-behavior:contain; box-sizing:border-box!important;
  }
  #productModal.modal-wrap.open {display:flex!important;}
  #productModal .modal {
    display:block!important; flex:0 1 auto;
    width:100%!important; max-width:460px!important; min-width:0!important;
    max-height:calc(100vh - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
    margin:0 auto!important; border-radius:18px;
    overflow-x:hidden!important; overflow-y:auto!important;
    -webkit-overflow-scrolling:touch; overflow-wrap:anywhere;
  }
  #productModal .modal-media {
    width:100%!important; max-width:100%!important; min-width:0!important;
    min-height:0!important; height:min(34dvh,240px)!important;
    padding:30px 18px 15px!important;
  }
  #productModal .modal-media::before {inset:12px!important;}
  #productModal #modalImage {
    width:auto!important; height:auto!important; max-width:100%!important;
    max-height:min(27dvh,210px)!important; object-fit:contain!important;
  }
  #productModal .modal-detail {
    width:100%!important; max-width:100%!important; min-width:0!important;
    padding:16px 17px 25px!important;
  }
  #productModal .modal-detail h2 {font-size:clamp(24px,7.2vw,31px)!important; overflow-wrap:anywhere;}
  #productModal .modal-detail p,
  #productModal .modal-detail strong,
  #productModal .modal-detail a {max-width:100%; overflow-wrap:anywhere;}
  #productModal .detail-row {grid-template-columns:minmax(0,84px) minmax(0,1fr)!important; min-width:0!important;}
  #productModal .detail-row > * {min-width:0!important; max-width:100%;}
  #productModal .detail-mrp {flex-wrap:wrap; min-width:0;}
  #productModal .modal-options {max-width:100%; flex-wrap:wrap;}
  #productModal .modal-close {top:12px!important;right:12px!important;width:42px;height:42px;z-index:10;}
  .catalogue .mmw-shop-items, .catalogue .mmw-shop-layout,
  .catalogue .mmw-shop-items .product-grid,
  .catalogue .mmw-shop-items .product-card {min-width:0;max-width:100%;}
}