.contact-copy {min-width:0}
.email-contact {margin-top:25px;padding-top:19px;border-top:1px solid rgba(223,229,231,.25)}
.shop-email {display:inline-flex;align-items:center;gap:14px;min-height:48px;max-width:100%;text-align:left}
.shop-email>.icon {color:var(--yellow)}
.shop-email>span {min-width:0}
.shop-email strong {display:block;font-size:1.0625rem;font-weight:800;color:var(--paper)}
.email-address {display:block;font-size:.9375rem;line-height:1.4;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px;margin-top:3px}
.shop-email:hover strong,.shop-email:hover .email-address {color:var(--yellow)}
.email-hint {display:block;font-size:.75rem;margin-top:6px;line-height:1.4;color:var(--paper)}
/* The prepared Netlify form uses these styles when delivery is activated. */
.shop-message {border-top:1px solid rgba(223,229,231,.25);margin-top:22px;text-align:left}
.shop-message summary {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;min-height:54px;font-weight:800;cursor:pointer;list-style:none;color:var(--yellow)}
.shop-message summary::-webkit-details-marker {display:none}
.shop-message summary::after {content:'+';font-size:1.7rem;font-weight:400}
.shop-message[open] summary::after {content:'−'}
.shop-message summary:focus-visible {outline:3px solid var(--yellow);outline-offset:4px}
.shop-message .form-intro {font-size:1rem;line-height:1.5;margin:0 0 18px}
.repair-form {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.repair-form label {display:grid;gap:7px;font-size:.9375rem;font-weight:600;min-width:0}
.repair-form input:not([type=hidden]),.repair-form textarea {width:100%;min-width:0;border:1px solid var(--paper);border-radius:3px;padding:12px;font:inherit;font-weight:400;font-size:1rem;line-height:1.4;background:var(--paper);color:var(--ink)}
.repair-form input {min-height:46px}
.repair-form textarea {min-height:140px;resize:vertical}
.repair-form :is(input,textarea):focus-visible {outline:3px solid var(--yellow);outline-offset:3px}
.repair-form .message-field,.repair-form .form-submit {grid-column:1 / -1}
.repair-form .form-submit {justify-self:start;font-size:1rem;min-height:48px;padding:12px 24px;border:2px solid var(--yellow);border-radius:99px;background:var(--yellow);color:var(--ink);font-weight:800}
.repair-form .form-submit:hover {background:var(--paper);border-color:var(--paper)}
.message-receipt {max-width:760px;margin:8vh auto;padding:40px 6%;text-align:center}
.message-receipt h1 {font-size:clamp(2rem,7vw,4rem);margin:25px 0;line-height:1.15}
.message-receipt p {margin:18px 0}
.message-receipt a:not(.button) {text-decoration:underline;overflow-wrap:anywhere}
.message-receipt .contact-actions {margin:30px 0}
@media(max-width:800px){.email-contact {text-align:center}.shop-email {justify-content:center}}
@media(max-width:480px){.repair-form {grid-template-columns:minmax(0,1fr)}.email-address {font-size:.875rem}}
@media(forced-colors:active){.email-contact,.shop-message {border-color:CanvasText}.repair-form .form-submit {border-color:ButtonText}}
