body:has(.odr-contact-page){--contact-gutter: clamp(24px, 5vw, 80px)}body:has(.odr-contact-page) .page-width{width:calc(100% - 2 * var(--contact-gutter));max-width:1280px;margin-inline:auto;padding-inline:0}body:has(.odr-contact-page) .contact{display:grid;grid-template-columns:1.15fr .85fr;align-items:start;gap:clamp(40px,5vw,80px)}body:has(.odr-contact-page) .contact>form{min-width:0;padding:32px;background:var(--odr-panel);border:1px solid rgb(var(--color-foreground) / .16);border-radius:16px}body:has(.odr-contact-page) .contact__form-heading{margin:0 0 28px;font-size:28px;font-weight:600;line-height:1.2;letter-spacing:-.02em}body:has(.odr-contact-page) .contact__fields{gap:24px}body:has(.odr-contact-page) .contact__fields .field{min-width:0;width:calc(50% - 12px);flex-shrink:1}body:has(.odr-contact-page) .contact__fields .field--full{width:100%}body:has(.odr-contact-page) .contact__fields :is(.input,.textarea,.select){border:1px solid rgb(var(--color-foreground) / .5);border-radius:8px;background:transparent;font-size:16px}body:has(.odr-contact-page) .contact__fields :is(.input,.select){min-height:60px}body:has(.odr-contact-page) .contact__fields .textarea{min-height:180px}body:has(.odr-contact-page) .contact__fields :is(.input,.textarea,.select):focus{border-color:var(--odr-accent);outline:2px solid var(--odr-accent);outline-offset:2px}body:has(.odr-contact-page) .contact__fields .button{min-height:52px;border-radius:12px}body:has(.odr-contact-page) .contact__fields .button:after{border-radius:12px}body:has(.odr-contact-page) .contact__fields .text-sm{font-size:13px;line-height:1.65;color:rgb(var(--color-foreground) / .75)}body:has(.odr-contact-page) .contact__sidebar{width:auto;gap:32px;margin:0;padding:0}body:has(.odr-contact-page) .contact__sidebar>li{gap:16px;min-width:0}body:has(.odr-contact-page) .contact__sidebar>li+li{border-top:1px solid rgb(var(--color-foreground) / .18);padding-top:28px}body:has(.odr-contact-page) .contact__sidebar .subtitle{margin:0;font-family:var(--font-heading-family);font-size:22px;font-weight:600;line-height:1.2;letter-spacing:-.015em;text-transform:var(--odr-label-case);color:rgb(var(--color-foreground))}body:has(.odr-contact-page) .contact__sidebar .rte{font-size:16px;line-height:1.6}body:has(.odr-contact-page) .contact__sidebar .rte p{margin:0}body:has(.odr-contact-page) .contact__sidebar .rte p+p{margin-top:16px}body:has(.odr-contact-page) .contact__sidebar .rte strong{font-size:14px;font-weight:500;color:rgb(var(--color-foreground) / .7)}body:has(.odr-contact-page) .contact__sidebar .rte em{font-style:normal;font-size:14px;color:rgb(var(--color-foreground) / .72)}body:has(.odr-contact-page) .contact__sidebar .rte a{color:rgb(var(--color-foreground));text-decoration:underline;text-decoration-color:rgb(var(--color-foreground) / .4);text-underline-offset:4px;overflow-wrap:anywhere}body:has(.odr-contact-page) .contact__sidebar .rte a:hover{color:var(--odr-accent)}body:has(.odr-contact-page) .contact__sidebar .social-icons a{min-width:44px;min-height:44px;justify-content:center}body:has(.odr-contact-page) .ot{max-width:none;padding-block:32px 56px}body:has(.odr-contact-page) .ot__h{font-size:clamp(28px,3vw,40px);margin-bottom:24px;line-height:1.15;letter-spacing:-.025em}body:has(.odr-contact-page) .ot__grid{gap:24px}body:has(.odr-contact-page) .ot__cell--large .ot__tile{min-height:0;aspect-ratio:2}body:has(.odr-contact-page) .ot__k{display:none}body:has(.odr-contact-page) .ot__t{font-size:24px}body:has(.odr-contact-page) .rich-text .button{border-radius:12px}body:has(.odr-contact-page) .rich-text .button:after{border-radius:12px}@media(max-width:1023px){body:has(.odr-contact-page) .contact{grid-template-columns:1fr;gap:48px}body:has(.odr-contact-page) .contact__sidebar{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}body:has(.odr-contact-page) .contact__sidebar>li+li{border:0;padding-top:0}body:has(.odr-contact-page) .contact__sidebar>li{border-top:1px solid rgb(var(--color-foreground) / .18);padding-top:24px}}@media(max-width:599px){body:has(.odr-contact-page) .contact>form{padding:24px 20px}body:has(.odr-contact-page) .contact__fields .field{width:100%}body:has(.odr-contact-page) .contact__sidebar{grid-template-columns:1fr}body:has(.odr-contact-page) .contact__fields .button{width:100%}body:has(.odr-contact-page) .ot__cell--large .ot__tile{aspect-ratio:1.85}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/odr-contact.css.map */