body.home .edel-hoodie-frame { position: relative; }
.hoodie-action { position: absolute; bottom: clamp(16px, 4vw, 36px); left: 16px; right: 16px; z-index: 3; text-align: center; }
.hoodie-action button { padding: 15px 25px; border: 1px solid #ffe7a0; border-radius: 4px; background: linear-gradient(135deg, #f9df8a, #edbd3c); color: #352018; font: 700 clamp(16px, 2vw, 20px)/1.4 Arial, sans-serif; box-shadow: 0 8px 28px #0006; cursor: pointer; }
.hoodie-action button:hover { background: #ffe6a0; }
.hoodie-action button:focus-visible, .hoodie-close:focus-visible { outline: 3px solid #800020; outline-offset: 4px; }
dialog.hoodie-dialog { width: min(720px, calc(100% - 24px)); max-height: calc(100dvh - 24px); min-height: 0 !important; height: auto; margin: auto; padding: 20px; border: 2px solid #edbd3c; border-radius: 16px; overflow-y: auto; overscroll-behavior: contain; text-align: left; }
dialog.hoodie-dialog:not([open]) { display: none; }
dialog.hoodie-dialog::backdrop { background: #130c09cc; }
.hoodie-dialog .produkte-hero { padding: 0; border: 0; box-shadow: none; background: transparent; }
.hoodie-dialog .produkt-info { height: auto; }
.hoodie-dialog h2 { margin: 0 40px 24px 0; font: 700 28px/1.3 Georgia, serif; color: #800020; }
.hoodie-dialog .hoodie-close { float: right; position: sticky; top: 0; z-index: 4; width: 44px; height: 44px; background: #fff8e8; color: #800020; border: 1px solid #edbd3c; border-radius: 50%; font-size: 28px; cursor: pointer; }
.hoodie-dialog .product-order-panel { padding: 20px; }
@media (max-width: 480px) { dialog.hoodie-dialog { padding: 12px; } .hoodie-dialog .product-order-panel { padding: 12px; } }
/* Form foundations also apply when the inquiry is opened on the home page. */
.hoodie-dialog .inquiry-trap { display: none; }
.hoodie-dialog .product-inquiry-fields label { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.hoodie-dialog .inquiry-contact-panel .product-inquiry-fields > label:has([name="save_customer_profile"]) { display: block; }
.hoodie-dialog .product-inquiry-fields :is(input, select) { box-sizing: border-box; width: 100%; padding: 10px; border: 1px solid #800020; border-radius: 4px; font: inherit; }
.hoodie-dialog .product-inquiry-link { display: block; padding: 14px; border: 1px solid #800020; border-radius: 4px; font: inherit; }
.hoodie-dialog .shipping-summary dl > div { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; padding: 6px 0; }
.hoodie-dialog .shipping-summary dd { margin: 0; }
.hoodie-dialog .inquiry-positions > button { font: inherit; }

/* Keep the inquiry scrollable without visible scrollbars. */
dialog.hoodie-dialog {
    scrollbar-width: none;
    -ms-overflow-style: none;
    overflow-x: hidden;
}
dialog.hoodie-dialog::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

/* Size the full form to the dialog's inner width instead of clipping excess. */
dialog.hoodie-dialog,
dialog.hoodie-dialog *,
dialog.hoodie-dialog *::before,
dialog.hoodie-dialog *::after { box-sizing: border-box; }
dialog.hoodie-dialog { max-width: calc(100vw - 24px); }
.hoodie-dialog .hoodie-close { float: none; position: absolute; top: 12px; right: 12px; }
.hoodie-dialog h2 { padding-right: 44px; margin-right: 0; overflow-wrap: anywhere; }
.hoodie-dialog :is(.produkte-hero, .produkt-info, .product-order-panel, .product-inquiry, .product-inquiry-form, .inquiry-contact-panel, .inquiry-positions, .shipping-summary, .inquiry-shopping-list) {
    min-width: 0;
    max-width: 100%;
}
.hoodie-dialog .produkt-info { width: 100%; }
.hoodie-dialog :is(label, p, summary, dt, dd, li, legend, button) { overflow-wrap: anywhere; }
.hoodie-dialog :is(input, select, button) { min-width: 0; max-width: 100%; }
.hoodie-dialog .shipping-summary dl > div > * { min-width: 0; max-width: 100%; }
.hoodie-dialog .product-inquiry-fields input[type=checkbox] { width: 18px; padding: 0; }
@media (max-width: 600px) {
    .hoodie-dialog .product-inquiry-fields { grid-template-columns: minmax(0, 1fr); }
    .hoodie-dialog .inquiry-position { grid-template-columns: minmax(0, 1fr); }
    .hoodie-dialog .inquiry-positions legend { font-size: 20px; }
}