/* Вікно замовлення з формою заявки (.pr-dlg): сторінки виробів (redesign/products.php — з фото, назвою й ціною варіанта)
   і решта сторінок з кнопками «Надіслати модель» (redesign/parts/order-dlg.php, 03.11.2026). Стилі полів — fluent.css. */
.pr-dlg { width: min(36rem, calc(100% - 2rem)); max-height: calc(100dvh - 2rem); padding: clamp(1.125rem, 3vw, 1.75rem); border: 0; border-radius: 1.625rem; background: var(--paper); color: var(--ink); /* як картка форми на /kontakty/: поля й сегменти матеріалу (фон --bg) мають бути видні */ overflow: auto; overscroll-behavior: contain; }
.pr-dlg::backdrop { background: rgba(10, 10, 10, .6); backdrop-filter: blur(2px); }
html:has(.pr-dlg[open]) { overflow: hidden; }
.pr-dlg__head { display: grid; grid-template-columns: 6rem minmax(0, 1fr) auto; gap: 1rem; align-items: center; margin-bottom: 1rem; }
.pr-dlg__head img { width: 100%; height: auto; border-radius: 0.875rem; }
.pr-dlg__k { margin: 0; color: var(--muted); font-size: 0.8125rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.pr-dlg h2 { margin: 0.125rem 0 0.25rem; font: 800 1.375rem/1.15 var(--display); letter-spacing: -.02em; }
.pr-dlg__p { margin: 0; font: 900 1.25rem/1 var(--display); }
.pr-dlg__x { align-self: start; display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border: 1.5px solid var(--line); border-radius: 50%; background: none; color: var(--ink); cursor: pointer; }
.pr-dlg__x svg { width: 1.125rem; height: 1.125rem; }
.pr-dlg__x:hover { border-color: var(--ink); }
.pr-dlg__hint { margin: 0 0 1rem; color: var(--muted); font-size: 0.875rem; line-height: 1.5; }
.pr-dlg .ff-skin + .pr-dlg__hint { margin: 1rem 0 0; }
.pr-dlg__hint a { color: inherit; }
@media (max-width: 480px) { .pr-dlg__head { grid-template-columns: 4.5rem minmax(0, 1fr) auto; gap: 0.75rem; } }
.pr-dlg__head--plain { grid-template-columns: minmax(0, 1fr) auto; margin-bottom: 0.5rem; } /* без фото виробу */