.croque-contact{padding:clamp(2.4rem,3vw,3.2rem) 0 clamp(4.4rem,6vw,6.4rem);background:#fff;color:#111}.croque-contact__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2.4rem,3vw,4rem);align-items:start;max-width:120rem}.croque-contact__panel{display:flex;flex-direction:column;min-width:0}.croque-contact__panel--form{padding-top:5.6rem}.croque-contact__card{position:relative;border:2px solid #111;border-radius:2.8rem}.croque-contact__tab{position:relative;z-index:1;display:inline-flex;align-self:flex-start;align-items:center;gap:1rem;height:5.8rem;margin:0 0 -2px;padding:0 2.4rem;border:2px solid #111;border-bottom:0;border-radius:2rem 2rem 0 0;background:#ffbd29;font-family:var(--croque-font-heading);font-size:clamp(2.8rem,3vw,3.4rem);font-weight:700;letter-spacing:-.02em;line-height:1}.croque-contact__tab img{width:3.4rem;height:auto;transform:rotate(10deg)}.croque-contact__card--channels{padding:2.4rem clamp(2rem,2.6vw,2.8rem) 2.6rem;border-top-left-radius:0;background:#fff}.croque-contact__channels-lead{margin:0 0 1.6rem;font-family:var(--croque-font-body);font-size:1.6rem;font-weight:700}.croque-contact__channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none}.croque-contact__channel-item{min-width:0}.croque-contact__channel{display:flex;align-items:center;gap:1rem;height:100%;min-height:5.6rem;padding:.6rem 1.4rem .6rem .6rem;border:1.5px solid #111;border-radius:999px;background:#fff;color:#111;text-decoration:none;transition:background-color .2s ease,transform .2s ease}.croque-contact__channel:hover{background:#fff8e8;transform:translateY(-.2rem)}.croque-contact__channel:focus-visible{outline:3px solid rgb(63 168 244 / 45%);outline-offset:2px}.croque-contact__channel-icon{display:grid;flex:0 0 4rem;place-items:center;width:4rem;height:4rem;border:1.5px solid #111;border-radius:50%;background:var(--croque-channel-color, #ffbd29);color:#111}.croque-contact__channel--light .croque-contact__channel-icon{color:#fff}.croque-contact__channel-icon svg{width:1.9rem;height:1.9rem}.croque-contact__channel-text{display:grid;min-width:0;font-family:var(--croque-font-body);line-height:1.25}.croque-contact__channel-title{font-size:1.45rem;font-weight:800}.croque-contact__channel-detail{color:#555;font-size:1.25rem;font-weight:600}.croque-contact__card--form{padding:clamp(2.2rem,2.4vw,2.8rem);background:#e8f5fe}.croque-contact__cat{position:absolute;right:clamp(2.4rem,4vw,4rem);bottom:calc(100% - .9rem);display:block;width:9rem;height:auto;pointer-events:none}.croque-contact__form-heading{margin:0;padding-right:10rem;font-family:var(--croque-font-heading);font-size:clamp(2.6rem,2.6vw,3.2rem);font-weight:700;letter-spacing:-.02em;line-height:1.05}.croque-contact__form-text{margin:.6rem 0 0;color:#444;font-family:var(--croque-font-body);font-size:1.4rem;line-height:1.5}.croque-contact__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem 1.4rem;margin:1.6rem 0}.croque-contact__field{display:grid;gap:.5rem;min-width:0}.croque-contact__field--full{grid-column:1 / -1}.croque-contact__field label{font-family:var(--croque-font-body);font-size:1.3rem;font-weight:800}.croque-contact__optional{color:#666;font-weight:600}.croque-contact__field input,.croque-contact__field select,.croque-contact__field textarea{width:100%;min-height:4.6rem;padding:1rem 1.4rem;border:2px solid #111;border-radius:1.4rem;background:#fff;color:#111;font:600 1.5rem/1.4 var(--croque-font-body)}.croque-contact__field textarea{min-height:8rem;resize:vertical}.croque-contact__field select{-webkit-appearance:none;appearance:none;padding-right:4rem;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath fill='%23111' d='M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708'/%3E%3C/svg%3E") no-repeat right 1.4rem center / 1.2rem;text-overflow:ellipsis;cursor:pointer}.croque-contact__field input:focus-visible,.croque-contact__field select:focus-visible,.croque-contact__field textarea:focus-visible{outline:3px solid rgb(63 168 244 / 40%);outline-offset:2px}.croque-contact__field input[aria-invalid=true]{border-color:#ff3635}.croque-contact__submit{width:100%}.croque-contact__status{margin:0 0 2rem;padding:1.4rem 1.6rem;border:2px solid #111;border-radius:1.4rem;font-family:var(--croque-font-body);font-size:1.5rem;font-weight:800;line-height:1.4}.croque-contact__status--success{background:#70c663}.croque-contact__status--error{background:#ffe1e1;border-color:#ff3635}@media screen and (max-width:989px){.croque-contact__layout{grid-template-columns:minmax(0,1fr);max-width:68rem}}@media screen and (max-width:749px){.croque-contact__tab{height:5.2rem;padding:0 2rem}.croque-contact__card{border-radius:2.2rem}.croque-contact__card--channels{border-top-left-radius:0}.croque-contact__channels,.croque-contact__fields{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.croque-contact__channel{transition:none}.croque-contact__channel:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/component-croque-contact.css.map */