/* Responsive refinements; desktop layout remains governed by its existing styles. */
@media (max-width:700px){
  :root{--payam-bottom-space:calc(var(--mobile-bottom-nav-height,58px) + env(safe-area-inset-bottom,0px))}
  html{scroll-padding-bottom:calc(var(--payam-bottom-space) + 16px)}
  .shop-results,.shop-results-content,.product-info-pro,.cart-items-pro,.cart-summary-pro,
  .checkout-grid,.checkout-options,.checkout-summary{min-width:0;max-width:100%}
  .pro-search input,.pro-scroll-search input,.pro-nav-search input,
  .mobile-shop-filter-form input,.mobile-shop-filter-form select,
  .checkout-form input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]),
  .checkout-form select,.checkout-form textarea{font-size:16px!important}
  .mobile-shop-control,.mobile-shop-sheet__close,.mobile-shop-sheet__clear,
  .mobile-category-drawer__close,.cart-remove-pro,.pc-toast-close,
  .pc-image-zoom-hint,.pc-image-lightbox-close,.pg-parent-type1-gallery-dialog>header>button{
    min-width:44px!important;min-height:44px!important;
  }
  .cart-remove-pro{padding:8px 12px!important}
  .mobile-shop-filter-group summary{min-height:48px;display:flex;align-items:center}
  .mobile-shop-choice{min-height:44px}
  .mobile-shop-sheet{max-height:calc(100dvh - var(--payam-bottom-space) - 12px)!important}
  .mobile-shop-sheet__body,.mobile-shop-filter-form{min-height:0;overscroll-behavior:contain}
  .product-pro-page .pg-parent-type1-dropdown{
    bottom:calc(var(--payam-bottom-space) + var(--payam-buybox-height,80px) + 8px)!important;
    max-height:min(70dvh,calc(100dvh - var(--payam-bottom-space) - 24px))!important;
    z-index:300200!important;
  }
  .pg-parent-type1-options{max-height:calc(70dvh - 100px)!important;overscroll-behavior:contain}
  .pg-parent-type1-gallery-dialog{max-height:calc(100dvh - 24px)!important}
  .pg-parent-type1-gallery-search input{height:44px!important;font-size:16px!important}
  .pc-toast,.cart-toast{bottom:calc(var(--payam-bottom-space) + 12px)!important;z-index:100240!important}
  body:has(.buybox-pro) .pc-toast{bottom:calc(var(--payam-bottom-space) + var(--payam-buybox-height,80px) + 12px)!important}
  .buybox-pro form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:10px!important}
  .buybox-pro form>*{min-width:0}
  .pc-cart-stepper button,.qty-box-pro button{min-height:44px}
  .pc-cart-stepper input,.qty-box-pro input{font-size:16px!important}
  .checkout-pro-wrap{width:100%!important;padding:12px!important;box-sizing:border-box}
  .checkout-head{height:auto!important;flex-wrap:wrap;gap:12px;padding:14px!important}
  .checkout-head h1{font-size:18px!important}
  .checkout-head>a{display:inline-flex;align-items:center;min-height:44px}
  .checkout-grid{grid-template-columns:minmax(0,1fr)!important}
  .checkout-choice>span{min-width:0;overflow-wrap:anywhere}
  .checkout-choice small{line-height:1.8!important}
  .checkout-summary-row{gap:12px}
  .checkout-summary-row>span{min-width:0;overflow-wrap:anywhere}
  .checkout-total-box strong{font-size:clamp(18px,5vw,22px)!important;overflow-wrap:anywhere}
  .checkout-submit-btn{position:static!important;min-height:48px;scroll-margin-bottom:calc(var(--payam-bottom-space) + 16px)}
  .checkout-coupon-body .coupon-pro-form{grid-template-columns:minmax(0,1fr)!important}
  .checkout-coupon-body input{min-width:0;width:100%;box-sizing:border-box}
  .checkout-coupon-body button{min-height:44px}
  .mobile-keyboard-open{--mobile-bottom-nav-height:0px}
  .mobile-keyboard-open .mobile-bottom-nav{visibility:hidden;pointer-events:none}
  .hb-hero.mobile-ratio-fit{height:var(--payam-hero-height)!important;min-height:0!important}
  .hb-hero.mobile-ratio-fit .hb-slider-track{height:calc(100% - 28px)!important}
  .hb-hero.mobile-ratio-fit .hb-hero-image{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
    max-width:100%!important;max-height:100%!important;transform:none!important;object-fit:contain!important;
  }
  .hb-hero.mobile-ratio-fit .hb-slider-dots{bottom:0!important;gap:2px;align-items:center;height:28px}
  .hb-slider-dots button{position:relative;min-width:28px!important;min-height:28px!important;width:28px!important;height:28px!important;background:transparent!important;box-shadow:none!important}
  .hb-slider-dots button::after{content:"";display:block;width:7px;height:7px;border-radius:99px;background:#b5bec8;margin:auto;transition:width .2s}
  .hb-slider-dots button.is-active::after{width:18px;background:#64748b}
}
@media (prefers-reduced-motion:reduce){
  .hb-hero,.hb-hero-slide,.pc-toast,.mobile-shop-sheet{transition:none!important}
}