/* Definitive mobile product modal fix */
@media (max-width:700px){
  .modal-bg{padding:10px!important;align-items:flex-start!important;overflow:auto!important}
  .modal{position:relative!important;width:100%!important;max-width:100%!important;max-height:none!important;margin:10px 0 90px!important;padding:64px 16px 20px!important;border-radius:18px!important;overflow:visible!important}
  .modal .close{position:absolute!important;float:none!important;top:12px!important;right:12px!important;left:auto!important;z-index:20!important;width:44px!important;height:44px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#07100bf2!important;border:1px solid #52ff7b!important;color:#fff!important;font-size:26px!important;line-height:1!important;box-shadow:0 8px 22px #0008,0 0 14px #52ff7b22!important}
  .modal-top{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;align-items:start!important;text-align:left!important}
  .modal-top img{display:block!important;width:230px!important;max-width:68vw!important;height:auto!important;max-height:310px!important;min-width:0!important;object-fit:contain!important;object-position:center!important;margin:0 auto 12px!important;border-radius:12px!important;background:transparent!important;filter:none!important;box-shadow:none!important;image-rendering:auto!important}
  .modal h2{margin:4px 0 6px!important;font-size:32px!important;line-height:1!important}
}
@media (max-width:390px){
  .modal{padding-top:60px!important}
  .modal-top img{width:210px!important;max-width:64vw!important;height:auto!important;max-height:285px!important}
  .modal .close{top:10px!important;right:10px!important;width:42px!important;height:42px!important;font-size:24px!important}
}