.s-contact__header{display:flex;flex-direction:column;gap:var(--space-xs);margin-block-end:var(--space-xl)}.s-contact__heading{font-size:var(--fs-xl)}.s-contact__text{color:var(--color-text-muted);max-width:60ch}.s-contact__note{display:flex;align-items:center;gap:var(--space-2xs);font-size:var(--fs-sm);color:var(--color-text-muted)}.s-contact__note svg{flex-shrink:0;color:var(--color-accent)}.s-contact__layout{display:flex;flex-direction:column;gap:var(--space-xl)}.s-contact__form-wrap{flex:1 1 auto;min-width:0}.s-contact__form,.s-contact__row{display:flex;flex-direction:column;gap:var(--space-md)}.s-contact__field{display:flex;flex-direction:column;gap:var(--space-2xs);flex:1 1 0;min-width:0}.s-contact__label{font-size:var(--fs-sm);font-weight:600}.s-contact__input{width:100%;min-height:48px;padding:var(--space-sm) var(--space-md);color:var(--color-text);background-color:var(--color-bg);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);font-size:max(16px,var(--fs-md));transition:border-color var(--duration-fast) var(--ease-out)}.s-contact__input:hover{border-color:color-mix(in srgb,var(--color-accent) 40%,var(--color-border))}.s-contact__input:focus{border-color:var(--color-accent)}.s-contact__input[aria-invalid=true]{border-color:var(--color-danger)}.s-contact__textarea{min-height:140px;resize:vertical;line-height:var(--lh-body)}.s-contact__submit{align-self:flex-start}.s-contact__success,.s-contact__errors{display:flex;align-items:flex-start;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);font-size:var(--fs-sm);border-radius:var(--radius-md)}.s-contact__success{color:var(--color-success);background-color:color-mix(in srgb,var(--color-success) 10%,transparent)}.s-contact__errors{color:var(--color-danger);background-color:color-mix(in srgb,var(--color-danger) 10%,transparent)}.s-contact__success svg,.s-contact__errors svg{flex-shrink:0}.s-contact__details{flex-shrink:0;padding:var(--space-lg);background-color:var(--color-surface);border-radius:var(--radius-md)}.scheme-surface .s-contact__details{background-color:var(--color-bg-base)}.s-contact__details-title{margin-block-end:var(--space-sm);font-size:var(--fs-sm);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase}.s-contact__details-list{display:flex;flex-direction:column;gap:var(--space-sm);font-size:var(--fs-sm)}.s-contact__details-list li{display:flex;align-items:flex-start;gap:var(--space-xs)}.s-contact__details-list svg{flex-shrink:0;margin-block-start:.15em;color:var(--color-accent)}.s-contact__details-list a{color:inherit;text-decoration:none}.s-contact__details-list a:hover{text-decoration:underline}@media(min-width:640px){.s-contact__row{flex-direction:row}}@media(min-width:900px){.s-contact__layout{flex-direction:row;align-items:flex-start;gap:var(--space-2xl)}.s-contact__details{flex:0 0 17rem}}@media(min-width:1024px){.s-contact__heading{font-size:var(--fs-2xl)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-contact.css.map */
