.product-modal__overlay{z-index:3000;-webkit-backdrop-filter:blur(6px);background:#000000c7;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.product-modal{background:var(--surface);border:1px solid var(--border);scrollbar-width:none;border-radius:20px;flex-direction:column;width:100%;max-width:480px;max-height:90vh;display:flex;position:relative;overflow-y:auto}.product-modal::-webkit-scrollbar{display:none}.product-modal__close{z-index:10;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0a0a0ab3;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-family:inherit;transition:background .2s,transform .15s;display:flex;position:absolute;top:.85rem;right:.85rem}.product-modal__close:hover{background:#cc0000b3;transform:scale(1.08)}.product-modal__img-wrap{background:#f4f4f4;border-radius:20px 20px 0 0;flex-shrink:0;width:100%;height:260px;position:relative;overflow:hidden}.product-modal__img{object-fit:contain;padding:16px}.product-modal__body{flex-direction:column;gap:.85rem;padding:1.5rem;display:flex}.product-modal__name{color:var(--foreground);font-size:1.2rem;font-weight:700;line-height:1.35}.product-modal__desc{color:var(--muted);font-size:.9rem;line-height:1.7}@media (max-width:480px){.product-modal__overlay{padding:.5rem}.product-modal__close{width:40px;height:40px}.product-modal__img-wrap{height:200px}.product-modal__name{font-size:1.05rem}.product-modal__desc{font-size:.85rem}}