/*
Theme Name: Славина Коцева
Theme URI: https://slavinakotzeva.com
Description: Тема, изработена по поръчка за сайта на Славина Коцева.
Author: wp-site.bg
Version: 1.64.1
Requires at least: 6.0
Tested up to: 7.0
Text Domain: slavina
*/

:root{
  --sage:#7F8F7C; --sage-dk:#738370; --sage-lt:#A3B2A0; --sage-pale:#C2C8BD;
  --cream:#F8F7F4; --card:#FAF8F4;
  --bg-1:#EEF3EF; --bg-2:#F3F0EA; --bg-3:#E7ECE8; --bg-4:#F8F7F4;
  --ink:#2F2F2F; --body:#4E554A; --mute:#6B6F6A; --light:#8A8F8A; --eyebrow:#7A8177;
  --line:#DADFD8; --stat:#5F695C;
  --fh:'Spectral',Georgia,'Times New Roman',serif;
  --fb:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);
  /* всички „дишащи“ елементи ползват едно време, easing и амплитуда */
  --sk-breathe-time:15s;
  --sk-breathe-ease:cubic-bezier(.45,0,.55,1);
  /* контейнерът расте заедно с екрана — на широк монитор съдържанието
     не стои свито в средата, а следва пропорцията от дизайна (~92%) */
  --shell:min(1600px, 92vw);
  --pad:32px;
  /* отстъп отляво, който съвпада точно с контейнера на останалите секции */
  --gut:max(var(--pad), calc((100vw - var(--shell)) / 2));
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--fb);font-size:19px;line-height:1.76;color:var(--ink);
  background:var(--cream);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img{max-width:100%;height:auto}
a{color:var(--sage-dk)}
h1,h2,h3,h4{font-family:var(--fh);color:var(--ink);margin:0;font-weight:600}
h1{font-size:clamp(36px,4.6vw,58px);line-height:1.14;letter-spacing:-.8px;font-weight:600}
h2{font-size:clamp(27px,3vw,36px);line-height:1.26;letter-spacing:-.4px;font-weight:500}
h3{font-size:22px;line-height:1.3;letter-spacing:-.2px;font-weight:500}
h4{font-size:19px;line-height:1.35;font-weight:500}
p{margin:0}
:focus-visible{outline:2px solid var(--sage);outline-offset:3px}

.sk-shell{width:min(var(--shell), 100% - var(--pad) * 2);margin-inline:auto;max-width:none;padding:0}
.sk-skip{position:absolute;left:-9999px;top:0;background:var(--sage);color:var(--cream);
  padding:12px 20px;z-index:999;border-radius:0 0 7px 0}
.sk-skip:focus{left:0}

/* ══════════ ХЕДЪР ══════════ */
.sk-head{position:sticky;top:0;z-index:120;background:var(--bg-1);
  transition:box-shadow .3s var(--ease),background .3s var(--ease)}
.sk-head.stuck{box-shadow:0 1px 22px -8px rgba(58,68,56,.22);background:rgba(238,243,239,.96);
  backdrop-filter:saturate(150%) blur(9px)}
.sk-topbar{border-bottom:1px solid rgba(122,129,119,.16);font-size:13.5px;color:var(--mute)}
.sk-topbar .sk-shell{display:flex;align-items:center;justify-content:space-between;gap:20px;
  min-height:44px;flex-wrap:wrap}
.sk-topbar-l{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.sk-topbar a{display:inline-flex;align-items:center;gap:8px;color:var(--mute)!important;
  text-decoration:none;transition:color .25s var(--ease)}
.sk-topbar a:hover{color:var(--sage-dk)!important}
.sk-topbar svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.4;
  stroke-linecap:round;stroke-linejoin:round}
.sk-social{display:flex;align-items:center;gap:16px}
.sk-social a{color:var(--eyebrow)!important}
.sk-social svg{width:20px;height:20px}

/* лентата се свива при скрол */
.sk-navbar .sk-shell{display:flex;align-items:center;justify-content:space-between;gap:28px;
  min-height:96px;transition:min-height .4s var(--ease)}
.sk-head.stuck .sk-navbar .sk-shell{min-height:72px}
.sk-brand{display:flex;flex-direction:column;align-items:flex-start;gap:8px;
  text-decoration:none;flex:none}
.sk-logo{display:block;height:62px;width:auto;transition:height .4s var(--ease)}
.sk-head.stuck .sk-logo{height:50px}
.sk-brand .sk-brand-tag{font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase;
  color:var(--eyebrow);line-height:1;overflow:hidden;
  transition:opacity .35s var(--ease),max-height .4s var(--ease)}
.sk-head.stuck .sk-brand-tag{opacity:0;max-height:0}

.sk-nav{display:flex;align-items:center;gap:36px}
.sk-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:36px}
.sk-nav li{position:relative}
.sk-nav a{font-size:15.5px;color:var(--ink)!important;text-decoration:none;padding:7px 0;
  display:inline-flex;align-items:center;gap:7px;position:relative;
  transition:color .25s var(--ease)}
.sk-nav a:hover{color:var(--sage-dk)!important}

/* подчертаването се разтваря от центъра навън */
.sk-nav>ul>li>a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:var(--sage);transform:scaleX(0);transform-origin:center;
  transition:transform .4s var(--ease)}
.sk-nav>ul>li>a:hover::after,
.sk-nav>ul>li.current-menu-item>a::after,
.sk-nav>ul>li.current-menu-parent>a::after{transform:scaleX(1)}
.sk-nav>ul>li.current-menu-item>a{color:var(--sage-dk)!important}

/* на голям екран подменюто се отваря при посочване — бутонът е излишен */
.sk-sub-toggle{display:none}

/* стрелка на „Услуги“ */
.sk-nav .menu-item-has-children>a::before{content:"";width:6px;height:6px;order:2;
  border-right:1.3px solid currentColor;border-bottom:1.3px solid currentColor;
  transform:rotate(45deg) translateY(-2px);opacity:.5;
  transition:transform .3s var(--ease),opacity .3s var(--ease)}
.sk-nav .menu-item-has-children:hover>a::before{transform:rotate(225deg) translateY(-2px);opacity:.9}

/* падащо меню */
.sk-nav .sub-menu{position:absolute;top:calc(100% + 14px);left:50%;translate:-50% 0;
  min-width:236px;background:rgba(248,247,244,.97);backdrop-filter:blur(10px);
  border:1px solid var(--line);border-radius:13px;padding:9px;flex-direction:column;gap:0;
  align-items:stretch;box-shadow:0 26px 46px -26px rgba(58,68,56,.42);
  opacity:0;visibility:hidden;transform:translateY(-8px) scale(.985);
  transition:opacity .3s var(--ease),transform .3s var(--ease),visibility .3s}
/* връхче към родителя */
.sk-nav .sub-menu::before{content:"";position:absolute;top:-5px;left:50%;translate:-50% 0;
  width:9px;height:9px;background:inherit;border-left:1px solid var(--line);
  border-top:1px solid var(--line);transform:rotate(45deg)}
.sk-nav li:hover>.sub-menu,.sk-nav li:focus-within>.sub-menu{
  opacity:1;visibility:visible;transform:none}
.sk-nav .sub-menu a{display:flex;align-items:center;gap:0;padding:11px 16px;border-radius:8px;
  font-size:15px;color:var(--body)!important;
  transition:background .25s var(--ease),color .25s var(--ease),padding-left .25s var(--ease)}
/* тире, което се плъзва отляво */
.sk-nav .sub-menu a::before{content:"";width:0;height:1px;background:var(--sage);
  margin-right:0;transition:width .3s var(--ease),margin .3s var(--ease)}
.sk-nav .sub-menu a:hover{background:var(--bg-1);color:var(--ink)!important}
.sk-nav .sub-menu a:hover::before{width:12px;margin-right:9px}
/* появяват се едно след друго */
.sk-nav .sub-menu li{opacity:0;transform:translateX(-4px);
  transition:opacity .3s var(--ease),transform .3s var(--ease)}
.sk-nav li:hover>.sub-menu li,.sk-nav li:focus-within>.sub-menu li{opacity:1;transform:none}
.sk-nav li:hover>.sub-menu li:nth-child(1){transition-delay:.04s}
.sk-nav li:hover>.sub-menu li:nth-child(2){transition-delay:.09s}
.sk-nav li:hover>.sub-menu li:nth-child(3){transition-delay:.14s}
.sk-head-cta{flex:none}

.sk-burger{display:none;width:42px;height:42px;background:none;border:0;cursor:pointer;
  align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:0}
.sk-burger span{display:block;width:22px;height:1.5px;background:var(--ink);
  transition:transform .3s var(--ease),opacity .3s var(--ease)}
.sk-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.sk-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.sk-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

@media (max-width:960px){
  .sk-burger{display:flex}

  /* КЛЮЧОВО: backdrop-filter прави хедъра containing block за position:fixed,
     затова панелът се смачкваше в неговите 147px вместо да покрие екрана.
     При отворено меню филтърът отпада и хедърът се вдига над съдържанието. */
  body.sk-menu-open .sk-head{z-index:300}
  body.sk-menu-open .sk-head.stuck{backdrop-filter:none;-webkit-backdrop-filter:none;
    background:transparent;box-shadow:none}
  /* иначе логото увисва точно върху първия ред от менюто */
  body.sk-menu-open .sk-navbar{background:var(--bg-1);
    transition:background .3s var(--ease)}
  body.sk-menu-open .sk-navbar::after{content:"";position:absolute;left:0;right:0;top:100%;
    height:22px;background:linear-gradient(180deg,var(--bg-1),rgba(238,243,239,0));
    pointer-events:none;transition:opacity .3s var(--ease)}

  /* Щом менюто тръгне надолу, логото се отдръпва — пунктовете минават
     под него без да се застъпват. При връщане най-горе се появява пак.
     Бургерът остава, за да има с какво да се затвори. */
  body.sk-menu-open .sk-brand{
    transition:opacity .28s var(--ease),transform .28s var(--ease)}
  body.sk-menu-open.sk-nav-scrolled .sk-brand{
    opacity:0;transform:translateY(-10px);pointer-events:none}
  body.sk-menu-open.sk-nav-scrolled .sk-navbar{background:transparent}
  body.sk-menu-open.sk-nav-scrolled .sk-navbar::after{opacity:0}
  body.sk-menu-open .sk-topbar{opacity:0;transition:opacity .25s var(--ease)}
  /* логото и бургерът остават над панела, за да има с какво да се затвори */
  body.sk-menu-open .sk-navbar{position:relative;z-index:140}

  /* ---- менюто заема целия екран ---- */
  .sk-nav{position:fixed;inset:0;width:100%;z-index:130;
    display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;
    padding:calc(var(--sk-head-h, 112px) + clamp(18px,4vw,30px)) var(--pad) clamp(32px,7vw,54px);
    background:linear-gradient(158deg,var(--bg-1) 0%,#EDF0EA 46%,var(--bg-2) 100%);
    overflow-y:auto;overscroll-behavior:contain;
    opacity:0;visibility:hidden;transform:none;
    clip-path:circle(0% at calc(100% - 46px) 58px);
    transition:opacity .3s var(--ease),visibility .3s,
      clip-path .55s cubic-bezier(.6,0,.2,1)}
  .sk-nav.open{opacity:1;visibility:visible;
    clip-path:circle(150% at calc(100% - 46px) 58px)}

  .sk-nav ul{flex-direction:column;align-items:stretch;gap:0}
  .sk-nav>ul{border-top:1px solid rgba(122,129,119,.18)}
  .sk-nav>ul>li{border-bottom:1px solid rgba(122,129,119,.18)}
  /* едри имена в Spectral — менюто чете като съдържание, не като списък */
  .sk-nav>ul>li>a{font-family:var(--fh);font-size:clamp(25px,7vw,32px);font-weight:500;
    letter-spacing:-.4px;line-height:1.2;padding:clamp(15px,3.6vw,20px) 0;
    display:flex;align-items:center;justify-content:space-between}
  .sk-nav>ul>li>a::after{display:none}
  /* стрелката вече е отделен бутон, затова тази отпада */
  .sk-nav .menu-item-has-children>a::before{display:none}
  .sk-nav>ul>li.current-menu-item>a{color:var(--sage-dk)!important}

  /* името и стрелката стоят на един ред, подменюто минава отдолу */
  .sk-nav>ul>li.menu-item-has-children{display:flex;flex-wrap:wrap;align-items:center}
  .sk-nav>ul>li.menu-item-has-children>a{flex:1 1 auto}

  .sk-sub-toggle{
    flex:none;width:46px;height:46px;margin-right:-8px;padding:0;cursor:pointer;
    border:0;background:none;color:var(--ink);
    display:flex;align-items:center;justify-content:center;
  }
  .sk-sub-toggle::before{
    content:"";width:10px;height:10px;
    border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;
    transform:rotate(45deg) translate(-2px,-2px);opacity:.45;
    transition:transform .32s var(--ease),opacity .32s var(--ease);
  }
  .sk-nav>ul>li.is-open>.sk-sub-toggle::before{
    transform:rotate(225deg) translate(-2px,-2px);opacity:.85;
  }

  /* свито по подразбиране — разгъва се само при натискане на стрелката */
  .sk-nav .sub-menu{position:static;translate:none;opacity:1;visibility:visible;transform:none;
    border:0;box-shadow:none;padding:0;background:none;min-width:0;
    backdrop-filter:none;display:flex;flex-direction:column;gap:0;
    flex-basis:100%;max-height:0;overflow:hidden;
    transition:max-height .34s var(--ease),padding .34s var(--ease)}
  .sk-nav>ul>li.is-open>.sub-menu{max-height:360px;padding:0 0 14px 2px}
  .sk-nav .sub-menu::before{display:none}
  .sk-nav .sub-menu a{padding:8px 0;font-size:16px;color:var(--mute)!important;
    font-family:var(--fb)}
  .sk-nav .sub-menu a::before{content:"";width:14px;height:1px;background:var(--sage-lt);
    margin-right:12px;flex:none;opacity:.7}
  .sk-nav .sub-menu li{opacity:1;transform:none}

  /* редовете влизат един след друг */
  .sk-nav>ul>li{opacity:0;transform:translateY(16px);
    transition:opacity .45s var(--ease),transform .45s var(--ease)}
  .sk-nav.open>ul>li{opacity:1;transform:none}
  .sk-nav.open>ul>li:nth-child(1){transition-delay:.20s}
  .sk-nav.open>ul>li:nth-child(2){transition-delay:.26s}
  .sk-nav.open>ul>li:nth-child(3){transition-delay:.32s}
  .sk-nav.open>ul>li:nth-child(4){transition-delay:.38s}
  .sk-nav.open>ul>li:nth-child(5){transition-delay:.44s}

  /* контактите застават в дъното на менюто */
  .sk-nav-foot{margin-top:auto;padding-top:clamp(28px,7vw,44px);
    display:flex;flex-direction:column;gap:14px;
    opacity:0;transform:translateY(14px);
    transition:opacity .5s var(--ease) .48s,transform .5s var(--ease) .48s}
  .sk-nav.open .sk-nav-foot{opacity:1;transform:none}
  .sk-nav-foot a{display:inline-flex;align-items:center;gap:11px;font-size:16px;
    color:var(--body)!important;text-decoration:none}
  .sk-nav-foot svg{width:17px;height:17px;stroke:var(--sage);fill:none;stroke-width:1.4;
    stroke-linecap:round;stroke-linejoin:round;flex:none}
  .sk-nav-social{display:flex;gap:12px;margin-top:6px}
  .sk-nav-social a{width:42px;height:42px;border-radius:50%;justify-content:center;
    border:1px solid rgba(122,129,119,.28);color:var(--sage-dk)!important}
  .sk-nav-social svg{width:19px;height:19px;stroke:currentColor}

  .sk-head-cta{display:none}
  /* пълноекранното меню не се нуждае от затъмнение отзад */
  .sk-scrim{display:none}

  /* хедърът е по-нисък на телефон — 147px изяждаха една пета от екрана */
  .sk-navbar .sk-shell{min-height:66px}
  .sk-head.stuck .sk-navbar .sk-shell{min-height:58px}
  .sk-logo{height:46px}
  .sk-head.stuck .sk-logo{height:40px}
  /* слоганът стои и на телефон — само по-дребен, за да не вдига лентата */
  .sk-brand{gap:5px}
  .sk-brand .sk-brand-tag{font-size:8.5px;letter-spacing:1.1px;white-space:nowrap}
  .sk-topbar-l{gap:18px}
  .sk-topbar .sk-shell{min-height:38px}
  /* панелът е брат на логото и бургера в .sk-shell — за да останат
     видими над него, им трябва по-висок z-index от неговия 130 */
  .sk-burger{position:relative;z-index:200}
  .sk-brand{position:relative;z-index:200}
}
@media (max-width:620px){
  .sk-topbar-l{gap:16px;font-size:12.5px}
  .sk-topbar .sk-shell{min-height:40px;padding-top:6px;padding-bottom:6px}
}

/* ══════════ ФУТЪР ══════════ */
.sk-foot{position:relative;isolation:isolate;overflow:hidden;
  color:#2E352D;padding:clamp(62px,7vw,92px) 0 30px;
  background:linear-gradient(180deg,#CBD0C6 0%,var(--sage-pale) 46%,#C3C9BD 100%)}
/* меко преливане от секцията отгоре — без рязка граница */
/* дълъг преход, който поема тона на последната секция и го отвежда
   до зеленото на футъра — иначе границата се чете като линия */
.sk-foot::before{content:"";position:absolute;inset:0 0 auto 0;height:210px;z-index:-2;
  background:linear-gradient(180deg,
    rgba(238,243,239,.99) 0%,rgba(240,243,238,.86) 22%,
    rgba(240,242,236,.54) 52%,rgba(243,240,234,.22) 78%,rgba(243,240,234,0) 100%)}
/* клонката е самостоятелен блок със свободно пространство отдолу,
   а разделителната линия минава ПОД нея, не върху нея */
/* на по-тъмния фон multiply избледнява клонката — затова тук е по-плътна */
.sk-foot-leaf{--sk-leaf-opacity:.85;position:relative;
  margin:clamp(42px,5vw,62px) auto clamp(26px,3vw,38px);
  width:min(400px,58%);aspect-ratio:1290/311}

.sk-foot-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto auto;
  gap:clamp(30px,4vw,64px);align-items:start}

.sk-foot-logo{height:62px;margin-bottom:18px}
.sk-foot-tag{font-family:var(--fh);font-style:italic;font-size:16px;color:#3C453B;
  margin-bottom:26px;letter-spacing:.2px}

.sk-foot-social{display:flex;gap:14px}
.sk-foot-social a{width:44px;height:44px;border-radius:50%;
  border:1px solid rgba(46,53,45,.24);display:inline-flex;align-items:center;justify-content:center;
  color:#2E352D!important;
  transition:background .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease),
  transform .3s var(--ease)}
.sk-foot-social a:hover{background:#2E352D;border-color:#2E352D;color:#F1EFE9!important;
  transform:translateY(-2px)}
.sk-foot-social svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.4}

/* заглавия на колоните */
.sk-foot-h{font-family:var(--fb);font-size:10.5px;font-weight:500;letter-spacing:1.8px;
  text-transform:uppercase;color:#5C6659;margin:0 0 18px}
.sk-foot-contact{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:13px;
  font-size:14.5px}
.sk-foot-contact li{display:flex;align-items:center;gap:11px;color:#3C453B}
.sk-foot-contact svg{flex:none;width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.35;
  stroke-linecap:round;stroke-linejoin:round;color:#67715F}
.sk-foot-contact a{color:#3C453B!important;text-decoration:none;transition:color .25s var(--ease)}
.sk-foot-contact a:hover{color:#1C221B!important}

/* връзки с подчертаване, което израства отляво */
.sk-foot-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.sk-foot-nav a{position:relative;display:inline-block;font-size:14.5px;color:#3C453B!important;
  text-decoration:none;padding-bottom:2px;transition:color .25s var(--ease)}
.sk-foot-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;
  background:#2E352D;transition:right .35s var(--ease)}
.sk-foot-nav a:hover{color:#1C221B!important}
.sk-foot-nav a:hover::after{right:0}

.sk-foot-rule{height:1px;margin:0 0 20px;border:0;
  background:linear-gradient(90deg,rgba(46,53,45,0),rgba(46,53,45,.22) 18%,
  rgba(46,53,45,.22) 82%,rgba(46,53,45,0))}
.sk-foot-copy{position:relative;z-index:1;text-align:center;font-size:13.5px;color:#333C32;
  letter-spacing:.25px;opacity:.65}

@media (max-width:1080px){
  .sk-foot-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px 48px}
}
@media (max-width:620px){
  .sk-foot{padding-top:54px;text-align:left}
  .sk-foot-grid{grid-template-columns:1fr;gap:34px}
  .sk-foot::after{opacity:.09;height:40%}
}

/* ══════════ ОБЩИ ЕЛЕМЕНТИ ══════════ */
.sk-eyebrow{display:block;font-family:var(--fb);font-size:12px;font-weight:500;letter-spacing:2px;
  text-transform:uppercase;color:var(--eyebrow);margin:0 0 16px}
.sk-lead{color:var(--body);font-size:18px;line-height:1.78}

.sk-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--fb);
  font-size:16px;font-weight:500;line-height:1;text-decoration:none;border-radius:7px;
  border:1px solid transparent;cursor:pointer;
  transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease),
  transform .25s var(--ease),box-shadow .25s var(--ease)}
/* основен бутон — плътен, с деликатен вътрешен блик и стрелка, която тръгва при посочване */
.sk-btn-1{position:relative;overflow:hidden;padding:17px 34px;letter-spacing:.2px;
  background:linear-gradient(180deg,#8B9A88 0%,var(--sage) 55%,#77876F 100%);
  color:var(--cream)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.22) inset,0 10px 24px -14px rgba(63,76,60,.85)}
.sk-btn-1::before{content:"";position:absolute;inset:0;border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 58%);
  opacity:0;transition:opacity .3s var(--ease)}
.sk-btn-1:hover{color:var(--cream)!important;transform:translateY(-2px);
  box-shadow:0 1px 0 rgba(255,255,255,.26) inset,0 18px 30px -16px rgba(63,76,60,.9)}
.sk-btn-1:hover::before{opacity:1}
.sk-btn-1:active{transform:translateY(0)}
.sk-btn-arrow{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round;
  opacity:0;margin-left:-22px;transform:translateX(-4px);
  transition:opacity .3s var(--ease),margin .3s var(--ease),transform .3s var(--ease)}
.sk-btn-1:hover .sk-btn-arrow,.sk-btn-1:focus-visible .sk-btn-arrow{opacity:1;margin-left:0;transform:none}

/* вторичен бутон */
.sk-btn-2{background:transparent;color:var(--sage)!important;border-color:var(--sage);padding:15px 30px}
.sk-btn-2:hover{background:var(--sage);color:var(--cream)!important;transform:translateY(-2px);
  box-shadow:0 12px 24px -16px rgba(63,76,60,.8)}
.sk-btn-lg{padding:19px 42px;font-size:16.5px}
.sk-btn-sm{padding:11px 22px;font-size:14.5px}

.sk-tick{flex:none;width:17px;height:17px;margin-top:3px;stroke:var(--sage);fill:none;
  stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sk-branch{display:block;margin:0 auto;width:38px;height:auto;stroke:var(--sage-lt);fill:none;
  stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round;opacity:.85}

/* появяване */
.sk-rv{transition:opacity .75s var(--ease),transform .7s var(--ease)}
body.sk-armed .sk-rv{opacity:0;transform:translateY(20px)}
body.sk-armed .sk-rv.in{opacity:1;transform:none}

/* ══════════ ВЪТРЕШНИ СТРАНИЦИ ══════════ */
/* заглавната лента на архива и страниците — същият език като новите страници */
.sk-phead{position:relative;isolation:isolate;overflow:hidden;text-align:center;
  padding:clamp(64px,8vw,104px) 0 clamp(56px,6.6vw,84px);
  background:
    linear-gradient(0deg,#F5F4F0 0%,rgba(245,244,240,0) 14%),
    linear-gradient(172deg,var(--bg-1) 0%,#EAF0EB 60%,#F2F3EE 100%)}
/* ореолът гасне надолу с маска — иначе цапа долния ръб на лентата
   и преходът към следващата секция се къса */
.sk-phead::before{content:"";position:absolute;z-index:-1;top:-32%;left:50%;translate:-50% 0;
  width:min(860px,120vw);aspect-ratio:1;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 50% 50%,rgba(247,241,230,.85) 0%,
    rgba(240,236,226,.4) 42%,rgba(238,243,239,0) 70%);
  -webkit-mask-image:linear-gradient(180deg,#000 34%,rgba(0,0,0,0) 74%);
  mask-image:linear-gradient(180deg,#000 34%,rgba(0,0,0,0) 74%);
  animation:sk-breathe var(--sk-breathe-time) var(--sk-breathe-ease) infinite}
/* долният ръб се дорисува НАД ореола — при кратки страници лентата е
   ниска и ореолът иначе стига до долу и чупи прехода */
.sk-phead::after{content:"";position:absolute;z-index:-1;inset:auto 0 0 0;height:52%;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(245,244,240,0) 0%,#F5F4F0 100%)}
.sk-phead .sk-eyebrow{margin-bottom:18px}
.sk-phead h1{max-width:900px;margin:0 auto;font-size:clamp(30px,3.8vw,46px)}
/* линията под заглавието, както при другите страници */
.sk-phead h1::after{content:"";display:block;width:96px;height:1px;margin:26px auto 0;
  background:linear-gradient(90deg,rgba(163,178,160,.25),var(--sage),rgba(163,178,160,.25))}
.sk-phead p{max-width:680px;margin:24px auto 0;color:var(--body)}
.sk-crumb{font-size:13px;color:var(--light);margin-bottom:18px}
.sk-crumb a{color:var(--light)!important;text-decoration:none}
.sk-crumb a:hover{color:var(--sage-dk)!important}

.sk-prose{max-width:760px;margin:0 auto;padding:clamp(52px,7vw,84px) 0}
.sk-prose h2{font-size:clamp(24px,2.7vw,32px);margin:52px 0 20px}
.sk-prose h2:first-child{margin-top:0}
.sk-prose h3{font-size:21px;margin:38px 0 14px}
.sk-prose p{margin-bottom:26px;color:var(--body)}
.sk-prose ul,.sk-prose ol{margin:0 0 26px;padding-left:22px;color:var(--body)}
.sk-prose li{margin-bottom:11px}
.sk-prose img{border-radius:12px;margin:34px 0}
.sk-prose blockquote{margin:34px 0;padding:4px 0 4px 26px;border-left:2px solid var(--sage-lt);
  font-family:var(--fh);font-size:20px;line-height:1.65;color:var(--ink)}
.sk-prose a{color:var(--sage-dk);text-decoration:underline;text-underline-offset:3px}

/* блог архив */
.sk-archive{padding:clamp(56px,7vw,88px) 0 clamp(64px,8vw,100px);
  background:linear-gradient(180deg,#F5F4F0 0%,var(--bg-4) 22%,var(--bg-4) 78%,var(--bg-1) 100%)}
.sk-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.sk-post{background:var(--card);border:1px solid var(--line);border-radius:13px;overflow:hidden;
  display:flex;flex-direction:column;text-decoration:none;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.sk-post:hover{transform:translateY(-4px);box-shadow:0 20px 38px -22px rgba(79,94,76,.3)}
.sk-post-img{aspect-ratio:16/10;overflow:hidden;background:var(--bg-3)}
.sk-post-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s var(--ease)}
.sk-post:hover .sk-post-img img{transform:scale(1.04)}
.sk-post-body{padding:24px 24px 26px;display:flex;flex-direction:column;flex:1}
.sk-post-meta{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--light);
  margin-bottom:12px}
.sk-post h2,.sk-post h3{font-size:19px;line-height:1.42;margin-bottom:14px;color:var(--ink);font-weight:500}
.sk-post p{font-size:15px;line-height:1.7;color:var(--mute);margin-bottom:18px}
.sk-post-more{margin-top:auto;font-size:14.5px;color:var(--sage-dk);display:inline-flex;
  align-items:center;gap:7px}
.sk-post-more svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.5;
  transition:transform .3s var(--ease)}
.sk-post:hover .sk-post-more svg{transform:translateX(4px)}
@media (max-width:940px){.sk-grid-3{grid-template-columns:1fr;max-width:440px;margin:0 auto}}

/* пагинация */
.sk-pag{display:flex;justify-content:center;gap:9px;margin-top:52px;flex-wrap:wrap}
.sk-pag .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;
  height:40px;padding:0 12px;border:1px solid var(--line);border-radius:7px;color:var(--body);
  text-decoration:none;font-size:15px;background:var(--cream);
  transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}
.sk-pag .page-numbers:hover{border-color:var(--sage-lt)}
.sk-pag .page-numbers.current{background:var(--sage);border-color:var(--sage);color:var(--cream)}

/* единична статия */
.sk-single-head{position:relative;isolation:isolate;overflow:hidden;text-align:center;
  padding:clamp(56px,7vw,88px) 0 clamp(44px,5vw,60px);
  background:
    linear-gradient(0deg,#EFF2ED 0%,rgba(239,242,237,0) 18%),
    linear-gradient(172deg,var(--bg-1) 0%,#EAF0EB 62%,#EEF2ED 100%)}
.sk-single-head::before{content:"";position:absolute;z-index:-1;top:-34%;left:50%;translate:-50% 0;
  width:min(780px,116vw);aspect-ratio:1;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 50% 50%,rgba(247,241,230,.8) 0%,
    rgba(240,236,226,.36) 42%,rgba(238,243,239,0) 70%)}
.sk-single-head h1{max-width:840px;margin:0 auto;font-size:clamp(28px,3.5vw,42px)}
.sk-single-meta{font-size:12px;letter-spacing:1.6px;text-transform:uppercase;color:var(--light);
  margin-bottom:20px}
/* статията стъпва на светъл фон, за да се чете дълъг текст спокойно */
.sk-single-body{padding-bottom:clamp(56px,7vw,88px);
  background:linear-gradient(180deg,#EFF2ED 0%,var(--bg-4) 9%,var(--bg-4) 92%,var(--bg-1) 100%)}
.sk-single-hero{max-width:1000px;margin:0 auto;padding:0 32px}
.sk-single-hero img{width:100%;border-radius:14px;display:block;margin-top:-28px;position:relative;
  box-shadow:0 34px 64px -48px rgba(58,68,56,.6)}
.sk-single-nav{border-top:1px solid var(--line);margin-top:20px;padding:34px 0 0;
  display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.sk-single-nav a{font-size:14.5px;color:var(--sage-dk)!important;text-decoration:none;
  display:inline-flex;align-items:center;gap:8px;max-width:46%}
.sk-single-nav a:hover{text-decoration:underline;text-underline-offset:3px}
@media (max-width:620px){.sk-single-nav a{max-width:100%}}

/* ══════════ БАНЕР ЗА БИСКВИТКИ ══════════ */
#cookie-notice,#cookie-notice .cookie-notice-container{background:var(--cream)!important;
  color:var(--ink)!important;box-shadow:0 -6px 26px -18px rgba(58,68,56,.5)}
#cookie-notice{border-top:1px solid var(--line)}
#cookie-notice .cn-text-container{font-family:var(--fb);font-size:14.5px;color:var(--body)!important;
  line-height:1.6}
#cookie-notice .cn-button:not(.cn-button-custom){font-family:var(--fb)!important;font-size:14.5px!important;
  font-weight:500!important;border-radius:7px!important;padding:11px 24px!important;
  background:var(--sage)!important;color:var(--cream)!important;text-shadow:none!important;
  border:1px solid var(--sage)!important;transition:background .25s var(--ease)}
#cookie-notice .cn-button:not(.cn-button-custom):hover{background:var(--sage-dk)!important;
  border-color:var(--sage-dk)!important}
#cookie-notice #cn-more-info{background:transparent!important;color:var(--sage-dk)!important;
  border:1px solid var(--sage)!important}
#cookie-notice #cn-more-info:hover{background:var(--sage)!important;color:var(--cream)!important}
#cookie-notice .cn-close-icon{opacity:.5}

/* съобщения на формите */
.sk-form-msg{font-size:14.5px;text-align:center;min-height:20px}
.sk-form-msg.ok{color:var(--sage-dk)}
.sk-form-msg.err{color:#A4553F}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  body.sk-armed .sk-rv{opacity:1!important;transform:none!important}
  *{transition-duration:.01ms!important;animation-duration:.01ms!important}
}


/* ══════════ СЕКЦИИ НА НАЧАЛНАТА ══════════ */
.sk-page section{position:relative}
.sk-in{width:min(var(--shell), 100% - var(--pad) * 2);margin-inline:auto;max-width:none;padding:0}

/* ░ ЗЛАТНОТО ПРАВИЛО ░ — секциите заемат цялата ширина на екрана,
   независимо в какъв контейнер ги сложи темата или редакторът */
.sk-page>section,
.entry-content .sk-page>section,
.sk-page>.sk-layout,
.entry-content .sk-page>.sk-layout{
  width:100vw!important;max-width:100vw!important;
  left:auto!important;right:auto!important;
  margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;
  margin-top:0!important;margin-bottom:0!important;
  transform:none!important;box-sizing:border-box!important}

/* 100vw включва лентата за превъртане — това пази от хоризонтален скрол.
   clip (не hidden) не чупи лепкавия хедър, който е извън .sk-page */
.sk-page{overflow-x:clip}
@supports not (overflow:clip){ .sk-page{overflow-x:hidden} }

/* HERO — снимката опира десния ръб на екрана */
.sk-hero{background:var(--bg-1);overflow:hidden}
.sk-hero>.sk-in{width:100%;max-width:none;padding:0;margin:0}
.sk-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,41%);align-items:center;
  gap:clamp(34px,4.6vw,80px);min-height:clamp(480px,66vh,620px)}
.sk-hero-txt{padding:clamp(48px,6vw,72px) 8px clamp(48px,6vw,72px) var(--gut);max-width:none}
.sk-hero-txt>*{max-width:680px}
.sk-hero .sk-eyebrow{margin-bottom:24px}
.sk-hero-desc{margin-top:34px;color:var(--body)}
.sk-hero-cta{display:flex;flex-wrap:wrap;gap:16px;margin-top:40px}
.sk-checks{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:14px 30px}
.sk-checks li{display:flex;align-items:flex-start;gap:10px;font-size:15px;color:var(--body);line-height:1.6}
.sk-hero-txt>.sk-hero-checks{max-width:780px}
.sk-hero-checks{margin-top:34px;gap:12px 24px}
.sk-hero-checks li{font-size:13.5px;white-space:nowrap}
.sk-hero-checks .sk-tick{width:15px;height:15px;margin-top:2px}
.sk-hero-art{position:relative;align-self:stretch;min-height:340px;overflow:hidden}
.sk-hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sk-hero-art::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,var(--bg-1) 0%,rgba(238,243,239,.5) 20%,rgba(238,243,239,0) 52%),
             linear-gradient(0deg,var(--bg-1) 0%,rgba(238,243,239,0) 32%)}
.sk-hero-ph{position:absolute;inset:0;
  background:
    radial-gradient(120% 90% at 78% 26%,#F6F2EA 0%,rgba(246,242,234,0) 62%),
    radial-gradient(96% 78% at 96% 88%,#DDE5DC 0%,rgba(221,229,220,0) 60%),
    linear-gradient(158deg,#E9EFE8 0%,#EDE7DC 52%,#DFE7DE 100%)}
.sk-hero-ph svg{position:absolute;right:6%;bottom:0;width:min(300px,62%);height:auto;
  stroke:var(--sage-lt);fill:none;stroke-width:1.05;opacity:.5;stroke-linecap:round;stroke-linejoin:round}
.sk-hero-ph i{position:absolute;border-radius:50%;
  background:radial-gradient(circle,rgba(162,178,160,.24),rgba(162,178,160,0) 70%)}
.sk-hero-ph i:nth-of-type(1){width:220px;height:220px;top:12%;right:14%}
.sk-hero-ph i:nth-of-type(2){width:150px;height:150px;bottom:18%;right:44%}

/* ЗА КОГО Е ПОДХОДЯЩО */
.sk-fit{background:var(--bg-2);padding:clamp(56px,6.2vw,80px) 0;text-align:center}
.sk-fit-head .sk-eyebrow{margin-bottom:16px}
.sk-fit-head h2{max-width:760px;margin:0 auto}
/* трите точки отляво, трите отдясно — както в дизайна и в текстовия файл */
.sk-fit-list{list-style:none;padding:0;display:grid;grid-auto-flow:column;
  grid-template-rows:repeat(var(--sk-rows,3),1fr);grid-template-columns:repeat(2,minmax(0,1fr));
  gap:15px clamp(40px,4.5vw,64px);max-width:1120px;margin:32px auto 0;
  text-align:left}
.sk-fit-list li{display:flex;align-items:flex-start;gap:12px;font-size:15.5px;color:var(--body);
  line-height:1.6}
.sk-fit-list .sk-tick{width:15px;height:15px;margin-top:3px}
.sk-fit-foot{margin-top:clamp(30px,3.6vw,42px);position:relative;z-index:2}
.sk-fit-note{color:var(--body);font-size:16.5px}
.sk-fit-foot .sk-btn{margin-top:32px}

/* незадължителната снимка — малък акцент, 10–18% от секцията по спецификация */
.sk-fit-ph{margin:clamp(34px,4vw,44px) auto 0;width:min(210px,42vw);border-radius:13px;
  overflow:hidden;border:1px solid var(--line)}
.sk-fit-ph img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}

/* клонката вече не опира долния ръб — секцията пази отстъпа си,
   за да остане пространство под нея */
/* ══════════ МАСЛИНОВАТА КЛОНКА ══════════
   Един и същ ефект във футъра и в секция 2: снимката се слива с фона
   чрез multiply, а краищата ѝ се стапят, за да няма видим правоъгълник. */
/* Снимката вече е с прозрачен фон, затова няма правоъгълник за криене —
   маската отпада, клонката се вижда цяла и се слива чрез multiply. */
.sk-leaf{
  --sk-leaf-opacity:.62;
  pointer-events:none;
  background:var(--sk-leaf) center center / contain no-repeat;
  opacity:var(--sk-leaf-opacity);
  mix-blend-mode:multiply}

/* в секция 2 — по-малка и центрирана. Долният ръб на снимката вече е
   прозрачен и избледнява, затова листата не изглеждат отсечени. */
.sk-fit-leaf{position:relative;margin:clamp(26px,3.2vw,38px) auto 0;
  width:min(420px,62%);aspect-ratio:1290/311}
@media (max-width:720px){
  .sk-fit-list{grid-auto-flow:row;grid-template-columns:1fr;grid-template-rows:none;gap:14px;
    max-width:520px}
}

/* ЗА МЕН — снимката опира левия ръб и пълни цялата височина на секцията.
   Горният край прелива от топлия тон, с който завършва секция 2. */
.sk-about{padding:0;overflow:hidden;
  background:linear-gradient(180deg,#F1EADF 0%,#F0EDE6 7%,var(--bg-1) 20%,var(--bg-1) 100%)}
.sk-about-grid{display:grid;grid-template-columns:minmax(0,44%) minmax(0,1fr);
  align-items:stretch;min-height:clamp(500px,62vh,660px)}

.sk-about-ph{position:relative;margin:0;overflow:hidden;background:#EFEAE2}
.sk-about-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  object-position:58% center;display:block}

/* бавно приближаване при появяване — движението е едва доловимо */
body.sk-armed .sk-about-ph{opacity:1;transform:none}
body.sk-armed .sk-about-ph img{transform:scale(1.07);
  transition:transform 1.7s cubic-bezier(.16,.8,.3,1)}
body.sk-armed .sk-about-ph.in img{transform:scale(1)}

.sk-about-side{display:flex;align-items:center;
  padding:clamp(64px,8vw,110px) var(--gut) clamp(64px,8vw,110px) clamp(40px,6.6vw,100px)}
/* текстът се държи в ~560px по спецификация, но отметките отдолу
   ползват цялата колона, за да не се пречупват на три реда */
.sk-about-txt{max-width:640px}
.sk-about-txt>.sk-eyebrow,.sk-about-txt>h2,.sk-about-txt>.sk-about-body{max-width:560px}
.sk-about-txt h2{margin-bottom:32px}
.sk-about-txt p+p{margin-top:26px}
.sk-about-body p{color:var(--body);font-size:18px;line-height:1.78}

/* трите акцента — икона и текст на два реда, един до друг */
.sk-about-points{list-style:none;margin:40px 0 0;padding:0;display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));gap:20px clamp(20px,2.4vw,34px)}
.sk-about-points li{display:flex;align-items:flex-start;gap:11px;
  font-size:14.5px;line-height:1.55;color:var(--body)}
.sk-about-points svg{flex:none;width:25px;height:25px;margin-top:-2px;color:var(--sage);
  transition:color .3s var(--ease)}
.sk-about-points li:hover svg{color:var(--sage-dk)}
.sk-about-btn{margin-top:32px}

@media (max-width:940px){
  .sk-about-grid{grid-template-columns:1fr;min-height:0}
  .sk-about-ph{min-height:clamp(320px,52vw,460px)}
  .sk-about-ph img{position:relative;height:100%}
  .sk-about-side{padding:clamp(44px,7vw,60px) var(--gut)}
  .sk-about-txt{max-width:none}
}
@media (max-width:620px){
  .sk-about-points{grid-template-columns:1fr;gap:16px}
}

/* УСЛУГИ */
.sk-serv{background:var(--bg-3);padding:clamp(70px,9vw,120px) 0;text-align:center}
.sk-serv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,360px));gap:32px;
  justify-content:center;margin-top:64px}
.sk-card{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:32px 28px;
  text-align:left;display:flex;flex-direction:column;box-shadow:0 2px 14px -8px rgba(79,94,76,.14);
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease)}
.sk-card:hover{transform:translateY(-4px);box-shadow:0 20px 38px -22px rgba(79,94,76,.3);border-color:#CBD4C9}
/* икона без рамка, както е в дизайна */
.sk-card-ic{display:block;margin-bottom:24px;color:#6E7D6B;
  transition:color .35s var(--ease),transform .35s var(--ease)}
.sk-card-ic svg{width:40px;height:40px;display:block}
.sk-card:hover .sk-card-ic{color:var(--sage-dk);transform:translateY(-3px)}
.sk-card h3{margin-bottom:12px}
.sk-card p{font-size:15.5px;line-height:1.72;color:var(--mute)}
.sk-serv-foot{margin-top:48px}
.sk-serv-note{max-width:660px;margin:0 auto;color:var(--body);font-size:18px;line-height:1.78}
.sk-serv-foot .sk-btn{margin-top:32px}

/* ПРОЦЕС — снимка вляво, заглавие и стъпки вдясно */
.sk-proc{background:var(--bg-2);padding:clamp(70px,9vw,120px) 0}
.sk-proc-grid{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);
  gap:clamp(34px,4.6vw,66px);align-items:start}
/* 3/4 изравнява снимката с височината на стъпките отдясно */
.sk-proc-ph{position:relative;margin:0;overflow:hidden;aspect-ratio:3/4;background:#EFEAE2}
.sk-proc-ph img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}

.sk-proc-txt .sk-eyebrow{margin-bottom:16px}
.sk-proc-intro{margin-top:32px;max-width:640px}
.sk-proc-intro p{color:var(--body);font-size:18px;line-height:1.78}
.sk-proc-intro p+p{margin-top:20px}

.sk-steps{list-style:none;margin:clamp(28px,3.4vw,40px) 0 0;padding:0}
.sk-step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(18px,2vw,28px);
  align-items:start;padding:18px 0;border-bottom:1px solid var(--line);
  transition:transform .3s var(--ease)}
.sk-step:last-child{border-bottom:0;padding-bottom:0}
.sk-step:hover{transform:translateX(2px)}
.sk-step:hover h3{color:#1F241F}
.sk-step:hover .sk-step-n{opacity:.85}
.sk-step-n{font-family:var(--fh);font-size:clamp(28px,2.9vw,36px);font-weight:400;line-height:1;
  color:var(--sage-lt);opacity:.6;letter-spacing:-.5px;min-width:1.9em;
  transition:opacity .3s var(--ease)}
.sk-step h3{font-family:var(--fh);font-size:19px;font-weight:600;margin-bottom:7px;
  letter-spacing:0;transition:color .3s var(--ease)}
.sk-step p{font-size:15px;line-height:1.7;color:var(--mute)}

/* статистики */
.sk-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(34px,6vw,88px);
  margin-top:clamp(44px,5vw,62px);padding-top:clamp(34px,4vw,46px);border-top:1px solid var(--line)}
.sk-stat{display:flex;align-items:center;gap:15px}
.sk-stat svg{flex:none;width:32px;height:32px;color:var(--sage-lt)}
.sk-stat b{display:block;font-family:var(--fh);font-size:clamp(26px,2.6vw,32px);font-weight:500;
  color:var(--stat);line-height:1.1;letter-spacing:-.5px}
.sk-stat span{display:block;font-size:13px;color:var(--mute);margin-top:2px}

@media (max-width:940px){
  .sk-proc-grid{grid-template-columns:1fr;gap:34px}
  .sk-proc-ph{max-width:420px;aspect-ratio:4/3}
}
@media (max-width:620px){
  .sk-step{grid-template-columns:1fr;gap:6px}
  .sk-step-n{font-size:26px}
}

/* ОТЗИВИ */
.sk-test{background:var(--bg-4);padding:clamp(70px,9vw,110px) 0;text-align:center;overflow:hidden}
.sk-test-head h2{max-width:640px;margin:0 auto}
.sk-test-sub{max-width:600px;margin:24px auto 0;color:var(--body);font-size:16px;line-height:1.7}
.sk-test-view{margin-top:clamp(46px,5.6vw,64px);overflow:hidden}
.sk-test-track{display:flex;transition:transform .65s var(--ease)}
/* всеки слайд заема точно ширината на изгледа; колоните се центрират в него */
.sk-test-slide{flex:0 0 100%;min-width:100%;display:grid;
  grid-template-columns:repeat(2,minmax(0,500px));justify-content:center;
  gap:clamp(36px,5vw,72px);text-align:left;align-items:start;padding:0 2px}
.sk-test-slide.is-single{grid-template-columns:minmax(0,520px)}
.sk-quote{display:flex;flex-direction:column;margin:0}
.sk-quote-mark{font-family:var(--fh);font-size:56px;line-height:.7;color:var(--sage-lt);opacity:.5;
  margin-bottom:18px}
.sk-quote blockquote{margin:0;font-size:17px;line-height:1.85;color:var(--body)}
.sk-quote-div{width:42px;height:1px;background:rgba(46,53,45,.22);margin:26px 0 16px}
.sk-quote b{font-family:var(--fh);font-size:17px;font-weight:500;color:var(--ink)}
.sk-quote figcaption span{display:block;font-size:11px;letter-spacing:1.7px;text-transform:uppercase;
  color:var(--light);margin-top:6px}
.sk-dots{display:flex;justify-content:center;gap:12px;margin-top:clamp(40px,4.6vw,52px)}
.sk-dot{width:7px;height:7px;border-radius:50%;background:transparent;border:1px solid var(--sage-lt);
  padding:0;cursor:pointer;transition:background .3s var(--ease),transform .3s var(--ease)}
.sk-dot[aria-selected="true"]{background:var(--sage-lt);transform:scale(1.3)}

/* ЧЕСТО ЗАДАВАНИ ВЪПРОСИ */
.sk-faq{background:var(--bg-2);padding:clamp(58px,7vw,84px) 0;text-align:center}
.sk-faq-head h2{max-width:660px;margin:0 auto}
.sk-faq-list{max-width:860px;margin:clamp(56px,6.6vw,88px) auto 0;text-align:left}
.sk-faq-item{border-bottom:1px solid var(--line)}
.sk-faq-item:first-child{border-top:1px solid var(--line)}
.sk-faq-item h3{margin:0;font-family:var(--fb);font-size:inherit;font-weight:400;letter-spacing:0}
.sk-faq-q{width:100%;background:none;border:0;cursor:pointer;font-family:var(--fb);font-size:16px;
  font-weight:400;color:var(--ink);text-align:left;padding:21px 48px 21px 0;position:relative;
  line-height:1.5;transition:color .25s var(--ease)}
.sk-faq-q:hover{color:var(--sage-dk)}
/* плюс, който се превръща в минус */
.sk-faq-q::after,.sk-faq-q::before{content:"";position:absolute;right:4px;top:50%;
  background:var(--sage);transition:transform .35s var(--ease),opacity .35s var(--ease)}
.sk-faq-q::after{width:13px;height:1.3px;transform:translateY(-50%)}
.sk-faq-q::before{width:1.3px;height:13px;right:9.9px;transform:translateY(-50%)}
.sk-faq-q[aria-expanded="true"]::before{transform:translateY(-50%) rotate(90deg);opacity:0}
.sk-faq-q[aria-expanded="true"]{color:var(--sage-dk)}
.sk-faq-a{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}
.sk-faq-a p{padding:0 48px 24px 0;font-size:15.5px;line-height:1.78;color:var(--mute)}

.sk-faq-foot{margin-top:clamp(56px,6.6vw,80px)}
.sk-sprig{display:block;margin:0 auto;width:64px;height:auto;color:var(--sage-lt);opacity:.85}
.sk-faq-foot p{margin-top:20px;color:var(--body);font-size:16.5px}
.sk-faq-foot .sk-btn{margin-top:24px}
.sk-btn-caps{text-transform:uppercase;letter-spacing:1.2px;font-size:13.5px;padding:17px 36px}

/* БЛОГ И СТАТИИ */
.sk-blog{background:var(--bg-4);padding:clamp(52px,6.2vw,74px) 0;text-align:center}
.sk-blog-head h2{max-width:720px;margin:0 auto}
.sk-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,2.6vw,34px);
  margin-top:clamp(38px,4.6vw,52px);text-align:left;max-width:1240px;margin-inline:auto}
.sk-post-cat{position:relative;margin-left:16px}
.sk-post-cat::before{content:"•";position:absolute;left:-11px;top:0}

/* разлистване на статиите — по три в екран */
.sk-blog-view{max-width:1240px;margin:clamp(38px,4.6vw,52px) auto 0;overflow:hidden}
.sk-blog-track{display:flex;transition:transform .6s var(--ease)}
.sk-blog-page{flex:0 0 100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(22px,2.6vw,34px);text-align:left;align-items:stretch}
.sk-blog-foot{display:flex;flex-direction:column;align-items:center;gap:26px;
  margin-top:clamp(34px,4vw,44px)}
.sk-blog-nav{display:flex;justify-content:center;gap:14px}
.sk-arrow{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:transparent;
  color:var(--stat);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
  transition:background .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease)}
.sk-arrow:hover{background:var(--sage);border-color:var(--sage);color:var(--cream)}
.sk-arrow[disabled]{opacity:.3;cursor:default}
.sk-arrow[disabled]:hover{background:transparent;border-color:var(--line);color:var(--stat)}
.sk-arrow svg{width:18px;height:18px}

/* дискретна връзка със стрелка, която се плъзва при посочване */
.sk-more-link{display:inline-flex;align-items:center;gap:10px;padding-bottom:5px;
  font-size:13px;font-weight:500;letter-spacing:1.4px;text-transform:uppercase;
  color:var(--sage-dk)!important;text-decoration:none;
  border-bottom:1px solid rgba(115,131,112,.32);
  transition:border-color .3s var(--ease)}
.sk-more-link:hover{border-color:var(--sage-dk)}
.sk-more-link svg{width:17px;height:17px;transition:transform .35s var(--ease)}
.sk-more-link:hover svg{transform:translateX(5px)}

/* CTA */
.sk-cta{position:relative;background:linear-gradient(104deg,var(--bg-1) 0%,var(--bg-2) 100%);
  padding:clamp(62px,8vw,90px) 0;text-align:center;overflow:hidden}
.sk-cta-leaf{position:absolute;right:-40px;bottom:-70px;width:min(400px,42vw);height:auto;
  stroke:var(--sage-lt);fill:none;stroke-width:1;opacity:.16;pointer-events:none;
  stroke-linecap:round;stroke-linejoin:round}
.sk-cta-in{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:0 32px}
.sk-cta p{margin-top:32px;color:var(--body)}
.sk-cta-btns{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:40px}

/* КОНТАКТИ */
.sk-contact{background:var(--bg-2);padding:clamp(60px,8vw,80px) 0}
.sk-contact-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  gap:clamp(36px,5vw,64px);align-items:start}
.sk-contact h2{margin-bottom:36px}
.sk-cinfo{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:22px}
.sk-cinfo li{display:flex;align-items:flex-start;gap:15px;font-size:16px;color:var(--body);line-height:1.6}
.sk-cinfo svg{flex:none;width:19px;height:19px;margin-top:3px;stroke:var(--sage);fill:none;
  stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.sk-cinfo a{color:var(--body)!important;text-decoration:none;transition:color .25s var(--ease)}
.sk-cinfo a:hover{color:var(--sage-dk)!important}
.sk-form-map{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}
.sk-form{display:flex;flex-direction:column;gap:14px}
.sk-form input,.sk-form textarea{width:100%;font-family:var(--fb);font-size:15.5px;color:var(--ink);
  background:var(--cream);border:1px solid var(--line);border-radius:7px;padding:13px 16px;
  transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}
.sk-form textarea{min-height:104px;resize:vertical}
.sk-form input::placeholder,.sk-form textarea::placeholder{color:var(--light)}
.sk-form input:focus,.sk-form textarea:focus{outline:0;border-color:var(--sage-lt);
  box-shadow:0 0 0 3px rgba(162,178,160,.18)}
.sk-form .sk-btn{align-self:center;margin-top:4px;min-width:190px}
.sk-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.sk-map{border-radius:11px;overflow:hidden;border:1px solid var(--line);height:100%;min-height:250px}
/* картата на Google идва с ярко зелено и синьо — леко я усмиряваме,
   за да седи в палитрата, но да остане четима */
.sk-map iframe{width:100%;height:100%;min-height:250px;border:0;display:block;
  filter:saturate(.72) contrast(.96)}

/* NEWSLETTER */
.sk-news{background:var(--bg-1);padding:clamp(80px,10vw,124px) 0;text-align:center}
.sk-news-in{max-width:760px;margin:0 auto;padding:0 32px}
.sk-news h2{font-size:clamp(21px,2.3vw,27px)}
/* заглавието е центрирано, а текстът под него е ляво подравнен по спецификация */
.sk-news p{margin:26px auto 0;color:var(--body);font-size:17px;max-width:600px;text-align:left}
.sk-news-form{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:44px}
.sk-news-form input{flex:1 1 300px;max-width:360px;font-family:var(--fb);font-size:15.5px;
  background:var(--cream);border:1px solid var(--line);border-radius:7px;padding:14px 18px;color:var(--ink)}
.sk-news-form input:focus{outline:0;border-color:var(--sage-lt);box-shadow:0 0 0 3px rgba(162,178,160,.18)}

/* адаптив */
@media (max-width:1080px){
  .sk-serv-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
  .sk-blog-grid,.sk-blog-page{gap:24px}
}
@media (max-width:940px){
  .sk-hero-grid{grid-template-columns:1fr;min-height:0;gap:44px;padding-top:0}
  .sk-hero-txt{padding-left:var(--gut);padding-right:var(--gut);max-width:none}
  .sk-hero-txt>*{max-width:none}
  .sk-hero-checks li{white-space:normal}
  .sk-hero-art{min-height:320px;order:-1;border-radius:0}
  .sk-hero-art::after{background:linear-gradient(0deg,var(--bg-1) 0%,rgba(238,243,239,0) 42%)}
  .sk-contact-grid{grid-template-columns:1fr;gap:40px}
  .sk-serv-grid,.sk-blog-grid{grid-template-columns:1fr;max-width:440px;margin-left:auto;margin-right:auto}
  .sk-blog-page{grid-template-columns:1fr}
  .sk-blog-view{max-width:440px}
  .sk-form-map{grid-template-columns:1fr}
  .sk-map{min-height:260px}
}
@media (max-width:720px){
  body{font-size:17px}
  :root{--pad:22px}

  .sk-fit-list{grid-template-columns:1fr;gap:14px}
  .sk-test-slide{grid-template-columns:1fr;gap:40px}
  .sk-form-map{grid-template-columns:1fr}
  .sk-stats{gap:26px 40px}
  .sk-stat b{font-size:27px}
  .sk-step{grid-template-columns:1fr;gap:8px}
  .sk-step-n{font-size:30px}
  .sk-hero-cta .sk-btn,.sk-cta-btns .sk-btn{flex:1 1 200px}
}

/* ═══════════════════════════════════════════════════════════
   СТРАНИЦА „ЗА МЕН“
   ═══════════════════════════════════════════════════════════ */

/* ---- начало: портрет в двойна арка, светлина и клонка ---- */
.sk-am-hero{position:relative;isolation:isolate;overflow:hidden;
  /* диагоналният градиент не завършва равномерно по долния ръб — първият
     слой го изравнява с тона, с който тръгва следващата секция */
  background:
    linear-gradient(0deg,#EFEDE6 0%,rgba(239,237,230,0) 11%),
    linear-gradient(168deg,var(--bg-1) 0%,#EAF0EB 46%,var(--bg-2) 100%);
  padding:clamp(38px,4.6vw,58px) 0 clamp(72px,9vw,124px)}

/* топлата светлина зад портрета — бавно „диша“, за да не е статична */
.sk-am-glow{position:absolute;z-index:-2;top:-14%;right:-6%;width:min(760px,62vw);
  aspect-ratio:1;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 50% 50%,rgba(247,240,228,.95) 0%,
    rgba(240,236,226,.55) 38%,rgba(238,243,239,0) 70%);
  animation:sk-breathe var(--sk-breathe-time) var(--sk-breathe-ease) infinite}
@keyframes sk-breathe{
  0%,100%{transform:scale(1);opacity:.9}
  50%{transform:scale(1.07);opacity:1}
}
/* клонката е едра и почти невидима — атмосфера, не украса */
.sk-am-branch{position:absolute;z-index:-1;left:-8%;bottom:-16%;width:min(680px,58vw);
  aspect-ratio:1290/311;pointer-events:none;opacity:.16;
  background:var(--sk-leaf) center center / contain no-repeat;
  mix-blend-mode:multiply;transform:rotate(-7deg)}

/* текстът тръгва отгоре, снимката слиза под него, а рамката се
   разпростира наляво и поема празното — така композицията е нарочна */
/* снимката е чувствително по-тясна от текстовата колона — лице в едър
   план винаги дърпа погледа, затова тук е подчинена на името */
.sk-am-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,32%);
  gap:clamp(40px,5.4vw,80px);align-items:start}
.sk-am-hero-txt{max-width:580px}
.sk-am-hero h1{font-size:clamp(40px,5.6vw,76px);line-height:1.06;margin-bottom:0}
/* линията се разтяга под името */
.sk-am-rule{display:block;height:1px;width:0;margin:26px 0 28px;
  background:linear-gradient(90deg,var(--sage) 0%,rgba(163,178,160,.25) 100%)}
.sk-am-lead{font-family:var(--fh);font-size:clamp(20px,2.1vw,26px);line-height:1.56;
  color:var(--body);letter-spacing:-.2px}
.sk-am-hero-cta{display:flex;flex-wrap:wrap;gap:16px;margin-top:42px}

/* портретът е правоъгълен и слиза по-надолу от текста — първо се чете
   името, после погледът пада естествено надясно и надолу към снимката */
/* снимката е изрезка, която изплува от долния десен ъгъл и опира
   ръба на екрана — текстът остава сам в лявото поле */
.sk-am-portrait-wrap{position:absolute;right:0;bottom:0;
  width:min(430px,34vw);z-index:0;pointer-events:none}
/* тънка рамка, изместена нагоре-вляво — държи изрезката в композицията */
.sk-am-frame{position:absolute;pointer-events:none;
  top:clamp(-58px,-4.4vw,-34px);left:clamp(-72px,-5.6vw,-40px);
  right:clamp(30px,3.6vw,52px);bottom:0;
  border:1px solid rgba(122,129,119,.3);border-top-left-radius:4px;
  border-bottom:0;
  background:linear-gradient(152deg,rgba(226,234,227,.42) 0%,rgba(240,238,231,.2) 100%)}
.sk-am-frame::before{content:"";position:absolute;top:-4px;left:-4px;width:9px;height:9px;
  background:var(--sage);opacity:.6}
.sk-am-portrait{position:relative;margin:0;aspect-ratio:4/4.6;overflow:hidden;
  border-top-left-radius:4px;background:#EFEAE2}
/* меко стапяне наляво към текста и надолу към следващата секция */
.sk-am-portrait::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg,#EFEDE6 0%,rgba(239,237,230,.5) 12%,rgba(239,237,230,0) 34%),
    linear-gradient(0deg,#EFEDE6 0%,rgba(239,237,230,0) 16%)}
.sk-am-portrait img{width:100%;height:100%;object-fit:cover;object-position:56% center;
  display:block;transform-origin:center 40%}
/* лек фейд към текста, за да не стои снимката като изрязан правоъгълник */
.sk-am-portrait::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,#EEF3EF 0%,rgba(238,243,239,.42) 13%,
    rgba(238,243,239,0) 34%)}

/* ---- появяване при зареждане ---- */
@media (prefers-reduced-motion:no-preference){
  .sk-am-a1,.sk-am-a2,.sk-am-a4,.sk-am-a5{opacity:0;transform:translateY(16px);
    animation:sk-rise .9s var(--ease) forwards}
  .sk-am-a1{animation-delay:.08s}
  .sk-am-a2{animation-delay:.18s}
  .sk-am-a4{animation-delay:.42s}
  .sk-am-a5{animation-delay:.54s}
  .sk-am-a3{animation:sk-rule 1s var(--ease) .34s forwards}
  /* арката се разтваря отгоре надолу, а снимката се отдалечава бавно */
  .sk-am-portrait{clip-path:inset(0 0 100% 0);
    animation:sk-open 1.1s var(--ease) .62s forwards}
  .sk-am-portrait img{transform:scale(1.09);
    animation:sk-settle 2.1s var(--ease) .62s forwards}
}
@keyframes sk-rise{to{opacity:1;transform:none}}
@keyframes sk-rule{to{width:118px}}
@keyframes sk-open{to{clip-path:inset(0 0 0 0)}}
@keyframes sk-settle{to{transform:scale(1)}}
@keyframes sk-fade{to{opacity:1}}

/* ---- мисия: страница от книга — буквица, монограм воден знак ---- */
/* фонът тръгва от тона, с който свършва предишната секция, и завършва
   с тона на следващата — така преходите не се четат като граници */
.sk-am-mission{position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(180deg,#EFEDE6 0%,var(--bg-2) 22%,
    var(--bg-2) 78%,#EDF1EC 100%);
  padding:clamp(76px,9.5vw,132px) 0}
/* монограмът е едър и почти невидим — подпис под текста, не украса */
.sk-am-mark{position:absolute;z-index:-1;top:50%;left:50%;translate:-50% -50%;
  width:min(700px,74vw);aspect-ratio:1;pointer-events:none;opacity:.032;
  background:var(--sk-mono) center center / contain no-repeat}

.sk-am-mission-in{max-width:820px;margin:0 auto;text-align:center}
/* редовете се изравняват по дължина, за да не увисва последният —
   иначе ляво подравненият текст стои видимо вляво от центъра */
/* първият абзац е нормален текст — акцентът пада на втория, както е
   във форматирането на клиентката. Буквицата остава като начало на глава. */
.sk-am-m1{font-family:var(--fb);font-size:17.5px;line-height:1.85;
  color:var(--body);letter-spacing:0;text-align:left;
  max-width:820px;margin-inline:auto}
/* буквицата се изнася вляво; истинската буква остава за екранни четци */
.sk-am-drop{float:left;font-family:var(--fh);font-weight:500;
  font-size:clamp(52px,6vw,74px);line-height:.86;color:var(--sage);
  margin:4px 14px 0 0;opacity:.9}
.sk-am-m1-t{position:absolute;left:-9999px}

.sk-am-sep{display:block;color:var(--sage-lt);margin:clamp(34px,4vw,46px) auto}
.sk-am-sep svg{width:64px;height:auto;display:block;margin:0 auto}

.sk-am-m2{font-family:var(--fh);font-size:clamp(19px,2vw,24px);line-height:1.66;
  color:var(--body);letter-spacing:-.2px;max-width:620px;margin:0 auto}

/* ---- цитатът за Индивидуацията — сърцето на страницата ---- */
.sk-am-quote{position:relative;isolation:isolate;overflow:hidden;text-align:center;
  padding:clamp(96px,12vw,168px) 0;
  /* първите два слоя заковават точния тон на горния и долния ръб,
     за да съвпаднат със съседните секции */
  background:
    linear-gradient(180deg,#EDF1EC 0%,rgba(237,241,236,0) 18%),
    linear-gradient(0deg,#DFE6E0 0%,rgba(223,230,224,0) 16%),
    radial-gradient(120% 96% at 50% 42%,#EDF1EC 0%,var(--bg-3) 44%,#DFE6E0 100%)}
/* мандалата: символът на Цялостта при Юнг, дванадесет сектора като зодиака.
   Гасне през маска — така не се налага слой отгоре, който да цапа ръбовете. */
.sk-am-mandala{position:absolute;z-index:-1;top:50%;left:50%;translate:-50% -50%;
  width:min(920px,132vw);aspect-ratio:1;color:var(--sage);opacity:.16;pointer-events:none;
  -webkit-mask-image:radial-gradient(circle at 50% 50%,#000 38%,rgba(0,0,0,0) 72%);
  mask-image:radial-gradient(circle at 50% 50%,#000 38%,rgba(0,0,0,0) 72%)}
.sk-am-mandala svg{width:100%;height:100%;display:block;
  animation:sk-turn 240s linear infinite}
@media (prefers-reduced-motion:reduce){ .sk-am-mandala svg{animation:none} }
@keyframes sk-turn{to{transform:rotate(360deg)}}
.sk-am-quote-in{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:0 24px}
.sk-am-quote .sk-eyebrow{margin-bottom:26px}
.sk-am-quote blockquote{margin:0;font-family:var(--fh);font-weight:500;
  font-size:clamp(25px,3.4vw,42px);line-height:1.34;letter-spacing:-.6px;color:var(--ink)}
/* кавичките са едри, но почти прозрачни — акцент, не украса */
.sk-am-quote blockquote::before{content:"“";display:block;font-family:var(--fh);
  font-size:clamp(70px,9vw,120px);line-height:.55;color:var(--sage-lt);opacity:.32;
  margin-bottom:14px}
.sk-am-quote>.sk-in>.sk-am-quote-in>p{margin-top:34px;max-width:640px;margin-inline:auto;
  color:var(--body);font-size:17px;line-height:1.8}

/* ---- пътят: вертикална линия с точки ---- */
.sk-am-path{padding:clamp(64px,8vw,110px) 0;
  background:linear-gradient(180deg,#DFE6E0 0%,var(--bg-1) 22%,
    var(--bg-1) 78%,#F4F5F1 100%)}
.sk-am-head{text-align:center;max-width:720px;margin:0 auto}
.sk-am-head .sk-eyebrow{margin-bottom:16px}

.sk-am-steps{list-style:none;margin:clamp(48px,6vw,72px) auto 0;padding:0;
  max-width:690px;position:relative}
/* сивата основа на линията и зелената част, която се „рисува“ при скрол */
.sk-am-line{position:absolute;left:7px;top:10px;bottom:10px;width:1px;
  background:var(--line)}
.sk-am-line i{position:absolute;inset:0 0 auto 0;height:0;display:block;
  background:linear-gradient(180deg,var(--sage-lt),var(--sage));
  transition:height .35s linear}

.sk-am-step{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);
  gap:0 clamp(22px,2.6vw,34px);padding:0 0 clamp(34px,4vw,46px) 0}
.sk-am-step:last-child{padding-bottom:0}
.sk-am-dot{position:relative;z-index:1;width:15px;height:15px;margin-top:6px;border-radius:50%;
  background:var(--bg-1);border:1px solid var(--line);
  transition:border-color .45s var(--ease),box-shadow .45s var(--ease)}
.sk-am-dot::after{content:"";position:absolute;inset:3.5px;border-radius:50%;
  background:var(--sage-lt);opacity:0;transform:scale(.5);
  transition:opacity .45s var(--ease),transform .45s var(--ease)}
/* точката светва, щом линията я подмине */
.sk-am-step.is-on .sk-am-dot{border-color:var(--sage);
  box-shadow:0 0 0 5px rgba(163,178,160,.16)}
.sk-am-step.is-on .sk-am-dot::after{opacity:1;transform:none;background:var(--sage)}
.sk-am-step.is-on .sk-am-step-n{opacity:.5}

/* едрите номера — същият почерк като „Как протича терапията“ на началната */
.sk-am-step-n{position:absolute;top:-6px;right:0;font-family:var(--fh);font-weight:400;
  font-size:clamp(30px,3.4vw,44px);line-height:1;color:var(--sage-lt);opacity:.26;
  letter-spacing:-1px;pointer-events:none;transition:opacity .45s var(--ease)}
.sk-am-step-sub{display:block;font-family:var(--fb);font-size:12px;font-weight:500;
  letter-spacing:2px;text-transform:uppercase;color:var(--eyebrow);margin-bottom:9px}
.sk-am-step h3{font-family:var(--fh);font-size:23px;font-weight:500;margin-bottom:11px}
.sk-am-step p{color:var(--body);font-size:16.5px;line-height:1.76}

/* ---- инструментите ---- */
.sk-am-tools{padding:clamp(64px,8vw,110px) 0;
  background:linear-gradient(180deg,#F4F5F1 0%,var(--bg-4) 22%,
    var(--bg-4) 78%,#F5F2EB 100%)}
.sk-am-tools-sub{margin-top:24px;color:var(--body);font-size:17px;line-height:1.78}

/* колаж от двете снимки отляво, списък с подходите отдясно */
.sk-am-tools-grid{display:grid;grid-template-columns:minmax(0,46%) minmax(0,1fr);
  gap:clamp(40px,5.6vw,86px);align-items:center;
  margin:clamp(48px,6vw,76px) auto 0;max-width:1120px}
.sk-am-tools-grid.is-bare{grid-template-columns:1fr;max-width:1080px}
.sk-am-tools-grid.is-bare .sk-am-tool-list{grid-template-columns:repeat(3,minmax(0,1fr))}

/* двете снимки се застъпват — по-живо от два подредени правоъгълника */
.sk-am-collage{position:relative;padding:0 0 clamp(56px,7vw,92px) clamp(38px,5vw,70px)}
.sk-am-collage figure{margin:0;overflow:hidden;border-radius:14px;background:#EFEAE2}
.sk-am-collage img{width:100%;height:100%;object-fit:cover;display:block}
.sk-am-c1{aspect-ratio:1;box-shadow:0 30px 56px -40px rgba(58,68,56,.6)}
.sk-am-c2{position:absolute;left:0;bottom:0;width:52%;aspect-ratio:4/5;
  border:5px solid var(--bg-4);border-radius:16px;
  box-shadow:0 24px 44px -30px rgba(58,68,56,.55)}

/* пет подхода в две колони оставят една самотна карта и дробят текста —
   един стълб чете по-добре и се изравнява по височина с колажа */
.sk-am-tool-list{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:1fr;gap:clamp(12px,1.5vw,16px)}
.sk-am-tool{display:flex;align-items:center;gap:15px;background:var(--card);
  border:1px solid var(--line);border-radius:13px;padding:20px 22px;
  font-size:15.5px;color:var(--ink);line-height:1.45;
  transition:transform .35s var(--ease),border-color .35s var(--ease),
    box-shadow .35s var(--ease)}
.sk-am-tool:hover{transform:translateY(-3px);border-color:#CBD4C9;
  box-shadow:0 16px 30px -22px rgba(79,94,76,.42)}
.sk-am-tool svg{flex:none;width:28px;height:28px;color:#6E7D6B;
  transition:color .35s var(--ease)}
.sk-am-tool:hover svg{color:var(--sage-dk)}

/* ---- призивът: кабинетът е фон, текстът стои върху топъл воал ---- */
.sk-am-cta{position:relative;isolation:isolate;overflow:hidden;text-align:center;
  padding:clamp(84px,10vw,140px) 0;
  background:linear-gradient(104deg,var(--bg-2) 0%,var(--bg-1) 100%)}
.sk-am-cta-bg{position:absolute;z-index:-2;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center 62%}
/* воалът пази четимостта — снимката остава само атмосфера */
/* воалът е плътен на самите ръбове, за да продължи тона на съседните
   секции, и се отваря в средата, където снимката трябва да се усети */
.sk-am-cta.has-photo::after{content:"";position:absolute;z-index:-1;inset:0;
  background:linear-gradient(180deg,
    #F5F2EB 0%,rgba(245,242,235,.98) 5%,rgba(243,240,234,.82) 16%,
    rgba(240,241,235,.72) 48%,rgba(238,243,239,.86) 88%,
    rgba(238,243,239,.99) 97%,var(--bg-1) 100%)}
.sk-am-cta-in{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:0 32px}
.sk-am-cta .sk-eyebrow{margin-bottom:16px}
.sk-am-cta p{margin-top:32px;color:var(--body)}

@media (max-width:940px){
  .sk-am-hero-grid{grid-template-columns:1fr;gap:46px}
    /* и на телефон името се чете първо, снимката идва под него */
  .sk-am-hero-txt{max-width:none;order:1}
  .sk-am-portrait-wrap{order:2;max-width:340px;margin-inline:auto;width:100%;margin-top:34px}
  /* по-прибрана арка, за да не опира ръба на екрана */
  .sk-am-glow{top:-8%;right:-24%;width:min(560px,86vw)}
  .sk-am-branch{left:-22%;bottom:-8%;width:min(460px,88vw);opacity:.12}
  .sk-am-tools-grid{grid-template-columns:1fr;gap:48px}
  .sk-am-collage{max-width:420px;margin-inline:auto;padding-bottom:64px}
}
@media (max-width:760px){
  /* на тесен екран номерата попадат върху текста — редът е твърде къс,
     за да ги побере вдясно, затова отпадат: точките носят реда */
  .sk-am-step-n{display:none}
}
@media (max-width:620px){
  .sk-am-tool-list,.sk-am-tools-grid.is-bare .sk-am-tool-list{grid-template-columns:1fr}
  .sk-am-hero-cta .sk-btn{flex:1 1 200px}
  .sk-am-steps{max-width:none}
  .sk-am-collage{padding-left:26px;padding-bottom:52px}
}

/* ═══════════════════════════════════════════════════════════
   СТРАНИЦА „УСЛУГИ“
   ═══════════════════════════════════════════════════════════ */

.sk-us-hero{position:relative;isolation:isolate;overflow:hidden;text-align:center;
  padding:clamp(72px,9vw,124px) 0 clamp(60px,7.5vw,96px);
  background:
    linear-gradient(0deg,#F1EFE9 0%,rgba(241,239,233,0) 12%),
    linear-gradient(172deg,var(--bg-1) 0%,#EAF0EB 58%,#F0EFE9 100%)}
.sk-us-glow{position:absolute;z-index:-1;top:-30%;left:50%;translate:-50% 0;
  width:min(900px,120vw);aspect-ratio:1;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 50% 50%,rgba(247,241,230,.9) 0%,
    rgba(240,236,226,.45) 42%,rgba(238,243,239,0) 70%);
  animation:sk-breathe var(--sk-breathe-time) var(--sk-breathe-ease) infinite}
.sk-us-hero-in{max-width:760px;margin:0 auto}
.sk-us-hero h1{font-size:clamp(36px,4.8vw,62px);line-height:1.08}
.sk-us-hero .sk-am-rule{margin-inline:auto}
.sk-us-lead{font-family:var(--fh);font-size:clamp(19px,2vw,24px);line-height:1.6;
  color:var(--body);letter-spacing:-.2px;max-width:640px;margin-inline:auto}

/* ---- трите услуги: редуващи се редове ---- */
.sk-us-list{padding:clamp(56px,7vw,96px) 0 clamp(64px,8vw,110px);
  background:linear-gradient(180deg,#F1EFE9 0%,var(--bg-2) 22%,
    var(--bg-2) 78%,#EFF2EC 100%)}
.sk-us-row{display:grid;grid-template-columns:minmax(0,44%) minmax(0,1fr);
  gap:clamp(36px,5.4vw,88px);align-items:center}
.sk-us-row + .sk-us-row{margin-top:clamp(64px,8vw,120px)}
/* всеки втори ред обръща страните */
.sk-us-row:nth-child(even) .sk-us-art{order:2}

.sk-us-art{position:relative}
.sk-us-ph{position:relative;margin:0;overflow:hidden;aspect-ratio:5/4;
  border-radius:180px 180px 16px 16px;background:#EFEAE2;
  aspect-ratio:3/4;background:#E4EAE6;
  box-shadow:0 34px 60px -46px rgba(58,68,56,.55)}
.sk-us-ph img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform 1.2s var(--ease)}
.sk-us-row:hover .sk-us-ph img{transform:scale(1.04)}
/* иконата седи като печат върху ъгъла на снимката */
.sk-us-badge{position:absolute;right:-14px;bottom:-14px;width:88px;height:88px;
  border-radius:50%;background:var(--bg-4);border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;color:#6E7D6B;
  box-shadow:0 18px 32px -22px rgba(58,68,56,.5);
  transition:color .35s var(--ease),transform .35s var(--ease)}
.sk-us-badge svg{width:40px;height:40px}
.sk-us-row:hover .sk-us-badge{color:var(--sage-dk);transform:translateY(-3px)}

.sk-us-txt{position:relative;max-width:560px}
.sk-us-n{position:absolute;top:-14px;right:0;font-family:var(--fh);font-weight:400;
  font-size:clamp(38px,4.6vw,62px);line-height:1;color:var(--sage-lt);opacity:.24;
  letter-spacing:-1.5px;pointer-events:none}
.sk-us-txt .sk-eyebrow{margin-bottom:14px}
.sk-us-txt h2{margin-bottom:22px}
.sk-us-txt p{color:var(--body);font-size:17px;line-height:1.8;margin-bottom:28px}

/* ---- бележката за онлайн работа ---- */
.sk-us-note{padding:clamp(48px,6vw,80px) 0;text-align:center;
  background:linear-gradient(180deg,#EFF2EC 0%,var(--bg-1) 22%,
    var(--bg-1) 78%,#F5F2EB 100%)}
.sk-us-note-in{max-width:680px;margin:0 auto}
.sk-us-note p{font-family:var(--fh);font-size:clamp(19px,2vw,23px);line-height:1.66;
  color:var(--body);letter-spacing:-.2px}

@media (max-width:940px){
  .sk-us-row{grid-template-columns:1fr;gap:34px}
  .sk-us-row:nth-child(even) .sk-us-art{order:0}
  .sk-us-art{max-width:420px;margin-inline:auto;width:100%}
  .sk-us-txt{max-width:none}
  .sk-us-n{position:static;display:block;margin-bottom:8px;opacity:.3}
}
@media (max-width:620px){
  .sk-us-badge{width:70px;height:70px;right:-8px;bottom:-8px}
  .sk-us-badge svg{width:32px;height:32px}
}

/* ═══════════════════════════════════════════════════════════
   СТРАНИЦА „ПСИХОТЕРАПИЯ“ (и другите две услуги)
   ═══════════════════════════════════════════════════════════ */

.sk-pt-hero{text-align:left;
  background:
    linear-gradient(0deg,#EDF1EC 0%,rgba(237,241,236,0) 12%),
    linear-gradient(172deg,var(--bg-1) 0%,#EAF0EB 58%,#ECF0EB 100%)}
.sk-pt-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,38%);
  gap:clamp(36px,5.4vw,80px);align-items:center}
.sk-pt-hero-txt{max-width:600px}
.sk-pt-hero .sk-am-rule{margin-inline:0}
.sk-pt-hero .sk-us-lead{margin-inline:0;max-width:560px}
.sk-pt-hero-ph{position:relative;margin:0;overflow:hidden;aspect-ratio:4/5;
  border-radius:200px 200px 16px 16px;background:#EFEAE2;
  box-shadow:0 34px 60px -46px rgba(58,68,56,.55)}
.sk-pt-hero-ph img{width:100%;height:100%;object-fit:cover;display:block}

/* цитатът тук няма надзаглавие — авторът стои под него */
.sk-pt-quote{background:
  linear-gradient(180deg,#ECF0EB 0%,rgba(236,240,235,0) 18%),
  linear-gradient(0deg,#F1EFE9 0%,rgba(241,239,233,0) 16%),
  radial-gradient(120% 96% at 50% 42%,#EDF1EC 0%,var(--bg-3) 44%,#E4EAE4 100%)}
.sk-pt-cite{margin-top:30px;font-family:var(--fb);font-size:12px;font-weight:500;
  letter-spacing:2.4px;text-transform:uppercase;color:var(--eyebrow)}

/* ---- подходите: широки редове с икона встрани ---- */
.sk-pt-methods{padding:clamp(64px,8vw,110px) 0;
  background:linear-gradient(180deg,#F1EFE9 0%,var(--bg-2) 22%,
    var(--bg-2) 78%,#F5F2EB 100%)}
.sk-pt-list{max-width:940px;margin:clamp(48px,6vw,72px) auto 0}
.sk-pt-item{display:grid;grid-template-columns:auto minmax(0,1fr);
  gap:clamp(26px,3.4vw,52px);padding:clamp(36px,4.4vw,52px) 0;
  border-top:1px solid var(--line)}
.sk-pt-item:last-child{border-bottom:1px solid var(--line)}

.sk-pt-item-side{position:relative;display:flex;flex-direction:column;
  align-items:center;gap:14px}
.sk-pt-ic{width:74px;height:74px;border-radius:50%;flex:none;
  background:var(--card);border:1px solid var(--line);color:#6E7D6B;
  display:flex;align-items:center;justify-content:center;
  transition:color .4s var(--ease),border-color .4s var(--ease),
    transform .4s var(--ease)}
.sk-pt-ic svg{width:34px;height:34px}
.sk-pt-item:hover .sk-pt-ic{color:var(--sage-dk);border-color:#CBD4C9;
  transform:translateY(-3px)}
.sk-pt-n{font-family:var(--fh);font-size:20px;color:var(--sage-lt);opacity:.5;
  letter-spacing:-.5px}

.sk-pt-item-body{max-width:640px}
.sk-pt-item-body .sk-eyebrow{margin-bottom:12px}
.sk-pt-item-body h3{font-size:26px;margin-bottom:20px}
.sk-pt-item-body p{color:var(--body);font-size:16.5px;line-height:1.82}
.sk-pt-item-body p + p{margin-top:20px}

@media (max-width:940px){
  .sk-pt-hero-grid{grid-template-columns:1fr;gap:40px}
  .sk-pt-hero-txt{max-width:none;order:2}
  .sk-pt-hero-ph{order:1;max-width:360px;margin-inline:auto;width:100%}
}
@media (max-width:700px){
  .sk-pt-item{grid-template-columns:1fr;gap:20px}
  .sk-pt-item-side{flex-direction:row;align-items:center;gap:16px}
  .sk-pt-ic{width:60px;height:60px}
  .sk-pt-ic svg{width:28px;height:28px}
}

/* ---- АстроПсихология и Регресия ---- */

/* двуколонен текстов блок: заглавие вляво, текст вдясно */
.sk-ap-about{padding:clamp(64px,8vw,110px) 0;
  background:linear-gradient(180deg,#F1EFE9 0%,var(--bg-2) 22%,
    var(--bg-2) 78%,#EFF2EC 100%)}
.sk-ap-about-in{display:grid;grid-template-columns:minmax(0,34%) minmax(0,1fr);
  gap:clamp(32px,4.6vw,72px);max-width:1060px;margin:0 auto;align-items:start}
.sk-ap-col .sk-eyebrow{margin-bottom:16px}
.sk-ap-col h2{max-width:320px}
.sk-ap-col p{color:var(--body);font-size:17px;line-height:1.82}
.sk-ap-col p + p{margin-top:22px}

/* четирите точки като карти */
.sk-ap-gives{padding:clamp(64px,8vw,110px) 0;
  background:linear-gradient(180deg,#EFF2EC 0%,var(--bg-1) 22%,
    var(--bg-1) 78%,#F5F2EB 100%)}
.sk-ap-grid{list-style:none;margin:clamp(44px,5.4vw,64px) auto 0;padding:0;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(20px,2.6vw,32px);max-width:1000px}
.sk-ap-card{background:var(--card);border:1px solid var(--line);border-radius:14px;
  padding:clamp(26px,3vw,34px);
  transition:transform .35s var(--ease),border-color .35s var(--ease),
    box-shadow .35s var(--ease)}
.sk-ap-card:hover{transform:translateY(-4px);border-color:#CBD4C9;
  box-shadow:0 20px 38px -26px rgba(79,94,76,.4)}
.sk-ap-ic{display:flex;align-items:center;justify-content:center;
  width:56px;height:56px;border-radius:50%;margin-bottom:22px;
  background:var(--bg-1);color:#6E7D6B;transition:color .35s var(--ease)}
.sk-ap-card:hover .sk-ap-ic{color:var(--sage-dk)}
.sk-ap-ic svg{width:27px;height:27px}
.sk-ap-card h3{font-size:21px;margin-bottom:12px}
.sk-ap-card p{color:var(--body);font-size:16px;line-height:1.78}


/* ---- Регресия: спиралата и спускането надолу ---- */

.sk-rg-hero{overflow:hidden}
/* спиралата обгражда снимката в началото */
.sk-rg-spiral{position:absolute;z-index:-1;top:50%;right:-5%;translate:0 -50%;
  width:min(740px,76vw);aspect-ratio:1;color:var(--sage);opacity:.18;pointer-events:none;
  -webkit-mask-image:radial-gradient(circle at 50% 50%,#000 54%,rgba(0,0,0,0) 82%);
  mask-image:radial-gradient(circle at 50% 50%,#000 54%,rgba(0,0,0,0) 82%)}
.sk-rg-spiral svg{width:100%;height:100%;display:block;
  animation:sk-turn 300s linear infinite reverse}

/* при цитата спиралата се вижда ЦЯЛА — секцията е по-висока заради нея,
   а маската гаси едва в самия край, за да няма отрязан ръб */
.sk-rg-quote{padding:clamp(150px,18vw,250px) 0}
.sk-rg-spiral-big{position:absolute;z-index:-1;top:50%;left:50%;translate:-50% -50%;
  width:min(560px,86vw);aspect-ratio:1;color:var(--sage);opacity:.26;pointer-events:none;
  -webkit-mask-image:radial-gradient(circle at 50% 50%,#000 80%,rgba(0,0,0,0) 99%);
  mask-image:radial-gradient(circle at 50% 50%,#000 80%,rgba(0,0,0,0) 99%)}
.sk-rg-spiral-big svg{width:100%;height:100%;display:block;
  animation:sk-sink 150s linear infinite}
@keyframes sk-sink{to{transform:rotate(-360deg)}}

/* фините точки в началото — спомени, които изплуват */
.sk-rg-dust{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.sk-rg-dust i{position:absolute;width:5px;height:5px;border-radius:50%;
  background:var(--sage-lt);opacity:.3;
  animation:sk-float var(--sk-breathe-time) var(--sk-breathe-ease) infinite}
.sk-rg-dust i:nth-child(1){left:18%;top:26%;animation-delay:0s}
.sk-rg-dust i:nth-child(2){left:31%;top:64%;width:4px;height:4px;animation-delay:2.4s}
.sk-rg-dust i:nth-child(3){left:46%;top:18%;width:3px;height:3px;animation-delay:4.8s}
.sk-rg-dust i:nth-child(4){left:57%;top:74%;animation-delay:1.6s}
.sk-rg-dust i:nth-child(5){left:70%;top:34%;width:3px;height:3px;animation-delay:6.2s}
.sk-rg-dust i:nth-child(6){left:24%;top:44%;width:3px;height:3px;animation-delay:8.4s}
@keyframes sk-float{
  0%,100%{transform:translateY(0);opacity:.18}
  50%{transform:translateY(-26px);opacity:.5}
}

/* пластовете зад „Методът“ — седимент, който се сгъстява надолу */
.sk-rg-about{position:relative;isolation:isolate;overflow:hidden}
.sk-rg-strata{position:absolute;z-index:-1;inset:0;pointer-events:none;color:var(--sage);
  opacity:.22;
  -webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,0) 62%);
  mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,0) 62%)}
.sk-rg-strata svg{width:100%;height:100%;display:block}

@media (prefers-reduced-motion:reduce){
  .sk-rg-spiral svg,.sk-rg-spiral-big svg,.sk-rg-dust i{animation:none}
}

/* въпросите слизат стъпаловидно — всеки следващ е по-навътре */
/* фонът леко потъмнява надолу — усещане за спускане в дълбочина,
   но краят пак се връща към тона на следващата секция */
.sk-rg-answers{position:relative;overflow:hidden;padding:clamp(64px,8vw,110px) 0;
  background:linear-gradient(180deg,#EFF2EC 0%,var(--bg-1) 22%,
    #E9EFEA 58%,#E4EBE5 80%,#F5F2EB 100%)}
.sk-rg-list{list-style:none;margin:clamp(48px,6vw,72px) auto 0;padding:0;
  max-width:760px;position:relative}
.sk-rg-item{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);
  gap:clamp(20px,2.6vw,32px);align-items:start;
  padding:0 0 clamp(30px,3.6vw,44px);
  /* всяко следващо ниво потъва по-навътре */
  margin-left:calc(var(--sk-depth,0) * clamp(10px,1.6vw,26px))}
/* нишката е част от всеки елемент, за да слиза заедно с него —
   обща вертикална линия би останала права, докато точките се местят */
.sk-rg-item::before{content:"";position:absolute;left:7px;top:24px;bottom:0;width:1px;
  background:linear-gradient(180deg,var(--sage-lt),rgba(163,178,160,.28))}
.sk-rg-item:last-child{padding-bottom:0}
.sk-rg-item:last-child::before{display:none}
.sk-rg-mark{position:relative;z-index:1;width:15px;height:15px;margin-top:7px;
  border-radius:50%;background:var(--bg-1);border:1px solid var(--sage-lt);
  transition:border-color .4s var(--ease),box-shadow .4s var(--ease)}
.sk-rg-mark::after{content:"";position:absolute;inset:4px;border-radius:50%;
  background:var(--sage);opacity:.45;transition:opacity .4s var(--ease)}
.sk-rg-item:hover .sk-rg-mark{border-color:var(--sage);
  box-shadow:0 0 0 5px rgba(163,178,160,.16)}
.sk-rg-item:hover .sk-rg-mark::after{opacity:1}
.sk-rg-n{display:block;font-family:var(--fh);font-size:14px;letter-spacing:2px;
  color:var(--sage-lt);opacity:.75;margin-bottom:7px}
.sk-rg-item h3{font-size:21px;margin-bottom:10px}
.sk-rg-item p{color:var(--body);font-size:16px;line-height:1.78;max-width:520px}

@media (max-width:860px){
  .sk-ap-about-in{grid-template-columns:1fr;gap:28px}
  .sk-ap-col h2{max-width:none}
  .sk-ap-grid{grid-template-columns:1fr;max-width:560px}
  .sk-rg-list{max-width:none}
  .sk-rg-item{margin-left:0}
  .sk-rg-spiral{right:-30%;width:min(540px,96vw)}
}

/* ═══════════════════════════════════════════════════════════
   СТРАНИЦА „КОНТАКТИ“
   ═══════════════════════════════════════════════════════════ */

.sk-kn-hero{background:
  linear-gradient(0deg,#F1EFE9 0%,rgba(241,239,233,0) 14%),
  linear-gradient(172deg,var(--bg-1) 0%,#EAF0EB 58%,#F0EEE8 100%)}

/* трите начина за връзка — карти, които водят направо към действие */
.sk-kn-ways{padding:0 0 clamp(52px,6.5vw,84px);
  background:linear-gradient(180deg,#F1EFE9 0%,var(--bg-2) 30%,var(--bg-2) 100%)}
.sk-kn-way-grid{list-style:none;margin:0 auto;padding:0;max-width:1020px;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,28px);
  transform:translateY(clamp(-56px,-5vw,-40px))}
.sk-kn-way{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;
  background:var(--card);border:1px solid var(--line);border-radius:15px;
  padding:clamp(26px,3vw,34px) 22px;text-decoration:none;height:100%;
  box-shadow:0 20px 40px -34px rgba(58,68,56,.5);
  transition:transform .35s var(--ease),border-color .35s var(--ease),
    box-shadow .35s var(--ease)}
.sk-kn-way:hover{transform:translateY(-4px);border-color:#CBD4C9;
  box-shadow:0 26px 46px -30px rgba(58,68,56,.55)}
.sk-kn-way-ic{display:flex;align-items:center;justify-content:center;
  width:54px;height:54px;border-radius:50%;background:var(--bg-1);color:#6E7D6B;
  margin-bottom:6px;transition:color .35s var(--ease)}
.sk-kn-way:hover .sk-kn-way-ic{color:var(--sage-dk)}
.sk-kn-way-ic svg{width:25px;height:25px}
.sk-kn-way-label{font-size:11.5px;font-weight:500;letter-spacing:2px;
  text-transform:uppercase;color:var(--eyebrow)}
.sk-kn-way-val{font-family:var(--fh);font-size:17px;line-height:1.45;color:var(--ink)}

/* формата и детайлите */
.sk-kn-main{padding:0 0 clamp(64px,8vw,110px);
  background:linear-gradient(180deg,var(--bg-2) 0%,var(--bg-2) 74%,#EFF2EC 100%)}
.sk-kn-grid{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);
  gap:clamp(36px,5vw,80px);align-items:start;max-width:1080px;margin:0 auto}
.sk-kn-side .sk-eyebrow{margin-bottom:16px}
.sk-kn-side h2{margin-bottom:34px}
.sk-kn-facts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:26px}
.sk-kn-facts li{display:flex;align-items:flex-start;gap:16px}
.sk-kn-facts svg{flex:none;width:21px;height:21px;margin-top:3px;stroke:var(--sage);
  fill:none;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.sk-kn-facts b{display:block;font-family:var(--fh);font-size:18px;font-weight:500;
  color:var(--ink);margin-bottom:6px}
.sk-kn-facts span{display:block;color:var(--body);font-size:15.5px;line-height:1.7}

.sk-kn-form-wrap{background:var(--card);border:1px solid var(--line);border-radius:16px;
  padding:clamp(28px,3.4vw,42px);box-shadow:0 30px 56px -44px rgba(58,68,56,.5)}
.sk-kn-form-wrap h3{font-size:23px;margin-bottom:24px}
.sk-kn-form-wrap .sk-form .sk-btn{align-self:stretch}

/* картата */
.sk-kn-map-sec{padding:clamp(56px,7vw,96px) 0 clamp(64px,8vw,104px);text-align:center;
  background:linear-gradient(180deg,#EFF2EC 0%,var(--bg-1) 22%,var(--bg-1) 100%)}
.sk-kn-map-head{max-width:640px;margin:0 auto clamp(34px,4vw,46px)}
.sk-kn-map-head .sk-eyebrow{margin-bottom:16px}
.sk-kn-map-head p{margin-top:18px;color:var(--body);font-size:16.5px}
.sk-kn-map{max-width:1080px;margin:0 auto;border-radius:16px;overflow:hidden;
  border:1px solid var(--line);box-shadow:0 30px 60px -46px rgba(58,68,56,.5)}
.sk-kn-map iframe{display:block;width:100%;height:clamp(300px,42vh,420px);border:0;
  filter:saturate(.72) contrast(.96)}

@media (max-width:860px){
  .sk-kn-way-grid{grid-template-columns:1fr;max-width:460px;
    transform:translateY(clamp(-40px,-4vw,-28px))}
  .sk-kn-grid{grid-template-columns:1fr;gap:44px}
}

/* ---- общ шаблон за документи (правни страници) ---- */
.sk-doc-body{background:linear-gradient(180deg,#F5F4F0 0%,var(--bg-4) 8%,var(--bg-4) 90%,var(--bg-1) 100%)}
.sk-doc .sk-prose{padding-bottom:clamp(64px,8vw,104px)}
.sk-doc .sk-prose h2{font-family:var(--fh);color:var(--ink)}
/* първият параграф води по-меко в текста */
.sk-doc .sk-prose > p:first-of-type{font-size:18px;line-height:1.85;color:var(--ink)}

/* ---- АстроПсихология: рождената карта като графичен език ---- */

/* картата в началото стои вдясно, зад снимката, и се върти много бавно */
.sk-ap-hero{overflow:hidden}
/* картата обгражда снимката — снимката застава в центъра ѝ */
.sk-ap-chart{position:absolute;z-index:-1;top:50%;right:-4%;translate:0 -50%;
  width:min(760px,76vw);aspect-ratio:1;color:var(--sage);opacity:.2;pointer-events:none;
  -webkit-mask-image:radial-gradient(circle at 50% 50%,#000 56%,rgba(0,0,0,0) 82%);
  mask-image:radial-gradient(circle at 50% 50%,#000 56%,rgba(0,0,0,0) 82%)}
.sk-ap-chart svg{width:100%;height:100%;display:block;
  animation:sk-turn 320s linear infinite}

/* в секцията с твърдението картата е едра и центрирана */
.sk-ap-chart-big{position:absolute;z-index:-1;top:50%;left:50%;translate:-50% -50%;
  width:min(980px,136vw);aspect-ratio:1;color:var(--sage);opacity:.16;pointer-events:none;
  -webkit-mask-image:radial-gradient(circle at 50% 50%,#000 40%,rgba(0,0,0,0) 74%);
  mask-image:radial-gradient(circle at 50% 50%,#000 40%,rgba(0,0,0,0) 74%)}
.sk-ap-chart-big svg{width:100%;height:100%;display:block;
  animation:sk-turn 420s linear infinite reverse}
@media (prefers-reduced-motion:reduce){
  .sk-ap-chart svg,.sk-ap-chart-big svg{animation:none}
}

/* картите на четирите точки получават кръгъл печат вместо квадратна икона */
.sk-ap .sk-ap-ic{position:relative;background:transparent;
  border:1px solid var(--line);border-radius:50%}
.sk-ap .sk-ap-ic::after{content:"";position:absolute;inset:-6px;border-radius:50%;
  border:1px solid rgba(163,178,160,.34);
  transition:transform .45s var(--ease),opacity .45s var(--ease);opacity:.75}
.sk-ap .sk-ap-card:hover .sk-ap-ic::after{transform:scale(1.12);opacity:1}

/* снимката в началото също става кръгла — картата и кръгът се римуват */
.sk-ap-hero .sk-pt-hero-ph{border-radius:50%;aspect-ratio:1;
  box-shadow:0 40px 70px -52px rgba(58,68,56,.6)}
@media (max-width:940px){
  .sk-ap-chart{right:-32%;width:min(540px,96vw);opacity:.13}
  .sk-ap-hero .sk-pt-hero-ph{max-width:320px}
}

/* ═══════════════════════════════════════════════════════════
   ПСИХОТЕРАПИЯ — светлина и сянка
   ═══════════════════════════════════════════════════════════ */

/* мрежата от образи в началото */
.sk-pt-web{position:absolute;inset:0;z-index:-1;width:100%;height:100%;
  pointer-events:none;opacity:.55}

/* ---- цитатът: текстът излиза от сянката ---- */
/* тук контрастът е самият смисъл на цитата — сянката е по-дълбока,
   отколкото другаде на сайта, но остава в палитрата */
.sk-pt-shadow{position:relative;isolation:isolate;overflow:hidden;text-align:center;
  padding:clamp(120px,15vw,200px) 0;
  /* първите два слоя заковават ръбовете към съседните секции,
     третият носи потъмняването в средата */
  background:
    linear-gradient(180deg,#EDF1EC 0%,#EDF1EC 3%,rgba(237,241,236,0) 22%),
    linear-gradient(0deg,#F1EFE9 0%,#F1EFE9 4%,rgba(241,239,233,0) 24%),
    linear-gradient(168deg,#E4EAE4 0%,#C9D3CA 30%,#BCC7BD 58%,
      #C6CFC4 82%,#E7E8DF 100%)}
/* светлината следва курсора; без мишка стои леко вляво от центъра */
.sk-pt-light{position:absolute;z-index:-1;inset:0;pointer-events:none;
  background:radial-gradient(circle 520px at var(--mx,42%) var(--my,44%),
    rgba(250,246,238,.94) 0%,rgba(246,243,235,.66) 26%,
    rgba(238,240,233,.28) 52%,rgba(220,228,221,0) 76%);
  /* гасне към горния и долния ръб, за да не цапа шевовете със съседните секции */
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 14%,#000 86%,rgba(0,0,0,0) 100%);
  mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 14%,#000 86%,rgba(0,0,0,0) 100%);
  transition:background .18s linear}
/* едва доловим шум, за да не изглежда градиентът пластмасов */
.sk-pt-grain{position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(90,102,88,.14) .5px,transparent .5px);
  background-size:3px 3px;
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 12%,#000 88%,rgba(0,0,0,0) 100%);
  mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 12%,#000 88%,rgba(0,0,0,0) 100%)}

.sk-pt-shadow-in{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:0 24px}
.sk-pt-shadow blockquote{margin:0;font-family:var(--fh);font-weight:500;
  font-size:clamp(25px,3.4vw,44px);line-height:1.34;letter-spacing:-.6px;color:#232A22;
  text-shadow:0 1px 0 rgba(255,255,255,.35)}
.sk-pt-shadow blockquote::before{content:"“";display:block;font-family:var(--fh);
  font-size:clamp(70px,9vw,118px);line-height:.55;color:#5E6B5C;opacity:.32;
  margin-bottom:14px}
.sk-pt-shadow .sk-pt-cite{margin-top:32px;font-family:var(--fb);font-size:12px;
  font-weight:500;letter-spacing:2.4px;text-transform:uppercase;color:#5A6558}

/* ---- знакът на всеки метод ---- */
.sk-pt-item{position:relative}
.sk-pt-sign{position:absolute;right:0;top:50%;translate:0 -50%;
  width:clamp(130px,14vw,205px);aspect-ratio:1;color:var(--sage);opacity:.26;
  pointer-events:none;
  transition:opacity .5s var(--ease),transform .6s var(--ease)}
.sk-pt-sign svg{width:100%;height:100%;display:block;overflow:visible}
.sk-pt-item:hover .sk-pt-sign{opacity:.45;transform:scale(1.05)}
/* текстът се отдръпва, за да не влиза в знака */
.sk-pt-item-body{padding-right:clamp(0px,14vw,210px)}

@media (max-width:1080px){
  .sk-pt-sign{opacity:.16;width:clamp(100px,15vw,150px)}
  .sk-pt-item-body{padding-right:0}
}
@media (max-width:700px){
  .sk-pt-sign{display:none}
}

/* ---- „За мен“: новите блокове ---- */

/* останалите параграфи под буквицата */
.sk-am-mission-rest{max-width:820px;margin:clamp(32px,3.8vw,44px) auto 0;text-align:left}
.sk-am-mission-rest p{font-size:17.5px;line-height:1.85;color:var(--body)}
.sk-am-mission-rest p + p{margin-top:24px}

/* подзаглавието под „Моят път“ */
.sk-am-path-sub{margin-top:24px;color:var(--body);font-size:17px;line-height:1.8}

/* инструментите вече носят и кратко описание */
.sk-am-tool{align-items:flex-start}
.sk-am-tool span{display:block}
.sk-am-tool b{display:block;font-family:var(--fh);font-size:17px;font-weight:500;
  color:var(--ink);margin-bottom:5px;line-height:1.3}
.sk-am-tool em{display:block;font-style:normal;font-size:14.5px;line-height:1.62;
  color:var(--mute)}

.sk-am-tools-foot{max-width:680px;margin:clamp(40px,4.8vw,56px) auto 0;text-align:center}
.sk-am-tools-note{color:var(--body);font-size:16px;line-height:1.8}

/* заключителният блок */
.sk-am-base{padding:clamp(104px,14vw,190px) 0;text-align:center;
  background:linear-gradient(180deg,#F5F2EB 0%,var(--bg-2) 22%,
    var(--bg-2) 78%,#F2F0E9 100%)}
.sk-am-base-in{max-width:760px;margin:0 auto}
.sk-am-base-lead{font-family:var(--fh);font-size:clamp(20px,2.2vw,26px);line-height:1.6;
  color:var(--ink);letter-spacing:-.2px}
.sk-am-base-in p + p{margin-top:26px;color:var(--body);font-size:17px;line-height:1.82}

@media (max-width:940px){
  /* снимката стои сама под текста — фейдът към текста няма смисъл тук */
  .sk-am-portrait::after{display:none}
}

/* ---- „За мен“: акцентни абзаци и разположение на знаците ---- */

/* монограмът стои високо, само зад първите редове — под него текстът е чист */
.sk-am-mark{top:clamp(150px,20vw,260px);translate:-50% 0;
  width:min(560px,62vw)}

/* акцентните абзаци носят посланието: Spectral, по-едро.
   Селекторът включва родителя, защото „.sk-am-mission-rest p“ е с
   по-висока специфичност и иначе смачква размера обратно до 17.5px. */
.sk-am-accent,
.sk-am-mission-rest .sk-am-accent{font-family:var(--fh);
  font-size:clamp(21px,2.3vw,26px);line-height:1.58;
  color:var(--ink);letter-spacing:-.25px}
/* средното изречение остава тихо, за да изпъкнат другите две */
.sk-am-quiet{font-family:var(--fb);font-size:17px;line-height:1.78;color:var(--body);
  letter-spacing:0}

/* заключителният блок ползва същия акцент */
.sk-am-base-lead{font-family:var(--fh);font-size:clamp(21px,2.3vw,26px);line-height:1.58;
  color:var(--ink);letter-spacing:-.25px}

@media (max-width:940px){
  .sk-am-mark{top:clamp(110px,22vw,190px);width:min(420px,74vw)}
}

/* ---- „За мен“: главите дишат, всяка със свой знак на заден план ---- */

/* трите глави — „За мен“, „Моят път“, „Моят подход“ — се отделят ясно */
.sk-am-quote{padding-block:clamp(96px,12vw,168px)}
.sk-am-path{padding-block:clamp(96px,12vw,164px)}
.sk-am-tools{position:relative;isolation:isolate;overflow:hidden;
  padding-block:clamp(96px,12vw,164px)}

/* първият абзац в „За мен“ е дребен, а вторият носи акцента */
.sk-am-q-lead{max-width:660px;margin:0 auto 30px;color:var(--body);
  font-size:17px;line-height:1.82}
.sk-am-quote blockquote::before{display:none}
.sk-am-quote blockquote{font-size:clamp(21px,2.4vw,28px);line-height:1.5;
  font-weight:500;letter-spacing:-.3px}

/* клонката зад „Моят път“ */
.sk-am-path-leaf{position:absolute;z-index:-1;right:-10%;bottom:-8%;
  width:min(620px,56vw);aspect-ratio:1290/311;pointer-events:none;opacity:.13;
  background:var(--sk-leaf) center center / contain no-repeat;
  mix-blend-mode:multiply;transform:rotate(6deg)}

/* дъги зад „Моят подход“ */
.sk-am-tools-bg{position:absolute;z-index:-1;top:50%;left:-12%;translate:0 -50%;
  width:min(760px,70vw);aspect-ratio:1;color:var(--sage);opacity:.13;pointer-events:none;
  -webkit-mask-image:radial-gradient(circle at 50% 50%,#000 46%,rgba(0,0,0,0) 78%);
  mask-image:radial-gradient(circle at 50% 50%,#000 46%,rgba(0,0,0,0) 78%)}
.sk-am-tools-bg svg{width:100%;height:100%;display:block}

/* подзаглавието на „Моят подход“ носи акцент */
.sk-am-tools-sub{font-family:var(--fh);font-size:clamp(19px,2.1vw,24px);line-height:1.6;
  color:var(--ink);letter-spacing:-.2px;margin-top:26px}

@media (max-width:940px){
  .sk-am-path-leaf{right:-28%;width:min(460px,88vw);opacity:.1}
  .sk-am-tools-bg{left:-30%;width:min(520px,92vw);opacity:.1}
}

/* контактите в менюто съществуват само на телефон */
.sk-nav-foot{display:none}
@media (max-width:960px){ .sk-nav-foot{display:flex} }

/* ═══════════════════════════════════════════════════════════
   ТЕЛЕФОН — зони за докосване и дребни поправки
   ═══════════════════════════════════════════════════════════ */
@media (max-width:960px){
  /* точките на отзивите са 7px — визуално остават същите,
     но зоната за пръст става 40px */
  .sk-dot{position:relative}
  .sk-dot::before{content:"";position:absolute;inset:-17px;border-radius:50%}
  .sk-dots{gap:20px}

  /* линковете в топбара и футъра получават височина за пръст */
  .sk-topbar a{padding:7px 0}
  .sk-foot-nav a{padding:7px 0}
  .sk-foot-contact li{align-items:center}
  .sk-foot-contact a{padding:6px 0}
  .sk-more-link{padding-top:6px;padding-bottom:9px}

  /* стрелките на блога и формите — по-удобни за докосване */
  .sk-arrow{width:50px;height:50px}
  .sk-form input,.sk-form textarea,.sk-news-form input{padding:15px 16px}

  /* акордеонът на ЧЗВ — по-голяма зона и по-четим въпрос */
  .sk-faq-q{padding-top:19px;padding-bottom:19px;font-size:16.5px}
}

/* рамката отпада на телефон — там снимката стои сама над текста */
@media (max-width:940px){
  .sk-am-frame{display:none}
  .sk-am-portrait-wrap{margin-top:0}
}

/* ---- „За мен“: чиста правоъгълна снимка, изместена надолу ---- */
.sk-am-hero{position:relative;isolation:isolate}
.sk-am-hero .sk-in{position:relative;z-index:1}
/* две колони: текстът горе вляво, снимката слиза вдясно */
.sk-am-hero-grid{display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,31%);
  gap:clamp(36px,5vw,72px);align-items:start}
.sk-am-hero-txt{max-width:none;padding-block:0}

/* снимката започва под името и подзаглавието — без маски и без рамка */
.sk-am-portrait-wrap{position:relative;right:auto;bottom:auto;width:100%;
  margin-top:clamp(64px,9vw,136px);pointer-events:auto}
.sk-am-portrait{position:relative;margin:0;aspect-ratio:4/4.9;overflow:hidden;
  border-radius:3px;background:#EFEAE2;
  box-shadow:0 38px 68px -50px rgba(58,68,56,.5)}
.sk-am-portrait::after{display:none}
.sk-am-frame{display:none}

@media (max-width:940px){
  .sk-am-hero-grid{grid-template-columns:1fr;gap:0}
  .sk-am-portrait-wrap{max-width:330px;margin:36px auto 0}
}

/* клонката във футъра отпада — линията поема ролята на разделител */
.sk-foot-rule{margin-top:clamp(44px,5.6vw,68px)}

/* подзаглавие на всяка услуга — между името и текста */
.sk-us-sub{font-family:var(--fh);font-size:clamp(18px,1.9vw,21px);line-height:1.5;
  color:var(--sage-dk);letter-spacing:-.2px;margin-bottom:20px!important}
.sk-us-txt h2{margin-bottom:12px}

/* повече въздух между контактите и чертата във футъра */
.sk-foot-rule{margin-top:clamp(56px,7vw,88px)}

/* ---- превключвател на езика ---- */
.sk-topbar-r{display:flex;align-items:center;gap:22px}
.sk-lang{display:inline-flex;align-items:center;gap:2px;
  font-family:var(--fb);font-size:12px;font-weight:500;letter-spacing:1.2px}
.sk-lang a,.sk-lang .sk-lang-on{padding:5px 8px;border-radius:5px;line-height:1;
  text-decoration:none;transition:color .25s var(--ease),background .25s var(--ease)}
.sk-lang .sk-lang-on{color:var(--ink);background:rgba(122,129,119,.14)}
.sk-lang a{color:var(--mute)!important}
.sk-lang a:hover{color:var(--sage-dk)!important;background:rgba(122,129,119,.1)}
/* разделител между двата езика */
.sk-lang .sk-lang-on + a{position:relative;margin-left:6px}
.sk-lang .sk-lang-on + a::before{content:"";position:absolute;left:-4px;top:50%;
  translate:0 -50%;width:1px;height:11px;background:rgba(122,129,119,.34)}

/* в мобилното меню стои над контактите */
.sk-lang-mob{display:none}
@media (max-width:960px){
  .sk-lang-mob{display:inline-flex;margin-bottom:6px;font-size:13px}
  .sk-lang-mob a,.sk-lang-mob .sk-lang-on{padding:8px 12px}
}

/* ---- „Психотерапия“: въведение, подзаглавия и бележка ---- */
.sk-pt-intro{padding:clamp(72px,9vw,120px) 0;
  background:linear-gradient(180deg,#EDF1EC 0%,var(--bg-4) 20%,
    var(--bg-4) 80%,#ECF0EB 100%)}
.sk-pt-intro-in{max-width:780px;margin:0 auto;text-align:center}
/* първият абзац носи акцента, вторият е спокоен */
.sk-pt-intro-lead{font-family:var(--fh);font-size:clamp(20px,2.2vw,26px);line-height:1.6;
  color:var(--ink);letter-spacing:-.25px}
.sk-pt-intro-in p + p{margin-top:26px;color:var(--body);font-size:17px;line-height:1.82}

/* заглавието в тъмната секция стои над текста */
.sk-pt-shadow .sk-eyebrow{color:#5A6558;margin-bottom:16px}
.sk-pt-shadow h2{color:#232A22;margin-bottom:30px;
  text-shadow:0 1px 0 rgba(255,255,255,.3)}
.sk-pt-shadow-in p{max-width:680px;margin-inline:auto;color:#38402F;
  font-size:17px;line-height:1.82}
.sk-pt-shadow-in p + p{margin-top:22px}

.sk-pt-m-sub{margin-top:24px;color:var(--body);font-size:17px;line-height:1.8}
/* бележката за водените медитации — тиха, отделена от списъка */
.sk-pt-note{max-width:760px;margin:clamp(44px,5.4vw,64px) auto 0;text-align:center}
.sk-pt-note p{color:var(--body);font-size:16.5px;line-height:1.82}

/* ═══════════════════════════════════════════════════════════
   ЙЕРАРХИЯ — обратна връзка от клиентката (05.08)
   ═══════════════════════════════════════════════════════════ */

/* „За мен“: името и подзаглавието една идея по-спокойни */
.sk-am-hero h1{font-size:clamp(36px,4.9vw,64px)}
.sk-am-lead{font-size:clamp(19px,2vw,23px)}

/* „Психотерапия“: текстът тръгва отгоре, снимката е по-малка и слиза
   надолу вдясно. Ограничено до тази страница чрез id-то на секцията,
   за да не мести кръга на Астропсихология и спиралата на Регресия. */

/* двете вътрешни заглавия водят йерархията на страницата */
.sk-pt-shadow h2{font-size:clamp(30px,3.6vw,44px);
  margin-bottom:clamp(36px,4.4vw,56px)}
.sk-pt-methods .sk-am-head h2{font-size:clamp(30px,3.6vw,44px)}
/* повече въздух под подзаглавието, преди списъка с методи */
.sk-pt-list{margin-top:clamp(68px,8.5vw,110px)}

/* методите дишат: по-едри икони, по-големи разстояния между тях */
.sk-pt-item{padding-top:clamp(48px,6vw,76px);padding-bottom:clamp(48px,6vw,76px)}
.sk-pt-ic{width:88px;height:88px}
.sk-pt-ic svg{width:42px;height:42px}
/* заглавие, после подзаглавие — както е в документа на клиентката */
.sk-pt-item-body h3{margin-bottom:0}
.sk-pt-sub{display:block;font-family:var(--fh);font-size:17.5px;line-height:1.5;
  color:var(--sage-dk);letter-spacing:-.1px;margin:12px 0 22px}

/* бележката за водените медитации се отделя ясно от списъка */
.sk-pt-note{margin-top:clamp(72px,9vw,120px)}
.sk-pt-note strong{font-weight:600;color:var(--ink)}

@media (max-width:940px){
}
@media (max-width:700px){
  .sk-pt-ic{width:68px;height:68px}
  .sk-pt-ic svg{width:33px;height:33px}
}

/* ═══════════════════════════════════════════════════════════
   АСТРОПСИХОЛОГИЯ — нова структура (05.08)
   ═══════════════════════════════════════════════════════════ */

/* подзаглавието под името, преди водещия текст */
.sk-ap-hero-sub{font-family:var(--fh);font-size:clamp(18px,1.9vw,21px);line-height:1.5;
  color:var(--sage-dk);letter-spacing:-.2px;margin-bottom:18px}

/* заглавието на „Какво представлява“ е въпрос — по-едро и с повече място */
.sk-ap-col h2{max-width:380px}
/* удебеленото в основния текст се откроява */
.sk-ap-col strong,.sk-pt-intro-lead strong{font-weight:600;color:var(--ink)}

/* ---- в какви ситуации: снимка вляво, картите вдясно ---- */
.sk-ap-sit{padding:clamp(64px,8vw,110px) 0;
  background:linear-gradient(180deg,#EFF2EC 0%,var(--bg-1) 14%,
    var(--bg-1) 84%,#F1F0EA 100%)}
.sk-ap-sit-grid{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);
  gap:clamp(36px,5vw,80px);align-items:center;
  max-width:1120px;margin:clamp(56px,7vw,92px) auto 0}
/* срезът с пръстените — орбитите, в които се въртят планетите */
.sk-ap-sit-ph{position:relative;margin:0;overflow:hidden;
  aspect-ratio:3/4;background:#E4EAE6;
  box-shadow:0 34px 60px -46px rgba(58,68,56,.55)}
.sk-ap-sit-ph img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform 1.2s var(--ease)}
.sk-ap-sit-ph:hover img{transform:scale(1.04)}

.sk-ap-sit-list{list-style:none;margin:0;padding:0;display:flex;
  flex-direction:column;gap:clamp(12px,1.5vw,16px)}

/* ---- как протича консултацията: три стъпки ---- */
.sk-ap-flow{padding:clamp(64px,8vw,110px) 0;
  background:linear-gradient(180deg,#F1F0EA 0%,var(--bg-2) 14%,
    var(--bg-2) 82%,#F5F2EB 100%)}
.sk-ap-flow-steps{list-style:none;margin:clamp(56px,7vw,92px) auto 0;padding:0;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(28px,3.6vw,52px);max-width:1080px}
.sk-ap-flow-step{border-top:1px solid var(--line);padding-top:24px}
.sk-ap-flow-n{display:block;font-family:var(--fh);font-weight:400;
  font-size:clamp(34px,3.8vw,46px);line-height:1;color:var(--sage-lt);opacity:.55;
  letter-spacing:-1px;margin-bottom:16px}
.sk-ap-flow-step h3{font-size:21px;margin-bottom:12px}
.sk-ap-flow-step p{color:var(--body);font-size:16px;line-height:1.78}

/* практическата бележка — откроена от останалия текст */
.sk-ap-note{display:flex;align-items:center;justify-content:center;gap:14px;
  width:fit-content;max-width:calc(100% - 40px);
  margin:clamp(52px,6.4vw,84px) auto 0;padding:18px 30px;
  background:var(--card);border:1px solid var(--line);border-radius:999px;
  box-shadow:0 14px 30px -24px rgba(58,68,56,.4)}
.sk-ap-note svg{flex:none;width:21px;height:21px;color:var(--sage-dk)}
.sk-ap-note p{font-family:var(--fh);font-size:16.5px;line-height:1.6;color:var(--ink)}

@media (max-width:940px){
  .sk-ap-sit-grid{grid-template-columns:1fr;gap:36px}
  .sk-ap-sit-ph{max-width:380px;margin-inline:auto;width:100%}
  .sk-ap-flow-steps{grid-template-columns:1fr;gap:30px;max-width:560px}
}

/* ═══════════════════════════════════════════════════════════
   Обратна връзка 09.08 — йерархия, ситуации, бележка
   ═══════════════════════════════════════════════════════════ */

/* всички заглавия в Астропсихология са с базовия размер (36px),
   изравнени надолу по нейно желание */
.sk-ap h2,.sk-ap-col h2{font-size:clamp(27px,3vw,36px)}
/* „Астропсихологията?“ е 18 знака — в 34% колона не се събира на ред
   и въпросителната пада сама. Колоната се разширява до 40%. */
.sk-ap-about-in{grid-template-columns:minmax(0,40%) minmax(0,1fr)}
.sk-ap-col h2{max-width:none}

/* уводът под „Как протича консултацията“ е по-широк — иначе
   един ред започва с тире, а последният остава с една дума */
.sk-ap-flow .sk-am-head{max-width:880px}
.sk-ap-flow .sk-pt-m-sub{max-width:820px;margin-inline:auto}

/* ---- ситуациите: редове с разделителна линия, без карти ---- */
.sk-ap-sit-list{gap:0}
.sk-ap-sit-row{padding:22px 0;border-top:1px solid var(--line)}
.sk-ap-sit-row:last-child{border-bottom:1px solid var(--line)}
.sk-ap-sit-row h3{font-size:20px;margin-bottom:8px}
.sk-ap-sit-row p{color:var(--body);font-size:16px;line-height:1.75}

/* снимката до тях — прав кадър, без заоблени ъгли */

/* ---- бележката: различава се по типография, не с рамка ---- */
.sk-ap-note{display:block;width:auto;max-width:760px;padding:0;
  margin:clamp(52px,6.4vw,84px) auto 0;
  background:none;border:0;border-radius:0;box-shadow:none;
  text-align:center;font-family:var(--fh);font-style:italic;
  font-size:17px;line-height:1.65;color:var(--sage-dk)}

@media (max-width:940px){
  .sk-ap-sit-ph{max-width:400px}
}

/* ═══════════════════════════════════════════════════════════
   РЕГРЕСИЯ — ревизия по обратна връзка (11.08)
   ═══════════════════════════════════════════════════════════ */

/* кръговете в началото: по-бледи и изтеглени вдясно */
.sk-rg-spiral{right:-16%;opacity:.09}
/* пластовете зад „Методът“: едва доловими слоеве, не декор */
.sk-rg-strata{opacity:.10}

/* изречението за миналите животи стои отделно от абзаците */
.sk-rg-aside{margin-top:30px;padding-top:24px;border-top:1px solid var(--line);
  font-family:var(--fh);font-size:17px;line-height:1.7;color:var(--sage-dk)}

/* заключението под темите */
.sk-rg-note{max-width:780px;margin:clamp(56px,7vw,88px) auto 0;text-align:center;
  color:var(--body);font-size:16.5px;line-height:1.82}

@media (max-width:940px){
  .sk-rg-spiral{opacity:.07}
}

/* потъването остава, но е наполовина — иначе лявото поле е много
   неравно и всеки следващ ред тръгва осезаемо по-навътре */
.sk-rg-item{margin-left:calc(var(--sk-depth,0) * clamp(5px,.8vw,13px))}
/* номерът стои по-близо до заглавието си */
.sk-rg-n{opacity:.62;margin-bottom:4px}
/* текстът диша по-широко в рамките на колоната */
.sk-rg-item p{max-width:620px}

/* заглавията на Регресия са с базовия размер, както в другите услуги */
.sk-rg h2{font-size:clamp(27px,3vw,36px)}

/* кръговете при афоризма: по-бледи и леко изтеглени вдясно */
.sk-rg-spiral-big{left:58%;opacity:.13}
@media (max-width:940px){
  .sk-rg-spiral-big{left:50%;opacity:.11}
}

/* ═══════════════════════════════════════════════════════════
   Обратна връзка 11.08
   ═══════════════════════════════════════════════════════════ */

/* И трите услуги отварят със заглавие на едно и също ниво —
   текстът тръгва от горния ръб, снимката слиза под него. */
.sk-pt-hero-grid{align-items:start}
.sk-pt-hero-ph{margin-top:clamp(28px,4vw,64px)}

/* кой е адресатът на терапията — по-тихо от абзаците над него */
.sk-pt-who{margin-top:26px;font-size:16px;line-height:1.8;color:var(--sage-dk)}

/* „За кого е подходящо“: тире вместо отметка. Тук са състояния,
   а не изпълнени условия, и „✓“ звучи като чеклист. */
.sk-dash{flex:none;width:14px;height:1px;margin-top:13px;
  background:var(--sage-lt);opacity:.85}

@media (max-width:940px){
  .sk-pt-hero-grid{align-items:stretch}
  .sk-pt-hero-ph{margin-top:0}
}

/* ═══════════════════════════════════════════════════════════
   Последни корекции 13.08
   ═══════════════════════════════════════════════════════════ */

/* адресатът на терапията — между колоните и бележката.
   Стои вътре в .sk-fit-foot, затова разделянето е с долен отстъп. */
.sk-fit-who{max-width:720px;margin:0 auto clamp(30px,3.6vw,44px);text-align:center;
  color:var(--body);font-size:16px;line-height:1.82}
.sk-fit-foot{margin-top:clamp(40px,5vw,64px)}

/* „Контакти“ в главното меню — тих контурен бутон.
   Само на десктоп: в мобилния панел списъкът е вертикален. */
@media (min-width:941px){
  .sk-nav > ul > li:last-child > a{border:1px solid var(--sage-lt);border-radius:9px;
    padding:8px 17px;transition:background .3s var(--ease),border-color .3s var(--ease),
      color .3s var(--ease)}
  .sk-nav > ul > li:last-child > a::after{display:none}
  .sk-nav > ul > li:last-child > a:hover{background:var(--sage);border-color:var(--sage);
    color:#fff!important}
  .sk-nav > ul > li:last-child.current-menu-item > a{background:var(--sage-lt);
    border-color:var(--sage-lt);color:#fff!important}
}

/* ═══════════════════════════════════════════════════════════
   „Още по темата“ под всяка статия
   ═══════════════════════════════════════════════════════════ */
.sk-more{padding:clamp(64px,8vw,110px) 0 clamp(72px,9vw,120px);
  background:linear-gradient(180deg,var(--bg-4) 0%,#F1F0EA 22%,
    #F1F0EA 78%,var(--bg-1) 100%)}
.sk-more-head{text-align:center;max-width:620px;margin:0 auto}
.sk-more-head .sk-eyebrow{margin-bottom:14px}
.sk-more-head h2{font-size:clamp(25px,2.8vw,34px)}

.sk-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(20px,2.6vw,34px);margin:clamp(40px,5vw,64px) auto 0;max-width:1080px}
.sk-more-card{background:var(--card);border:1px solid var(--line);border-radius:15px;
  overflow:hidden;
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),
    border-color .4s var(--ease)}
.sk-more-card:hover{transform:translateY(-4px);border-color:#CBD4C9;
  box-shadow:0 22px 40px -28px rgba(79,94,76,.45)}
.sk-more-card a{display:block;text-decoration:none;color:inherit}
.sk-more-card figure{margin:0;aspect-ratio:3/2;overflow:hidden;background:#E7ECE8}
.sk-more-card img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform 1s var(--ease)}
.sk-more-card:hover img{transform:scale(1.045)}
.sk-more-body{padding:20px 22px 24px}
.sk-more-date{display:block;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;
  color:var(--sage-dk);opacity:.8;margin-bottom:9px}
.sk-more-body h3{font-size:18.5px;line-height:1.4;margin-bottom:14px}
.sk-more-link{font-size:14px;color:var(--sage-dk);
  display:inline-flex;align-items:center;gap:7px}
.sk-more-card:hover .sk-more-link span{transform:translateX(3px)}
.sk-more-link span{transition:transform .3s var(--ease)}

.sk-more-all{display:block;width:fit-content;margin:clamp(38px,4.6vw,56px) auto 0}

@media (max-width:900px){
  .sk-more-grid{grid-template-columns:1fr;max-width:420px}
}

/* статиите са само на български — бележка само в английската версия */
.sk-blog-lang-note{margin-top:16px;font-size:15px;color:var(--sage-dk);
  font-style:italic;opacity:.9}

/* Размер на снимка, зададен от редактора.
   Мащабира рамката, не кадъра — така изображението не се реже. */
.sk-scaled{width:calc(100% * var(--sk-scale,1)); margin-inline:auto}

/* ═══════════════════════════════════════════════════════════
   Мобилни поправки 17.08
   ═══════════════════════════════════════════════════════════ */

@media (max-width:940px){
  /* „Какво представлява Астропсихологията?“ оставаше двуколонна:
     по-късното правило за 40% биеше общото за телефон. */
  .sk-ap-about-in{grid-template-columns:1fr}
  .sk-ap-col h2{max-width:none}
}

/* ═══════════════════════════════════════════════════════════
   ВАШИ СЕКЦИИ — блокове, добавени от редактора
   ═══════════════════════════════════════════════════════════ */

.sk-blk{padding:clamp(64px,8vw,110px) 0}
.sk-blk--light{background:var(--bg-4)}
.sk-blk--cream{background:var(--bg-2)}
.sk-blk--sage{background:linear-gradient(180deg,#EDF1EC 0%,var(--bg-3) 50%,#EDF1EC 100%)}

.sk-blk-head{text-align:center;max-width:720px;margin:0 auto clamp(38px,5vw,58px)}
.sk-blk-head--left{text-align:left;margin-inline:0}
.sk-blk-head .sk-eyebrow{margin-bottom:14px}
.sk-blk-head h2{font-size:clamp(27px,3vw,36px)}

/* ---- текст със снимка ---- */
.sk-blk-split-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,44%);
  gap:clamp(36px,5vw,74px);align-items:center;max-width:1120px;margin:0 auto}
.sk-blk-split--flip .sk-blk-split-grid{direction:rtl}
.sk-blk-split--flip .sk-blk-split-grid > *{direction:ltr}
.sk-blk-split-txt .sk-eyebrow{margin-bottom:14px;display:block}
.sk-blk-split-txt h2{font-size:clamp(26px,2.9vw,34px);margin-bottom:20px}
.sk-blk-body p{color:var(--body);font-size:17px;line-height:1.82;margin-bottom:16px}
.sk-blk-split-txt .sk-btn{margin-top:10px}
.sk-blk-split-ph{margin:0;overflow:hidden;border-radius:14px;aspect-ratio:4/3;
  background:#E7ECE8;box-shadow:0 30px 56px -44px rgba(58,68,56,.5)}
.sk-blk-split-ph img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform 1.1s var(--ease)}
.sk-blk-split-ph:hover img{transform:scale(1.04)}

/* ---- акцент ---- */
.sk-blk-quote{text-align:center}
.sk-blk-quote blockquote{max-width:820px;margin:0 auto;
  font-family:var(--fh);font-size:clamp(21px,2.5vw,30px);line-height:1.6;
  color:var(--ink);letter-spacing:-.3px}
.sk-blk-quote-by{margin-top:20px;font-size:14px;letter-spacing:1.6px;
  text-transform:uppercase;color:var(--sage-dk)}

/* ---- отзиви ---- */
.sk-blk-test-grid{display:grid;gap:clamp(20px,2.6vw,30px);max-width:1120px;margin:0 auto;
  grid-template-columns:repeat(2,minmax(0,1fr))}
.sk-blk-test--1{grid-template-columns:minmax(0,620px);justify-content:center}
.sk-blk-test--3,.sk-blk-test--4{grid-template-columns:repeat(2,minmax(0,1fr))}
.sk-blk-test-card{margin:0;padding:28px 30px;background:var(--card);
  border:1px solid var(--line);border-radius:15px}
.sk-blk-test-card blockquote{margin:0;color:var(--body);font-size:16px;line-height:1.82}
.sk-blk-test-card figcaption{font-family:var(--fh);font-size:15px;color:var(--ink)}
.sk-blk-test-card .sk-quote-mark{display:block;font-family:var(--fh);font-size:34px;
  line-height:1;color:var(--sage-lt);opacity:.5;margin-bottom:10px}
.sk-blk-test-card .sk-quote-div{display:block;width:34px;height:1px;
  background:var(--line);margin:18px 0 12px}

/* ---- три карти ---- */
.sk-blk-cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(18px,2.4vw,28px);max-width:1080px;margin:0 auto}
.sk-blk-card{padding:28px 26px;background:var(--card);border:1px solid var(--line);
  border-radius:14px;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.sk-blk-card:hover{transform:translateY(-3px);box-shadow:0 18px 34px -26px rgba(79,94,76,.42)}
.sk-blk-card h3{font-size:19px;margin-bottom:10px}
.sk-blk-card p{color:var(--body);font-size:15.5px;line-height:1.75}

/* ---- стъпки ---- */
.sk-blk-steps-list{list-style:none;margin:0 auto;padding:0;max-width:820px}
.sk-blk-steps-list li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;
  padding:24px 0;border-top:1px solid var(--line)}
.sk-blk-steps-list li:last-child{border-bottom:1px solid var(--line)}
.sk-blk-n{font-family:var(--fh);font-size:clamp(26px,3vw,34px);line-height:1;
  color:var(--sage-lt);opacity:.6;letter-spacing:-1px}
.sk-blk-steps-list h3{font-size:19px;margin-bottom:8px}
.sk-blk-steps-list p{color:var(--body);font-size:16px;line-height:1.78}

/* ---- въпроси ---- */
.sk-blk-faq-list{max-width:820px;margin:0 auto}
.sk-blk-faq-item{border-top:1px solid var(--line)}
.sk-blk-faq-item:last-child{border-bottom:1px solid var(--line)}
.sk-blk-faq-item h3{margin:0;font-size:inherit;font-weight:inherit}
.sk-blk-faq-item button{width:100%;display:flex;align-items:center;justify-content:space-between;
  gap:18px;padding:20px 0;background:none;border:0;cursor:pointer;text-align:left;
  font-family:var(--fh);font-size:18px;color:var(--ink)}
.sk-blk-faq-item button i{width:9px;height:9px;flex:none;
  border-right:1.5px solid var(--sage);border-bottom:1.5px solid var(--sage);
  transform:rotate(45deg) translateY(-2px);transition:transform .3s var(--ease)}
.sk-blk-faq-item button[aria-expanded=true] i{transform:rotate(-135deg) translateY(-2px)}
.sk-blk-faq-a{padding:0 0 20px}
.sk-blk-faq-a p{color:var(--body);font-size:16px;line-height:1.8;max-width:700px}

/* ---- галерия ---- */
.sk-blk-gal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(12px,1.6vw,20px);max-width:1120px;margin:0 auto}
.sk-blk-gal-grid figure{margin:0;overflow:hidden;border-radius:12px;aspect-ratio:4/3;
  background:#E7ECE8}
.sk-blk-gal-grid img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform 1s var(--ease)}
.sk-blk-gal-grid figure:hover img{transform:scale(1.05)}

/* ---- покана ---- */
.sk-blk-cta{text-align:center}
.sk-blk-cta-in{max-width:680px;margin:0 auto}
.sk-blk-cta-in .sk-eyebrow{margin-bottom:16px}
.sk-blk-cta-in h2{font-size:clamp(26px,3vw,36px);margin-bottom:16px}
.sk-blk-cta-in p{color:var(--body);font-size:17px;line-height:1.8;margin-bottom:28px}

/* ---- само текст ---- */
.sk-blk-text-in{max-width:760px;margin:0 auto;text-align:center}
.sk-blk-text-in p{color:var(--body);font-size:17px;line-height:1.85;margin-bottom:18px}

@media (max-width:940px){
  .sk-blk-split-grid{grid-template-columns:1fr;gap:32px}
  .sk-blk-split--flip .sk-blk-split-grid{direction:ltr}
  .sk-blk-cards-grid{grid-template-columns:1fr;max-width:440px}
  .sk-blk-test-grid,.sk-blk-test--3,.sk-blk-test--4{grid-template-columns:1fr;max-width:560px}
  .sk-blk-gal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* ══════════ ГОРНА ЛЕНТА НА ТЕЛЕФОН ══════════
   Езикът и социалните мрежи стояха само в бургер менюто.
   Сега са на видно място; за да се съберат, телефонът и имейлът
   остават само с иконка на тесен екран. */

@media (max-width:960px){
  .sk-topbar .sk-shell{flex-wrap:nowrap; gap:12px}
  .sk-topbar-r{gap:14px; flex:none}
  .sk-topbar .sk-lang{display:inline-flex; font-size:11.5px; letter-spacing:1px}
  .sk-topbar .sk-lang a,
  .sk-topbar .sk-lang .sk-lang-on{padding:4px 6px}
  .sk-topbar .sk-social{display:flex; gap:13px}
  .sk-topbar .sk-social svg{width:18px; height:18px}
}

@media (max-width:700px){
  /* надписите отстъпват — иконките остават с удобна зона за пръст */
  .sk-topbar-l .sk-tb-txt{
    position:absolute; width:1px; height:1px; margin:-1px;
    overflow:hidden; clip-path:inset(50%); white-space:nowrap;
  }
  .sk-topbar-l{gap:6px}
  .sk-topbar-l a{padding:7px 9px; border-radius:8px}
  .sk-topbar-l svg{width:17px; height:17px}
  .sk-topbar .sk-social{gap:11px}
}

/* съвсем тесни телефони — малко по-плътно */
@media (max-width:360px){
  .sk-topbar-r{gap:10px}
  .sk-topbar .sk-social{gap:9px}
  .sk-topbar-l a{padding:7px 6px}
}

/* ══════════ ЛОГОТО НА ТЕЛЕФОН ══════════
   При скрол хедърът беше почти прозрачен и текстът отдолу
   прозираше през логото. Сега лентата е плътна, с малко повече
   въздух около знака и мек ръб надолу. */

@media (max-width:960px){
  .sk-head.stuck{
    background:var(--bg-1);
    backdrop-filter:none; -webkit-backdrop-filter:none;
    box-shadow:0 6px 18px -12px rgba(58,68,56,.34);
  }
  .sk-head.stuck .sk-navbar .sk-shell{min-height:62px}
  .sk-head.stuck .sk-logo{height:38px}

  /* мек преход под лентата, за да не реже текста рязко */
  .sk-head.stuck::after{
    content:""; position:absolute; left:0; right:0; top:100%;
    height:16px; pointer-events:none;
    background:linear-gradient(180deg, var(--bg-1), rgba(238,243,239,0));
  }

  /* докато менюто е отворено, преходът само пречи */
  body.sk-menu-open .sk-head.stuck::after{display:none}
}