.product-dialog { width: min(680px, calc(100vw - 32px)); max-height: calc(100vh - 32px); padding: 0; border: 0; border-radius: 7px; box-shadow: 0 15px 35px #0004; color: #17212c; }
.product-dialog::backdrop { background: #0005; }
.product-dialog [hidden] { display: none !important; }
.product-dialog__body { display: grid; grid-template-columns: 40% 60%; align-items: center; min-height: 250px; }
.product-dialog__image { position: relative; display: grid; place-items: center; padding: 20px; height: 250px; }
.product-dialog__image img { width: 100%; height: 100%; object-fit: contain; }
.product-dialog__info { padding: 25px; }
.product-dialog__info h2 { margin: 0 0 8px; font-size: 22px; line-height: 1.2; color: #111; }
.product-dialog__info .product-meta { margin-bottom: 18px; }
.product-dialog__info .old-price { margin: 0; }
.product-dialog__price { display: block; font-size: 32px; line-height: 1.15; }
.product-dialog__price.is-sale { color: #e31e2f; }
.product-dialog__footer { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 22px 30px; border-top: 1px solid #e5e7eb; background: #f8f9fa; }
.product-dialog__close { background: none; border: 0; color: #e31e2f; text-transform: uppercase; font-weight: 700; cursor: pointer; }
.product-dialog__footer .green-button { min-width: 180px; }
@media (max-width: 580px) { .product-dialog__body { grid-template-columns: 1fr; } .product-dialog__image { height: 200px; } .product-dialog__info { padding: 0 22px 22px; } .product-dialog__footer { padding: 18px 22px; } }