.product-modal{animation:productSlideUp .35s cubic-bezier(.4,0,.2,1)!important}@media (max-width:768px){.product-modal{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;width:100%!important;max-width:100%!important;max-height:88vh!important;border-radius:20px 20px 0 0!important;margin:0!important;animation:productSlideUp .3s ease-out!important;overflow:hidden!important}.product-modal>div:first-child{display:flex!important;align-items:center!important;justify-content:center!important;max-height:240px!important;min-height:200px!important;padding:12px!important;flex-shrink:0!important;background:#fafbfc!important}.product-modal>div:first-child img{display:block!important;max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important}.product-modal>div:last-child{flex:1 1!important;min-height:0!important;padding:16px 20px 20px!important;overflow-y:auto!important}}.product-modal-backdrop{align-items:center!important;justify-content:center!important;animation:productBackdropFadeIn .25s ease-out!important}@media (max-width:768px){.product-modal-backdrop{align-items:flex-end!important;justify-content:center!important;padding:0!important}}.product-modal-close{position:absolute!important;top:10px!important;right:10px!important;z-index:1200!important;width:38px!important;height:38px!important;background:#fff!important;border:1px solid #e5e7eb!important;color:#111827!important;font-weight:800!important;font-size:18px!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;box-shadow:0 6px 18px rgba(0,0,0,.15)!important}@keyframes productSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes productBackdropFadeIn{0%{opacity:0}to{opacity:1}}