/* Contact page — Figma 1608:5869; shared clinic maps/buttons from sumer.css. */
.contact-page main { background: linear-gradient(180deg, #fff 0, #fffbfa 49%, #fff 70%); }
.contact-intro { position: relative; margin-top: -60px; }
.contact-intro .sumer-heading::before { top: -10px; }
.contact-intro .sumer-heading h1 { font-weight: 500; }
.contact-intro p { font-size: 18px; line-height: 1.308; max-width: 402px; padding-top: 37px; }
.contact-branches { margin-top: 104px; }
.contact-branches-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; }
.contact-branches-heading h2 { font-size: 46px; line-height: 1.1; font-weight: 400; margin: 0; }
.contact-branches-heading p { font-size: 16px; line-height: 26.4px; color: #6c6c6c; max-width: 420px; }
.contact-branch-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 64px; margin-top: 71px; }
.contact-branch-card { border: 1px solid #efe3df; background: #fff; box-shadow: 0 18px 25px #49261e12; }
.contact-branch-photo { display: block; position: relative; height: 402px; overflow: hidden; }
.contact-branch-photo > img { height: 100%; width: 100%; object-fit: cover; }
.contact-photo-sogutonu > img { position: absolute; width: 142.17%; height: 143.49%; max-width: none; left: -28.76%; top: -27.48%; }
.contact-branch-photo > span { position: absolute; top: 20px; left: 20px; background: #fff; padding: 8px 14px; color: #9a4e43; text-transform: uppercase; letter-spacing: 1.68px; font-size: 12px; font-weight: 700; }
.contact-branch-content { padding: 32px 36px 36px; min-height: 326px; }
.contact-branch-content h3 { font-size: 38px; line-height: 1.1; margin: 6px 0 22px; }
.contact-branch-content ul { display: grid; gap: 10px; color: #6c6c6c; font-size: 15px; line-height: 22.5px; }
.contact-branch-content li { display: flex; align-items: flex-start; gap: 12px; }
.contact-branch-content li .sumer-icon { width: 18px; height: 18px; margin-top: 2px; }
.contact-branch-actions { display: flex; align-items: center; gap: 20px; margin-top: 22px; }
.contact-branch-actions .sumer-button { min-height: 50px; padding-inline: 26px; }
.contact-directions { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: #9a4e43; font-size: 15px; }
.contact-directions img { width: 16px; height: 16px; }
.contact-location-sumer { padding-top: 138px; padding-bottom: 100px; }
.contact-location-sogutonu { background: #fcf3f0; padding-top: 109px; padding-bottom: 137px; }
.contact-location .sumer-location-card { min-height: 539px; }
.contact-location-sogutonu .sumer-location-info { padding-inline: 28px; }
.contact-location-sogutonu .sumer-map::after { display: none; }
.contact-location-sogutonu .sumer-map-marker { left: 44%; top: 238px; }
.contact-form-section { position: relative; padding: 206px 24px 120px; }
.contact-monogram { position: absolute; width: 172px; height: 235px; top: 77px; left: calc(50% - 86px); }
.contact-form-card { position: relative; max-width: 1008px; min-height: 707px; margin-inline: auto; padding: 58px 136px 44px; background: #fff; box-shadow: 0 24px 70px #49261e17; }
.contact-form-card h2 { font-size: 40px; line-height: 1.2; color: #e9a99c; text-align: center; margin: 0 0 41px; }
#contact-form { scroll-margin-top: 28px; }
.contact-branch-choice { border: 0; margin: 0 0 48px; padding: 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 64px; }
.contact-branch-choice label { min-height: 76px; border: 1.5px solid #e6d6d2; border-radius: 999px; padding: 14px 22px; display: flex; align-items: center; gap: 16px; cursor: pointer; }
.contact-branch-choice label:has(input:checked) { border-color: #9a4e43; background: #fcf3f0; }
.contact-branch-choice input { width: 22px; height: 22px; flex-shrink: 0; accent-color: #9a4e43; }
.contact-branch-choice strong { display: block; font: 500 22px/1.2 'Playfair Display', serif; color: #23272d; }
.contact-branch-choice small { display: block; font-size: 13px; color: #6c6c6c; margin-top: 2px; }
.contact-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 88px; row-gap: 21px; }
.contact-fields label { color: #828282; font-size: 16px; font-weight: 500; display: flex; flex-direction: column; gap: 7px; }
.contact-fields input, .contact-fields textarea { display: block; border: 0; border-bottom: 1px solid #e9a99c; border-radius: 0; padding: 6px 0 12px; width: 100%; background: transparent; color: #212b35; font: 400 16px/1.3 Satoshi, sans-serif; }
.contact-fields input::placeholder { color: #828282; opacity: .55; }
.contact-fields textarea { resize: vertical; min-height: 40px; }
.contact-fields .contact-message { grid-column: 1/-1; }
.contact-consent { display: flex; align-items: flex-start; gap: 10px; margin-top: 22px; font-size: 14px; line-height: 1.4; color: #828282; }
.contact-consent input { width: 15px; height: 15px; accent-color: #e9a99c; margin-top: 3px; flex: 0 0 auto; }
.contact-form-actions { display: flex; justify-content: center; margin-top: 38px; }
.contact-submit { min-width: 204px; min-height: 55px; gap: 14px; font-size: 18px; }
.contact-submit img { width: 17px; height: 8px; }
.contact-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.contact-fields input:focus, .contact-fields textarea:focus { border-color: #e9a99c; outline: none !important; box-shadow: none !important; }
.swal2-container.swal2-center > .swal2-popup.contact-success-popup { width: min(92vw, 460px); padding: 42px 38px 36px; border: 1px solid #efe3df; border-radius: 0; background: #fffaf8 !important; box-shadow: 0 24px 70px #49261e24; }
.contact-success-popup .swal2-icon.swal2-success { position: relative; width: 70px; height: 70px; margin: 0 auto 24px; border: 1px solid #e9a99c; border-radius: 50%; color: #9a4e43; }
.contact-success-popup .swal2-icon.swal2-success::before { content: "✓"; position: absolute; inset: 0; display: grid; place-items: center; font: 500 43px/1 Satoshi, sans-serif; }
.contact-success-popup .swal2-icon.swal2-success > * { display: none !important; }
.contact-success-popup .contact-success-title { margin: 0; color: #23272d; font: 500 34px/1.15 'Playfair Display', serif; }
.contact-success-popup .swal2-html-container.contact-success-message { margin: 18px 0 0 !important; padding: 0 !important; color: #6c5f5d !important; font: 400 16px/1.55 Satoshi, sans-serif; }
.contact-success-popup .swal2-timer-progress-bar { background: #e9a99c; }
@media (max-width: 1279px) {
 .contact-branches-heading h2 { font-size: 38px; }
 .contact-branch-grid { gap: 32px; }
 .contact-branch-photo { height: auto; aspect-ratio: 606/402; }
 .contact-branch-content { padding: 28px; }
 .contact-branch-content h3 { font-size: 34px; }
 .contact-form-card { padding-inline: 72px; }
 .contact-branch-choice { gap: 32px; }
}
@media (max-width: 1023px) {
 .contact-branches { margin-top: 80px; }
 .contact-branches-heading { display: block; }
 .contact-branches-heading p { margin-top: 20px; }
 .contact-branch-grid { margin-top: 36px; gap: 24px; }
 .contact-branch-content { padding: 24px; }
 .contact-branch-content h3 { font-size: 30px; }
 .contact-branch-actions { gap: 14px; flex-wrap: wrap; }
 .contact-branch-actions .sumer-button { padding-inline: 18px; }
 .contact-location-sumer { padding-block: 80px; }
 .contact-location-sogutonu { padding-block: 80px; }
 .contact-form-section { padding-top: 160px; padding-bottom: 90px; }
 .contact-monogram { top: 40px; }
 .contact-form-card { padding-inline: 40px; }
 .contact-fields { column-gap: 40px; }
 .contact-branch-choice { gap: 24px; }
 .contact-branch-choice label { gap: 12px; padding-inline: 16px; }
 .contact-branch-choice strong { font-size: 20px; }
}
@media (max-width: 767px) {
 .contact-intro { margin-top: -65px; }
 .contact-intro .sumer-heading h1 { font-size: 32px; }
 .contact-intro p { padding-top: 24px; font-size: 16px; line-height: 1.5; }
 .contact-intro .sumer-heading::before { height: 130px; }
 .contact-branches { margin-top: 56px; }
 .contact-branches-heading h2 { font-size: 30px; line-height: 1.25; }
 .contact-branch-grid { grid-template-columns: 1fr; margin-top: 28px; }
 .contact-branch-content { min-height: 0; padding: 24px; }
 .contact-branch-content h3 { font-size: 30px; }
 .contact-location-sumer, .contact-location-sogutonu { padding-block: 48px; }
 .contact-location .sumer-location-card { min-height: 0; }
 .contact-location-sogutonu .sumer-map-marker { top: 44%; }
 .contact-form-section { padding: 130px 20px 72px; }
 .contact-monogram { top: 30px; width: 140px; height: 191px; left: calc(50% - 70px); }
 .contact-form-card { padding: 32px 24px; min-height: 0; }
 .contact-form-card h2 { font-size: 32px; margin-bottom: 28px; }
 .contact-branch-choice { grid-template-columns: 1fr; gap: 12px; margin-bottom: 32px; }
 .contact-branch-choice label { min-height: 70px; }
 .contact-fields { grid-template-columns: 1fr; gap: 24px; }
 .contact-fields .contact-message { grid-column: auto; }
 .contact-form-actions { margin-top: 28px; }
 .contact-consent { font-size: 13px; }
}
/* Override the shared form plugin's blue checked-state color. */
.contact-branch-choice input[type="radio"] { color: #9a4e43; }
.contact-consent input[type="checkbox"] { color: #e9a99c; }