/* ============================================================
   Snigir — Рестайлинг «Фирменное золото»
   CSS-слой поверх темы. Только визуал: не меняет структуру,
   тексты, порядок блоков и логику плагинов (о враче: сертификаты/
   дипломы/СМИ; галерея до/после). Грузится последним.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');

:root{
  --paper:#FFFFFF; --card:#FFFFFF; --lav:#F6EBCC; --lav-deep:#EAD6A2;
  --violet:#C9A038; --violet-dark:#A9822A; --ink:#241E15; --stone:#6E6557;
  --line:#EDE4D0; --r:22px; --ease:cubic-bezier(.22,.9,.24,1);
  --gold:#C9A038; --accent:#C9A038; --c-accent:#C9A038; --primary:#C9A038;
  --brand:#C9A038; --color-accent:#C9A038;
}

/* ---------- База / типографика ---------- */
body{background:var(--paper) !important; color:var(--ink); -webkit-font-smoothing:antialiased;}
h1,h2,h3,h4,.center-head h2,.priority-head h2,.blog-head h2,.pp-napr-wrap h2{
  font-family:'DM Sans',sans-serif !important; text-transform:uppercase;
  letter-spacing:.005em; font-weight:700 !important; color:var(--ink) !important; line-height:1.05;}
.eyebrow{color:var(--violet-dark) !important; font-weight:700; letter-spacing:.16em; text-transform:uppercase;}
.post h3,.sndp-doc-title,.card-body a{text-transform:none;}
.post h3{text-transform:none; font-weight:700; line-height:1.3; color:var(--ink);}

/* ---------- Кнопки ---------- */
.btn{border-radius:999px !important; font-weight:700 !important; transition:.28s var(--ease); border:1.5px solid transparent;}
.btn--primary{background:linear-gradient(180deg,#D3AB44,#C0952C) !important; color:var(--ink) !important;
  box-shadow:0 14px 30px -14px rgba(201,160,56,.55) !important; border-color:transparent !important;}
.btn--primary:hover{background:linear-gradient(180deg,#C8A038,#AC8524) !important; transform:translateY(-2px);}
.btn--light{background:#fff !important; color:var(--ink) !important; border-color:var(--line) !important;}
.btn--light:hover{border-color:var(--violet) !important; color:var(--violet-dark) !important;}
.btn--ghost{background:#fff !important; color:var(--ink) !important; border-color:var(--line) !important;}
.btn--ghost:hover{border-color:var(--violet) !important; color:var(--violet-dark) !important;}
.btn--dark{background:var(--ink) !important; color:#fff !important;}

/* ---------- Топбар ---------- */
.topbar{background:var(--ink) !important; color:rgba(255,255,255,.72) !important;}
.topbar a,.topbar .t-social a{color:rgba(255,255,255,.82) !important;}
.topbar a:hover{color:#fff !important;}
.topbar b,.snpp-legal-name{color:#fff !important;}

/* ---------- Шапка ---------- */
header.site{background:rgba(255,255,255,.92) !important; backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px); border-bottom:1px solid var(--line) !important;}
.logo-img{border-radius:13px;}
/* расстановка: меню слева у логотипа, телефон+кнопка после меню с отступом */
header.site .menu{margin:0 0 0 18px !important;}
header.site .nav-phone{margin-left:26px !important;}
.menu>li>a{font-weight:700 !important; color:#1C1710 !important; text-transform:none; letter-spacing:0;}
.menu>li>a:hover{color:var(--violet-dark) !important;}
.menu .mega,.menu .submenu{background:#fff !important; border:1px solid var(--line) !important;
  border-radius:20px !important; box-shadow:0 34px 66px -30px rgba(40,30,10,.30) !important;}
/* заголовки категорий — кликабельные ссылки */
.mega-col h4,.mega-col h4 a{font-family:'DM Sans',sans-serif !important; text-transform:uppercase;
  color:var(--ink) !important; font-weight:700; cursor:pointer;}
.mega-col h4 a{transition:color .15s;}
.mega-col h4 a:hover{color:var(--violet-dark) !important;}
/* ссылки в выпадающих списках — темнее (во всех разделах) */
.mega-col li a,.submenu a{color:#2C2519 !important;}
.mega-col li a:hover,.submenu a:hover{color:var(--violet-dark) !important;}
.submenu a:hover{background:var(--lav) !important; color:var(--violet-dark) !important;}
.nav-phone{color:var(--ink) !important; font-weight:700 !important;}

/* ---------- Секции ---------- */
section.priority,section.about,section.gallery,section.principles,
section.reviews,section.smi,section.blog,section.pp-napr{border-top:1px solid var(--line);}
.center-head p,.priority-head p,.blog-head p,.pp-napr-sub{color:var(--stone) !important;}

/* ---------- HERO ---------- */
.hero{position:relative; overflow:hidden; background:#fff !important;}
.hero h1{font-size:clamp(32px,3.7vw,50px) !important; color:var(--ink) !important; -webkit-text-fill-color:var(--ink) !important;}
.hero h1 .hl{color:var(--ink) !important; -webkit-text-fill-color:var(--ink) !important;}
.hero .sub{color:var(--stone) !important;}
.hero .eyebrow{display:inline-flex; align-items:center; gap:10px; background:#fff;
  border:1px solid var(--line); padding:9px 18px; border-radius:999px; color:var(--stone) !important;}
.hero .eyebrow::before{content:""; width:8px; height:8px; border-radius:50%; background:var(--violet);}
/* карточки-факты: наведение — подъём + золотая рамка + золотая цифра */
.hero-meta>div{background:#fff !important; border:1px solid var(--line) !important; border-radius:16px !important;
  transition:transform .3s var(--ease),border-color .3s,box-shadow .3s;}
.hero-meta>div:hover{transform:translateY(-5px); border-color:var(--violet) !important; box-shadow:0 20px 40px -20px rgba(201,160,56,.38);}
.hero-meta b{font-family:'DM Sans',sans-serif !important; font-weight:700; color:var(--ink) !important; transition:color .3s;}
.hero-meta>div:hover b{color:var(--violet-dark) !important;}
.hero-meta span{color:var(--stone) !important;}
/* фото хирурга — аккуратная скруглённая карточка */
.hero-photo{position:relative;}
.hero-photo img{border-radius:34px !important; aspect-ratio:5/6; object-fit:cover; object-position:60% 26%;
  box-shadow:0 42px 92px -46px rgba(60,45,15,.45) !important;
  -webkit-mask-image:none !important; mask-image:none !important;}
.hero-photo::after{content:""; position:absolute; inset:0; border-radius:34px; pointer-events:none;
  background:linear-gradient(160deg,rgba(201,160,56,.10),rgba(0,0,0,0) 46%);}

/* ---------- Направления (Ж/М) ---------- */
.pp-ncard{background:#fff !important; border:1px solid var(--line) !important; border-radius:var(--r) !important;
  overflow:hidden; transition:.3s var(--ease);}
.pp-ncard:hover{transform:translateY(-4px); box-shadow:0 26px 50px -28px rgba(40,30,10,.28); border-color:transparent !important;}
.pp-ncard-title{font-family:'DM Sans',sans-serif !important; text-transform:uppercase; color:var(--ink) !important; font-weight:700;}
.pp-ncard--fem .eyebrow{color:var(--violet-dark) !important;}
.pp-ncard--male .eyebrow{color:#565043 !important;}
.pp-ncard-body p{color:var(--stone) !important;}
.pp-nchips a{color:#3A3226 !important; border:1px solid var(--line) !important; border-radius:999px !important; background:var(--paper) !important;}
.pp-nchips a:hover{border-color:var(--violet) !important; color:var(--violet-dark) !important;}
.pp-ncard--fem .pp-nbtn{background:linear-gradient(180deg,#D3AB44,#C0952C) !important; color:var(--ink) !important; box-shadow:0 14px 30px -14px rgba(201,160,56,.5);}
.pp-ncard--male .pp-nbtn{background:var(--ink) !important; color:#fff !important;}

/* ---------- Популярные направления (карточки) ---------- */
.cards .card{background:var(--card) !important; border:1px solid var(--line) !important; border-radius:var(--r) !important; transition:.3s var(--ease); overflow:hidden;}
.cards .card:hover{transform:translateY(-4px); box-shadow:0 26px 50px -28px rgba(40,30,10,.28); border-color:transparent !important;}
.card-media h3{color:var(--ink) !important;}
.card-go{color:var(--violet-dark) !important; font-weight:700 !important;}
.card-body li a{color:#2C2519 !important; border-bottom:1px solid #F1EAD9 !important;}
.card-body li a:hover{color:var(--violet-dark) !important;}
.card .arr,.arr{color:var(--violet) !important; font-weight:800;}

/* ---------- О ВРАЧЕ ---------- */
.about-grid{align-items:stretch;}
.about-photo{max-width:380px; display:flex;}
.about-img{border-radius:var(--r); overflow:hidden; border:1px solid var(--line); width:100%; display:flex;}
.about-img img{width:100%; height:100%; min-height:100%; object-fit:cover; object-position:50% 16%;}
.about-text .lead{color:var(--stone) !important;}
/* табы-чипы (логику плагина не трогаем) */
.about-tabs{display:inline-flex; background:#fff; border:1px solid var(--line); border-radius:999px; padding:5px; gap:2px; flex-wrap:wrap;}
.about-tabs .chip{border:none !important; background:transparent !important; color:var(--stone) !important;
  border-radius:999px !important; font-family:'DM Sans',sans-serif !important; font-weight:700 !important;
  padding:10px 20px !important; cursor:pointer; transition:.25s var(--ease); text-transform:none;}
.about .about-tabs button.chip.active,.about .about-tabs button.chip[aria-selected="true"]{background:var(--ink) !important; color:#fff !important; border-color:var(--ink) !important;}
.sndp-panel .note-p{color:var(--stone) !important;}
/* дипломы / сертификаты — карточки документов (только вид) */
.sndp-doc-card{background:#fff !important; border:1px solid var(--line) !important; border-radius:16px !important; transition:.25s var(--ease);}
.sndp-doc-card:hover{border-color:var(--violet) !important; box-shadow:0 18px 40px -26px rgba(60,45,15,.28) !important; transform:translateY(-2px);}
.sndp-doc-thumb{border-radius:12px !important;}
.sndp-doc-title{font-family:'DM Sans',sans-serif !important; text-transform:none; color:var(--ink) !important; font-weight:700;}
.sndp-doc-meta{color:var(--violet-dark) !important; font-weight:700;}
.sndp-doc-desc{color:var(--stone) !important;}
.sndp-smi-grid .post-cat{color:var(--violet-dark) !important;}
/* лайтбокс сертификатов — только цвет кнопок */
.sndp-lightbox{background:rgba(30,24,14,.88) !important;}
.sndp-lightbox button.sndp-lb-close,.sndp-lightbox button.sndp-lb-prev,.sndp-lightbox button.sndp-lb-next{
  background:#fff !important; color:var(--ink) !important; border-radius:50% !important; border:1px solid var(--line) !important; transition:.2s var(--ease);}
.sndp-lightbox button.sndp-lb-close:hover,.sndp-lightbox button.sndp-lb-prev:hover,.sndp-lightbox button.sndp-lb-next:hover{
  background:var(--violet) !important; color:#fff !important; border-color:var(--violet) !important;}
.about-note{background:var(--lav) !important; border-radius:16px !important;}
.about-note b,.about-note strong{color:var(--violet-dark) !important; font-family:'DM Sans',sans-serif !important; text-transform:uppercase;}

/* ---------- ФОТО ДО/ПОСЛЕ (карусель pp-ba) ---------- */
.pp-ba{position:relative;}
.pp-ba__track{gap:22px;}
.pp-ba__slide{flex:0 0 calc((100% - 44px)/3); border-radius:var(--r) !important; overflow:hidden;
  border:1px solid var(--line); box-shadow:none; transition:.3s var(--ease); position:relative;}
.pp-ba__slide:hover{transform:translateY(-4px); box-shadow:0 26px 52px -28px rgba(40,30,10,.28); border-color:transparent;}
.pp-ba__tag{background:var(--violet) !important; color:var(--ink) !important; border-radius:999px !important;
  font-weight:700; letter-spacing:.06em; text-transform:uppercase; font-size:11px;}
.pp-ba__nav{background:#fff !important; border:1px solid var(--line) !important; border-radius:50% !important;
  color:var(--ink) !important; box-shadow:0 14px 30px -18px rgba(60,45,15,.4); transition:.25s var(--ease);}
.pp-ba__nav:hover{background:var(--violet) !important; border-color:var(--violet) !important; color:var(--ink) !important; transform:translateY(-2px);}
.pp-ba__nav svg{stroke:currentColor;}
.pp-ba__nav[disabled],.pp-ba__nav:disabled{opacity:.32; background:#fff !important; color:var(--ink) !important; box-shadow:none;}

/* ---------- Принципы ---------- */
.pr-item{background:#fff; border:1px solid var(--line); border-radius:var(--r); transition:.3s var(--ease);}
.pr-item:hover{transform:translateY(-4px); box-shadow:0 24px 50px -28px rgba(40,30,10,.26); border-color:transparent;}
.pr-num{font-family:'DM Sans',sans-serif !important; color:var(--violet) !important; font-weight:700;}

/* ---------- Отзывы ---------- */
.rev-card{background:#fff !important; border:1px solid var(--line) !important; border-radius:var(--r) !important; transition:.3s var(--ease);}
.rev-card:hover{transform:translateY(-4px); box-shadow:0 24px 50px -28px rgba(40,30,10,.28); border-color:transparent !important;}
.rev-card p{color:var(--ink) !important;}
.rev-meta{color:var(--stone) !important; font-weight:700; letter-spacing:.06em; text-transform:uppercase;}
.rev-cta .link,.link{color:var(--violet-dark) !important;}

/* ---------- СМИ / Блог (посты) ---------- */
.post{background:#fff !important; border:1px solid var(--line) !important; border-radius:var(--r) !important; overflow:hidden; transition:.3s var(--ease);}
.post:hover{transform:translateY(-4px); box-shadow:0 24px 50px -28px rgba(40,30,10,.28); border-color:transparent !important;}
.post-cat{display:inline-block; background:var(--lav) !important; color:var(--violet-dark) !important; border-radius:999px !important; font-weight:700;}
.chips .chip{background:#fff; border:1px solid var(--line); color:var(--stone); border-radius:999px;}
.chips .chip.active{background:var(--violet) !important; color:var(--ink) !important; border-color:var(--violet) !important;}

/* ---------- Формы (Contact Form 7) ---------- */
.wpcf7 input:not([type=submit]),.wpcf7 textarea,.consult-form input,.consult-form textarea{
  border-radius:14px !important; border:1.5px solid var(--line) !important; background:#FDFBF6 !important; font-family:'DM Sans',sans-serif !important;}
.wpcf7 input:focus,.wpcf7 textarea:focus{outline:none !important; border-color:var(--violet) !important;}
.wpcf7 input[type=submit],.wpcf7 button[type=submit]{background:linear-gradient(180deg,#D3AB44,#C0952C) !important; color:var(--ink) !important;
  border-radius:999px !important; border:none !important; font-family:'DM Sans',sans-serif !important; font-weight:700 !important;}
.wpcf7 input[type=submit]:hover{background:linear-gradient(180deg,#C8A038,#AC8524) !important;}

/* ---------- Подвал ---------- */
footer.site{background:var(--paper) !important; border-top:1px solid var(--line) !important; color:var(--stone) !important;}
footer.site h5,.f-col h5{font-family:'DM Sans',sans-serif !important; text-transform:uppercase; color:var(--ink) !important; letter-spacing:.06em;}
/* читаемость на белом: все ссылки/тексты подвала — тёмные (были почти невидимые светло-серые) */
footer.site .desc,footer.site .f-col a,footer.site .f-col li,footer.site .f-col li a,
footer.site .f-social a,footer.site .f-contact,footer.site .f-contact a,footer.site .f-contact li,
footer.site .f-contact .ph,footer.site .f-services a,footer.site .f-serv-grid a,footer.site .dir,
footer.site .dir a,footer.site .f-serv-grid .dir{color:var(--stone) !important;}
footer.site .f-col a:hover,footer.site .f-social a:hover,footer.site .f-contact a:hover,
footer.site .f-services a:hover,footer.site .dir a:hover{color:var(--ink) !important;}
footer.site .snpp-legal-name,footer.site .f-serv-title,footer.site .f-form h2,footer.site .f-form h3{color:var(--ink) !important;}
/* контактная форма в подвале */
footer.site .f-form .btn,footer.site .f-form input[type=submit],footer.site .f-form button[type=submit]{
  background:linear-gradient(180deg,#D3AB44,#C0952C) !important; color:var(--ink) !important; border-radius:999px !important;}
footer .logo-img{border-radius:11px;}

/* пустой блок-фото в форме подвала → тёплая заливка вместо белого пятна */
footer.site .f-form-photo{background:linear-gradient(160deg,#F7EDD1,#EAD6A2) !important; border-radius:20px; min-height:200px;}

/* ---------- Убрать чужие (лавандовые) градиенты на карточках ---------- */
.card-media,.priority .card-media{background-image:linear-gradient(160deg,#F7EDD1,#ECDAB0) !important;}

/* ---------- Прочие «золотые скачки» → фирменный золотой ---------- */
.burger,button.burger{background:var(--violet) !important;}
.burger span,.burger::before,.burger::after{background:#fff !important;}
button.mp-close,.mfp-close{background:var(--violet) !important; color:var(--ink) !important;}
.mfp-arrow,.mp-arrow{color:var(--violet) !important;}
.chaty-svg,.chaty-channel .chaty-svg,.pointer .chaty-svg,
.chaty-contact-form-title,button.chaty-submit-button,.chaty-form-wrapper .chaty-submit-button{background:var(--violet) !important;}
.chaty-widget circle,.chaty-widget svg circle{fill:var(--violet) !important; stroke:var(--violet) !important;}
button.chaty-submit-button:hover{background:var(--violet-dark) !important;}

/* ---------- Мобильная адаптация ---------- */
@media(max-width:1060px){
  .pp-ba__slide{flex-basis:calc((100% - 22px)/2);}
  .about-grid{grid-template-columns:1fr;}
  .about-photo{max-width:380px;}
}
@media(max-width:600px){
  .hero h1{font-size:34px !important;}
  .pp-ba__slide{flex-basis:100%;}
  header.site .menu{margin:0 !important;}
  header.site .nav-phone{margin-left:0 !important;}
}

/* ============ ПРАВКИ ВЁРСТКИ ПОД МАКЕТ (0.9.29) ============ */
/* 1) Карточки-факты в херо: текст помещается */
.hero-meta{gap:14px !important;}
.hero-meta>div{flex:1 1 0 !important; min-width:0;}
.hero-meta>div span{white-space:normal !important;}
/* 2) «Популярные направления»: чистые белые карточки без заливки */
.card-media,.priority .card-media{background:transparent !important; background-image:none !important;}
/* 3) «О враче»: фото на всю колонку; мини-цифры в колонке фото убираем (в макете их нет) */
.about-grid{align-items:stretch !important;}
.about-photo{max-width:380px !important; display:flex !important; flex-direction:column !important;}
.about-photo .about-stats{display:none !important;}
.about-photo .about-img{flex:1 1 auto !important; width:100% !important; overflow:hidden; border-radius:var(--r); border:1px solid var(--line);}
.about-photo .about-img img{width:100% !important; height:100% !important; object-fit:cover !important; object-position:50% 16% !important;}
/* 4) До/после: по 3 в ряд, как в макете */
.pp-ba .pp-ba__track .pp-ba__slide{flex:0 0 calc((100% - 44px)/3) !important;}
@media(max-width:1060px){.pp-ba .pp-ba__track .pp-ba__slide{flex:0 0 calc((100% - 22px)/2) !important;}}
@media(max-width:600px){.pp-ba .pp-ba__track .pp-ba__slide{flex:0 0 100% !important;}}
/* 5) Блок «Принципы работы» — в новом макете его нет */
section.principles{display:none !important;}
/* 6) Подвал: CTA «Записаться на консультацию» — тёмная панель как в макете */
footer.site .f-form{background:var(--ink) !important; border-radius:32px !important; padding:clamp(28px,4vw,54px) !important;}
footer.site .f-form .f-form-grid{display:grid !important; grid-template-columns:1fr 1fr; gap:44px; align-items:center;}
footer.site .f-form h2,footer.site .f-form h3,footer.site .f-form .f-form-title,
footer.site .f-form .f-form-grid>div:first-child,footer.site .f-form .f-form-grid>div:first-child p{color:#fff !important;}
footer.site .f-form-photo{display:none !important;}
/* контакты слева (добавляются скриптом плагина) — как в макете */
footer.site .f-form .snpp-cta-contacts{margin-top:24px; display:flex; flex-direction:column; gap:9px;}
footer.site .f-form .snpp-cta-phone{font-family:'DM Sans',sans-serif; font-weight:700; font-size:27px; color:#fff !important;}
footer.site .f-form .snpp-cta-phone a{color:#fff !important;}
footer.site .f-form .snpp-cta-addr,footer.site .f-form .snpp-cta-hours{color:rgba(255,255,255,.68) !important; font-size:15px;}
/* правая колонка — белая карточка формы */
footer.site .f-form .consult-form{background:#fff !important; border-radius:22px !important; padding:28px !important;}
footer.site .f-form .consult-form,footer.site .f-form .consult-form *{color:var(--ink) !important;}
footer.site .f-form .consult-form .consent,footer.site .f-form .consult-form .consent *{color:var(--stone) !important;}
footer.site .f-form input:not([type=submit]),footer.site .f-form textarea{background:#FDFBF6 !important; border:1.5px solid var(--line) !important; color:var(--ink) !important; border-radius:12px !important;}
footer.site .f-form .btn,footer.site .f-form input[type=submit],footer.site .f-form button[type=submit]{background:linear-gradient(180deg,#D3AB44,#C0952C) !important; color:var(--ink) !important; border-radius:999px !important;}
@media(max-width:900px){footer.site .f-form .f-form-grid{grid-template-columns:1fr !important; gap:26px;}}

/* Соцсети в подвале — тонкая золотая обводка ВСЕГДА (была бело-прозрачная, невидимая на белом) */
footer.site .f-social a{border:1px solid rgba(201,160,56,.55) !important; border-radius:999px !important; padding:8px 16px !important; display:inline-block !important;}
footer.site .f-social a:hover{border-color:var(--violet) !important; color:var(--violet-dark) !important;}

/* ====== ГЕРО: размер фото-карточки + бейдж врача + отступы фактов (правка по макету 0.9.33) ====== */
@media(min-width:981px){
  .hero .hero-grid{grid-template-columns:1fr minmax(0,450px) !important; align-items:center !important; gap:48px !important;}
  .hero .hero-photo{align-self:center !important;}
}
.hero .hero-photo{position:relative !important;}
.hero .hero-photo img{width:100% !important; height:auto !important; aspect-ratio:5/6 !important;
  border-radius:34px !important; object-fit:cover !important; display:block !important;}
.hero-meta>div{padding:14px 18px !important;}
/* бейдж врача поверх фото */
.snpp-hero-badge{position:absolute; left:16px; bottom:16px; display:flex; align-items:center; gap:12px;
  background:rgba(255,255,255,.94); border-radius:16px; padding:12px 16px;
  box-shadow:0 20px 50px -20px rgba(33,29,51,.4); max-width:300px;}
.snpp-hero-badge .ava{flex:0 0 auto; width:42px; height:42px; border-radius:50%;
  background:linear-gradient(180deg,#D3AB44,#C0952C); color:#241E15; font-weight:800;
  display:flex; align-items:center; justify-content:center; font-size:15px;}
.snpp-hero-badge b{display:block; color:#241E15; font-size:15px; line-height:1.2; font-family:'DM Sans',sans-serif;}
.snpp-hero-badge small{display:block; color:#6E6557; font-size:12px; line-height:1.25; margin-top:2px;}
@media(max-width:600px){ .snpp-hero-badge{left:12px; bottom:12px; padding:10px 12px; max-width:84%;} }

/* ====== Honeypot формы (поле website) — прячем, но оставляем рабочим для антиспама ====== */
.consult-form input[name="website"], .f-form input[name="website"], footer.site input[name="website"]{
  position:absolute !important; left:-9999px !important; top:auto !important;
  width:1px !important; height:1px !important; opacity:0 !important; pointer-events:none !important;}

/* ====== Популярные направления: убрать тёмный оверлей ::before (фото в карточках нет — иначе видно серую полосу) 0.9.34 ====== */
.priority .card-media::before,.cards .card-media::before{background:none !important; background-image:none !important; content:none !important;}
.priority .card-media,.cards .card-media{background:transparent !important;}

/* ====== О ВРАЧЕ: фиксируем размер фото — не растягивать под высоту активного таба 0.9.35 ====== */
.about-grid{align-items:start !important;}
.about-photo{align-self:start !important; height:auto !important;}
.about-photo .about-img{flex:none !important; height:auto !important;}
.about-photo .about-img img{height:auto !important; aspect-ratio:2/3 !important; object-fit:cover !important; object-position:50% 28% !important; width:100% !important;}

/* ====== До/после — карточки как в макете (портрет, метки ДО/ПОСЛЕ, разделитель, подпись) 0.9.36 ====== */
.gallery .pp-ba__slide{aspect-ratio:4/5 !important; border-radius:18px !important; position:relative !important; overflow:hidden !important; background-size:cover !important; background-position:50% 42% !important;}
.gallery .pp-ba__slide::after{content:"" !important; position:absolute; left:0; right:0; bottom:0; height:42%; background:linear-gradient(to top, rgba(20,16,12,.85), rgba(20,16,12,0)); pointer-events:none; z-index:1;}
.snpp-ba-do{position:absolute; top:12px; left:12px; z-index:3; background:rgba(36,30,21,.92); color:#fff; font-weight:700; font-size:12px; padding:5px 12px; border-radius:999px; letter-spacing:.04em;}
.snpp-ba-posle{position:absolute; bottom:70px; right:12px; z-index:3; background:linear-gradient(180deg,#D3AB44,#C0952C); color:#241E15; font-weight:800; font-size:12px; padding:5px 12px; border-radius:999px; letter-spacing:.04em;}
.snpp-ba-handle{position:absolute; top:42%; left:50%; transform:translate(-50%,-50%); z-index:3; width:44px; height:44px; border-radius:50%; background:#fff; color:#241E15; display:flex; align-items:center; justify-content:center; font-size:18px; box-shadow:0 8px 20px rgba(0,0,0,.28);}
.gallery .pp-ba__tag{position:absolute !important; left:16px !important; bottom:36px !important; top:auto !important; right:auto !important; z-index:3; background:none !important; color:#fff !important; font-weight:800 !important; font-size:15px !important; padding:0 !important; text-transform:uppercase; letter-spacing:.02em; box-shadow:none !important;}
.snpp-ba-sub{position:absolute; left:16px; bottom:14px; z-index:3; color:rgba(255,255,255,.82); font-size:12px;}
@media(max-width:1060px){ .gallery .pp-ba__slide{aspect-ratio:3/4 !important;} }

/* ====== 0.9.37: единая сетка «Направления» + «О враче» (маркеры-кружки, «Безопасность» без ромбика) ====== */
.pp-napr-wrap{max-width:1440px !important; width:100% !important; margin-left:auto !important; margin-right:auto !important; padding-left:24px !important; padding-right:24px !important; box-sizing:border-box !important;}
.about-list{list-style:none !important; padding-left:2px !important;}
.about-list li{position:relative !important; padding-left:30px !important; margin-bottom:10px !important;}
.about-list li::before{content:"" !important; position:absolute !important; left:0 !important; top:.5em !important; width:16px !important; height:16px !important; border-radius:50% !important; background:#EAD9AC !important;}
.about-note .an-ico{display:none !important;}

/* ====== 0.9.38: адаптив — планшет/телефон ====== */
@media(max-width:980px){
  /* херо-фото: размер как задумано темой, не тянуть по 5:6 */
  .hero .hero-photo img{aspect-ratio:auto !important; height:440px !important; max-height:440px !important; width:auto !important; border-radius:28px !important;}
  .snpp-hero-badge{left:14px !important; bottom:14px !important; padding:10px 12px !important; max-width:78% !important;}
}
@media(max-width:1060px){
  /* О враче: фото по центру колонки на узких экранах */
  .about-photo{margin-left:auto !important; margin-right:auto !important;}
}
@media(max-width:600px){
  .pp-napr-wrap{padding-left:16px !important; padding-right:16px !important;}
  .gallery .pp-ba__slide{aspect-ratio:3/4 !important;}
  .snpp-ba-posle{bottom:60px !important;}
}

/* ====== 0.9.39: габариты как в макете — контейнер 1360/34, gap'ы, вертикальные отступы 82px ====== */
.wrap{max-width:1360px !important; padding-left:34px !important; padding-right:34px !important;}
.pp-napr-wrap{max-width:1360px !important; padding-left:34px !important; padding-right:34px !important;}
.priority .cards, .cards{gap:16px !important;}
.pp-napr-grid{gap:24px !important;}
.rev-grid{gap:16px !important;}
.smi-grid{gap:16px !important;}
.blog-grid{gap:16px !important;}
section.pp-napr, section.priority, section.about, section.gallery, section.reviews, section.smi, section.blog{
  padding-top:82px !important; padding-bottom:82px !important;}
@media(max-width:600px){ .wrap, .pp-napr-wrap{padding-left:20px !important; padding-right:20px !important;} }

/* ====== 0.9.41: единый стиль кнопок на всех посадочных (как на главной .btn--primary/.btn--light) ====== */
.pp-btn, .pp-btn--gold, .pp-btn--ghost{
  border-radius:999px !important; font-family:'DM Sans',system-ui,sans-serif !important;
  font-weight:700 !important; font-size:15px !important; padding:14px 26px !important; letter-spacing:0 !important;
  transition:.28s var(--ease) !important;}
.pp-btn--gold{
  background:linear-gradient(180deg,#D3AB44,#C0952C) !important; color:#241E15 !important;
  border:1px solid transparent !important; box-shadow:0 14px 30px -14px rgba(201,160,56,.5) !important;}
.pp-btn--gold:hover{filter:brightness(1.05) !important; transform:translateY(-1px) !important;}
.pp-btn--ghost{
  background:#fff !important; color:#241E15 !important; border:1px solid #EDE4D0 !important; box-shadow:none !important;}
.pp-btn--ghost:hover{border-color:#C9A038 !important; color:#A9822A !important;}

/* ====== 0.9.44: блок «О враче» — фото крупнее и вровень с текстом (десктоп) ====== */
@media(min-width:1061px){
  .about-grid{grid-template-columns:minmax(0,500px) 1fr !important; gap:48px !important;}
  .about-photo{max-width:500px !important; width:100% !important;}
}
.about-photo .about-img img{object-position:50% 22% !important;}

/* ====== 0.9.47: фото «О враче» — контейнер тоже 2:3, чтобы фото (голова) помещалось ЦЕЛИКОМ; применяется везде ====== */
.about-photo .about-img{height:auto !important; aspect-ratio:2/3 !important; overflow:visible !important; min-height:0 !important; display:block !important;}
.about-photo .about-img img{height:auto !important; aspect-ratio:2/3 !important; object-fit:cover !important; object-position:50% 18% !important; width:100% !important; min-height:0 !important;}