.appointment-hero{padding:95px 0 100px;background:linear-gradient(120deg,#faf8f1 0%,#f4f1e7 100%)}
.appointment-layout{display:grid;grid-template-columns:1.07fr .93fr;gap:78px;align-items:center}
.appointment-intro h1{font-size:clamp(3.35rem,5.6vw,6rem);line-height:1.05;margin:25px 0}
.appointment-intro h1 em{display:block}
.appointment-lead{font-size:18px;line-height:1.9;color:#526858;max-width:630px}
.appointment-points{margin-top:28px}
.appointment-points p{display:flex;gap:14px;align-items:flex-start;color:#345645;font-size:14px;margin:13px 0;line-height:1.6}
.appointment-points span{color:#b58e56;font-size:17px}
.appointment-card{background:#fffdfa;box-shadow:0 22px 60px rgba(27,62,47,.1);padding:45px;border:1px solid #ebe5d4;border-radius:12px;text-align:center}
.appointment-card-icon{font-size:34px;color:#b58e56;margin-bottom:10px}
.appointment-card-label{font-size:10px;letter-spacing:2px;color:#657b67;font-weight:700}
.appointment-card h2{font-size:clamp(2.5rem,3vw,3.3rem);margin:16px 0 16px}
.appointment-card>p:not(.appointment-card-label){color:#647569;line-height:1.8;font-size:14px}
.appointment-facts{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:30px 0}
.appointment-facts div{background:#f5f1e8;padding:19px 8px;border-radius:7px;display:flex;flex-direction:column;gap:5px}
.appointment-facts strong{font-size:15px;color:#2c5139}
.appointment-facts span{font-size:11px;color:#657666}
.appointment-book-btn{display:flex;width:100%;white-space:normal;font-size:14px;min-height:54px}
.appointment-card .appointment-small{font-size:11px!important;margin:13px 0 0!important;color:#718272!important}
.appointment-next{padding:80px 0;background:#ecede3}
.appointment-next-inner{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}
.appointment-next h2{margin:20px 0 16px}
.appointment-next p:not(.eyebrow){color:#607364;max-width:630px}
.appointment-contact{display:grid;gap:15px;font-size:15px;color:#234837}
.appointment-contact a{border-bottom:1px solid #bcbda9;padding-bottom:13px}
.appointment-contact a:hover{color:#a57c4c}
@media(max-width:950px){.appointment-layout,.appointment-next-inner{grid-template-columns:1fr;gap:40px}.appointment-hero{padding:65px 0}.appointment-card{max-width:690px}}
@media(max-width:610px){.appointment-hero{padding:52px 0 65px}.appointment-intro h1{font-size:clamp(3rem,12vw,4.3rem)}.appointment-lead{font-size:15px}.appointment-card{padding:30px 20px}.appointment-facts{gap:10px}.appointment-book-btn{font-size:13px}.appointment-next{padding:60px 0}}