.card{cursor:pointer}.card:focus-visible{outline:3px solid var(--g2);outline-offset:3px}.product-modal{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:18px;background:#03100bd9;backdrop-filter:blur(7px)}.product-modal[hidden]{display:none}.product-dialog{position:relative;width:min(680px,100%);max-height:calc(100vh - 36px);overflow:auto;background:var(--card);color:var(--ink);border-radius:25px;box-shadow:0 28px 80px #0009}.modal-close{position:absolute;z-index:2;top:12px;right:12px;width:44px;height:44px;border:1px solid #fff6;border-radius:50%;background:#07130dd9;color:white;font-size:29px;line-height:1}.modal-media{height:min(52vh,430px);background:#173b30;overflow:hidden}.modal-media img{width:100%;height:100%;object-fit:cover;display:block}.modal-media .ph{min-height:100%;font-size:90px}.modal-content{padding:22px}.modal-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.modal-title-row h2{margin:0;font-size:clamp(24px,5vw,34px);line-height:1.15}.modal-title-row strong{flex:0 0 auto;padding:7px 11px;border-radius:10px;background:color-mix(in srgb,var(--g) 12%,var(--card));color:var(--g);font-size:21px}.modal-content p{margin:15px 0 2px;color:var(--muted);font-size:15px;line-height:1.75}.modal-open{overflow:hidden}@media(max-width:600px){.product-modal{padding:0;align-items:end}.product-dialog{width:100%;max-height:92vh;border-radius:24px 24px 0 0}.modal-media{height:42vh;min-height:280px}.modal-content{padding:18px}.modal-title-row{display:block}.modal-title-row strong{display:inline-block;margin-top:10px}.modal-close{top:10px;right:10px}}