/* r3 — добавки за всички страници. Добавя се след r2.css. Макет, не е публикуван. */
.h2x{font:400 46px/1.1 var(--serif);letter-spacing:-.015em;color:var(--ink);margin-bottom:24px;max-width:16em;text-wrap:balance}
.cta-h{font:400 30px/1.2 var(--serif);color:var(--ink);margin-bottom:10px}
.cta-band p{font-size:18px;max-width:34em}
.cta-band p a{border-bottom:1px solid rgba(117,96,63,.8)}
.read h4{font:500 20px/1.3 var(--serif);color:var(--ink);margin:28px 0 8px}
.read ol{margin:16px 0 0 22px}
.read ol li{padding:6px 0;font-size:17px}
.read blockquote{font:italic 300 23px/1.5 var(--serif);color:var(--ink);border-left:1px solid var(--gold);padding-left:20px;margin:28px 0}
.page-hero__ph{position:relative}
.tempimg{position:absolute;left:12px;bottom:12px;right:12px;background:#9A3B2E;color:#fff;font:500 13px/1.4 var(--ui);padding:6px 10px}
.foot{margin-top:0}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Първи екран на вътрешните страници: снимката стига до десния ръб и прелива в тъмното, както на началната */
@media (min-width:641px){
  .page-hero{position:relative;overflow:hidden;padding:0;min-height:640px;display:flex;align-items:center}
  .page-hero .wrap{display:block;width:100%}
  .page-hero .left{position:relative;z-index:2;max-width:50%;padding:168px 0 72px}
  /* снимката започва под заглавната лента — нищо от нея не стои зад менюто */
  .page-hero__ph{position:absolute;top:88px;right:0;bottom:0;width:52vw;margin:0}
  .page-hero__ph img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;filter:saturate(.84) sepia(.07) contrast(1.04) brightness(.98)}
  .page-hero__ph::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--ink-d) 0%,rgba(4,26,37,.55) 16%,rgba(4,26,37,0) 42%),linear-gradient(180deg,rgba(4,26,37,.7) 0%,rgba(4,26,37,0) 22%),linear-gradient(0deg,rgba(4,26,37,.45) 0%,rgba(4,26,37,0) 22%)}
}
@media (max-width:640px){
  .page-hero__ph{position:relative}
  .page-hero__ph img{height:72vw!important;object-position:50% 22%;filter:saturate(.84) sepia(.07) contrast(1.04) brightness(.98)}
  .page-hero__ph::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,var(--ink-d) 0%,rgba(4,26,37,.35) 9%,rgba(4,26,37,0) 22%)}
}
.page-hero__ph .tempimg{z-index:2}
/* Т7 правни: четим текст, без декорация */
.legal h2{font:400 28px/1.2 var(--serif);margin:44px 0 12px}
.legal h4,.legal h5{font:500 19px/1.35 var(--serif);color:var(--ink);margin:26px 0 8px}
.legal li{font-size:17px}
.legal ol,.legal ul{columns:1}
.legal ol li h4{margin-top:10px}
/* Т6 списък статии: редакционен списък, без карти */
.plist{border-top:1px solid var(--ink);max-width:880px}
.pitem{padding:30px 0;border-bottom:1px solid var(--rule)}
.pitem h2{font:400 28px/1.2 var(--serif);color:var(--ink);margin:0 0 8px;text-wrap:balance}
.pmeta{font:400 16px/1.5 var(--ui);color:var(--muted);margin:0 0 10px}
.pmeta a{color:inherit;border-bottom:1px solid var(--rule)}
.psum{font-size:17px;line-height:1.7;max-width:60ch;margin:0 0 6px}
@media (max-width:640px){.pitem h2{font-size:22px}.legal h2{font-size:23px}}
@media (max-width:640px){
  .h2x{font-size:32px}
  .cta-h{font-size:24px}
  .cta-band p{font-size:17px}
  .read blockquote{font-size:19.5px}
}

/* Статии: заглавната снимка и снимките в текста (оригинали от сайта; само кадриране и обща тонална корекция) */
.art-ph,.art-in{margin:28px 0 32px}
.art-ph img,.art-in img{display:block;width:100%;height:auto;max-height:560px;object-fit:cover;object-position:50% 30%;filter:saturate(.84) sepia(.07) contrast(1.04) brightness(.98)}
.art-in img{max-height:720px;object-fit:contain;background:var(--paper-2)}
@media (max-width:640px){.art-ph,.art-in{margin:22px 0 26px}.art-ph img{max-height:none}}

/* Мнения (Т5): списък без карти, автентичните отзиви от сайта */
.rv-list{display:grid;gap:0;max-width:44em}
.rv{border-top:1px solid var(--rule);padding:28px 0}
.rv h4{font:400 22px/1.35 var(--serif);color:var(--ink);margin:0 0 8px}
.rv .rv-meta{font:400 16px/1.5 var(--ui);color:var(--muted);margin:0 0 12px}
.rv .rv-st{color:#75603F;letter-spacing:.12em}
.rv blockquote{font:400 18px/1.66 var(--serif);color:var(--text);margin:0}
.rv blockquote p+p{margin-top:.7em}
.demo-note{background:#FBEDE9;border-left:4px solid #9A3B2E;color:#6E2A20;font:500 16px/1.5 var(--ui);padding:12px 14px;margin:0 0 18px}
.kform select{width:100%;min-height:48px;border:1px solid rgba(7,36,51,.35);background:#fff;font:400 16px/1.4 var(--ui);color:var(--ink);padding:10px 12px}
.kform button[disabled]{opacity:.55;cursor:not-allowed}
.kform .chk{display:flex;gap:10px;align-items:flex-start;font:400 16px/1.5 var(--ui);margin-top:14px}
.kform .chk input{width:22px;min-height:22px;margin-top:2px;flex:none}
.rv-ph{margin:40px 0 0}
.rv-ph img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;filter:saturate(.84) sepia(.07) contrast(1.04) brightness(.98)}
.rv-phs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:40px 0 0}
@media (max-width:640px){.rv-phs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:28px}.rv-ph img{aspect-ratio:1/1}.rv h4{font-size:20px}.rv blockquote{font-size:17.5px}}
/* вертикални снимки (портрет, четене): цялата снимка, без рязане на главата */
.art-ph--portret img,.art-ph img.v{object-fit:contain;max-height:640px;width:auto;max-width:100%;margin:0 auto}
.rv .rv-author{font:500 16px/1.5 var(--ui);color:var(--ink);margin-top:12px}
.rv-sum{margin-top:40px;display:grid;gap:6px;max-width:30em}
.rv-score{font:400 34px/1.1 var(--serif);color:var(--ink)}
.rv-score .rv-st{font-size:22px;color:#75603F;letter-spacing:.12em;margin-left:8px}
.rv-bars{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.rv-bars li{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:12px;align-items:center;font:400 16px/1.4 var(--ui);color:var(--text)}
.rv-bars .bar{height:8px;background:var(--paper-2);display:block}
.rv-bars .bar i{display:block;height:100%;background:#75603F}
.rv-all{margin-top:44px;border-top:1px solid var(--rule)}
.rv-all>summary{min-height:48px;display:flex;align-items:center;font:500 16px/1.3 var(--ui);letter-spacing:.06em;color:var(--ink);cursor:pointer;border-bottom:1px solid var(--rule)}
/* формите (общо за „Контакти“ и „Оставете мнение“) */
.kform{background:var(--paper-2);padding:32px}
.kform label{display:block;font:500 15px/1.4 var(--ui);color:var(--ink);margin:14px 0 6px}
.kform input,.kform textarea{width:100%;min-height:48px;border:1px solid rgba(7,36,51,.35);background:#fff;font:400 16px/1.4 var(--ui);color:var(--ink);padding:10px 12px}
.kform textarea{min-height:120px}
.kform button{margin-top:20px;width:100%}
.kform label.chk{display:flex;font-weight:400;font-size:16px}
.kform .chk input{width:22px;min-height:22px;padding:0}
@media (max-width:640px){.kform{padding:22px 18px}}
@media (max-width:640px){.art-ph--portret img,.art-ph img.v{max-height:62vh}}
/* началната: имената на терапиите са H4 (като на сайта), видът е като досегашния ред */
h4.t{margin:0;font-family:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;line-height:inherit}
/* „За мен“: бележката за прегледа с поле от ръба на телефон */
@media (max-width:640px){.viewnote{margin-left:16px!important;margin-right:16px!important}}
/* началната: редът от сайта, после авторският оригинал (Г2/Д1) */
.toc .d+.d2{margin-top:6px}
/* 31.10, 10:24: снимка само на кабинета — в текста, по-ниска и широка, с мек край отгоре и отдолу (различно от портрета горе) */
.art-in.art-stai{margin:34px 0 30px}
.art-in.art-stai img{width:100%;max-width:100%;height:clamp(220px,34vw,400px);max-height:none;object-fit:cover;object-position:50% 55%;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 14%,#000 82%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 14%,#000 82%,rgba(0,0,0,0) 100%)}
@media (max-width:640px){.art-in.art-stai{margin-left:-22px;margin-right:-22px}.art-in.art-stai img{height:62vw;max-width:none}}
/* 31.10, 10:24: всички 8 кратки реда от сайта са върнати; по-дългите Г2/Д1 — прав шрифт, за да се различават от краткия ред */
.toc .d2{font-style:normal;font-size:16.5px;line-height:1.6;color:var(--muted)}
.toc a{padding:24px 0;row-gap:6px}
.toc .d{margin-top:0}
.toc .d+.d2{margin-top:4px}
@media (max-width:640px){.toc a{padding:18px 0}.toc .d{margin-top:6px;line-height:1.5}.toc .d2{font-size:16px}}
/* 31.10, 10:56: краткият ред — курсив 400 вместо 300 (по-плътен щрих, същият размер); на телефон редът минава и под стрелката (по-широка колона) */
.toc .d:not(.d2){font-weight:400}
@media (max-width:640px){.toc .d{grid-column:2/4}.toc .d:not(.d2){font-size:17px;line-height:1.5}}
/* 31.10, 11:47 (одобрено): йерархия на телефон — H1 32 px, заглавия на разделите 28 px */
@media (max-width:640px){body .hero h1{font-size:32px;letter-spacing:-.025em}body .chap h2,body .h2x{font-size:28px}}
/* под 375 px „Психолог в Пловдив“ не се побира на 32 px (нужни 313 px, има 298) — там 30 px, за да остане на един ред; пак е над H2 (28) */
@media (max-width:374px){body .hero h1{font-size:30px}}
/* 31.10, 11:47 (одобрено, ако подобрява баланса): първият екран на компютър по общата мрежа — левият ръб като марката и разделите */
@media (min-width:1001px){.hero__text{max-width:none;padding-left:max(64px,calc((100vw - 1240px) / 2 + 64px))}}
/* Снимките в статиите и мненията — без „залепен правоъгълник“: долният край прелива в хартията (както първите екрани),
   на телефон снимката стига до двата ръба. Само кадриране и обща тонална корекция; главата остава в горните 75 %. */
.art-ph img,.art-in img,.rv-phs{-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 74%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(180deg,#000 0%,#000 74%,rgba(0,0,0,0) 100%)}
.art-ph,.art-in{margin:30px 0 4px}
.art-in img{background:none;width:auto;max-width:100%;max-height:70vh;margin:0 auto}
.rv-phs{gap:3px}
@media (max-width:640px){
  .art-ph,.art-in,.rv-phs{margin-left:-22px;margin-right:-22px}
  .art-ph img,.art-in img{width:100%;max-width:none}
  .art-ph--portret img,.art-ph img.v{width:auto;max-width:100%}
}
/* на компютър и четирите ръба преливат меко в хартията (лицето е в средата и не се засяга) */
@media (min-width:641px){
  .art-ph img,.art-in img,.rv-phs{
    -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 7%,#000 74%,rgba(0,0,0,0) 100%),linear-gradient(90deg,rgba(0,0,0,0) 0%,#000 7%,#000 93%,rgba(0,0,0,0) 100%);
    -webkit-mask-composite:source-in;
    mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 7%,#000 74%,rgba(0,0,0,0) 100%),linear-gradient(90deg,rgba(0,0,0,0) 0%,#000 7%,#000 93%,rgba(0,0,0,0) 100%);
    mask-composite:intersect}
}
@media (max-width:640px){.art-ph--portret img,.art-ph img.v{width:100%;max-width:none;height:min(62vh,133vw);max-height:none;object-fit:cover;object-position:50% 20%}}
/* Междинни ширини 641–1000 px (таблет, телефон хоризонтално): менюто от телефона вместо пълното меню; футърът в една колона */
@media (min-width:641px) and (max-width:1000px){
  .nav{display:none}
  .burger{display:flex;gap:18px;align-items:center;color:var(--on);font:500 13px/1 var(--ui)}
  .hdr.light .burger{color:var(--ink)}
  .burger .tel{border:1px solid rgba(201,180,142,.6)}
  .burger .tel,.burger span:last-child{min-height:48px;display:inline-flex;align-items:center;padding:0 12px}
  .close__grid{grid-template-columns:1fr;gap:40px}
}
/* поле от ръба и на междинните ширини (koncepcia.css нулираше страничното поле на .read) */
@media (min-width:641px) and (max-width:1200px){.wrap.read{padding-left:max(28px,env(safe-area-inset-left,0px));padding-right:max(28px,env(safe-area-inset-right,0px))}}
@media (min-width:641px) and (max-width:1200px){.viewnote{margin-left:28px!important;margin-right:28px!important}}
/* „Депресия“ на телефон: кадърът е по-ниско — без отрязаната ивица от телевизора горе; главата остава цяла */
@media (max-width:640px){.page-hero__ph img[src$="11_depresija_1_200kb.jpg"]{object-position:50% 54%!important}}

/* final (31.10): първият абзац на услугата е в първия екран — проблемът и помощта първо, всяка услуга с различно начало */
.page-hero .intro{font:350 20px/1.6 var(--serif);color:rgba(237,232,225,.88);max-width:30em;margin:0 0 26px}
@media (max-width:640px){.page-hero .intro{font-size:17.5px;line-height:1.6;margin:0 0 18px}.page-hero .facts{font-size:15px}}

/* final (31.10): списъците в текста — в една колона (с 3 точки двете колони излизаха неравни: 2 + 1); отстояние след списъка */
.read ul{columns:1}.read ul+p{margin-top:18px}
