/* Sadek-IT — pages/contact.css */
.contact-options{padding:20px 0 60px}
.contact-options h2{font-size:clamp(1.4rem,2.5vw,2rem);margin-bottom:26px}
.contact-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.contact-choice{display:flex;flex-direction:column;align-items:flex-start;padding:30px;border:1px solid #2b485c;border-radius:20px;background:#102232;min-width:0}
.contact-choice.appointment-choice{background:#0c1926;border-color:#397082}
.choice-icon{width:44px;height:44px;color:#67dfeb;margin-bottom:16px}
.choice-icon svg{width:100%;height:100%}
.contact-choice .choice-label{font-size:.78rem;letter-spacing:.035em;color:#8edce6;margin:0 0 8px}
.contact-choice h3{font-size:clamp(1.4rem,2.4vw,1.8rem);margin:0 0 15px}
.contact-choice>p:not(.choice-label){line-height:1.7;max-width:52ch}
.contact-choice .choice-detail{font-size:.85rem;color:#b9cbd7;margin-top:auto;padding-top:18px;margin-bottom:22px}
.contact-choice .btn{margin-top:0}
.contact-choice .btn.secondary{border-color:#53cadb}
.contact-form-section{border-top:1px solid #203b4d}
#contact-form{scroll-margin-top:115px}
.form-intro{font-size:.95rem;line-height:1.65}
@media (max-width:760px){.contact-choices{grid-template-columns:1fr;gap:18px}}
@media (max-width:760px){.contact-choice{padding:24px}}
@media (max-width:760px){.contact-options{padding-bottom:44px}}
@media (max-width:430px){.contact-choice .btn{width:100%;text-align:center;justify-content:center}}
#cancellation-review{margin:24px 0;overflow-wrap:anywhere}
