/* Сглобен файл — не се редактира тук. Източници: assets/css/_fonts.css, design/tokens.css, design/site.css, assets/css/_theme.css */
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:400 700;font-display:swap;
  font-stretch: 100%;
  src:url('../fonts/nunito-sans-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:400 700;font-display:swap;
  font-stretch: 100%;
  src:url('../fonts/nunito-sans-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:400 700;font-display:swap;
  font-stretch: 100%;
  src:url('../fonts/nunito-sans-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Rubik';font-style:normal;font-weight:500 900;font-display:swap;
  src:url('../fonts/rubik-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Rubik';font-style:normal;font-weight:500 900;font-display:swap;
  src:url('../fonts/rubik-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Rubik';font-style:normal;font-weight:500 900;font-display:swap;
  src:url('../fonts/rubik-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* Дизайн система — mr-clean.bg, чернова 1 (10.10.2026)
   Цветовете идват от Клийни: лилава козина, черен суитшърт, лайм връзки. */
:root {
  /* цвят */
  --ink: #141017;          /* почти черно с лилав оттенък — панели, текст */
  --ink-2: #231D2A;        /* повдигната повърхност върху ink */
  --paper: #F6F3EE;        /* фон на страницата */
  --white: #FFFFFF;
  --purple: #7B3FD1;       /* марката */
  --purple-deep: #2A1747;  /* тъмно лилаво — hero, футър */
  --lilac: #E4D6FA;        /* цветно поле (ролята на прасковеното при Frans Hals) */
  --lilac-soft: #F1EAFC;
  --lime: #B8F02E;         /* само за действие: бутони, акценти, отметки */
  --lime-ink: #1F2A03;
  --muted: #5F5768;        /* вторичен текст върху paper */
  --muted-on-ink: #B9B0C6; /* вторичен текст върху ink */
  --line: #E3DCEB;

  /* шрифт */
  --f-display: "Rubik", "Arial Rounded MT Bold", system-ui, sans-serif;
  --f-body: "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --t-hero: clamp(2.25rem, 6.2vw, 5.25rem);
  --t-h2: clamp(1.75rem, 3.6vw, 3rem);
  --t-h3: clamp(1.25rem, 2vw, 1.625rem);
  --t-lead: clamp(1.0625rem, 1.3vw, 1.25rem);
  --t-body: 1.0625rem;
  --t-small: 0.875rem;

  /* форма */
  --r-panel: clamp(20px, 2.6vw, 36px);
  --r-card: 20px;
  --r-pill: 999px;
  --gutter: clamp(16px, 3vw, 40px);
  --maxw: 1320px;
  --gap: clamp(12px, 1.6vw, 24px);
  --section: clamp(56px, 8vw, 120px);
}

/* Тъмната система на избрания вариант Б */
:root {
  --bg: #130E15;             /* фон на страницата — съвпада с фона на изображенията с Клийни */
  --surface: #231D2A;        /* карти и панели върху фона */
  --surface-2: #2E2637;      /* посочен/активен елемент върху surface */
  --line-dark: #3A3342;      /* декоративни разделители (не носят смисъл) */
  --field-border: #7A6F8A;   /* рамки на полета и контроли — контраст ≥ 3:1 */
  --text: #FFFFFF;
  --text-muted: #B9B0C6;     /* 9,2:1 върху фона */
  --on-purple: #EFE6FF;      /* вторичен текст върху лилаво — 5,0:1 */
}

/* mr-clean.bg — нова визия (вариант Б). Един файл за всички шаблони.
   Правило за цвета: лаймът е само за действие (бутони, отметки, акценти). */

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--f-body);font-size:var(--t-body);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
p{margin:0 0 1em}
[hidden]{display:none!important}
h1,h2,h3{font-family:var(--f-display);font-weight:800;text-transform:uppercase;line-height:1.02;letter-spacing:-.01em;margin:0;text-wrap:balance}
h1{font-weight:900}
h2{font-size:var(--t-h2)}
h3{font-size:var(--t-h3);line-height:1.1}
:focus-visible{outline:3px solid var(--lime);outline-offset:3px;border-radius:6px}
.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--gutter)}
.section{padding-block:var(--section)}
.lead{font-size:var(--t-lead);max-width:62ch}
.muted{color:var(--text-muted)}
.prose a{color:var(--lime);font-weight:700;text-underline-offset:3px}
.label{font-family:var(--f-display);font-weight:900;text-transform:uppercase;line-height:1;font-size:var(--t-h2);margin:0}

.skip{position:absolute;left:16px;top:-80px;z-index:100;background:var(--lime);color:var(--lime-ink);padding:12px 18px;border-radius:var(--r-pill);font-weight:700;text-decoration:none;transition:top .15s}
.skip:focus{top:12px}

/* ── бутони ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border-radius:var(--r-pill);padding:12px 24px;font-family:var(--f-display);font-weight:700;font-size:.95rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,background .15s ease,color .15s ease;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:none}
.btn--lime{background:var(--lime);color:var(--lime-ink)}
.btn--lime:hover{background:#C9F85A}
.btn--lime:focus-visible{outline-color:var(--white)}
.btn--ghost{border-color:currentColor;background:transparent;color:inherit}
.btn--ghost:hover{background:var(--white);color:var(--ink);border-color:var(--white)}
.btn--white{background:var(--white);color:var(--ink)}
.btn svg{width:18px;height:18px;flex:none}

/* ── хедър ── */
/* Лента с действащата публична отстъпка — над шапката, на всяка страница; изчезва сама след срока. */
.promo-bar{background:var(--lime);color:var(--lime-ink);font-size:15px;line-height:1.35}
.promo-bar .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 14px;padding-block:8px;text-align:center}
.promo-bar p{margin:0;font-weight:600}
.promo-bar b{font-weight:800}
.promo-bar button{appearance:none;border:2px solid var(--lime-ink);background:transparent;color:inherit;font:inherit;font-weight:700;border-radius:var(--r-pill);padding:6px 14px;min-height:36px;cursor:pointer}
.promo-bar button:hover,.promo-bar button:focus-visible{background:var(--lime-ink);color:var(--lime)}
.promo-bar[hidden]{display:none}
@media (max-width:640px){.promo-bar{font-size:14px}.promo-bar .wrap{padding-block:6px;flex-wrap:nowrap;justify-content:space-between;text-align:left}.promo-bar .what{display:none}.promo-bar button{flex:none;padding:5px 12px}}
.top{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 84%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .2s}
.top.is-stuck{border-color:var(--line-dark)}
.top .wrap{display:flex;align-items:center;gap:16px;padding-block:10px}
.logo{display:block;flex:none}
.logo img{height:56px;width:auto}
.nav{display:flex;gap:2px;margin-left:auto;align-items:center}
.nav a,.nav button{font-family:var(--f-display);font-weight:500;font-size:.92rem;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;padding:10px 14px;min-height:44px;border-radius:var(--r-pill);display:inline-flex;align-items:center;gap:6px;background:none;border:0;color:inherit;cursor:pointer}
.nav > a:hover,.nav button:hover,.nav button[aria-expanded="true"]{background:var(--surface)}
.nav [aria-current="page"],.nav .is-cur{color:var(--lime)}
.has-sub{position:relative}
.has-sub button svg{width:12px;height:12px;transition:transform .15s}
.has-sub button[aria-expanded="true"] svg{transform:rotate(180deg)}
.sub{position:absolute;top:calc(100% + 10px);left:50%;translate:-50% 0;width:min(620px,92vw);background:var(--surface);border:1px solid var(--line-dark);border-radius:var(--r-card);padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:2px;box-shadow:0 24px 60px rgba(0,0,0,.55);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .15s,transform .15s,visibility .15s}
.sub--one{grid-template-columns:1fr;width:min(320px,92vw)}
.sub::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.has-sub:hover .sub,.has-sub:focus-within .sub,.has-sub.is-open .sub{opacity:1;visibility:visible;transform:none}
.nav .sub a{text-transform:none;font-family:var(--f-body);font-weight:600;letter-spacing:0;font-size:.98rem;padding:10px 14px;border-radius:12px;min-height:44px}
.nav .sub a:hover{background:var(--surface-2);color:var(--lime)}
.top .tel{font-family:var(--f-display);font-weight:700;text-decoration:none;white-space:nowrap;padding:10px 6px;min-height:44px;display:inline-flex;align-items:center}
.lang{font-family:var(--f-display);font-weight:700;font-size:.8rem;border:2px solid var(--white);border-radius:var(--r-pill);min-width:44px;min-height:44px;display:inline-grid;place-items:center;text-decoration:none}
.lang:hover{background:var(--white);color:var(--ink)}
.burger{display:none;margin-left:auto;background:var(--lime);color:var(--lime-ink);border:0;border-radius:var(--r-pill);min-height:44px;padding:10px 18px;font-family:var(--f-display);font-weight:700;text-transform:uppercase;font-size:.85rem;letter-spacing:.08em;cursor:pointer}

/* ── мобилно меню ── */
.mnav{position:fixed;inset:0;z-index:60;background:var(--bg);overflow-y:auto;overscroll-behavior:contain;padding:10px var(--gutter) 0;display:flex;flex-direction:column;gap:20px}
.mnav-top{display:flex;align-items:center;justify-content:space-between}
.mnav-close{background:var(--surface);color:var(--white);border:0;border-radius:var(--r-pill);min-height:44px;padding:10px 18px;font-family:var(--f-display);font-weight:700;text-transform:uppercase;font-size:.85rem;letter-spacing:.08em;cursor:pointer}
.mnav-main{display:grid;gap:2px}
.mnav-main a{font-family:var(--f-display);font-weight:900;text-transform:uppercase;font-size:clamp(1.9rem,9vw,2.8rem);line-height:1.1;text-decoration:none;padding:6px 0}
.mnav-main a:hover{color:var(--lime)}
.mnav-main a.mnav-small{font-family:var(--f-body);font-weight:600;font-size:1.05rem;text-transform:none;color:var(--text-muted);padding:2px 0 10px;min-height:44px;display:flex;align-items:center}
.mnav-h{font-family:var(--f-display);text-transform:uppercase;font-size:var(--t-small);letter-spacing:.14em;color:var(--lime);font-weight:700;margin:0 0 8px}
.mnav-sub{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:0 20px}
.mnav-sub a{display:flex;align-items:center;min-height:44px;text-decoration:none;border-bottom:1px solid var(--line-dark);font-weight:600}
.mnav-cta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;position:sticky;bottom:0;background:var(--bg);padding:12px 0 calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line-dark)}

/* ── hero ── */
.bhero{position:relative;overflow:hidden}
.bhero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:center;gap:var(--gap);min-height:min(70vh,720px);padding-top:clamp(12px,2vw,28px)}
.hero-kicker{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-bottom:16px}
.hero-kicker h2{font-size:var(--t-small);letter-spacing:.14em;font-weight:700;color:var(--lime)}
.hero-kicker h3{font-family:var(--f-body);font-weight:600;font-size:var(--t-small);text-transform:none;letter-spacing:0;line-height:1.4;color:var(--text-muted)}
.bhero h1{font-size:clamp(2rem,4.2vw,4rem);line-height:.98;text-wrap:pretty}
.bhero h1 em{font-style:normal;color:var(--lime)}
.bhero .lead{color:var(--text-muted);font-size:1.0625rem;max-width:60ch;margin:22px 0 26px}
.bhero .lead a{color:var(--white);font-weight:700}
.cta-row{display:flex;flex-wrap:wrap;gap:12px}
.rating{display:inline-flex;align-items:center;gap:10px;margin-top:26px;background:var(--surface);border-radius:var(--r-pill);padding:8px 16px 8px 10px;min-height:44px;font-size:var(--t-small);color:var(--text-muted);text-decoration:none}
.rating:hover{background:var(--surface-2)}
.rating b{background:var(--lime);color:var(--lime-ink);border-radius:var(--r-pill);padding:2px 10px;font-family:var(--f-display);white-space:nowrap}
.bhero-art{position:relative;align-self:end;margin-bottom:-6%;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;display:block;text-align:left;border-radius:var(--r-panel)}
.bhero-art img{transition:transform .3s ease}
.bhero-art:hover img{transform:translateY(-6px) scale(1.015)}
.hero-say{position:absolute;z-index:2;left:-14%;top:3%;background:var(--white);color:#1E1626;border-radius:18px 18px 4px 18px;padding:12px 16px;max-width:230px;font-size:.92rem;line-height:1.35;box-shadow:0 12px 32px rgba(0,0,0,.5)}
.hero-say b{font-family:var(--f-display);display:block}
.bhero-art .kl-tag{right:14%;bottom:16%;font-size:.95rem;padding:6px 14px}
.bhero-art img{width:100%;-webkit-mask-image:radial-gradient(ellipse 62% 60% at 50% 48%,#000 68%,transparent 100%);mask-image:radial-gradient(ellipse 62% 60% at 50% 48%,#000 68%,transparent 100%)}

/* лента с услугите — движи се със скрола, не сама */
.ticker{background:var(--lime);color:var(--lime-ink);overflow:hidden;transform:rotate(-1.6deg) scale(1.04);margin:8px 0 var(--section)}
.ticker > div{display:flex;gap:28px;align-items:center;width:max-content;padding:14px 0;will-change:transform;font-family:var(--f-display);font-weight:900;text-transform:uppercase;font-size:clamp(1.1rem,2.4vw,2rem);letter-spacing:.02em}
.ticker i{font-style:normal;color:var(--purple)}

/* ── партньори ── */
.trust{background:var(--purple);border-radius:var(--r-panel);padding:clamp(28px,4vw,56px) 0;overflow:hidden}
.trust-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gap);align-items:end;margin-bottom:clamp(20px,3vw,36px);padding-inline:clamp(20px,4vw,56px)}
.trust-head p{margin:0;font-size:var(--t-lead);color:var(--on-purple)}
.marq{display:grid;gap:10px}
.marq-row{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.marq-track{display:flex;width:max-content;list-style:none;margin:0;padding:0;animation:marq var(--dur,200s) linear infinite}
.marq-rev .marq-track{animation-direction:reverse}
.marq:hover .marq-track,.marq:focus-within .marq-track,.marq.is-paused .marq-track{animation-play-state:paused}
.marq li{flex:none;width:clamp(118px,10.5vw,160px);aspect-ratio:2/1;margin-right:10px;background:var(--white);border-radius:14px;display:grid;place-items:center;padding:8px 12px;transition:transform .2s ease}
.marq li:hover{transform:scale(1.06)}
.marq img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
@keyframes marq{to{transform:translateX(-50%)}}
/* ── карти на услугите ── */
.sec-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px;margin-bottom:clamp(24px,3vw,40px)}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}
.card{position:relative;display:block;border-radius:var(--r-card);overflow:hidden;background:var(--surface);color:var(--white);text-decoration:none;aspect-ratio:3/4}
.card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.card:hover img{transform:scale(1.05)}
.card .card-label{position:absolute;inset:auto 0 0 0;padding:56px 18px 18px;background:linear-gradient(transparent,rgba(19,14,21,.94) 62%);display:flex;align-items:end;justify-content:space-between;gap:10px}
.card .card-label p{margin:0;font-family:var(--f-display);font-weight:700;text-transform:uppercase;font-size:1.02rem;line-height:1.15}
.card .arrow{flex:none;width:40px;height:40px;border-radius:50%;background:var(--lime);color:var(--lime-ink);display:grid;place-items:center;transition:transform .2s ease}
.card:hover .arrow{transform:rotate(-45deg)}
.card:focus-visible{outline-offset:4px}

/* ── текстови блокове ── */
.split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,80px);align-items:start}
.split h2{position:sticky;top:104px;font-size:clamp(2rem,4.6vw,4rem)}
.split .prose{color:var(--text-muted)}
.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}
.tile{border-radius:var(--r-panel);padding:clamp(24px,3.4vw,48px);background:var(--surface)}
.tile h2{font-size:clamp(1.5rem,2.6vw,2.25rem);margin-bottom:18px}
.tile .prose{color:var(--text-muted)}
.tile--deep{background:var(--purple-deep)}
.tile--deep .prose{color:#D9CCEF}
.promo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;border:2px solid var(--lime);border-radius:var(--r-panel);padding:clamp(24px,3.4vw,44px)}
.promo h3{font-size:clamp(1.6rem,4.4vw,3.6rem)}
.h-big{font-size:var(--t-h2)}
.contact .lead{margin-top:20px}
.why{background:var(--purple);border-radius:var(--r-panel);padding:clamp(28px,5vw,72px)}
.why-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,72px)}
.why h3{font-size:var(--t-h2)}
.why .prose{color:var(--on-purple);margin-top:20px}
.why .prose a{color:var(--white)}            /* лайм върху лилаво е 4,47:1 — под нормата */
.why :focus-visible{outline-color:var(--white)}
.ticks{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ticks li{display:flex;gap:14px;align-items:flex-start;background:rgba(19,14,21,.22);border-radius:16px;padding:16px 18px;font-weight:600}
.ticks li::before{content:"";flex:none;width:26px;height:26px;border-radius:50%;background:var(--lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F2A03' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/15px no-repeat}

/* ── контакт и форма ── */
.contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:var(--gap);align-items:start}
.contact .lead{color:var(--text-muted)}
.contact .lead a{color:var(--lime);font-weight:700}
.form{background:var(--surface);border:1px solid var(--line-dark);border-radius:var(--r-panel);padding:clamp(22px,3vw,40px);display:grid;gap:14px}
.form label{font-size:var(--t-small);font-weight:700;display:grid;gap:6px}
.form input,.form select,.form textarea{font:inherit;font-size:1rem;min-height:48px;padding:12px 14px;border-radius:12px;border:1.5px solid var(--field-border);background:var(--bg);color:var(--white);min-width:0;width:100%}
.form input:focus-visible,.form select:focus-visible,.form textarea:focus-visible{outline-offset:1px;border-color:var(--lime)}
.form .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.form small{color:var(--text-muted)}

/* ── отзиви ── */
.reviews{columns:3;column-gap:var(--gap)}
.review{break-inside:avoid;background:var(--surface);border-radius:var(--r-card);padding:22px;margin:0 0 var(--gap)}
.review p{margin:0 0 12px}
.review cite{font-style:normal;font-family:var(--f-display);font-weight:700;font-size:var(--t-small);color:var(--lime)}
.review--accent{background:var(--purple)}
.review--accent cite{color:var(--white)}

/* ── футър ── */
.foot{background:var(--purple-deep);border-radius:var(--r-panel) var(--r-panel) 0 0;padding:clamp(32px,5vw,72px) 0 110px;margin-top:var(--section)}
.foot-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:clamp(20px,3vw,48px)}
.foot h4,.foot .foot-h{font-family:var(--f-display);text-transform:uppercase;font-size:var(--t-small);letter-spacing:.14em;color:var(--lime);font-weight:700;margin:0 0 14px}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.foot li a{display:inline-flex;align-items:center;min-height:32px}
.foot a{text-decoration:none;color:var(--text-muted)}
.foot a:hover{color:var(--white);text-decoration:underline}
.foot p{color:var(--text-muted)}
.foot .strong{color:var(--white)}
.foot .big{font-family:var(--f-display);font-weight:900;text-transform:uppercase;font-size:clamp(2rem,10vw,8.4rem);line-height:.85;letter-spacing:-.03em;margin:clamp(32px,5vw,64px) 0 0;color:transparent;-webkit-text-stroke:2px #8A50DE;white-space:nowrap;overflow:hidden}

/* ── плаващи елементи ── */
.callbar{display:none}
.note{background:#FFF7C2;color:#4A3F00;font-size:.8rem;text-align:center;padding:6px 12px}
.note a{color:inherit}

/* появяване при скрол — само ако има JS и движението не е изключено */
.js [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}
.js [data-reveal].is-in{opacity:1;transform:none}

@media (max-width:1080px){
  .nav,.top .tel,.top .btn{display:none}.burger{display:inline-flex;align-items:center}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .reviews{columns:2}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  html{scroll-padding-bottom:88px}
  .bhero-grid,.trust-head,.split,.duo,.why-grid,.contact{grid-template-columns:minmax(0,1fr)}
  .bhero-grid{min-height:0;padding-top:12px}
  .bhero h1{font-size:clamp(1.6rem,7.6vw,2.2rem)}
  .bhero-art{max-width:300px;margin:0 auto -8%}
  .hero-say{left:-10%;top:4%;max-width:180px;font-size:.82rem;padding:10px 12px}
  .rating{border-radius:18px}
  .split h2{position:static}
  .reviews{columns:1}
  .form .two{grid-template-columns:minmax(0,1fr)}
  .logo img{height:48px}
  .callbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:35;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line-dark)}
  .callbar .btn{padding:12px 10px;font-size:.85rem}
  .foot{padding-bottom:170px}
}
@media (max-width:520px){
  .card .card-label{padding:44px 14px 14px}
  .card .card-label p{font-size:.86rem;hyphens:auto;overflow-wrap:anywhere}
  .card .arrow{display:none}
  .mnav-cta .btn{padding-inline:10px;font-size:.82rem}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;scroll-behavior:auto!important}
  .marq-track{animation:none}
  .marq-row{overflow-x:auto;-webkit-mask-image:none;mask-image:none;scrollbar-width:thin}
  .marq li[aria-hidden="true"]{display:none}
  .js [data-reveal]{opacity:1;transform:none}
}

/* ════════ вътрешни страници (услуга, цени, статия) ════════ */
html:has(.toc){scroll-padding-top:150px}
.crumbs{font-size:var(--t-small);color:var(--text-muted);padding-top:14px}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.crumbs li{display:flex;align-items:flex-start;min-width:0}
.crumbs li+li::before{content:"/";margin-right:6px;opacity:.6;flex:none;line-height:32px}
.crumbs a{color:inherit;text-underline-offset:3px;display:inline-flex;align-items:center;min-height:32px}
.crumbs [aria-current]{color:var(--white);display:block;padding-block:5px;line-height:22px;min-width:0;overflow-wrap:anywhere}

.phero{padding-block:clamp(12px,2.4vw,28px) clamp(28px,4vw,56px)}
.phero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(20px,4vw,56px);align-items:center}
.phero h1{font-size:clamp(1.9rem,3.5vw,3.3rem);line-height:1}
.phero .lead{color:var(--text-muted);margin:20px 0 26px;font-size:1.0625rem;max-width:64ch}
.phero-art img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-panel)}
.phero-art--wide img{aspect-ratio:4/3}

.toc{position:sticky;top:76px;z-index:20;background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-block:1px solid var(--line-dark)}
.toc ul{list-style:none;margin:0;padding:10px 0;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.toc ul::-webkit-scrollbar{display:none}
.toc a{display:inline-flex;align-items:center;min-height:44px;padding:6px 16px;border-radius:var(--r-pill);background:var(--surface);text-decoration:none;font-weight:700;font-size:var(--t-small);white-space:nowrap}
.toc a:hover{background:var(--surface-2)}
.toc a[aria-current="true"]{background:var(--lime);color:var(--lime-ink)}

.layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:clamp(24px,4vw,64px);align-items:start;padding-block:clamp(32px,5vw,64px)}
.layout > aside{position:sticky;top:150px}
.blocks{display:grid;gap:clamp(40px,6vw,76px)}
.block h2{font-size:clamp(1.5rem,2.8vw,2.4rem);margin-bottom:18px}
.block h3{margin:28px 0 14px}
.block > p{color:var(--text-muted);max-width:70ch}
.block p a,.block li a{color:var(--lime);font-weight:700;text-underline-offset:3px}
.block--tile{background:var(--purple-deep);border-radius:var(--r-panel);padding:clamp(22px,3vw,40px)}
.block--tile > p{color:#D9CCEF;margin:0}
.block figure{margin:22px 0 0}
.block figure img{width:100%;border-radius:var(--r-card)}

.checks{list-style:none;margin:18px 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.checks li{position:relative;background:var(--surface);border-radius:14px;padding:14px 16px 14px 52px;font-weight:600}
.checks li::before{content:"";position:absolute;left:16px;top:15px;width:24px;height:24px;border-radius:50%;background:var(--lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F2A03' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/14px no-repeat}
.checks--plain{grid-template-columns:minmax(0,1fr)}
.checks--plain li{font-weight:400;color:var(--text-muted)}
.checks--plain strong{color:var(--white)}
.steps{list-style:none;counter-reset:s;margin:18px 0 0;padding:0;display:grid;gap:10px}
.steps li{counter-increment:s;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;background:var(--surface);border-radius:var(--r-card);padding:18px 20px;color:var(--text-muted)}
.steps li::before{content:counter(s);font-family:var(--f-display);font-weight:900;font-size:1.4rem;line-height:1;width:46px;height:46px;border-radius:50%;background:var(--purple);color:var(--white);display:grid;place-items:center}
.steps strong{display:block;color:var(--white);font-family:var(--f-display);text-transform:uppercase;font-size:1.02rem;margin-bottom:4px}

.tbl-wrap{overflow-x:auto;border-radius:var(--r-card);margin-top:6px}
.tbl{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);font-size:1rem}
.tbl th,.tbl td{padding:14px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line-dark)}
.tbl tr:last-child > *{border-bottom:0}
.tbl thead th{font-family:var(--f-display);text-transform:uppercase;font-size:var(--t-small);letter-spacing:.08em;color:var(--lime);background:var(--surface-2)}
.tbl tbody th{color:var(--text-muted);font-weight:600}
.tbl .num{font-family:var(--f-display);font-weight:700;white-space:nowrap;text-align:right;font-size:1.05rem}

.case{background:var(--surface);border-left:5px solid var(--lime);border-radius:var(--r-card);padding:clamp(20px,3vw,32px);margin:26px 0}
.case .kicker{font-family:var(--f-display);font-weight:700;font-size:var(--t-small);letter-spacing:.12em;text-transform:uppercase;color:var(--lime);margin:0 0 6px}
.case h3{margin:0 0 14px}
.case p{color:var(--text-muted)}
.case p strong{color:var(--white)}
.case .result{color:var(--white);font-weight:700;margin:0}

.faq{display:grid;gap:10px}
.faq details{background:var(--surface);border-radius:var(--r-card)}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;min-height:60px;border-radius:var(--r-card)}
.faq summary::-webkit-details-marker{display:none}
.faq summary h4{margin:0;font-family:var(--f-body);font-size:1.0625rem;font-weight:700;line-height:1.35}
.faq summary::after{content:"";flex:none;width:30px;height:30px;border-radius:50%;background:var(--lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F2A03' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/14px no-repeat;transition:transform .2s ease}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .a{padding:0 20px 20px;color:var(--text-muted);max-width:70ch}
.faq .a p:last-child{margin:0}

.aside-card{background:var(--surface);border:1px solid var(--line-dark);border-radius:var(--r-panel);padding:22px;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;max-height:calc(100vh - 166px);overflow-y:auto;overflow-x:hidden}
.aside-card > *{min-width:0}
.aside-card .form{gap:10px}
.aside-card .form .two{grid-template-columns:repeat(2,minmax(0,1fr))}
.aside-card .t{font-family:var(--f-display);font-weight:900;text-transform:uppercase;font-size:1.5rem;line-height:1.05;margin:0}
.aside-card .form{background:none;border:0;padding:0;border-radius:0}
.aside-card .or{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:var(--t-small)}
.aside-card .or::before,.aside-card .or::after{content:"";flex:1;height:1px;background:var(--line-dark)}

@media (max-width:1080px){
  .layout{grid-template-columns:minmax(0,1fr)}
  .layout > aside{position:static}
  .aside-card{max-height:none}
}
@media (max-width:760px){
  .toc{top:68px}
  html:has(.toc){scroll-padding-top:136px}
  .phero-grid{grid-template-columns:minmax(0,1fr)}
  .phero-art img{aspect-ratio:16/11}
  .checks{grid-template-columns:minmax(0,1fr)}
  .tbl th,.tbl td{padding:12px 12px}
}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* ── цени и пакети ── */
.page-head{padding-block:clamp(12px,2.4vw,28px) clamp(24px,4vw,48px)}
.page-head h1{font-size:clamp(2rem,4.4vw,4rem)}
.page-head .lead{color:var(--text-muted);margin-top:18px}
.ptabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.ptabs a,.ptabs button{display:inline-flex;align-items:center;min-height:44px;padding:8px 18px;border-radius:var(--r-pill);background:var(--surface);color:var(--white);text-decoration:none;font-family:var(--f-display);font-weight:700;font-size:.86rem;letter-spacing:.04em;text-transform:uppercase;border:0;cursor:pointer}
.ptabs a:hover{background:var(--surface-2)}
.ptabs [aria-current="page"]{background:var(--white);color:var(--ink)}
.ptabs button{background:var(--lime);color:var(--lime-ink)}
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);align-items:stretch}
.plan{background:var(--surface);border-radius:var(--r-panel);padding:clamp(22px,2.6vw,36px);display:flex;flex-direction:column;gap:16px}
.plan--mid{background:var(--purple)}
.plan--mid :focus-visible{outline-color:var(--white)}
.plan h3{font-size:1.25rem;letter-spacing:.08em}
.plan .price{font-family:var(--f-display);font-weight:900;font-size:clamp(2.6rem,5vw,4rem);line-height:.9;margin:0}
.plan .unit{color:var(--text-muted);font-size:var(--t-small);margin:0}
.plan--mid .unit{color:var(--on-purple)}
.plan ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;flex:1;align-content:start}
.plan li{display:flex;gap:10px;align-items:flex-start}
.plan li::before{content:"";flex:none;width:22px;height:22px;margin-top:2px;border-radius:50%;background:var(--lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F2A03' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/13px no-repeat}
.plan .cta-row .btn{flex:1}
.notes{color:var(--text-muted);font-size:var(--t-small);margin-top:18px}
.notes p{margin:0 0 4px}
.tbl .c{text-align:center}
.mark{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;font-weight:700;font-size:.85rem}
.mark--yes{background:var(--lime);color:var(--lime-ink)}
.mark--no{background:var(--surface-2);color:var(--text-muted)}
.stack{display:grid;gap:clamp(40px,6vw,76px);padding-block:0 var(--section)}
.pills{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.pills li{background:var(--surface);border-radius:var(--r-pill);padding:8px 16px;font-weight:600}
@media (max-width:900px){.plans{grid-template-columns:minmax(0,1fr)}}
.faq .a ul{margin:0;padding-left:20px;display:grid;gap:4px}
.block--tile .pills li{background:rgba(19,14,21,.3)}
/* ── ценоразпис ── */
.tbl small{font-family:var(--f-body);font-weight:400;font-size:.78rem;color:var(--text-muted);margin-left:2px}
.faq summary h3,.faq summary h2,.prose-art .faq summary h2,.prose-art .faq summary h3{margin:0;font-family:var(--f-body);font-size:1.0625rem;font-weight:700;line-height:1.35;text-transform:none;letter-spacing:0}
.bul{padding-left:20px;color:var(--text-muted);display:grid;gap:6px}
.linklist{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
.linklist li a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:56px;padding:12px 18px;background:var(--surface);border-radius:var(--r-card);text-decoration:none;color:var(--white);font-weight:700}
.linklist li a::after{content:"→";color:var(--lime)}
.linklist li a:hover{background:var(--surface-2)}
.form .check{display:flex;align-items:center;gap:10px;font-weight:600}
.form .check input{width:22px;height:22px;min-height:0;flex:none;accent-color:var(--lime)}
.block--tile h3{margin:0 0 14px}
.block--tile p{color:#D9CCEF;margin:18px 0 0}
.block--tile .pills{margin-top:10px}
/* ── статия от блога ── */
.art-head{padding-block:clamp(12px,2.4vw,28px) 0}
.art-head h1{font-size:clamp(1.9rem,4vw,3.6rem);max-width:22ch}
.art-cat{margin:0 0 14px}
.art-cat a{display:inline-flex;align-items:center;min-height:32px;padding:4px 14px;border-radius:var(--r-pill);background:var(--surface);font-family:var(--f-display);font-weight:700;font-size:var(--t-small);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--lime)}
.art-meta{color:var(--text-muted);font-size:var(--t-small);margin:18px 0 0}
.art-figure{margin:clamp(20px,3vw,36px) 0 0}
.art-figure img{width:100%;max-height:520px;object-fit:cover;border-radius:var(--r-panel)}
.layout--art{grid-template-columns:minmax(0,72ch) minmax(260px,340px);justify-content:space-between}
.prose-art{font-size:1.125rem;line-height:1.75;color:#E6E0EE}
.prose-art > *:first-child{margin-top:0}
.prose-art h2{font-size:clamp(1.4rem,2.4vw,2rem);margin:2em 0 .6em;color:var(--white);scroll-margin-top:100px}
.prose-art h3{font-family:var(--f-body);font-weight:700;font-size:1.25rem;text-transform:none;letter-spacing:0;line-height:1.35;margin:1.6em 0 .4em;color:var(--white)}
.prose-art p{margin:0 0 1.1em}
.prose-art ul,.prose-art ol{margin:0 0 1.2em;padding-left:1.3em;display:grid;gap:.4em}
.prose-art li::marker{color:var(--lime)}
.prose-art a{color:var(--lime);font-weight:700;text-underline-offset:3px}
.prose-art strong,.prose-art b{color:var(--white)}
.prose-art blockquote{margin:1.4em 0;padding:16px 20px;border-left:4px solid var(--lime);background:var(--surface);border-radius:0 var(--r-card) var(--r-card) 0}
.art-toc ol{margin:0;padding-left:1.2em;display:grid;gap:2px;color:var(--text-muted)}
.art-toc a{display:inline-flex;align-items:center;min-height:36px;text-decoration:none;color:var(--white);font-weight:600}
.art-toc a:hover{color:var(--lime)}
@media (max-width:1080px){.layout--art{grid-template-columns:minmax(0,1fr)}}

/* входове към Клийни от страниците */
.ask{display:flex;align-items:center;gap:10px;background:var(--surface);border:1.5px solid var(--field-border);border-radius:var(--r-pill);padding:6px 6px 6px 8px;max-width:620px;transition:border-color .15s,box-shadow .15s}
.ask:focus-within{border-color:var(--lime);box-shadow:0 0 0 4px rgba(184,240,46,.18)}
.ask img{width:44px;height:44px;border-radius:50%;background:var(--lilac);flex:none;object-fit:cover}
.ask input{flex:1 1 0;width:0;min-width:0;border:0;background:none;color:var(--white);font:inherit;font-size:1.02rem;padding:8px 4px;outline:none}
.ask input::placeholder{color:var(--text-muted)}
.ask .btn{min-height:46px;padding:10px 20px}
.ask-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.ask-chip{border:1.5px solid var(--field-border);background:transparent;color:var(--white);border-radius:var(--r-pill);min-height:40px;padding:6px 14px;font:inherit;font-size:.9rem;font-weight:600;cursor:pointer}
.ask-chip:hover{border-color:var(--lime);color:var(--lime)}
.kl-card{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.kl-card > *{min-width:0}
.kl-card-head p{min-width:0;overflow-wrap:anywhere}
.kl-card-head{display:flex;gap:12px;align-items:center}
.kl-card-head img{width:64px;height:64px;border-radius:50%;background:var(--lilac);object-fit:cover;flex:none}
.kl-card-head p{margin:0}
/* В тясната карта полето и бутонът са един под друг — надписът в полето се вижда целият */
.kl-card .ask{flex-wrap:wrap;gap:6px;padding:8px;border-radius:26px;max-width:none}
.kl-card .ask input{flex:1 1 100%;width:100%;padding:8px 10px}
.kl-card .ask .btn{flex:1 1 100%}
@media (max-width:760px){.ask{max-width:none}}
@media (max-width:520px){
  .ask{flex-wrap:wrap;gap:6px;border-radius:26px;padding:8px}
  .ask input{flex:1 1 0;min-width:120px}
  .ask .btn{flex:1 1 100%;padding-inline:14px}
}

/* ── „Попитайте Клийни за цена“ — на мястото на калкулатора. Питането става в чата; оттук към него води стрелка. ── */
.kl-price{scroll-margin-top:110px;background:linear-gradient(135deg,#2A1747,#4A2390);border-radius:var(--r-panel);padding:clamp(22px,4vw,56px)}
.kl-price :focus-visible{outline-color:var(--white)}
.kl-price .kicker{margin:0 0 10px;font-family:var(--f-display);font-weight:700;text-transform:uppercase;font-size:var(--t-small);letter-spacing:.14em;color:var(--lime)}
.kl-price .label{font-size:clamp(1.8rem,3.6vw,3rem)}
.kl-price .lead{color:#E9DDFB;margin:14px 0 22px;max-width:46ch}
.kl-price .cta-row .btn{min-height:56px;padding-inline:28px}
.kl-price .ask-chips{margin-top:18px}
.kl-price .ask-chip{border-color:rgba(255,255,255,.45)}
.kl-price-note{margin:16px 0 0;font-size:var(--t-small);color:#D9CCEF}
.kl-price--mini{padding:clamp(18px,2.6vw,32px);margin-top:22px}
.kl-price--mini .label{font-size:clamp(1.25rem,2.2vw,1.75rem);margin-bottom:16px}
.kl-price--mini .cta-row .btn{min-height:50px}
.kl-from{display:inline-block;width:0;height:.7em;vertical-align:baseline}
.kl-from--m{display:none;height:auto}
.kl-from--down{display:block;width:auto;height:0}                 /* от долния край на картата отстрани — право надолу */
@media (max-width:1080px){.kl-from--down{display:none}}
/* Стрелката се чертае от site.js до плаващия Клийни и го следва при скрол: на компютър тръгва от края на заглавието, на телефон — от бутона. */
.kl-arrow{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:39;opacity:0;transition:opacity .25s ease;overflow:visible}
.kl-arrow.is-on{opacity:1}
.kl-arrow path{fill:none;stroke:var(--lime);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:900px){
  .kl-from{display:none}
  .kl-from--m{display:block}
  .kl-price .ask-chips,.kl-price-note{padding-right:52px}   /* мястото, по което минава стрелката */
  .kl-price--mini .cta-row{padding-right:52px}
  .kl-arrow path{stroke-width:4}
}

/* ── „Полезни съвети от Клийни“ — всички статии по теми; и „Карта на сайта“ ── */
.ptabs--topics a{font-size:.82rem;min-height:40px;padding:6px 14px}
.ptabs--topics a span{margin-left:8px;color:var(--text-muted);font-family:var(--f-body);font-weight:600;font-size:.8rem}
.blog-find{margin-top:22px;max-width:520px}
.blog-find input{width:100%;min-height:52px;padding:10px 20px;border-radius:var(--r-pill);border:1.5px solid var(--field-border);background:var(--surface);color:var(--white);font:inherit;font-size:1.02rem}
.blog-find input::placeholder{color:var(--text-muted)}
.blog-find input:focus-visible{outline:none;border-color:var(--lime);box-shadow:0 0 0 4px rgba(184,240,46,.18)}
.blog-found{margin:10px 0 0;color:var(--text-muted);font-size:var(--t-small)}
.blog-topic{scroll-margin-top:100px}
.blog-topic h2 small,#nai-novi h2 small{font-family:var(--f-body);font-weight:600;font-size:1rem;color:var(--text-muted);margin-left:8px;text-transform:none}
.plist{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pcard{min-width:0}
.plist .pcard a{color:var(--white);text-decoration:none}
.block .map-list a,.notes a{color:var(--white)}
.pcard a{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;align-items:center;height:100%;padding:10px;border-radius:var(--r-card);background:var(--surface);color:var(--white);text-decoration:none;transition:background .15s ease}
.pcard a:hover{background:var(--surface-2)}
.pcard img,.pcard-noimg{width:112px;height:84px;border-radius:12px;object-fit:cover;background:var(--surface-2);display:block}
.pcard-b{display:grid;gap:6px;min-width:0}
.pcard-t{font-weight:700;line-height:1.3;overflow-wrap:anywhere}
.pcard a:hover .pcard-t{color:var(--lime)}
.pcard time{color:var(--text-muted);font-size:var(--t-small)}
.plist--big .pcard a{grid-template-columns:minmax(0,1fr);align-content:start;padding:0;overflow:hidden;gap:0}
.plist--big .pcard img{width:100%;height:auto;aspect-ratio:3/2;border-radius:0}
.plist--big .pcard-b{padding:16px 18px 18px}
.plist--big .pcard-t{font-family:var(--f-display);font-weight:800;text-transform:uppercase;font-size:1.15rem;line-height:1.15}
.blog-none{color:var(--text-muted);font-size:var(--t-lead)}
.map-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,48px)}
.map-cols h2,.map-topics h3{scroll-margin-top:100px}
.map-list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:2px}
.map-list a{display:inline-flex;align-items:center;min-height:36px;color:var(--white);text-decoration:none}
.map-list a:hover{color:var(--lime);text-decoration:underline}
.map-topics{columns:3 280px;column-gap:clamp(20px,3vw,48px);margin-top:8px}
.map-topics h3{margin:26px 0 0;font-size:1.05rem;color:var(--lime);break-after:avoid}
.map-topics h3:first-child{margin-top:14px}
.map-topics .map-list{break-inside:auto}
.map-topics .map-list li{break-inside:avoid}
@media (max-width:1080px){.plist{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
  .plist,.plist--big,.map-cols{grid-template-columns:minmax(0,1fr)}
  .pcard a{grid-template-columns:96px minmax(0,1fr)}
  .pcard img,.pcard-noimg{width:96px;height:72px}
  .plist--big .pcard img{width:100%;height:auto}
}

/* Поканата към Клийни в статия (слага я шаблонът според темата) */
.prose-art .kl-price--art{margin:clamp(28px,4vw,44px) 0}
.prose-art .kl-price--art .label{color:var(--white);max-width:none;line-height:1.05}
.kl-range{margin:0 0 16px;color:#E9DDFB;font-size:1.02rem;max-width:none}
.kl-range strong{color:var(--white);font-size:1.15em;white-space:nowrap}
.prose-art .kl-price--art .cta-row .btn{color:var(--white)}
.prose-art .kl-price--art .cta-row .btn--lime{color:var(--lime-ink)}
.kl-links{margin:14px 0 0;font-size:var(--t-small);color:#D9CCEF;max-width:none}
.prose-art .kl-links a{color:var(--white);font-weight:700}
.layout--page{padding-top:clamp(8px,2vw,24px)}
.prose-art img{max-width:100%;height:auto;border-radius:var(--r-card);margin:8px 0 18px}

/* Страниците за услуги и градове в общия шаблон — видът на страницата за офисите */
.phero-grid--solo{grid-template-columns:minmax(0,1fr)}
.phero-grid--solo .lead{max-width:72ch}
.page-range{margin:0 0 22px;color:var(--text-muted)}
.page-range strong{color:var(--white);font-family:var(--f-display);font-size:1.25em;white-space:nowrap}
.block > p{color:var(--text-muted);max-width:72ch}
.block > p strong{color:var(--white)}
.block img{max-width:100%;height:auto;border-radius:var(--r-card);margin:8px 0 18px}
.block blockquote{margin:18px 0 6px;padding:18px 22px;border-left:4px solid var(--lime);background:var(--surface);border-radius:0 var(--r-card) var(--r-card) 0}
.block blockquote + p{font-size:var(--t-small);margin-bottom:22px}
.block h4{margin:22px 0 10px;font-size:1.05rem}
.block .btn{margin:6px 8px 6px 0}
.blocks .kl-price--mini{margin-top:0}
.faq .a > p:first-child{margin-top:0}

/* Страницата за контакт: текстът вляво, формата вдясно; формата с избор „имейл или телефон“ */
.contact--page{margin-bottom:var(--section)}
.contact--page .prose-art{max-width:none}
.contact-form > p{margin:0 0 14px}
.form fieldset{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 22px}
.form legend{font-size:var(--t-small);font-weight:700;padding:0;margin-bottom:8px}
.block .marq{margin-top:18px}
.checks li > span{min-width:0}
.checks--mix li{font-weight:400;color:var(--text-muted)}
.checks--mix strong{color:var(--white)}
.block .kl-price--art{margin:clamp(20px,3vw,32px) 0}
.form--news{max-width:520px;margin:22px 0}

/* Отзиви: табло с трите числа и карти с цитатите */
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}
.stat{background:var(--purple);border-radius:var(--r-card);padding:20px 16px;text-align:center;display:grid;gap:6px;align-content:start}
.stat strong{font-family:var(--f-display);font-weight:900;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1;color:var(--white)}
.stat span{font-size:var(--t-small);color:var(--on-purple)}
.revs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.rev{margin:0;background:var(--surface);border-radius:var(--r-card);padding:18px 20px;display:grid;gap:8px;align-content:start}
.prose-art .rev-stars{color:var(--lime);letter-spacing:.12em;margin:0;font-size:1rem}
.prose-art .rev blockquote{margin:0;padding:0;border:0;background:none;color:var(--white);font-weight:600;font-style:normal}
.rev figcaption{font-size:var(--t-small);color:var(--text-muted)}
@media (max-width:700px){.stats,.revs{grid-template-columns:minmax(0,1fr)}}

.contact--page{row-gap:32px}

/* Телефон: нищо не разширява страницата настрани (клипът от 10.10.2026 — страницата за офисите се местеше, бутон излизаше от картата) */
html,body{overflow-x:clip}
.btn{max-width:100%}
.stack,.blocks{grid-template-columns:minmax(0,1fr)}
@media (max-width:560px){.btn{white-space:normal;text-align:center;line-height:1.2}}

/* Пълен ценоразпис (/ceni/, /en/prices/) — разделите се отварят с клик; само диапазони, без градове. */
.pl-lead{color:var(--text-muted);max-width:70ch}
.pl-list{display:grid;gap:10px;margin-top:18px}
.pl-sec{background:var(--surface);border:1px solid var(--line-dark);border-radius:var(--r-card);overflow:hidden}
.pl-sec summary{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;list-style:none;min-height:56px}
.pl-sec summary::-webkit-details-marker{display:none}
.pl-sec summary h3{margin:0;font-size:1.05rem;line-height:1.3;flex:1}
.pl-ico{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--lime) 16%,transparent);color:var(--lime)}
.pl-ico svg{width:20px;height:20px}
.pl-chev{flex:none;width:14px;height:14px;transition:transform .2s ease;color:var(--text-muted)}
.pl-sec[open] .pl-chev{transform:rotate(180deg)}
.pl-sec summary:focus-visible{outline:3px solid var(--lime);outline-offset:-3px}
.pl-body{padding:0 16px 16px}
.pl-intro{margin:0 0 10px;color:var(--text-muted)}
.pl-rows{list-style:none;margin:0;padding:0}
.pl-rows li{display:flex;justify-content:space-between;align-items:baseline;gap:6px 16px;padding:9px 0;border-top:1px solid var(--line-dark)}
.pl-n{min-width:0}
.pl-p{white-space:nowrap;text-align:right;color:var(--text-muted)}
.pl-p b{color:var(--text);font-variant-numeric:tabular-nums}
.pl-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
.pl-more{font-weight:700}
.pl .cta-row{margin-top:18px}
@media (max-width:520px){.pl-rows li{flex-wrap:wrap}.pl-p{white-space:normal;text-align:left}.pl-sec summary{padding:12px}.pl-body{padding:0 12px 14px}}


/* ════════ само за темата (в макетите няма нужда от тях) ════════ */
.page-body{padding-bottom:var(--section)}
.prose-page{max-width:80ch}
.prose-page img,.prose-art img{border-radius:var(--r-card);height:auto}
.label--sm{font-size:clamp(1.5rem,2.8vw,2.4rem);margin-bottom:18px}
.label--sm a{color:inherit}
.crumbs-yoast{margin:0}
.crumbs-yoast a{color:inherit;text-underline-offset:3px}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--gap)}
.post-card{display:grid;align-content:start;background:var(--surface);border-radius:var(--r-card);overflow:hidden;text-decoration:none;color:var(--white);transition:background .15s}
.post-card:hover{background:var(--surface-2)}
.post-card img{width:100%;aspect-ratio:3/2;object-fit:cover}
.post-card div{padding:16px 18px 20px;display:grid;gap:6px}
.post-card time{color:var(--text-muted);font-size:var(--t-small)}
.post-card h2{font-family:var(--f-body);text-transform:none;font-size:1.15rem;line-height:1.3;letter-spacing:0;font-weight:700}
.pager{padding-block:var(--gap) var(--section)}
.pager .nav-links{display:flex;gap:8px;flex-wrap:wrap}
.pager .page-numbers{display:inline-grid;place-items:center;min-width:44px;min-height:44px;padding:0 12px;border-radius:var(--r-pill);background:var(--surface);color:var(--white);text-decoration:none;font-weight:700}
.pager .page-numbers.current{background:var(--lime);color:var(--lime-ink)}

/* джаджите във футъра — същите като в старата тема */
.foot .widget{margin-bottom:22px}
.foot .widget ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.foot .widget li a{display:inline-flex;align-items:center;min-height:32px}
.foot .widget img{max-width:180px;height:auto}

/* подравнявания от редактора на WordPress */
.alignleft{float:left;margin:0 1.2em 1em 0}
.alignright{float:right;margin:0 0 1em 1.2em}
.aligncenter{display:block;margin-inline:auto}
.wp-caption{max-width:100%}
.wp-caption-text{font-size:var(--t-small);color:var(--text-muted)}

/* стари страници, чието заглавие е вътре в текста */
.page-body{padding-top:clamp(12px,2vw,24px)}
.prose-page h1{font-size:clamp(2rem,4.4vw,3.6rem);margin:.2em 0 .5em;color:var(--white)}

/* ════════ формата за контакт (Contact Form 7) — същата форма със същите полета, в новите цветове ════════ */
.wpcf7 form{background:var(--surface);border:1px solid var(--line-dark);border-radius:var(--r-panel);padding:clamp(22px,3vw,40px);display:grid;gap:14px}
.wpcf7 form>div[style*="none"]{display:none}
.wpcf7 form h3,.wpcf7 form h4,.wpcf7 form label{font-family:var(--f-body);font-size:var(--t-small);font-weight:700;line-height:1.4;letter-spacing:0;text-transform:none;color:var(--white);margin:0;display:grid;gap:6px}
.wpcf7 form h3 br,.wpcf7 form h4 br,.wpcf7 form label br{display:none}
.wpcf7 form p{margin:0;max-width:none}
.wpcf7-form-control-wrap{display:block;min-width:0}
.wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 input[type=tel],.wpcf7 input[type=url],.wpcf7 input[type=number],.wpcf7 input[type=date],.wpcf7 select,.wpcf7 textarea{font:inherit;font-size:1rem;font-weight:400;min-height:48px;padding:12px 14px;border-radius:12px;border:1.5px solid var(--field-border);background:var(--bg);color:var(--white);min-width:0;width:100%;max-width:100%}
.wpcf7 textarea{min-height:140px;resize:vertical}
.wpcf7 input:focus-visible,.wpcf7 select:focus-visible,.wpcf7 textarea:focus-visible{outline-offset:1px;border-color:var(--lime)}
.wpcf7-radio,.wpcf7-checkbox,.wpcf7-acceptance{display:flex;flex-wrap:wrap;gap:8px 22px}
.wpcf7-list-item{margin:0}
.wpcf7-list-item,.wpcf7-list-item label{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:var(--t-small)}
.wpcf7-list-item input{width:22px;height:22px;min-height:0;flex:none;accent-color:var(--lime)}
.wpcf7 input[type=submit],.wpcf7 button[type=submit]{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:var(--r-pill);padding:12px 24px;font-family:var(--f-display);font-weight:700;font-size:.95rem;letter-spacing:.04em;text-transform:uppercase;border:2px solid transparent;cursor:pointer;background:var(--lime);color:var(--lime-ink);width:auto}
.wpcf7 input[type=submit]:hover,.wpcf7 button[type=submit]:hover{background:#C9F85A}
.wpcf7 input[type=submit]:disabled{opacity:.6;cursor:default}
.wpcf7 .screen-reader-response{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.wpcf7-not-valid-tip{display:block;margin-top:6px;font-size:var(--t-small);font-weight:600;color:#FFB4A8}
.wpcf7 .wpcf7-not-valid{border-color:#FFB4A8}
.wpcf7-response-output{margin:0;padding:0;border:0;font-size:var(--t-small);font-weight:600}
.wpcf7 form.sent .wpcf7-response-output,.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.spam .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output{padding:12px 14px;border-radius:12px;border:1.5px solid var(--field-border)}
.wpcf7 form.sent .wpcf7-response-output{border-color:var(--lime);color:var(--lime)}
.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.spam .wpcf7-response-output{border-color:#FFB4A8;color:#FFB4A8}
.wpcf7-spinner{display:none}
/* Докато заявката се изпраща (писмото до офиса и отговорът до клиента — няколко секунди): бутонът е блед и не приема втори клик,
   до него се върти знак. Без това вторият клик пращаше същата заявка пак и Google я връщаше като повторена (3.11.2026). */
.wpcf7 form.submitting .wpcf7-spinner{display:inline-block;visibility:visible;position:static;width:22px;height:22px;margin:0 0 0 12px;padding:0;vertical-align:middle;background:none;opacity:1;border:3px solid rgba(255,255,255,.25);border-top-color:var(--lime);border-radius:50%;animation:mrc-spin .8s linear infinite}
.wpcf7 form.submitting .wpcf7-spinner::before{content:none}
.wpcf7 form.submitting input[type=submit],.wpcf7 form.submitting button[type=submit]{opacity:.55;pointer-events:none;cursor:progress}
@keyframes mrc-spin{to{transform:rotate(360deg)}}
.wpcf7 .g-recaptcha,.wpcf7 .grecaptcha-noscript{max-width:100%;overflow:hidden}
.contact-form>p{margin:0 0 14px}

/* Бутонът „Call Now Button“ от отделното разширение: на телефон темата има своя лента (Обади се / Поръчай сега) */
#callnowbutton,.call-now-button{display:none!important}

/* Профилите в социалните мрежи под колоните на футъра; джаджата на старата тема (със свои икони) не се показва */
.foot-grid + .foot-social{margin-top:clamp(20px,3vw,36px)}
.foot .widget.social_links{display:none}


/* Блок със светъл фон, оцветен направо в текста на стара статия (каре с промоция): вътре текстът е тъмен */
.on-light{color:#1B1220}
.on-light :is(h2,h3,h4,h5,p,li,strong,em,b,label,legend,small,td,th){color:inherit}
.on-light a{color:#4C1D95}
.on-light input:not([type=submit]):not([type=checkbox]):not([type=radio]),.on-light select,.on-light textarea{background:#fff;color:#1B1220;border:1.5px solid #9CA3AF;border-radius:10px;min-height:46px;padding:10px 12px;font:inherit;max-width:100%}
.on-light button[type=submit],.on-light input[type=submit]{background:var(--purple);color:#fff;border:0;border-radius:var(--r-pill);min-height:48px;padding:12px 24px;font-family:var(--f-display);font-weight:700;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}

/* CookieYes — банерът за бисквитки в цветовете на новата визия. Текстовете, категориите и поведението остават в разширението.
   То слага цветовете си направо в елементите (style="…"), затова правилата тук са с !important. */
.cky-consent-container .cky-consent-bar,.cky-modal .cky-preference-center{background-color:var(--surface)!important;border-color:var(--line-dark)!important;color:var(--text)!important;border-radius:var(--r-card)!important;box-shadow:0 12px 40px rgba(0,0,0,.55)!important}
.cky-title,.cky-preference-title,.cky-notice-des,.cky-notice-des p,.cky-preference-content-wrapper,.cky-preference-content-wrapper p,.cky-accordion-btn,.cky-accordion-header-des,.cky-accordion-header-des p,.cky-audit-table,.cky-audit-table *,.cky-empty-cookies-text,.cky-cookie-des-table li div{color:var(--text)!important;font-family:var(--f-body)!important}
.cky-title,.cky-preference-title{font-family:var(--f-display)!important}
.cky-notice-des a,.cky-preference-content-wrapper a,.cky-show-desc-btn,.cky-policy,.cky-always-active{color:var(--lime)!important}
.cky-btn{border-radius:var(--r-pill)!important;font-family:var(--f-body)!important;font-weight:700!important;min-height:44px}
.cky-btn-accept{background-color:var(--lime)!important;border-color:var(--lime)!important;color:var(--lime-ink)!important}
.cky-btn-reject,.cky-btn-customize,.cky-btn-preferences{background-color:transparent!important;border-color:var(--text)!important;color:var(--text)!important}
.cky-btn:focus-visible,.cky-btn-close:focus-visible,.cky-btn-revisit:focus-visible,.cky-accordion-btn:focus-visible{outline:3px solid var(--lime)!important;outline-offset:2px}
.cky-accordion-item,.cky-preference-header,.cky-footer-wrapper,.cky-prefrence-btn-wrapper{border-color:var(--line-dark)!important;background-color:transparent!important}
.cky-audit-table{background-color:var(--surface-2)!important;border-color:var(--line-dark)!important}
.cky-footer-shadow{background:linear-gradient(180deg,rgba(35,29,42,0) 0%,var(--surface) 100%)!important}
.cky-btn-close img{filter:invert(1)}
.cky-accordion-chevron i::before{border-color:var(--text)!important}
.cky-switch input[type="checkbox"]{background-color:var(--field-border)!important}
.cky-switch input[type="checkbox"]:checked{background-color:var(--purple)!important}
.cky-btn-revisit-wrapper{background-color:var(--purple)!important}
/* на телефон долу стои лентата „Обади се / Поръчай сега“ — малкият бутон за съгласията се качва над нея */
@media (max-width:760px){.cky-btn-revisit-wrapper{bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}}

/* Плаващият бутон „Връзка с нас“ (Omnilinx — идва от два снипета в WPCode, не от темата). В новата визия същите връзки —
   Viber, Messenger, WhatsApp, телефон, имейл — са вътре в Клийни („Други начини за връзка“), затова бутонът не се показва
   (решение на Кристиян от 13.10.2026). При пускането двата снипета (№ 3858 и № 3859) се изключват; това правило пази дотогава. */
.OpenClose_btn,.form_widget{display:none!important}

/* WPForms („модерният“ вид) — полетата в цветовете на новата визия; в каре със светъл фон остават тъмни върху светло. */
.wpforms-container{--wpforms-field-background-color:var(--surface-2);--wpforms-field-border-color:var(--field-border);--wpforms-field-text-color:var(--text);--wpforms-label-color:var(--text);--wpforms-label-sublabel-color:var(--text-muted);--wpforms-label-error-color:#FFB4A8;--wpforms-button-background-color:var(--lime);--wpforms-button-text-color:var(--lime-ink);--wpforms-button-border-color:var(--lime);--wpforms-field-border-radius:14px;--wpforms-button-border-radius:999px}
.on-light .wpforms-container{--wpforms-field-background-color:#FFFFFF;--wpforms-field-border-color:#5F5768;--wpforms-field-text-color:#141017;--wpforms-label-color:#141017;--wpforms-label-sublabel-color:#5F5768;--wpforms-label-error-color:#B00020;--wpforms-button-background-color:#141017;--wpforms-button-text-color:#FFFFFF;--wpforms-button-border-color:#141017}

/* под статията: категории, етикети и всички теми (линковете от старата тема) */
.art-tax{margin:clamp(28px,4vw,40px) 0 0;padding-top:16px;border-top:1px solid color-mix(in srgb,currentColor 25%,transparent);color:var(--text-muted);font-size:var(--t-small);line-height:1.7}
.art-tax a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.art-tax a:hover{color:var(--text)}

/* отзивите в текста на статиите (старият блок #klijn-reviews-section, показан като картите от началната) */
.prose-art .art-reviews{margin:clamp(32px,5vw,56px) 0}
.prose-art .art-reviews h2{margin-top:0}
.art-reviews-note{color:var(--text-muted);margin:0 0 18px}
.prose-art .art-reviews .reviews{columns:2;column-gap:12px}
.prose-art .art-reviews .review{margin:0 0 12px;padding:20px;border:0;border-radius:var(--r-card);background:var(--surface);color:var(--text)}
.art-reviews .rev-stars{color:var(--lime);letter-spacing:.12em;margin:0 0 8px}
.art-reviews .review cite{font-style:normal;font-family:var(--f-display);font-weight:700;font-size:var(--t-small);color:var(--lime)}
.prose-art .art-reviews .cta-row .btn{color:var(--white);font-weight:700}
@media (max-width:700px){.prose-art .art-reviews .reviews{columns:1}}

/* панелът за промоцията в статия (на мястото на старата форма #promo-20) */
.prose-art .kl-price--promo{margin:0 0 clamp(28px,4vw,44px)}
.kl-price--promo .label{font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.05;color:var(--white)}
.prose-art .kl-price--promo .cta-row .btn{color:var(--white)}
.prose-art .kl-price--promo .cta-row .btn--lime{color:var(--lime-ink)}

/* „Контакти“: картата под всеки адрес и бутонът „Навигирай“ */
.map-card{display:grid;gap:12px;margin:14px 0 26px}
.map-card iframe{display:block;width:100%;height:300px;border:0;border-radius:var(--r-card);background:var(--surface)}
.prose-art .map-card .btn{justify-self:start;color:var(--white)}

/* банерът с промоцията на началната (inc/banner.php) — показва се по дати */
.promo-banner-wrap{margin-block:clamp(8px,1.5vw,16px)}
.promo-banner{display:block;width:100%;padding:0;border:0;background:none;cursor:pointer;border-radius:var(--r-panel);overflow:hidden}
.promo-banner img{display:block;width:100%;height:auto}
.promo-banner:focus-visible{outline:3px solid var(--lime);outline-offset:4px}
[data-banner][hidden]{display:none}