.modal-content{max-height:calc(100dvh - 32px);overflow-y:auto}.modal-info-side{min-width:0}.modal-close{width:44px;height:44px}.modal-buttons-row{grid-template-columns:1fr}.modal input,.modal textarea{max-width:100%;font-size:16px!important}.modal .form-group{min-width:0}.modal :focus-visible,.quick-view-btn:focus-visible{outline:3px solid #cb8a34;outline-offset:5px}
@media(max-width:768px){
  .modal{padding:0;align-items:stretch;background:var(--white)}
  .modal-content,.modal.open .modal-content{
    width:100%;max-width:none;height:100vh;height:100dvh;
    max-height:100vh;max-height:100dvh;border-radius:0;
    display:block;overflow-y:auto;overscroll-behavior:contain;
    transform:none;transition:none;
  }
  .modal-sheet-handle{display:none}
  .modal-close{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}
  .modal-image-side{min-height:0;padding:calc(16px + env(safe-area-inset-top)) 64px 12px}
  .modal-info-side{padding:14px 16px calc(96px + env(safe-area-inset-bottom));overflow:visible;max-height:none}
  .modal-product-img{max-height:100px;animation:none}
  .modal-category{font-size:10px;padding:4px 8px;margin-bottom:7px}
  .modal-title{font-size:20px;margin-bottom:8px}
  .modal-desc{font-size:12px;margin-bottom:10px;padding-bottom:10px}
  .modal-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:12px}
  .modal .spec-card{padding:7px;gap:6px;border-radius:8px}
  .modal .spec-icon{width:26px;height:26px;border-radius:7px}
  .modal .spec-icon svg{width:14px;height:14px}
  .modal .spec-label{font-size:9px;letter-spacing:.03em}
  .modal .spec-value{font-size:12px}
  .modal .form-title-custom{font-size:18px}
  .modal .form-subtitle{font-size:12px;margin-bottom:10px}
  .modal .form-group{margin-bottom:9px}
  .modal .form-label{margin-bottom:4px;font-size:12px}
  .modal .form-input{padding:8px 10px;border-radius:8px;min-height:40px}
  .modal .form-group-row{grid-template-columns:1fr}
  .modal-content{scroll-padding-bottom:100px}
  .modal .modal-buttons-row{
    position:fixed;left:0;right:0;bottom:0;z-index:35;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin:0;
    padding:10px 16px calc(10px + env(safe-area-inset-bottom));
    background:#fff;border-top:1px solid #dde8f1;
    box-shadow:0 -4px 16px rgba(0,46,78,.08);
  }
  .modal .modal-buttons-row .btn{min-height:44px;padding:8px;font-size:12px;line-height:1.3;letter-spacing:0}
}