.shop-dialog{width:min(820px,calc(100% - 28px));max-height:min(90vh,850px);padding:0;overflow:hidden;border:0;border-radius:24px;background:#fff;box-shadow:0 28px 90px rgba(5,22,38,.3);color:var(--ink)}.shop-dialog::backdrop{background:rgba(6,23,38,.65);backdrop-filter:blur(5px)}.shop-dialog[open]{animation:dialog-in .2s ease-out}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line)}.dialog-head h2{margin:0;font-size:1.15rem}.dialog-close{display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--muted);font-size:1.4rem;cursor:pointer}.dialog-close:hover{background:var(--canvas);color:var(--ink)}.dialog-content{max-height:calc(90vh - 77px);padding:25px;overflow:auto}.product-detail{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:start}.product-detail>img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px;background:var(--canvas)}.product-detail h3{margin:0 0 10px;font-size:1.7rem;line-height:1.15}.product-detail p{color:var(--muted)}.detail-meta{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0}.tag{padding:6px 10px;border-radius:999px;background:var(--brand-light);color:var(--brand);font-size:.7rem;font-weight:800}.order-summary{display:flex;gap:15px;align-items:center;padding:12px;border-radius:15px;background:var(--canvas)}.order-summary img{width:82px;height:68px;object-fit:cover;border-radius:10px}.order-summary strong,.order-summary span{display:block}.order-summary span{color:var(--muted);font-size:.78rem}.order-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.order-note{margin:0;color:var(--muted);font-size:.75rem}.order-success{padding:25px;text-align:center}.order-success-icon{display:grid;width:62px;height:62px;margin:0 auto 18px;place-items:center;border-radius:50%;background:#e0f5e9;color:var(--success);font-size:1.7rem}.order-success h3{margin:0 0 10px;font-size:1.55rem}.order-success p{max-width:540px;margin:0 auto 22px;color:var(--muted)}@keyframes dialog-in{from{transform:translateY(12px) scale(.98);opacity:0}}@media(max-width:680px){.dialog-content{padding:17px}.product-detail,.order-form{grid-template-columns:1fr}.product-detail>img{max-height:280px}.order-form .field--full{grid-column:auto}}