.hero-media{width:88%;justify-self:center}
.hero-media img{max-height:680px}
#custom-order{width:min(520px,calc(100% - 28px));max-height:90dvh;overflow:auto;border:1px solid var(--line);border-radius:24px;padding:26px;background:var(--paper);color:var(--ink)}
#custom-order::backdrop{background:#28111d99;backdrop-filter:blur(4px)}
#custom-order h2{font-size:32px;margin:0 35px 22px 0}
.custom-close{position:absolute;right:16px;top:12px;border:0;background:transparent;color:var(--wine);font-size:30px;cursor:pointer}
.custom-form{display:grid;gap:16px}
.custom-form label{display:grid;gap:6px;font-size:15px}
.custom-form input:not([type=checkbox]),.custom-form textarea{width:100%;padding:12px;border:1px solid #d8c8cf;border-radius:10px;font:inherit;background:white}
.custom-form .custom-consent{display:flex;align-items:flex-start;font-size:14px;gap:10px}
.custom-consent a{text-decoration:underline}
.custom-form [role=status]{font-size:14px;margin:0}
.custom-trap{display:none!important}
@media(max-width:980px){.hero-media{width:100%}.hero-media img{max-height:500px}}
@media(max-width:620px){
 .hero-media .hero-note{position:static;margin:12px 0 0;max-width:none;width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:16px;box-shadow:0 4px 16px #3d112a08;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;align-items:center;font-size:14px;line-height:1.4}
 .hero-media .hero-note strong{grid-column:2;grid-row:1;font-size:22px;line-height:1.2;white-space:nowrap}
 .hero-media .hero-note small{grid-column:1/-1;font-size:13px;color:var(--muted)}
}