/* Q1 V18.49 — definitive mobile checkout layering + compact two-column catalog */
html.q1-order-review-open #cartDrawer,
body.q1-order-review-open #cartDrawer,
html.q1-order-review-open #cartOverlay,
body.q1-order-review-open #cartOverlay{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:translateX(110%)!important;
}
html.q1-order-review-open #orderReviewModal,
body.q1-order-review-open #orderReviewModal{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  z-index:2147483000!important;
}
#orderReviewConfirm,#orderReviewEdit{
  position:relative;
  z-index:2;
  pointer-events:auto!important;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
@media (max-width:700px){
  body{font-family:"IBM Plex Sans Arabic",Tajawal,Arial,sans-serif;letter-spacing:-.018em}
  .container{width:min(100% - 18px,1240px)}
  .product-grid,.product-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .product-card{border-radius:15px!important;box-shadow:0 5px 16px rgba(15,23,42,.055)!important}
  .product-media{height:190px!important}
  .product-media img{padding:7px!important}
  .product-body{padding:11px 9px 10px!important}
  .product-body h3{font-size:14px!important;line-height:1.35!important;min-height:38px!important;letter-spacing:-.025em;margin-bottom:5px!important}
  .product-body p{font-size:11.5px!important;line-height:1.45!important;min-height:34px!important;margin:4px 0!important}
  .price-line{gap:5px!important;margin:7px 0!important}
  .price-line strong{font-size:17px!important;letter-spacing:-.02em}
  .card-actions{gap:6px!important;margin-top:8px!important}
  .small-btn,.product-card .btn{min-width:0!important;height:36px!important;border-radius:10px!important;font-size:11.5px!important;font-weight:600!important;padding:0 6px!important;box-shadow:none!important}
  .small-btn.primary{background:#344454!important;border-color:#344454!important}
  .small-btn.gold{background:#b58a43!important;border-color:#b58a43!important}
  #orderReviewModal{align-items:center!important;padding:12px!important}
  #orderReviewModal .q1-order-review-box{width:min(100%,430px)!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important;margin:auto!important}
  .q1-order-review-actions{position:sticky!important;bottom:0!important;background:#fff!important;padding-top:10px!important;z-index:5!important}
  #orderReviewConfirm,#orderReviewEdit{min-height:46px!important;border-radius:12px!important;font-weight:700!important}
}