/* Contact page: equal-width panels; header, footer and delivery stay unchanged. */
.contact-page{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:0;padding:0;margin:0;max-width:none;background:var(--paper);min-height:calc(100svh - 90px)}
.contact-page-intro,.contact-form-panel{min-width:0;padding:64px var(--gutter) 80px}
.contact-page-intro{--ink:#1b1c19;--muted:#252822;--line:#71301f;background:var(--orange);color:var(--ink);color-scheme:light}
.contact-page-intro h1{font-size:clamp(48px,calc(5.2vw / .9),88px);font-weight:500;line-height:1.02;letter-spacing:-.06em;margin:28px 0 24px;max-width:650px}
.contact-page-description{max-width:480px;color:var(--muted);font-size:18px;line-height:1.6}
.contact-direct{margin-top:44px;display:grid;gap:8px;justify-items:start}
.contact-direct h2{font-size:15px;font-weight:500;margin-bottom:8px}
.contact-direct>a{display:inline-flex;align-items:center;min-height:44px;font-size:20px;overflow-wrap:anywhere;max-width:100%}
.contact-direct-social{display:flex;gap:24px;flex-wrap:wrap}
.contact-direct-social a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px;font-size:15px}
.contact-page-intro a:hover{text-decoration:underline;text-underline-offset:5px}
.contact-page-intro a:focus-visible,html[data-theme="dark"] .contact-page-intro a:focus-visible{outline-color:#1b1c19}
.contact-form-panel{border:0;background:var(--paper);color:var(--ink)}
.contact-form-panel::before{content:"";display:block;height:2px;background:var(--orange);margin-bottom:24px}
.contact-form-panel h2{font-size:30px;letter-spacing:-.04em;font-weight:500}
.contact-required{color:var(--muted);font-size:14px;line-height:1.5;margin:10px 0 24px}
#contact-form label:not(.pd-consent){display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;font-size:15px;gap:8px;margin:0 0 20px}
.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#contact-form input:not([type=checkbox]),#contact-form textarea{font-size:16px;margin:0;width:100%;background:#f7f6f1;color:var(--ink);border:1px solid #85877e;border-radius:0}
#contact-form :is(input,textarea)::placeholder{color:#62645c;opacity:1}
#contact-form textarea{resize:vertical;min-height:140px}
#contact-form input[type=checkbox]{accent-color:var(--orange)}
#contact-form .contact-captcha{max-width:230px;margin-bottom:8px}
.contact-field-hint{font-size:14px;color:var(--muted);line-height:1.5;margin-bottom:24px}
.contact-honeypot{display:none!important}
.contact-send{width:100%;justify-content:space-between;min-height:54px;margin-top:20px}
.contact-status{font-size:15px;line-height:1.6;white-space:pre-line;margin-top:20px;overflow-wrap:anywhere}
.contact-status:empty{display:none}
.contact-status.error{color:#a52e19}
.contact-status.pending{padding:16px;border:1px solid var(--line)}
#contact-form [aria-invalid=true]{border-color:#a52e19}
html[data-theme=dark] #contact-form input:not([type=checkbox]),html[data-theme=dark] #contact-form textarea{background:#2d2d2d;color:#f4f2ed;border-color:#92928a}
html[data-theme=dark] #contact-form :is(input,textarea)::placeholder{color:#c5c5bf;opacity:1}
html[data-theme=dark] .contact-status.error{color:#ffb6a1}
html[data-theme=dark] #contact-form [aria-invalid=true]{border-color:#ffb6a1}
html[data-theme=dark] #contact-form input[type=checkbox]{accent-color:#ffab91}
.skip-link{position:fixed;left:8px;top:8px;transform:translateY(-200%);z-index:100;background:var(--paper);color:var(--ink);padding:12px 16px;border:1px solid var(--ink)}
.skip-link:focus{transform:none}
#contact-form{scroll-margin-top:calc(var(--sticky-header-height) + 24px)}
@media(max-width:1100px) and (min-width:900.1px){.contact-page-intro,.contact-form-panel{padding:48px 36px 64px}.contact-page-intro h1{font-size:60px}.contact-page-description{font-size:16px}.contact-form-grid{grid-template-columns:1fr;gap:0}}
@media(max-width:900px){.contact-page{grid-template-columns:minmax(0,1fr);min-height:0}.contact-page-intro,.contact-form-panel{padding:40px var(--gutter) 48px}.contact-page-intro h1{font-size:clamp(44px,8vw,72px);margin-top:24px}.contact-page-description{font-size:16px;max-width:560px}.contact-direct{margin-top:24px;gap:4px}.contact-direct>a{font-size:18px}}
@media(max-width:730px){.contact-page-intro{padding-top:32px;padding-bottom:36px}.contact-page-intro h1{font-size:clamp(44px,12vw,64px)}.contact-form-panel{padding-top:32px;padding-bottom:44px}.contact-form-panel::before{margin-bottom:20px}.contact-form-panel h2{font-size:28px}.contact-form-grid{grid-template-columns:1fr;gap:0}}
