/* ============================================================
   ПОКРИВАРИ · СТИЛ — един файл за целия сайт
   ------------------------------------------------------------
   Къде се слага (едно от двете, не и двете):
   · Elementor → Site Settings → Custom CSS  (пействаш съдържанието)
   · или като файл в детската тема и enqueue в functions.php
   Шрифтовете се зареждат от 2-header.html.
   ============================================================ */

/* 1 · ТОКЕНИ */
:root{
  /* Мастило и стомана */
  --ink:#0E1216;          /* най-тъмното — хиро, футер */
  --ink-2:#151A20;        /* панел върху тъмно */
  --ink-3:#1E252D;        /* карта върху тъмно */
  --steel:#59626C;        /* вторичен текст на светло */
  --steel-2:#8A939D;      /* трети план */
  --paper:#EEF1F4;        /* основен фон */
  --paper-2:#E3E8ED;      /* редуваща се секция */
  --card:#FFFFFF;
  --line:#CBD3DB;
  --line-d:rgba(255,255,255,.1);
  --on-d:#C4CCD5;
  --on-d-2:#8A939D;

  /* Керемида — акцентът е материал, не реклама */
  --clay:#E05C22;
  --clay-hi:#F26A2C;
  --clay-dk:#B8420F;
  --clay-soft:#FBE7DC;
  --clay-on:#fff;

  /* Мед — вторичният метал */
  --cu:#C87F4A;
  --cu-hi:#DC9159;
  --cu-grad:linear-gradient(100deg,#D89A63,#C87F4A 40%,#E8B27E);

  /* Тип */
  --f:"Archivo",system-ui,-apple-system,sans-serif;
  --fc:"Archivo Narrow","Archivo",sans-serif;

  /* Форма — закръгленото идва оттук */
  --r-s:10px; --r:16px; --r-l:22px; --r-xl:28px;
  --r-pill:999px;
  --arch:150px 150px 22px 22px;   /* керемидената арка */

  /* Ритъм */
  --s1:.5rem; --s2:1rem; --s3:1.5rem; --s4:2.25rem; --s5:3.5rem; --s6:5.5rem;
  --wrap:1240px;

  /* Сенки — меки, но с ръб */
  --sh-s:0 1px 2px rgba(14,18,22,.06),0 2px 6px rgba(14,18,22,.05);
  --sh-m:0 14px 32px -14px rgba(14,18,22,.28);
  --sh-l:0 30px 68px -26px rgba(14,18,22,.4);
  --sh-d:0 24px 54px -22px rgba(0,0,0,.7);

  --grid:rgba(14,18,22,.045);
  --grid-d:rgba(255,255,255,.045);
  --gs:64px;
}

*,*::before,*::after{box-sizing:border-box}
/* overflow-x:clip вместо hidden — hidden прави от <html> скрол контейнер
   и залепващият хедър престава да залепва. clip реже същото, без страничния ефект. */
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}
body{
  margin:0;font-family:var(--f);font-size:17px;line-height:1.65;color:var(--ink);
  background:var(--paper);overflow-x:clip;
  background-image:linear-gradient(var(--grid) 1px,transparent 1px),
                   linear-gradient(90deg,var(--grid) 1px,transparent 1px);
  background-size:var(--gs) var(--gs);
}
img{max-width:100%;display:block}
a{color:inherit}
::selection{background:var(--clay);color:#fff}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.wrap--n{max-width:860px}

/* 2 · ЛЕНТА НА ПРОЧЕТЕНОТО + ХЕДЪР */
.progress{position:fixed;left:0;top:0;height:3px;width:0;z-index:90;
  background:linear-gradient(90deg,var(--clay),var(--cu));transition:width .1s linear}

.hd{position:sticky;top:0;z-index:70;background:rgba(238,241,244,.88);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  border-bottom:1px solid var(--line);transition:box-shadow .25s,background .25s}
.hd.stuck{box-shadow:0 10px 30px -18px rgba(14,18,22,.4);background:rgba(238,241,244,.96)}
.hd .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:13px 24px;flex-wrap:nowrap}
@media(max-width:400px){
  .hd .wrap{padding:11px 16px;gap:8px}
  .hd-call,.burger{width:42px;height:42px}
  .hd-r{gap:7px}
}
.logo{display:flex;align-items:center;gap:11px;text-decoration:none;min-width:0}
/* Логото е картинка — височината води, ширината се нагажда */
.logo img{height:44px;width:auto;display:block}
@media(max-width:479px){.logo img{height:38px}}
@media(max-width:359px){.logo img{height:34px}}
.logo>span{min-width:0}
.logo-m{width:38px;height:38px;border-radius:12px;background:var(--ink);
  display:flex;align-items:center;justify-content:center;flex:none;box-shadow:var(--sh-s)}
.logo b{display:block;font-size:1.2rem;font-weight:800;letter-spacing:-.02em;line-height:1.05;white-space:nowrap}
.logo i{display:block;font-style:normal;font-family:var(--fc);font-weight:600;font-size:.62rem;
  letter-spacing:.2em;text-transform:uppercase;color:var(--steel);white-space:nowrap}
/* На много тесни екрани подзаглавието и голямото лого си отиват първи */
@media(max-width:479px){.logo i{display:none}}
@media(max-width:359px){.logo b{font-size:1.06rem}.logo-m{width:34px;height:34px}}
.hd-r{flex:none;display:flex;align-items:center;gap:10px}
.nav{display:none;gap:20px;align-items:center;flex:0 1 auto;min-width:0}
@media(min-width:1100px){.nav{display:flex}}
@media(min-width:1340px){.nav{gap:26px}}
/* Когато CTA-то влезе, менюто отстъпва — по-малък шрифт, по-тесни разстояния */
@media(min-width:1180px) and (max-width:1339px){
  .hd.stuck .nav{gap:16px}
  .hd.stuck .nav a{font-size:.92rem}
}
.nav a{position:relative;text-decoration:none;font-family:var(--fc);font-weight:600;font-size:1rem;
  letter-spacing:.02em;text-transform:uppercase;color:var(--ink);opacity:.72;padding:6px 0;
  white-space:nowrap}
.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--clay);
  transition:right .22s cubic-bezier(.2,.7,.3,1)}
.nav a:hover{opacity:1}
.nav a:hover::after{right:0}
.hd-tel{display:none;align-items:center;gap:9px;text-decoration:none;padding-right:6px}
@media(min-width:760px){.hd-tel{display:flex}}
.hd-tel i{width:38px;height:38px;border-radius:var(--r-pill);background:var(--clay-soft);
  display:flex;align-items:center;justify-content:center;flex:none;font-style:normal}
.hd-tel small{display:block;font-family:var(--fc);font-size:.6rem;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:var(--steel)}
.hd-tel strong{font-family:var(--fc);font-weight:700;font-size:1.08rem;line-height:1.1}
.hd .hd-cta{display:none;white-space:nowrap;padding:12px 20px;min-height:46px;font-size:.94rem}
@media(min-width:1180px){.hd.stuck .hd-cta{display:inline-flex}}
.hd-call{display:flex;align-items:center;justify-content:center;width:46px;height:46px;flex:none;
  border-radius:var(--r-s);background:var(--clay);color:#fff;box-shadow:var(--sh-s)}
@media(min-width:760px){.hd-call{display:none}}
.burger{width:46px;height:46px;border-radius:var(--r-s);border:1px solid var(--line);
  background:var(--card);cursor:pointer;position:relative;flex:none;box-shadow:var(--sh-s)}
@media(min-width:1100px){.burger{display:none}}
.burger span,.burger span::before,.burger span::after{position:absolute;left:50%;width:19px;height:2.5px;
  border-radius:2px;background:var(--ink);transition:transform .28s cubic-bezier(.2,.7,.3,1),opacity .18s}
.burger span{top:50%;transform:translate(-50%,-50%)}
.burger span::before,.burger span::after{content:"";left:0}
.burger span::before{top:-6.5px}.burger span::after{top:6.5px}
.burger[aria-expanded=true] span{background:transparent}
.burger[aria-expanded=true] span::before{transform:translateY(6.5px) rotate(45deg)}
.burger[aria-expanded=true] span::after{transform:translateY(-6.5px) rotate(-45deg)}
.mnav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--card);
  border-top:1px solid var(--line);box-shadow:var(--sh-l);padding:8px 24px 26px;
  max-height:calc(100dvh - 100%);overflow:auto}
.mnav.open{display:block;animation:drop .22s ease}
@media(min-width:1100px){.mnav{display:none!important}}
@keyframes drop{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.mnav a{display:flex;align-items:center;justify-content:space-between;min-height:56px;
  text-decoration:none;font-family:var(--fc);font-weight:600;font-size:1.08rem;text-transform:uppercase;
  border-bottom:1px solid var(--line)}
.mnav a::after{content:"";width:8px;height:8px;border-right:2.5px solid var(--line);
  border-top:2.5px solid var(--line);transform:rotate(45deg)}
.mnav .btn{margin-top:20px;width:100%;justify-content:center}
.mnav details{border-bottom:1px solid var(--line)}
.mnav summary{display:flex;align-items:center;justify-content:space-between;min-height:56px;
  cursor:pointer;list-style:none;font-family:var(--fc);font-weight:600;font-size:1.08rem;
  text-transform:uppercase}
.mnav summary::-webkit-details-marker{display:none}
.mnav summary::after{content:"";width:9px;height:9px;border-right:2.5px solid var(--clay);
  border-bottom:2.5px solid var(--clay);transform:rotate(45deg) translateY(-2px);transition:transform .22s}
.mnav details[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
.mnav-sub{padding:0 0 14px}
.mnav-sub a{min-height:50px;padding-left:16px;border-bottom:0;font-size:.98rem;
  font-family:var(--f);font-weight:600;text-transform:none;color:var(--steel);
  border-left:2px solid var(--line);border-radius:0 var(--r-s) var(--r-s) 0}
.mnav-sub a:hover{color:var(--clay);border-left-color:var(--clay)}
.mnav-sub a::after{border-color:var(--line)}
.mnav-sub b{font-family:var(--fc);font-weight:700;color:var(--clay);font-size:.88rem}

/* 3 · СТРАНИЧНА РЕЛСА — номерата на секциите (само десктоп) */
.rail{position:fixed;left:18px;top:50%;transform:translateY(-50%);z-index:60;display:none}
@media(min-width:1400px){.rail{display:block}}
.rail ol{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.rail a{display:flex;align-items:center;gap:10px;text-decoration:none;
  font-family:var(--fc);font-size:.66rem;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--steel-2);opacity:.7;transition:opacity .2s,color .2s}
.rail a::before{content:"";width:16px;height:2px;background:currentColor;transition:width .22s}
.rail a:hover,.rail .on a{opacity:1;color:var(--clay)}
.rail .on a::before{width:30px}
.rail span{opacity:0;transform:translateX(-4px);transition:opacity .2s,transform .2s}
.rail a:hover span,.rail .on a span{opacity:1;transform:none}

/* 4 · БУТОНИ */
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;min-height:54px;
  background:var(--clay);color:#fff;text-decoration:none;border:0;cursor:pointer;
  font-family:var(--fc);font-weight:700;font-size:1.02rem;letter-spacing:.04em;text-transform:uppercase;
  border-radius:var(--r);box-shadow:var(--sh-s);position:relative;overflow:hidden;
  transition:transform .18s,box-shadow .18s,background .18s}
.btn::after{content:"";width:9px;height:9px;flex:none;border-right:2.5px solid currentColor;
  border-top:2.5px solid currentColor;transform:rotate(45deg);transition:transform .18s}
.btn::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 40%,
  rgba(255,255,255,.28) 50%,transparent 60%);transform:translateX(-120%);transition:transform .6s}
.btn:hover{background:var(--clay-hi);transform:translateY(-2px);box-shadow:var(--sh-m)}
.btn:hover::before{transform:translateX(120%)}
.btn:hover::after{transform:rotate(45deg) translate(2px,-2px)}
.btn:active{transform:translateY(0) scale(.99)}
.btn--ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.28)}
.btn--ghost:hover{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5)}
.btn--ink{background:var(--ink);color:#fff}
.btn--ink:hover{background:var(--ink-2)}
.btn--cu{background:transparent;color:var(--cu);box-shadow:inset 0 0 0 1.5px var(--cu)}
.btn--cu:hover{background:rgba(200,127,74,.1);color:var(--cu-hi)}
.btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}

/* 5 · СЕКЦИИ И ЗАГЛАВИЯ */
.sec{position:relative;padding:var(--s6) 0}
.sec--t{padding:var(--s5) 0}
.sec--alt{background:var(--paper-2)}
.sec--d{background:var(--ink);color:var(--on-d)}
.sec--d h2,.sec--d h3{color:#fff}
.sec--d .lede{color:var(--on-d-2)}
.sec--d::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(var(--grid-d) 1px,transparent 1px),
                   linear-gradient(90deg,var(--grid-d) 1px,transparent 1px);
  background-size:var(--gs) var(--gs)}
.sec--d .wrap{position:relative}
.num{display:flex;align-items:center;gap:12px;margin:0 0 14px;
  font-family:var(--fc);font-weight:700;font-size:.72rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--clay)}
.num b{font-size:.9rem;color:var(--steel-2);font-weight:600}
.sec--d .num b{color:var(--on-d-2)}
.num::after{content:"";width:34px;height:2px;background:currentColor;opacity:.4}
h2{margin:0 0 14px;font-size:clamp(1.8rem,4.4vw,2.7rem);font-weight:800;line-height:1.08;
  letter-spacing:-.035em;text-transform:uppercase;text-wrap:balance}
h2 em{font-style:normal;color:var(--clay)}
.lede{margin:0 0 var(--s4);max-width:46em;font-size:1.05rem;color:var(--steel)}
.center{text-align:center}
.center .num{justify-content:center}
.center .lede{margin-left:auto;margin-right:auto}

/* Керемиден разделител */
.tiles{position:relative;height:30px;z-index:3;pointer-events:none;
  background-image:radial-gradient(circle at 28px 30px,var(--to,var(--paper)) 27px,transparent 28px);
  background-size:56px 30px;background-repeat:repeat-x;margin-top:-30px}

/* 6 · ХИРО */
.hero{position:relative;overflow:hidden;background:var(--ink);color:#fff;
  padding:76px 0 96px}
.hero::before{content:"";position:absolute;inset:0;
  background-image:linear-gradient(var(--grid-d) 1px,transparent 1px),
                   linear-gradient(90deg,var(--grid-d) 1px,transparent 1px);
  background-size:var(--gs) var(--gs)}
/* прожекторът следва мишката */
.hero::after{content:"";position:absolute;width:70rem;height:70rem;pointer-events:none;
  left:var(--mx,70%);top:var(--my,-10%);transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(224,92,34,.16),transparent 62%);
  transition:left .5s cubic-bezier(.2,.7,.3,1),top .5s cubic-bezier(.2,.7,.3,1)}
.hero .wrap{position:relative;z-index:2}
.hero-g{display:grid;gap:var(--s5);align-items:center}
@media(min-width:980px){.hero-g{grid-template-columns:1.06fr .94fr;gap:var(--s5)}}
.rate{display:flex;width:max-content;max-width:100%;align-items:center;gap:10px;
  background:rgba(255,255,255,.06);border:1px solid var(--line-d);border-radius:var(--r-pill);
  padding:8px 16px 8px 12px;font-size:.86rem;font-weight:600;margin-bottom:18px;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.stars{color:var(--clay-hi);letter-spacing:.14em;font-size:.8rem}
.rate small{color:var(--on-d-2);font-weight:500}
.hero h1{margin:0 0 18px;font-size:clamp(2.5rem,6.6vw,4.3rem);font-weight:800;
  line-height:.99;letter-spacing:-.045em;text-transform:uppercase;text-wrap:balance}
.hero h1 em{font-style:normal;color:var(--clay)}
.hero h1 u{text-decoration:none;background:var(--cu-grad);-webkit-background-clip:text;
  background-clip:text;color:transparent}
.hero .lede{color:var(--on-d);font-size:1.1rem;max-width:34em;margin-bottom:0}
.checks{display:flex;flex-wrap:wrap;gap:10px 26px;margin:24px 0 0;padding:0;list-style:none;font-size:.9rem}
.checks li{position:relative;padding-left:24px;color:var(--on-d)}
.checks li::before{content:"";position:absolute;left:0;top:.34em;width:14px;height:9px;background:var(--clay);
  clip-path:polygon(0 100%,50% 0,100% 100%,78% 100%,50% 38%,22% 100%)}

/* Офертата — подписът */
.offer{position:relative;background:var(--card);color:var(--ink);border-radius:var(--r-xl);
  box-shadow:var(--sh-l);padding:28px}
.offer::before{content:"";position:absolute;left:22px;right:22px;top:-6px;height:12px;
  background:radial-gradient(circle at 6px 6px,var(--ink) 4px,transparent 4.5px);
  background-size:18px 12px;background-repeat:repeat-x}
.offer-h{display:flex;align-items:baseline;justify-content:space-between;gap:16px;
  padding-bottom:14px;margin-bottom:14px;border-bottom:2px solid var(--ink)}
.offer-h b{font-family:var(--fc);font-weight:700;font-size:.84rem;letter-spacing:.18em;text-transform:uppercase}
.offer-h span{font-family:var(--fc);font-size:.72rem;color:var(--steel);letter-spacing:.06em}
.orow{display:flex;align-items:baseline;gap:10px;padding:8px 0;font-size:.98rem}
.orow i{flex:1;border-bottom:2px dotted var(--line);transform:translateY(-4px)}
.orow b{font-family:var(--fc);font-weight:700;font-size:1.2rem;white-space:nowrap;color:var(--clay-dk);
  font-variant-numeric:tabular-nums}
.orow small{font-size:.72rem;color:var(--steel);font-family:var(--fc)}
.ototal{margin-top:12px;padding-top:14px;border-top:2px solid var(--ink);
  display:flex;justify-content:space-between;align-items:center;gap:16px}
.ototal span{font-family:var(--fc);font-weight:600;font-size:.78rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--steel)}
.ototal b{font-family:var(--fc);font-weight:700;font-size:1.3rem}
.onote{margin:14px 0 0;font-size:.84rem;color:var(--steel);line-height:1.55}
.stamp{position:absolute;right:0;top:-16px;transform:rotate(5deg);background:var(--clay);color:#fff;
  font-family:var(--fc);font-weight:700;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;
  padding:9px 15px;border-radius:var(--r-pill);box-shadow:var(--sh-m)}
@media(min-width:560px){.stamp{right:-14px}}

/* 7 · ДОВЕРИЕ · ТИКЕР */
.trust{display:grid;grid-template-columns:repeat(2,1fr);background:var(--card);
  border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--sh-m);
  position:relative;z-index:5;margin-top:-56px;overflow:hidden}
@media(min-width:820px){.trust{grid-template-columns:repeat(4,1fr)}}
.trust>div{padding:22px 24px;border-top:1px solid var(--line);position:relative}
.trust>div:nth-child(-n+2){border-top:0}
@media(min-width:820px){.trust>div{border-top:0;border-left:1px solid var(--line)}
  .trust>div:first-child{border-left:0}}
.trust dt{font-family:var(--fc);font-size:.66rem;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--steel);margin:0 0 6px}
.trust dd{margin:0;font-family:var(--fc);font-weight:700;font-size:2rem;line-height:1;
  font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.trust dd small{display:block;font-family:var(--f);font-weight:400;font-size:.79rem;
  color:var(--steel);margin-top:6px;letter-spacing:0}

.tick{overflow:hidden;white-space:nowrap;padding:16px 0;background:var(--ink-2);color:var(--on-d-2);
  border-block:1px solid var(--line-d)}
.tick-t{display:inline-flex;gap:46px;padding-right:46px}
@media(prefers-reduced-motion:no-preference){
  .tick-t{animation:mv 42s linear infinite}
  .tick:hover .tick-t{animation-play-state:paused}}
@keyframes mv{to{transform:translateX(-50%)}}
.tick span{display:inline-flex;align-items:center;gap:12px;font-family:var(--fc);font-weight:600;
  font-size:.82rem;letter-spacing:.16em;text-transform:uppercase}
.tick span::before{content:"";width:15px;height:9px;background:var(--clay);
  clip-path:polygon(0 100%,50% 0,100% 100%,80% 100%,50% 32%,20% 100%)}

/* 8 · СЦЕНИ (заместват снимките) */
.ph{position:absolute;inset:0;background:
  radial-gradient(60% 42% at 74% 26%,rgba(255,196,132,.5),transparent 70%),
  linear-gradient(180deg,#151C22,#2E3B46 38%,#5E6E7C 62%,#D2853F 86%,#6B4526)}
.ph::before{content:"";position:absolute;left:-4%;right:-4%;bottom:0;height:56%;background:#0E1216;
  clip-path:polygon(0 78%,0 100%,100% 100%,100% 60%,91% 60%,91% 44%,87% 44%,87% 50%,75% 32%,57% 56%,51% 56%,51% 28%,46% 28%,46% 38%,33% 22%,12% 54%,8% 54%,8% 64%)}
.ph::after{content:"";position:absolute;inset:0;
  background:repeating-linear-gradient(-38deg,rgba(255,255,255,.05) 0 1.5px,transparent 1.5px 14px);
  -webkit-mask-image:linear-gradient(to top,#000 54%,transparent 56%);
  mask-image:linear-gradient(to top,#000 54%,transparent 56%)}
.ph--b{background:radial-gradient(58% 40% at 30% 24%,rgba(255,214,150,.42),transparent 70%),
  linear-gradient(180deg,#101820,#26404E 42%,#5F8494 68%,#C98A48 88%,#5E4326)}
.ph--c{background:radial-gradient(56% 40% at 62% 20%,rgba(255,180,120,.46),transparent 70%),
  linear-gradient(180deg,#1A1614,#3E332C 40%,#7A6252 66%,#C87F4A 88%,#5A3A22)}
.ph--d{background:radial-gradient(56% 40% at 44% 26%,rgba(255,226,170,.44),transparent 70%),
  linear-gradient(180deg,#12181C,#2C3A40 44%,#6E8288 70%,#D9A65E 88%,#6B5330)}

/* 9 · УСЛУГИ — арка отгоре, керемиденият подпис */
.svc{display:grid;gap:22px}
@media(min-width:660px){.svc{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1040px){.svc{grid-template-columns:repeat(3,1fr);gap:26px}}
.svc a{position:relative;display:block;overflow:hidden;text-decoration:none;color:inherit;
  background:var(--card);border:1px solid var(--line);border-radius:var(--arch);
  box-shadow:var(--sh-s);transition:transform .24s cubic-bezier(.2,.7,.3,1),box-shadow .24s,border-color .24s}
.svc a:hover{transform:translateY(-6px);box-shadow:var(--sh-m);border-color:var(--clay)}
.svc-i{position:relative;aspect-ratio:16/10;overflow:hidden}
.svc-i::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(14,18,22,.5))}
.svc-ico{position:absolute;left:50%;transform:translateX(-50%);bottom:-25px;z-index:3;
  width:52px;height:52px;border-radius:var(--r-pill);background:var(--clay);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 22px -8px rgba(224,92,34,.8),inset 0 0 0 3px rgba(255,255,255,.28);
  transition:transform .24s}
.svc a:hover .svc-ico{transform:translateX(-50%) scale(1.08)}
.svc-b{padding:42px 22px 24px;text-align:center}
.svc-b h3{margin:0 0 6px;font-family:var(--fc);font-size:1.14rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.01em}
.svc-price{display:inline-flex;align-items:baseline;gap:5px;margin-bottom:8px;
  font-family:var(--fc);font-weight:700;font-size:1.24rem;color:var(--clay-dk);font-variant-numeric:tabular-nums}
.svc-price small{font-size:.72rem;font-weight:600;color:var(--steel);letter-spacing:.06em}
.svc-b p{margin:0;font-size:.9rem;color:var(--steel)}
.svc-go{display:inline-flex;align-items:center;gap:7px;margin-top:12px;
  font-family:var(--fc);font-weight:700;font-size:.78rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink)}
.svc-go::after{content:"";width:7px;height:7px;border-right:2.5px solid var(--clay);
  border-top:2.5px solid var(--clay);transform:rotate(45deg);transition:transform .18s}
.svc a:hover .svc-go::after{transform:rotate(45deg) translate(3px,-3px)}

/* 10 · КАЛКУЛАТОР — интерактивното, което го няма никъде */
.calc{display:grid;gap:26px;background:var(--ink-2);border:1px solid var(--line-d);
  border-radius:var(--r-xl);padding:30px;box-shadow:var(--sh-d);position:relative;overflow:hidden}
@media(min-width:900px){.calc{grid-template-columns:1.1fr .9fr;gap:40px;padding:38px}}
.calc::before{content:"";position:absolute;right:-10%;top:-40%;width:60%;height:180%;
  background:radial-gradient(circle,rgba(200,127,74,.16),transparent 62%);pointer-events:none}
.calc>*{position:relative}
.calc h3{margin:0 0 8px;font-family:var(--fc);font-size:1.3rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.01em;color:#fff}
.calc p.hint{margin:0 0 22px;font-size:.92rem;color:var(--on-d-2)}
.cf{margin-bottom:22px}
.cf-l{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}
.cf-l span{font-family:var(--fc);font-size:.7rem;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--on-d-2)}
.cf-l b{font-family:var(--fc);font-weight:700;font-size:1.2rem;color:var(--clay-hi);
  font-variant-numeric:tabular-nums}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;
  background:linear-gradient(90deg,var(--clay) var(--fill,40%),rgba(255,255,255,.14) var(--fill,40%));
  outline:none;cursor:pointer}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;
  background:#fff;border:3px solid var(--clay);cursor:grab;box-shadow:0 4px 14px -4px rgba(0,0,0,.6)}
input[type=range]::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff;
  border:3px solid var(--clay);cursor:grab}
.chips{display:flex;flex-wrap:wrap;gap:9px}
.chip{position:relative}
.chip input{position:absolute;opacity:0;pointer-events:none}
.chip span{display:flex;align-items:center;min-height:46px;padding:10px 18px;cursor:pointer;
  border:1px solid var(--line-d);border-radius:var(--r-pill);color:var(--on-d);
  font-family:var(--fc);font-weight:600;font-size:.92rem;letter-spacing:.03em;text-transform:uppercase;
  transition:background .18s,border-color .18s,color .18s}
.chip span:hover{border-color:rgba(255,255,255,.3);color:#fff}
.chip input:checked+span{background:var(--clay);border-color:var(--clay);color:#fff}
.chip input:focus-visible+span{outline:3px solid var(--clay-hi);outline-offset:2px}
.calc-out{background:rgba(255,255,255,.05);border:1px solid var(--line-d);border-radius:var(--r-l);
  padding:26px;display:flex;flex-direction:column;justify-content:center}
.calc-out .lab{font-family:var(--fc);font-size:.68rem;font-weight:600;letter-spacing:.18em;
  text-transform:uppercase;color:var(--on-d-2);margin-bottom:8px}
.calc-sum{font-family:var(--fc);font-weight:700;font-size:clamp(2rem,5vw,2.9rem);line-height:1;
  color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.calc-sum small{display:block;font-family:var(--f);font-size:.82rem;font-weight:400;
  color:var(--on-d-2);margin-top:8px;letter-spacing:0}
.calc-rows{margin:20px 0 0;padding:18px 0 0;border-top:1px solid var(--line-d);display:grid;gap:8px}
.calc-rows div{display:flex;justify-content:space-between;gap:12px;font-size:.9rem;color:var(--on-d-2)}
.calc-rows b{font-family:var(--fc);font-weight:700;color:var(--on-d);font-variant-numeric:tabular-nums}
.calc-note{margin:16px 0 0;font-size:.8rem;color:var(--on-d-2);line-height:1.5}

/* 11 · ЗА НАС — колаж с табове */
.duo{display:grid;gap:var(--s5);align-items:center}
@media(min-width:980px){.duo{grid-template-columns:1fr 1fr;gap:64px}}
.collage{position:relative;display:grid;grid-template-columns:1.45fr 1fr;
  grid-template-rows:auto auto;gap:18px}
.collage>div{position:relative;overflow:hidden;box-shadow:var(--sh-m)}
.c1{grid-column:1;grid-row:1/3;aspect-ratio:4/5.2;border-radius:var(--arch)}
.c2{grid-column:2;grid-row:1;aspect-ratio:4/3.4;border-radius:var(--r-l)}
.c3{grid-column:2;grid-row:2;aspect-ratio:1/1;border-radius:var(--r-pill);align-self:end}
.collage .badge{position:absolute;top:-16px;left:-12px;z-index:4;transform:rotate(-4deg);
  background:var(--ink);color:#fff;font-family:var(--fc);font-weight:700;font-size:.74rem;
  letter-spacing:.12em;text-transform:uppercase;padding:12px 18px;border-radius:var(--r);
  box-shadow:var(--sh-m);border-left:4px solid var(--clay)}
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:0;list-style:none}
.tab{padding:11px 20px;min-height:46px;display:flex;align-items:center;cursor:pointer;
  border:1px solid var(--line);border-radius:var(--r-pill);background:var(--card);
  font-family:var(--fc);font-weight:600;font-size:.9rem;letter-spacing:.04em;text-transform:uppercase;
  transition:background .18s,color .18s,border-color .18s}
.tab:hover{border-color:var(--clay)}
.tab[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.tabp{display:none}
.tabp.on{display:block;animation:fade .25s ease}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.rows{margin:22px 0;padding:0;list-style:none;display:grid;gap:2px}
@media(min-width:600px){.rows{grid-template-columns:1fr 1fr;gap:2px 26px}}
.rows li{position:relative;padding:11px 0 11px 34px;font-size:.95rem;font-weight:600;
  border-bottom:1px solid var(--line)}
.rows li small{display:block;font-weight:400;color:var(--steel);font-size:.84rem}
.rows li::before{content:"";position:absolute;left:0;top:15px;width:22px;height:22px;
  border-radius:var(--r-pill);background:var(--clay-soft)}
.rows li::after{content:"";position:absolute;left:5.5px;top:20px;width:11px;height:7px;background:var(--clay);
  clip-path:polygon(0 100%,50% 0,100% 100%,78% 100%,50% 42%,22% 100%)}
.sec--d .rows li{border-color:var(--line-d)}
.sec--d .rows li::before{background:rgba(255,255,255,.08)}
.telchip{display:inline-flex;align-items:center;gap:12px;text-decoration:none}
.telchip i{width:50px;height:50px;border-radius:var(--r-pill);background:var(--ink);flex:none;
  display:flex;align-items:center;justify-content:center;font-style:normal}
.telchip small{display:block;font-family:var(--fc);font-weight:600;font-size:.62rem;
  letter-spacing:.14em;text-transform:uppercase;color:var(--steel)}
.telchip strong{font-family:var(--fc);font-weight:700;font-size:1.24rem;line-height:1.15}

/* 12 · МАРКИ · ПРОЦЕС */
.brands{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line-d);
  border:1px solid var(--line-d);border-radius:var(--r-l);overflow:hidden}
@media(min-width:820px){.brands{grid-template-columns:repeat(5,1fr)}}
.brands span{display:flex;align-items:center;justify-content:center;min-height:96px;
  background:var(--ink-2);font-family:var(--fc);font-weight:700;font-size:.94rem;
  letter-spacing:.12em;text-transform:uppercase;color:var(--on-d-2);transition:color .2s,background .2s}
.brands span:hover{color:var(--cu);background:var(--ink-3)}

/* Процес — три стъпки с кръгли икони и извити стрелки */
.steps{display:grid;gap:44px;margin-top:20px;text-align:center;justify-items:center}
@media(min-width:920px){
  .steps{grid-template-columns:1fr 96px 1fr 96px 1fr;gap:0;align-items:start}
}
.step{max-width:34ch}
.step-ic{position:relative;width:132px;height:132px;margin:0 auto 24px;border-radius:50%;
  background:var(--clay-soft);display:flex;align-items:center;justify-content:center;
  transition:transform .28s cubic-bezier(.2,.7,.3,1)}
.step:hover .step-ic{transform:translateY(-5px)}
.step-ic::before{content:"";position:absolute;inset:-11px;border-radius:50%;
  background:conic-gradient(from 168deg,var(--clay) 0 64%,transparent 64%);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 5px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 5px));
  transition:transform .5s cubic-bezier(.2,.7,.3,1)}
.step:hover .step-ic::before{transform:rotate(22deg)}
.step-ic svg{position:relative;z-index:2}
.step-n{position:absolute;top:-4px;right:-4px;z-index:3;width:38px;height:38px;border-radius:50%;
  background:var(--clay);color:#fff;display:flex;align-items:center;justify-content:center;
  font-family:var(--fc);font-weight:700;font-size:.84rem;letter-spacing:.02em;
  box-shadow:0 6px 18px -6px rgba(224,92,34,.9),inset 0 0 0 3px var(--paper-2)}
.sec--d .step-n{box-shadow:0 6px 18px -6px rgba(224,92,34,.9),inset 0 0 0 3px var(--ink)}
.step h3{margin:0 0 10px;font-family:var(--fc);font-size:1.24rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.01em;line-height:1.15}
.step p{margin:0;font-size:.94rem;color:var(--steel)}
.step-t{display:inline-block;margin-top:14px;font-family:var(--fc);font-size:.68rem;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--clay-dk);
  background:var(--clay-soft);padding:6px 13px;border-radius:var(--r-pill)}
.step-ar{display:none;align-self:start;margin-top:48px;color:var(--steel-2)}
@media(min-width:920px){.step-ar{display:block}}
.step-ar svg{width:96px;height:42px}

/* 13 · ПРЕДИМСТВА · ОБЕКТИ · ПЛЪЗГАЧ */
.feats{display:grid;gap:18px}
@media(min-width:660px){.feats{grid-template-columns:repeat(2,1fr);gap:20px}}
.feat{background:var(--card);border:1px solid var(--line);border-radius:var(--r-l);padding:24px;
  box-shadow:var(--sh-s);transition:transform .2s,box-shadow .2s,border-color .2s}
.feat:hover{transform:translateY(-4px);box-shadow:var(--sh-m);border-color:var(--cu)}
.feat-n{font-family:var(--fc);font-weight:700;font-size:.72rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--cu);margin-bottom:10px;display:block}
.feat h3{margin:0 0 8px;font-family:var(--fc);font-size:1.08rem;font-weight:700;text-transform:uppercase}
.feat p{margin:0;font-size:.92rem;color:var(--steel)}

.works{display:grid;gap:24px}
@media(min-width:760px){.works{grid-template-columns:repeat(3,1fr)}}
.work{position:relative;display:block;overflow:hidden;text-decoration:none;color:inherit;
  border-radius:var(--arch);background:var(--card);border:1px solid var(--line);box-shadow:var(--sh-s);
  transition:transform .24s cubic-bezier(.2,.7,.3,1),box-shadow .24s,border-color .24s}
.work:hover{transform:translateY(-6px);box-shadow:var(--sh-m);border-color:var(--clay)}
.work-i{position:relative;aspect-ratio:4/3.2;overflow:hidden}
.work-i::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(14,18,22,.62))}
.work-tag{position:absolute;left:16px;bottom:16px;z-index:2;font-family:var(--fc);font-weight:700;
  font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;background:var(--clay);color:#fff;
  padding:6px 12px;border-radius:var(--r-pill)}
.work-b{padding:18px 22px 22px}
.work-b h3{margin:0 0 6px;font-family:var(--fc);font-size:1.06rem;font-weight:700;text-transform:uppercase}
.work-m{margin:0;font-family:var(--fc);font-size:.8rem;color:var(--steel);font-variant-numeric:tabular-nums;
  letter-spacing:.03em}
.work-p{display:inline-block;margin-top:10px;font-family:var(--fc);font-weight:700;font-size:1.05rem;
  color:var(--clay-dk)}

.ba{position:relative;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-l);
  aspect-ratio:16/11;user-select:none;touch-action:none;--x:50%}
.ba-b{position:absolute;inset:0;background:linear-gradient(180deg,#8C9AA0,#6E7A80 45%,#4A4F52);filter:saturate(.5)}
.ba-a{position:absolute;inset:0;clip-path:inset(0 0 0 var(--x));background:
  radial-gradient(60% 42% at 74% 26%,rgba(255,196,132,.5),transparent 70%),
  linear-gradient(180deg,#151C22,#2E3B46 38%,#5E6E7C 62%,#D2853F 86%,#6B4526)}
.ba-a::after,.ba-b::after{content:"";position:absolute;inset:0;
  background:repeating-linear-gradient(-38deg,rgba(255,255,255,.06) 0 2px,transparent 2px 18px)}
.ba-h{position:absolute;top:0;bottom:0;left:var(--x);width:0;z-index:3}
.ba-h::before{content:"";position:absolute;top:0;bottom:0;left:-1.5px;width:3px;background:#fff;
  box-shadow:0 0 0 1px rgba(0,0,0,.15)}
.ba-h::after{content:"⟨ ⟩";position:absolute;top:50%;left:0;transform:translate(-50%,-50%);
  width:54px;height:54px;border-radius:50%;background:var(--clay);color:#fff;display:flex;
  align-items:center;justify-content:center;font-weight:700;font-size:.85rem;box-shadow:var(--sh-m)}
.ba input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:4}
.ba .tag{position:absolute;top:16px;z-index:2;font-family:var(--fc);font-weight:700;font-size:.64rem;
  letter-spacing:.14em;text-transform:uppercase;padding:6px 12px;border-radius:var(--r-pill)}
.tag--b{left:16px;background:rgba(14,18,22,.6);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.tag--a{right:16px;background:var(--clay);color:#fff}

/* 14 · ФОРМА · РЕВЮТА · СЪВЕТИ · FAQ */
.form-card{background:rgba(255,255,255,.05);border:1px solid var(--line-d);border-radius:var(--r-xl);
  padding:32px;box-shadow:var(--sh-d)}
.fields{display:grid;gap:16px}
@media(min-width:600px){.fields{grid-template-columns:1fr 1fr}}
.f{display:flex;flex-direction:column;gap:7px}
.f--full{grid-column:1/-1}
.f label{font-family:var(--fc);font-size:.68rem;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--on-d-2)}
.f input,.f select,.f textarea{font-family:inherit;font-size:1rem;color:#fff;
  background:rgba(255,255,255,.06);border:1px solid var(--line-d);border-radius:var(--r-s);
  padding:14px;min-height:52px;transition:border-color .15s,background .15s}
/* Падащият списък е системен — казваме му, че е тъмен, и оцветяваме опциите,
   иначе излиза бял фон с бял текст. */
.f select{color-scheme:dark;-webkit-appearance:none;appearance:none;cursor:pointer;
  padding-right:44px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M1 1.5 7 7.5l6-6' stroke='%23E05C22' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position:calc(100% - 18px) center;background-repeat:no-repeat;background-size:14px 9px}
.f select option{background:#1E252D;color:#fff}
.f select option:checked{background:var(--clay);color:#fff}
.f input::placeholder,.f textarea::placeholder{color:rgba(255,255,255,.32)}
.f input:focus,.f select:focus,.f textarea:focus{outline:2px solid var(--clay);outline-offset:1px;
  border-color:transparent;background:rgba(255,255,255,.09)}
.f-note{margin:16px 0 0;font-size:.82rem;color:var(--on-d-2)}

.revs{display:grid;gap:24px}
@media(min-width:900px){.revs{grid-template-columns:repeat(3,1fr)}}
.rev{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r-l);
  padding:28px;box-shadow:var(--sh-s);transition:transform .2s,box-shadow .2s}
.rev:hover{transform:translateY(-4px);box-shadow:var(--sh-m)}
.rev::before{content:"„";position:absolute;right:20px;top:2px;font-size:5rem;line-height:1;
  font-family:var(--fc);font-weight:700;color:var(--clay);opacity:.16}
.rev p{margin:0 0 20px;font-size:.96rem;position:relative}
.rev footer{display:flex;align-items:center;gap:12px}
.face{width:46px;height:46px;border-radius:50%;flex:none;position:relative;overflow:hidden;
  box-shadow:inset 0 0 0 2px var(--card),0 0 0 1px var(--line)}
.rev b{display:block;font-size:.95rem}
.rev small{color:var(--steel);font-size:.82rem}

.tips{display:grid;gap:34px}
@media(min-width:980px){.tips{grid-template-columns:1.05fr .95fr}}
.tip-main{display:block;text-decoration:none;color:inherit}
.tip-main .ti{position:relative;aspect-ratio:16/9.5;border-radius:var(--arch);overflow:hidden;
  box-shadow:var(--sh-m);margin-bottom:20px}
.tcat{font-family:var(--fc);font-weight:700;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--clay-dk);display:flex;align-items:center;gap:10px;margin-bottom:8px}
.tcat::after{content:"";flex:1;height:1px;background:var(--line)}
.tip-main h3{margin:0 0 10px;font-size:1.36rem;font-weight:800;letter-spacing:-.02em}
.tip-main:hover h3{color:var(--clay-dk)}
.tip-main p{margin:0;color:var(--steel);font-size:.95rem}
.tip-more{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-family:var(--fc);
  font-weight:700;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.tip-more::after{content:"";width:7px;height:7px;border-right:2.5px solid var(--clay);
  border-top:2.5px solid var(--clay);transform:rotate(45deg)}
.side{display:grid;gap:24px;align-content:start}
.tip{display:grid;grid-template-columns:110px 1fr;gap:18px;text-decoration:none;color:inherit;align-items:start}
.tip .ti{position:relative;aspect-ratio:1/1;border-radius:70px 70px var(--r-s) var(--r-s);
  overflow:hidden;box-shadow:var(--sh-s)}
.tip h4{margin:2px 0 5px;font-size:1.02rem;font-weight:700;line-height:1.3}
.tip:hover h4{color:var(--clay-dk)}
.tip p{margin:0;font-size:.87rem;color:var(--steel)}

.faq{display:grid;gap:12px}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:var(--r-l);
  padding:0 24px;box-shadow:var(--sh-s);transition:box-shadow .2s,border-color .2s}
.faq details[open]{box-shadow:var(--sh-m);border-color:var(--clay)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;
  gap:18px;min-height:64px;padding:16px 0;font-weight:700;font-size:1.04rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:32px;height:32px;border-radius:var(--r-pill);
  border:1px solid var(--line);color:var(--clay);transition:transform .24s,background .24s;
  background:linear-gradient(currentColor,currentColor) center/12px 2.5px no-repeat,
             linear-gradient(currentColor,currentColor) center/2.5px 12px no-repeat}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{margin:0 0 20px;color:var(--steel);max-width:64ch}

/* 15 · ФУТЕР · ЛЕНТИ */
.ft{position:relative;overflow:hidden;background:var(--ink);color:var(--on-d-2);padding:var(--s6) 0 40px}
.ft::before{content:"";position:absolute;inset:0;
  background-image:linear-gradient(var(--grid-d) 1px,transparent 1px),
                   linear-gradient(90deg,var(--grid-d) 1px,transparent 1px);background-size:var(--gs) var(--gs)}
.ft .wrap{position:relative;z-index:2}
.ft-top{display:grid;gap:26px;align-items:center;padding-bottom:46px;margin-bottom:46px;
  border-bottom:1px solid var(--line-d)}
@media(min-width:860px){.ft-top{grid-template-columns:1fr auto}}
.ft-top h2{margin:0;color:#fff;font-size:clamp(1.9rem,5vw,2.9rem)}
.ft-top h2 em{color:var(--clay)}
.ft-tel{font-family:var(--fc);font-weight:700;font-size:clamp(1.9rem,5vw,2.6rem);color:#fff;
  text-decoration:none;line-height:1;display:block;transition:color .18s}
.ft-tel:hover{color:var(--clay)}
.ft-cols{display:grid;gap:36px}
@media(min-width:820px){.ft-cols{grid-template-columns:1.4fr 1fr 1fr 1.2fr}}
.ft h4,.ft h3{margin:0 0 18px;font-family:var(--fc);font-weight:700;font-size:.7rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--clay)}
.ft ul{margin:0;padding:0;list-style:none}
.ft li{padding:6px 0}
.ft a{text-decoration:none;opacity:.82;transition:opacity .15s,color .15s}
.ft a:hover{opacity:1;color:#fff}
.ft-h{display:flex;justify-content:space-between;gap:14px;padding:6px 0;font-size:.92rem}
.ft-h b{font-family:var(--fc);color:var(--on-d)}
.legal{margin-top:44px;padding-top:26px;border-top:1px solid var(--line-d);font-size:.82rem;
  display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;opacity:.75}
.ghost{position:absolute;left:0;right:0;bottom:-3vw;z-index:1;font-family:var(--fc);font-weight:700;
  font-size:clamp(5rem,17vw,15rem);line-height:.8;text-transform:uppercase;text-align:center;
  color:rgba(255,255,255,.03);user-select:none;pointer-events:none;white-space:nowrap}

/* бутон нагоре */
.top{position:fixed;right:16px;bottom:20px;z-index:75;width:50px;height:50px;border-radius:var(--r);
  border:1px solid var(--line);background:var(--card);color:var(--clay);cursor:pointer;
  box-shadow:var(--sh-m);display:none;align-items:center;justify-content:center;opacity:0;
  transform:translateY(8px);transition:opacity .25s,transform .25s}
.top::before{content:"";width:11px;height:11px;margin-top:4px;border-left:2.5px solid currentColor;
  border-top:2.5px solid currentColor;transform:rotate(45deg)}
.top.show{opacity:1;transform:none}
@media(min-width:1040px){.top{display:flex}}

/* 16 · ДВИЖЕНИЕ И ДОСТЪПНОСТ */
@media(prefers-reduced-motion:no-preference){
  .rv{opacity:0;transform:translateY(18px);transition:opacity .6s cubic-bezier(.2,.7,.3,1),
      transform .6s cubic-bezier(.2,.7,.3,1)}
  .rv.in{opacity:1;transform:none}
  .hero-a{animation:up .65s cubic-bezier(.2,.7,.3,1) both}
  @keyframes up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,
select:focus-visible,textarea:focus-visible{outline:3px solid var(--clay);outline-offset:2px}
.skip{position:absolute;left:-9999px;top:0;background:var(--clay);color:#fff;padding:14px 20px;
  z-index:100;text-decoration:none;border-radius:0 0 var(--r) 0}
.skip:focus{left:0}
.ph-note{border-bottom:1px dotted var(--cu)}