/* „Пространство за разговор“ — авторска концепция за psiholog-eu.com (макет P4, 30.10.2026). Не е публикувана. */
@font-face{font-family:'Inter';font-weight:400 600;src:url(inter-cyr.woff2) format('woff2');unicode-range:U+0400-045F,U+2116}
@font-face{font-family:'Inter';font-weight:400 600;src:url(inter-lat.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2190-2193,U+2605}
@font-face{font-family:'Literata';font-weight:300 600;src:url(literata-cyr.woff2) format('woff2');unicode-range:U+0400-045F}
@font-face{font-family:'Literata';font-weight:300 600;src:url(literata-lat.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:'Literata';font-style:italic;font-weight:300 500;src:url(literata-i-cyr.woff2) format('woff2');unicode-range:U+0400-045F}
@font-face{font-family:'Literata';font-style:italic;font-weight:300 500;src:url(literata-i-lat.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F}

:root{
  --ink:#072433;      /* тъмносиньо на сайта — авторски, тих, сериозен */
  --ink-d:#041A25;
  --paper:#F6F2EB;    /* хартия: топлият цвят на светлината в кабинета */
  --paper-2:#EFE8DD;
  --text:#2B3F49;
  --muted:#5D6F77;
  --gold:#A58D66;     /* единственият акцент — за действия и подпис */
  --gold-t:#C9B48E;
  --on:#EDE8E1;
  --rule:rgba(7,36,51,.16);
  --serif:"Literata",Georgia,serif; --ui:"Inter",system-ui,Arial,sans-serif;
  --measure:64ch;
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--paper)}
body{font:400 18px/1.7 var(--ui);color:var(--text);background:var(--paper);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{max-width:1240px;margin:0 auto;padding:0 64px}
/* предложен оригинален текст (2017) — дискретна маркировка в макета */
.orig{position:relative}
.orig::after{content:"оригинал 2017 · чака „ДА“";position:absolute;right:0;top:-18px;font:500 10px/1 var(--ui);letter-spacing:.06em;color:#9A7B4F;background:rgba(201,180,142,.18);padding:3px 6px;border-radius:2px}
.dark .orig::after{color:var(--gold-t);background:rgba(201,180,142,.12)}

/* ---------- Хедър: името като подпис на автор ---------- */
.hdr{position:absolute;top:0;left:0;right:0;z-index:5}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;height:88px}
.brand{display:flex;flex-direction:column;line-height:1.15}
.brand b{font:500 19px/1.1 var(--serif);letter-spacing:.01em;color:var(--on)}
.brand span{font:400 12.5px/1.3 var(--ui);color:rgba(237,232,225,.7);letter-spacing:.02em}
.nav{display:flex;gap:28px;align-items:center;font:500 13.5px/1 var(--ui);color:rgba(237,232,225,.86)}
.nav .tel{color:var(--on);border:1px solid rgba(201,180,142,.6);padding:11px 16px}
.hdr.light .brand b{color:var(--ink)} .hdr.light .brand span{color:var(--muted)} .hdr.light .nav{color:var(--ink)} .hdr.light .nav .tel{color:var(--ink);border-color:var(--gold)}
.burger{display:none}

/* ---------- Първи екран ---------- */
.hero{position:relative;background:var(--ink-d);color:var(--on);min-height:900px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);overflow:hidden}
.hero__text{padding:168px 56px 64px 64px;max-width:720px;justify-self:end;width:100%}
.kicker{font:500 13px/1.5 var(--ui);letter-spacing:.04em;color:var(--gold-t);margin-bottom:22px}
.hero h1{font:400 64px/1.04 var(--serif);letter-spacing:-.02em;margin-bottom:22px;text-wrap:balance}
.hero .sub{font:400 18px/1.65 var(--ui);color:rgba(237,232,225,.78);max-width:34em;margin-bottom:30px}
.hero .voice{font:italic 300 25px/1.45 var(--serif);color:#F4EFE7;border-left:1px solid var(--gold);padding:2px 0 2px 22px;margin:0 0 34px;max-width:28em}
.hero .voice small{display:block;font:400 13px/1.4 var(--ui);font-style:normal;color:rgba(237,232,225,.6);margin-top:10px;letter-spacing:.02em}
.acts{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:22px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 28px;font:500 15.5px/1.2 var(--ui);letter-spacing:.01em;border:1.5px solid var(--gold)}
.btn--line{color:var(--on)}
.btn--fill{background:var(--gold);color:var(--ink-d)}
.light .btn--line{color:var(--ink)}
.facts{display:flex;flex-wrap:wrap;gap:6px 18px;font:400 14.5px/1.5 var(--ui);color:rgba(237,232,225,.78);margin-bottom:18px}
.facts b{font-weight:500;color:var(--on)}
.rating{font:400 11px/1.6 var(--ui);letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.62);display:inline-flex;align-items:center;gap:10px;border-bottom:1px solid var(--gold);padding-bottom:9px}
.stars{display:inline-block;width:86px;height:15px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 18'%3E%3Cdefs%3E%3Cpath id='s' d='M9 1l2.47 5.01 5.53.8-4 3.9.94 5.5L9 13.6l-4.94 2.6.94-5.5-4-3.9 5.53-.8z'/%3E%3ClinearGradient id='g'%3E%3Cstop offset='80%25' stop-color='%23C9A961'/%3E%3Cstop offset='80%25' stop-color='%23C9A961' stop-opacity='.28'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='%23C9A961'%3E%3Cuse href='%23s'/%3E%3Cuse href='%23s' x='20'/%3E%3Cuse href='%23s' x='40'/%3E%3Cuse href='%23s' x='60'/%3E%3C/g%3E%3Cuse href='%23s' x='80' fill='url(%23g)'/%3E%3C/svg%3E") left center/contain no-repeat}
.hero__photo{position:relative}
.hero::after{content:"";position:absolute;left:0;right:0;top:0;height:150px;z-index:3;pointer-events:none;background:linear-gradient(180deg,rgba(4,26,37,.82),rgba(4,26,37,0))}
.hero{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}
.burger .tel{white-space:nowrap}
.hero__photo img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.hero__photo::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--ink-d) 0%,rgba(4,26,37,.25) 18%,rgba(4,26,37,0) 36%),linear-gradient(0deg,rgba(4,26,37,.55) 0%,rgba(4,26,37,0) 26%)}
.hero__photo figcaption{position:absolute;z-index:2;right:28px;bottom:24px;font:400 12.5px/1.4 var(--ui);color:rgba(237,232,225,.8)}

/* ---------- Глави ---------- */
.chap{padding:120px 0}
.chap__no{font:400 15px/1 var(--serif);color:var(--gold);letter-spacing:.08em;margin-bottom:14px;display:flex;align-items:center;gap:14px}
.chap__no::after{content:"";height:1px;width:56px;background:var(--gold);opacity:.7}
.chap h2{font:400 46px/1.1 var(--serif);letter-spacing:-.015em;color:var(--ink);margin-bottom:28px;text-wrap:balance;max-width:16em}
.lead{font:350 25px/1.55 var(--serif);color:var(--ink);max-width:34em;text-wrap:pretty}
p+p{margin-top:1em}

/* Как работя — три стъпки */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px;margin-top:56px;border-top:1px solid var(--rule);padding-top:40px}
.step__n{font:300 56px/1 var(--serif);color:var(--gold);margin-bottom:18px}
.step h3{font:500 22px/1.3 var(--serif);color:var(--ink);margin-bottom:12px}
.step p{font-size:17px;line-height:1.7}

/* Кабинетът — документална снимка на цяла ширина */
.place{position:relative}
.place img{width:100%;height:720px;object-fit:cover;object-position:50% 60%}
.place figcaption{max-width:1240px;margin:0 auto;padding:16px 64px 0;font:400 14px/1.5 var(--ui);color:var(--muted);display:flex;justify-content:space-between}

/* За мен */
.about{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:80px;align-items:start}
.about__ph img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 40%}
.about__ph figcaption{font:400 13px/1.5 var(--ui);color:var(--muted);margin-top:10px}
.edu{margin-top:34px;border-top:1px solid var(--rule);padding-top:22px}
.edu h4{font:500 12px/1.4 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.edu li{list-style:none;font-size:16.5px;line-height:1.6;padding:6px 0;border-bottom:1px solid var(--rule)}
.sig{width:260px;margin-top:30px;opacity:.85}
.essay{background:var(--paper-2);padding:120px 0}
.essay blockquote{max-width:30em;margin:0 auto;font:italic 300 31px/1.55 var(--serif);color:var(--ink);text-align:left}
.essay blockquote footer{margin-top:30px;font:400 14px/1.5 var(--ui);font-style:normal;color:var(--muted);display:flex;align-items:center;gap:16px}
.essay blockquote footer img{width:150px;opacity:.85}

/* Терапии — като съдържание на книга */
.toc{margin-top:40px;border-top:1px solid var(--ink)}
.toc a{display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,1.1fr) 40px;gap:24px;align-items:baseline;padding:26px 0;border-bottom:1px solid var(--rule)}
.toc .n{font:400 15px/1 var(--serif);color:var(--gold)}
.toc .t{font:400 28px/1.2 var(--serif);color:var(--ink)}
.toc .d{font-size:16.5px;color:var(--muted)}
.toc .ar{font:400 22px/1 var(--serif);color:var(--gold);text-align:right}

/* Мнения */
.voices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:44px}
.voices blockquote{font:400 20px/1.6 var(--serif);color:var(--ink);border-top:1px solid var(--gold);padding-top:24px}
.voices cite{display:block;margin-top:16px;font:500 12.5px/1.4 var(--ui);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}

/* Цени */
.fees{margin-top:36px;border-top:1px solid var(--ink);max-width:880px}
.fees div{display:grid;grid-template-columns:minmax(0,1fr) 140px 110px;gap:16px;padding:20px 0;border-bottom:1px solid var(--rule);align-items:baseline}
.fees span:first-child{font:400 22px/1.3 var(--serif);color:var(--ink)}
.fees span:nth-child(2){font-size:15px;color:var(--muted)}
.fees span:last-child{font:400 26px/1 var(--serif);color:var(--ink);text-align:right}

/* Затваряне */
.dark{background:var(--ink-d);color:var(--on)}
.close{padding:120px 0 96px}
.close__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:80px}
.close h2{font:400 48px/1.12 var(--serif);color:var(--on);margin-bottom:30px;max-width:14em}
.close dl{display:grid;grid-template-columns:110px 1fr;gap:10px 18px;font-size:16px;color:rgba(237,232,225,.82)}
.close dt{font:500 12px/1.9 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-t)}
.close .sig{filter:invert(1) brightness(1.7);opacity:.7}

/* ---------- Вътрешна страница / статия ---------- */
.page-hero{background:var(--ink-d);color:var(--on);padding:168px 0 0}
.page-hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:end}
.crumbs{font:400 13px/1.5 var(--ui);color:rgba(237,232,225,.65);margin-bottom:26px}
.page-hero h1{font:400 62px/1.05 var(--serif);letter-spacing:-.02em;margin-bottom:22px}
.page-hero .intro{font:350 21px/1.6 var(--serif);color:rgba(237,232,225,.86);max-width:30em;margin-bottom:30px}
.page-hero__ph img{width:100%;height:520px;object-fit:cover}
.page-hero .left{padding-bottom:64px}
.read{display:grid;grid-template-columns:220px minmax(0,var(--measure)) minmax(0,1fr);gap:56px;padding:96px 0}
.margin{font:400 13.5px/1.5 var(--ui);color:var(--muted);position:sticky;top:24px;align-self:start}
.margin ol{list-style:none;border-left:1px solid var(--rule)}
.margin li{padding:6px 0 6px 14px}
.margin li.on{border-left:2px solid var(--gold);margin-left:-1px;color:var(--ink);font-weight:500}
.read h2{font:400 34px/1.15 var(--serif);color:var(--ink);margin:56px 0 18px;letter-spacing:-.01em}
.read h2:first-child{margin-top:0}
.read h3{font:500 23px/1.3 var(--serif);color:var(--ink);margin:36px 0 10px}
.read p{font-size:18px;line-height:1.75}
.read ul{margin:16px 0 0 0;list-style:none;columns:2;column-gap:40px}
.read ul li{padding:8px 0;border-bottom:1px solid var(--rule);break-inside:avoid;font-size:17px}
.note{background:var(--paper-2);border-left:2px solid var(--gold);padding:20px 24px;margin-top:28px;font-size:17px}
.pull{font:italic 300 30px/1.45 var(--serif);color:var(--ink);border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);padding:28px 0;margin:48px 0}
.author{display:grid;grid-template-columns:120px 1fr;gap:24px;align-items:center;border-top:1px solid var(--rule);padding-top:28px;margin-top:56px}
.author img{width:120px;height:150px;object-fit:cover;object-position:50% 20%}
.author b{font:500 20px/1.3 var(--serif);color:var(--ink);display:block}
.cta-band{padding:88px 0}
.cta-band .wrap{display:flex;justify-content:space-between;align-items:center;gap:40px;flex-wrap:wrap}
.cta-band h2{font:400 40px/1.15 var(--serif);max-width:18em}

/* ---------- Телефон ---------- */
@media (max-width:640px){
  body{font-size:17px}
  .wrap{padding:0 22px}
  .hdr .wrap{height:64px}
  .brand b{font-size:17px} .brand span{font-size:11px;white-space:nowrap}
  .hero::after{height:64px;background:var(--ink-d)}
  .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);padding:9px 11px}
  .hero{display:flex;flex-direction:column;min-height:0}
  .hero__photo{order:-1;height:250px;margin-top:64px}
  .hero__photo::before{background:linear-gradient(0deg,var(--ink-d) 0%,rgba(4,26,37,0) 45%)}
  .hero__photo img{object-position:50% 22%}
  .hero__photo figcaption{display:none}
  .hero__text{padding:4px 22px 40px;max-width:none}
  .kicker{font-size:12.5px;margin-bottom:10px}
  .hero h1{font-size:35px;margin-bottom:12px}
  .hero .sub{font-size:16px;margin-bottom:16px}
  .hero .voice{font-size:19px;padding-left:16px;margin-bottom:20px}
  .acts{flex-direction:column;gap:10px;margin-bottom:14px}
  .btn{width:100%;min-height:52px}
  .facts{font-size:13.5px}
  .chap{padding:72px 0}
  .chap h2{font-size:32px}
  .lead{font-size:20px}
  .steps{grid-template-columns:1fr;gap:34px;margin-top:34px}
  .step__n{font-size:44px;margin-bottom:8px}
  .place img{height:300px}
  .place figcaption{padding:12px 22px 0;flex-direction:column;gap:4px;font-size:13px}
  .about{grid-template-columns:1fr;gap:34px}
  .essay{padding:72px 0}
  .essay blockquote{font-size:23px}
  .toc a{grid-template-columns:36px minmax(0,1fr) 24px;gap:12px;padding:18px 0}
  .toc .d{grid-column:2/3;font-size:15px}
  .toc .t{font-size:22px}
  .toc .ar{grid-row:1;grid-column:3}
  .voices{grid-template-columns:1fr;gap:30px}
  .voices blockquote{font-size:18px}
  .fees div{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}
  .fees span:nth-child(2){grid-column:1;grid-row:2}
  .fees span:last-child{grid-row:1/3;grid-column:2;align-self:center}
  .fees span:first-child{font-size:19px}
  .close{padding:72px 0}
  .close__grid{grid-template-columns:1fr;gap:40px}
  .close h2{font-size:32px}
  .page-hero{padding:88px 0 0}
  .page-hero .wrap{grid-template-columns:1fr;gap:0}
  .page-hero__ph{order:-1;margin:0 -22px}
  .page-hero__ph img{height:230px;object-position:55% 8%}
  .page-hero .left{padding:26px 0 40px}
  .page-hero h1{font-size:36px}
  .page-hero .intro{font-size:18px}
  .read{grid-template-columns:1fr;gap:20px;padding:56px 0}
  .margin{position:static}
  .read h2{font-size:27px;margin-top:44px}
  .read p{font-size:17px}
  .read ul{columns:1}
  .pull{font-size:23px}
  .cta-band h2{font-size:28px}
  .orig::after{top:-16px;font-size:9.5px}
}