
:root{--accent:#b99582;--gold-light:#d9bda9;--bronze:#b99582;--line:#b9958266}
h1,h2,.cin-intro-title{color:#c6a18c}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #e7c7aa;outline-offset:5px}
.cin-header{background:linear-gradient(#000b,transparent)}
.cin-header .cin-appointment{padding:13px 18px;border:1px solid #c6a18c;border-radius:3px;background:#251a16b3;font-size:14px;text-transform:none;overflow:visible}
.cin-header .cin-appointment:after{display:none}
.cin-header .cin-appointment:hover{background:#89685c;color:#fff}
.cin-hero{height:auto;min-height: min(940px,100svh);display:flex;align-items:center;padding:140px 6% 70px}
.cin-hero-media img{filter:brightness(.82);object-position:72% center;animation:none}
.cin-hero:after{background:linear-gradient(90deg,#0c0805f5 0%,#0c0805dc 32%,#0c080570 55%,#0001 80%),linear-gradient(0deg,#0009,transparent 40%)}
.home .cin-hero .patient-hero{width:54%;max-width:740px;text-align:left;padding:0;position:relative;z-index:2}
.home .patient-hero .hero-profession{font:400 16px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.11em;margin:0 0 18px;color:#f2e6df}
.home .patient-hero h1{font:200 clamp(76px,7.8vw,132px)/1.05 var(--serif);letter-spacing:0;color:#e2bea8;margin:0 0 24px;text-transform:uppercase;max-width:100%;overflow-wrap:normal}
.home .patient-hero .hero-specialties{font:400 18px/1.6 var(--sans);color:#f2e6df;margin:0 0 30px;max-width:460px}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px}
.hero-actions a{font:400 16px/1.4 var(--sans);text-decoration:none;min-height:48px;display:inline-flex;align-items:center;justify-content:center}
.hero-booking{padding:16px 24px;background:#d8b69e;color:#21130c;border:1px solid #d8b69e;border-radius:3px}
.hero-booking:hover{background:#edd1bc;color:#21130c}
.hero-about{padding:12px 8px;color:#fff;border-bottom:1px solid #b99582}
.hero-socials{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0}
.hero-socials a{color:#fff;border:1px solid #c6a18c88;background:#120c08b3;padding:11px 15px;border-radius:3px;font:400 15px/1.4 var(--sans);min-height:44px;text-decoration:none;display:inline-flex;align-items:center}
.hero-socials a:hover{background:#654739}
.home .patient-hero .hero-location{margin-top:28px;max-width:440px}
.home .patient-hero .hero-location p{font:400 14px/1.6 var(--sans);margin:4px 0;color:#e8d8ce}
.home .patient-hero .hero-location p:first-child{font-size:16px;color:#fff}
.mobile-contact-bar{display:none}
@media(max-width:1000px){.home .cin-hero .patient-hero{width:65%}.cin-hero{min-height:800px}.home .patient-hero h1{font-size:100px}.cin-header .cin-appointment{max-width:190px;text-align:center}.cin-header .cin-brand{left:48%}}
@media(max-width:760px){
 body{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}
 .cin-header,.home .cin-header{height:100px;padding:12px 5%;background:linear-gradient(#000e,#0008,transparent)}
 .cin-header .cin-appointment{max-width:105px;padding:10px 8px;font-size:14px;line-height:1.3}
 .cin-header .cin-brand{left:48%;max-width:120px}.cin-header .cin-brand strong{font-size:28px}
 .cin-hero{min-height:800px;padding:340px 6% 44px;align-items:flex-end}
 .cin-hero-media img{object-position:72% top;filter:brightness(.85)}
 .cin-hero:after{background:linear-gradient(0deg,#0c0805 0%,#0c0805f5 24%,#0c0805a6 55%,#0002 83%)}
 .home .cin-hero .patient-hero{width:100%;max-width:none}
 .home .patient-hero .hero-profession{font-size:14px;margin-bottom:10px;letter-spacing:.07em}
 .home .patient-hero h1{font-size:clamp(62px,18vw,100px);line-height:1.04;margin-bottom:16px}
 .home .patient-hero .hero-specialties{font-size:16px;line-height:1.5;margin-bottom:22px;max-width:340px}
 .hero-actions{gap:12px}.hero-actions a{font-size:16px}.hero-booking{padding:14px 17px}.hero-about{padding:10px 2px}
 .hero-socials{gap:8px;margin-top:16px}.hero-socials a{font-size:14px;padding:10px 12px}
 .home .patient-hero .hero-location{margin-top:18px}
 .home .patient-hero .hero-location p{font-size:14px}
 .mobile-contact-bar{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:fixed;bottom:0;left:0;right:0;z-index:55;padding:10px 5% calc(10px + env(safe-area-inset-bottom,0px));background:#17110ff5;border-top:1px solid #b9958266;backdrop-filter:blur(12px)}
 .mobile-contact-bar a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px;color:#21130c;background:#d8b69e;border-radius:3px;text-decoration:none;font:400 16px/1.4 var(--sans)}
 .mobile-contact-bar a+a{background:transparent;color:#fff;border:1px solid #b99582}
 body.menu-open .mobile-contact-bar{display:none}
 html[lang="kk"] .home .patient-hero h1{font-size:clamp(62px,18vw,100px)}
}
@media(max-width:360px){.cin-header .cin-brand{max-width:100px;left:47%}.cin-header .cin-brand strong{font-size:24px}.cin-header .cin-appointment{max-width:95px;font-size:14px}.hero-actions{display:block}.hero-actions .hero-about{margin-top:10px}.hero-socials{gap:6px}.hero-socials a{padding:10px 9px}}
@media(prefers-reduced-motion:reduce){.cin-hero-media img{animation:none}}
