.support-page { color: #172b43; }






.support-page main { padding-top: 125px; }
.support-faq { padding: 65px 0; }
.support-kicker { display: block; text-transform: uppercase; font-size: 11px; font-weight: 700; letter-spacing: .12em; color: #8a6821; margin-bottom: 16px; }
.support-page h1,.support-intro h2 { font-family: 'RecoletaAlt-Regular',Georgia,serif; font-weight: 400; letter-spacing: -.04em; }
.support-page h1 { font-size: clamp(36px,4.5vw,58px); line-height: 1.15; margin-bottom: 20px; }
.support-faq .section-title { margin-bottom: 45px; }
.support-faq .section-title p { color: #626b76; font-size: 17px; max-width: 620px; }
.support-faq .question { border-top: 1px solid #e9e5dc; padding-top: 22px; margin-bottom: 25px; }
.support-faq .question h5 { color: #172b43; font-size: 20px; }
.support-faq .question p { color: #626b76; font-size: 15px; line-height: 1.8; }
.support-contact { background: #f8f6ef; padding: 75px 0; scroll-margin-top: 105px; }
.support-contact-grid { display: grid; grid-template-columns: .8fr 1.4fr; gap: 65px; align-items: start; }
.support-intro { padding-top: 16px; }.support-intro h2 { font-size: 53px; margin: 0 0 23px; }
.support-intro p { font-size: 16px; line-height: 1.8; color: #626b76; }.support-tip { border-top: 1px solid #ded8c8; margin-top: 30px; padding-top: 25px; }.support-tip p { font-size: 14px; }.support-intro > a { font-size: 13px; color: #172b43; text-decoration: underline; text-underline-offset: 4px; }
.support-form { background: white; padding: 36px; border: 1px solid #e9e5dc; border-radius: 14px; box-shadow: 0 15px 45px #172b4306; }
.support-form-heading { border-bottom: 1px solid #ece9e1; padding-bottom: 20px; margin-bottom: 25px; }.support-form-heading h2 { font-size: 24px; letter-spacing: -.02em; }.support-form-heading p { font-size: 13px; color: #626b76; margin: 8px 0 0; }
.support-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 23px 20px; }.support-field { min-width: 0; }.support-field-wide { grid-column: 1/-1; }
.support-field label { display: block; font-size: 14px; font-weight: 700; margin-bottom: 9px; }
.support-field input,.support-field select,.support-field textarea { display: block; width: 100%; padding: 13px 14px; border: 1px solid #cbd0d6; border-radius: 6px; background: #fff; color: #172b43; font: inherit; font-size: 15px; line-height: 1.5; min-height: 49px; }
.support-field textarea { resize: vertical; min-height: 145px; }.support-field input::placeholder,.support-field textarea::placeholder { color: #818995; }
.support-field input:focus,.support-field select:focus,.support-field textarea:focus { outline: 2px solid #c59d40; outline-offset: 2px; border-color: #b98f30; }
.support-field small { display: block; font-size: 11px; line-height: 1.5; color: #626b76; margin-top: 7px; }
.support-privacy { font-size: 12px; color: #626b76; line-height: 1.7; margin: 22px 0; }.support-privacy a { color: #172b43; text-decoration: underline; }
.support-submit { border: 0; border-radius: 6px; background: #172b43; color: white; padding: 16px 23px; display: flex; align-items: center; justify-content: space-between; gap: 28px; font-size: 15px; font-weight: 700; cursor: pointer; }.support-submit:hover { background: #2c4563; }.support-page a:focus-visible,.support-submit:focus-visible { outline: 3px solid #c59d40; outline-offset: 4px; }
@media(max-width:991px) { .support-contact-grid { grid-template-columns: 1fr; gap: 30px; }.support-intro { max-width: 620px; } }
@media(max-width:575px) { .support-page main { padding-top: 125px; }.support-faq { padding: 40px 0 20px; }.support-faq .questions-holder { padding: 0; }.support-faq .section-title { margin-bottom: 30px; }.support-contact { padding: 40px 0; }.support-form { padding: 23px 19px; }.support-fields { grid-template-columns: 1fr; gap: 20px; }.support-submit { width: 100%; }.support-intro h2 { font-size: 43px; }.support-form-heading h2 { font-size: 22px; } }
/* Override legacy template rules scoped to this page. */

.support-page #faqs-1 { background: #fff; }
.support-page #faqs-1 .section-title p { margin: 0 auto; padding: 0; width: 100%; }
.support-page #formulaire .support-field label { margin: 0 0 9px; }
.support-page #formulaire .support-field label { margin: 0 0 9px!important; padding: 0!important; }
@media(max-width:575px) { .support-page h1 { font-size: 34px; } }
