.contact{background-color:var(--tr-cream);padding-block:84px 228px}.contact__layout{display:grid;grid-template-columns:minmax(0,3.69fr) minmax(352px,1fr);gap:16px;align-items:start;padding-top:88px}.contact__layout .ci__grid{grid-template-columns:1fr}.contact__form-wrap{display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:8px;background:linear-gradient(0deg,#0000000a 0% 100%),#f8f9e8}.contact__form{display:flex;flex-direction:column;gap:16px}.contact__notice{margin:0;padding:14px 18px;border-radius:8px;font-family:var(--tr-font);font-size:var(--tr-fs-xs);line-height:var(--tr-lh-xl-pct)}.contact__notice--success{background-color:#22c55e1f;color:#1a7d3c}.contact__notice--error{background-color:#e8493b1f;color:var(--tr-main)}.contact__field{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:16px 0;gap:16px;border-bottom:1px solid rgba(0,0,0,.08);align-self:stretch}.contact__field:has(.contact__textarea){justify-content:flex-start;min-height:248px}.contact__field-label{font-family:var(--tr-font);font-size:var(--tr-fs-xs);font-weight:400;line-height:var(--tr-lh-xl-pct);color:var(--tr-black);margin:0}.contact__input{width:100%;padding:0;font-family:var(--tr-font);font-size:var(--tr-fs-xl);font-weight:400;line-height:var(--tr-lh-xl-pct);color:var(--tr-dark-brown);background:transparent;border:none;border-radius:0;outline:none;appearance:none;-webkit-appearance:none}.contact__input::placeholder{font-style:italic;color:#0006}.contact__input:focus{outline:none}.contact__textarea{flex:1;min-height:180px;resize:none;align-self:stretch}.contact__select-wrap{position:relative;display:flex;align-items:center;width:100%}.contact__select{appearance:none;-webkit-appearance:none;padding-right:28px;cursor:pointer;width:100%}.contact__select:invalid{font-style:italic;color:#0006}.contact__select option[disabled]{font-style:italic;color:#0006}.contact__select option:not([disabled]){font-style:normal;color:var(--tr-dark-brown)}.contact__select-wrap svg{position:absolute;right:0;width:16px;height:16px;pointer-events:none;color:var(--tr-dark-brown);flex-shrink:0}.contact__foot{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;margin-top:0}.contact__terms{display:flex;flex-direction:row;align-items:center;gap:8px;flex:1;cursor:pointer}.contact__checkbox{flex:0 0 24px;width:24px;height:24px;border:1px solid var(--tr-dark-brown);border-radius:4px;appearance:none;-webkit-appearance:none;cursor:pointer;position:relative;background:transparent}.contact__checkbox:checked:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;background:var(--tr-main);border-radius:2px}.contact__terms-text,.contact__terms-text p{margin:0;font-family:var(--tr-font);font-size:var(--tr-fs-xs);font-weight:400;line-height:var(--tr-lh-xl-pct);color:#0009}.contact__terms-text a{color:var(--tr-main);text-decoration:none}.contact__foot .button{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;height:var(--tr-btn-height);min-width:148px;padding:0 24px;border-radius:8px;background-color:var(--tr-main);color:var(--tr-white);font-family:var(--tr-font);font-size:var(--tr-fs-xs);font-weight:400;line-height:var(--tr-lh-lg-pct);text-transform:capitalize;border:1px solid var(--tr-main);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:transform var(--tr-btn-duration) var(--tr-btn-ease)}@media screen and (hover:hover)and (pointer:fine){.contact__foot .button:hover{transform:scale(.98,.9)}.contact__foot .button span:not(.button__loader){display:block;transition:transform var(--tr-btn-duration) var(--tr-btn-ease)}.contact__foot .button:hover span:not(.button__loader){transform:translateY(var(--tr-btn-height))}.contact__foot .button:after{content:attr(data-text);position:absolute;left:0;right:0;top:calc(-1 * var(--tr-btn-height));height:var(--tr-btn-height);display:flex;align-items:center;justify-content:center;color:var(--tr-white);font-family:var(--tr-font);font-size:var(--tr-fs-xs);font-weight:400;pointer-events:none;transition:transform var(--tr-btn-duration) var(--tr-btn-ease)}.contact__foot .button:hover:after{transform:translateY(var(--tr-btn-height))}}.contact__info{position:sticky;top:24px}.ci--grid .ci__reach,.ci--grid .ci__hours{padding:24px;border-radius:12px;background-color:#2907070a}.contact__layout .ci--grid .ci__reach,.contact__layout .ci--grid .ci__hours{padding:16px;border-radius:8px;background:#0000000a;-webkit-backdrop-filter:blur(19px);backdrop-filter:blur(19px)}@media screen and (max-width:1199px){.contact{padding-block:48px 88px}}@media screen and (max-width:989px){.contact__layout{grid-template-columns:1fr;padding-top:48px}.contact__info{position:relative;top:unset}.contact__foot{flex-direction:column;align-items:flex-start;gap:48px}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/contact.css.map */