/* dk-about.css v1.0 — стили только страницы «О клинике» */
/* общее для всех страниц лежит в dk-common.css */

/* ── Hero: фото + тёмная вуаль (единый стиль с /service и /contact) ── */
.ab-hero { position: relative; background: url('../img/services/ab-hero-bg.jpg') center/cover no-repeat; padding: 100px 0 90px; text-align: center; overflow: hidden; }
.ab-hero::before { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(65,63,59,0.88) 0%, rgba(65,63,59,0.72) 50%, rgba(119,83,45,0.78) 100%); }
.ab-hero .container { position: relative; z-index: 2; }
.ab-hero .ab-hero-sub { font-family: 'Lobster', cursive; font-size: 38px; color: #E8B94A; display: block; margin-bottom: 10px; text-shadow: 2px 2px 6px rgba(0,0,0,0.5); }
.ab-hero h1 { font-family: 'Montserrat', sans-serif; font-weight: 800; text-transform: uppercase; letter-spacing: -1px; color: #FFFFFF; margin-bottom: 14px; text-shadow: 2px 2px 8px rgba(0,0,0,0.45); }
.ab-hero p { color: #EDE7DA; max-width: 720px; margin: 0 auto; font-size: 17px; line-height: 1.7; text-shadow: 1px 1px 4px rgba(0,0,0,0.55); }
.ab-hero::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: #E8B94A; z-index: 2; }
@media (max-width: 767px) { .ab-hero { padding: 70px 0 60px; } .ab-hero .ab-hero-sub { font-size: 28px; } }

/* ── Блок «Кто мы»: текст + фото ── */
.ab-story { padding: 70px 0 40px; }
.ab-story-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; }
@media (max-width: 991px) { .ab-story-grid { grid-template-columns: 1fr; gap: 30px; } }
.ab-story-sub { font-family: 'Lobster', cursive; font-size: 26px; color: #E8B94A; margin-bottom: 6px; }
.ab-story h2 { font-family: 'Cormorant Garamond', serif; font-size: 40px; font-weight: 700; color: #413F3B; line-height: 1.15; margin-bottom: 18px; }
.ab-story p { font-family: 'Montserrat', sans-serif; font-size: 15px; line-height: 1.8; color: #656561; margin-bottom: 14px; }
.ab-story p strong { color: #413F3B; }
.ab-story-photo { position: relative; border-radius: 18px; overflow: hidden; box-shadow: 0 18px 50px rgba(65,63,59,0.18); }
.ab-story-photo img { width: 100%; display: block; }
.ab-story-photo::after { content: ''; position: absolute; inset: 0; border: 1px solid rgba(232,185,74,0.35); border-radius: 18px; pointer-events: none; }
.ab-story-badge { position: absolute; left: 20px; bottom: 20px; background: linear-gradient(135deg, #413F3B, #2a2826); color: #E8B94A; border-radius: 14px; padding: 14px 22px; font-family: 'Montserrat', sans-serif; box-shadow: 0 10px 30px rgba(0,0,0,0.35); }
.ab-story-badge .num { font-size: 26px; font-weight: 800; line-height: 1; }
.ab-story-badge .lbl { font-size: 11px; text-transform: uppercase; letter-spacing: 1.5px; color: #EDE7DA; margin-top: 4px; }

/* ── Цифровой цикл ── */
.ab-cycle { padding: 50px 0 60px; background: linear-gradient(180deg, #FDFDF7 0%, #F6F1E3 100%); }
.ab-cycle-head { text-align: center; margin-bottom: 45px; }
.ab-cycle-sub { font-family: 'Lobster', cursive; font-size: 26px; color: #E8B94A; margin-bottom: 6px; }
.ab-cycle-title { font-family: 'Cormorant Garamond', serif; font-size: 38px; font-weight: 700; color: #413F3B; margin: 0; line-height: 1.2; }
.ab-cycle-desc { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #656561; max-width: 640px; margin: 12px auto 0; line-height: 1.7; }
.ab-cycle-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 18px; }
@media (max-width: 1199px) { .ab-cycle-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 767px)  { .ab-cycle-grid { grid-template-columns: 1fr; } }
.ab-step { background: #FFFFFF; border-radius: 16px; padding: 30px 22px 26px; text-align: center; position: relative; border: 1px solid rgba(65,63,59,0.06); box-shadow: 0 4px 20px rgba(65,63,59,0.04); transition: all 0.4s ease; }
.ab-step:hover { transform: translateY(-6px); box-shadow: 0 18px 45px rgba(65,63,59,0.12); }
.ab-step-num { position: absolute; top: 14px; right: 18px; font-family: 'Cormorant Garamond', serif; font-size: 42px; font-weight: 700; color: rgba(232,185,74,0.28); line-height: 1; }
.ab-step-icon { width: 62px; height: 62px; border-radius: 50%; background: linear-gradient(135deg, #413F3B 0%, #2a2826 100%); color: #E8B94A; display: inline-flex; align-items: center; justify-content: center; font-size: 24px; margin-bottom: 16px; box-shadow: 0 8px 22px rgba(65,63,59,0.25); }
.ab-step h4 { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 700; color: #413F3B; margin: 0 0 8px; }
.ab-step p { font-family: 'Montserrat', sans-serif; font-size: 12.5px; line-height: 1.65; color: #6b6862; margin: 0; }

/* ── Преимущества ── */
.ab-why { padding: 60px 0 40px; }
.ab-why-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; margin-top: 40px; }
@media (max-width: 1199px) { .ab-why-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575px)  { .ab-why-grid { grid-template-columns: 1fr; } }
.ab-why-card { background: #FFFFFF; border-radius: 16px; padding: 30px 24px; border: 1px solid rgba(232,185,74,0.25); box-shadow: 0 4px 20px rgba(65,63,59,0.04); transition: all 0.4s ease; }
.ab-why-card:hover { transform: translateY(-5px); box-shadow: 0 14px 40px rgba(65,63,59,0.12); border-color: #E8B94A; }
.ab-why-icon { width: 54px; height: 54px; border-radius: 14px; background: linear-gradient(135deg, #FBF8F0 0%, #F5EDD6 100%); color: #B8934E; display: inline-flex; align-items: center; justify-content: center; font-size: 22px; margin-bottom: 16px; }
.ab-why-card h4 { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 700; color: #413F3B; margin: 0 0 8px; }
.ab-why-card p { font-family: 'Montserrat', sans-serif; font-size: 13px; line-height: 1.7; color: #656561; margin: 0; }

/* ── Цифры ── */
.ab-stats { padding: 20px 0 60px; }
.ab-stats-box { background: linear-gradient(135deg, #3a3835 0%, #25221f 50%, #2a2724 100%); border-radius: 22px; padding: 45px 40px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; box-shadow: 0 30px 80px rgba(65,63,59,0.3), inset 0 1px 0 rgba(232,185,74,0.18); }
@media (max-width: 991px) { .ab-stats-box { grid-template-columns: repeat(2, 1fr); padding: 35px 25px; } }
@media (max-width: 575px) { .ab-stats-box { grid-template-columns: 1fr; } }
.ab-stat { text-align: center; }
.ab-stat .num { font-family: 'Cormorant Garamond', serif; font-size: 46px; font-weight: 700; line-height: 1; background: linear-gradient(135deg, #FFFFFF 0%, #E8B94A 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.ab-stat .lbl { font-family: 'Montserrat', sans-serif; font-size: 12px; text-transform: uppercase; letter-spacing: 1.5px; color: rgba(255,255,255,0.75); margin-top: 8px; }

/* ── CTA ── */
.ab-cta { background: #413F3B; border-radius: 16px; padding: 45px 40px; margin: 20px 0 70px; text-align: center; }
.ab-cta h2 { color: #FFFFFF; font-family: 'Montserrat', sans-serif; font-weight: 700; margin-bottom: 10px; }
.ab-cta p { color: #D4E4E4; margin-bottom: 25px; }
.ab-cta .vs-btn.style2 { background-color: #E8B94A !important; color: #413F3B !important; }
.ab-cta .vs-btn.style2 i { background-color: #413F3B !important; color: #FFC107 !important; }