/* nextimo.bg — v2: нов слой върху оригиналния дизайн. Зарежда се СЛЕД site.css на всички страници (body.is-v2; на началната — и
   is-h2). Същият тъмен свят — нощно синьо, стъкло, синият акцент — но по-дълбок: светлини в синьото на сайта и червеното на
   логото, едра типография (Inter), движение. Изгледите на вътрешните страници са оригиналните — тук са само стиловете им.
   Движението е във v2.js; без скрипта и при „по-малко движение“ (html без клас h2-mo) всичко е на място. */

/* шрифтът Inter (променлив; свален на сървъра в assets/fonts) — ако го няма, остават шрифтовете на оригинала */
@font-face{font-family:"InterV";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/inter-cyrillic.woff2) format("woff2");
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"InterV";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/inter-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}

body.is-v2{--h2-bg:#060913;--h2-blue:#60A5FA;--h2-blue-2:#3B82F6;--h2-red:#E14F59;--h2-violet:#8B5CF6;--h2-line:rgba(255,255,255,.1);
  --h2-ease:cubic-bezier(.2,.8,.2,1);--h2-io:cubic-bezier(.65,0,.35,1);
  --font:"InterV",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;--h2-display:"InterV","Inter Display",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --bg:#060913;--card:rgba(14,21,42,.74);--glass:rgba(10,15,31,.74);--border:rgba(255,255,255,.11);
  /* страницата: по-дълбоко тъмно, с две светлини горе — синя вляво, червена вдясно */
  --h2-top:#0F1A45;
  background:linear-gradient(180deg,var(--h2-top) 0,rgba(15,26,69,0) 210px) no-repeat,
    radial-gradient(900px 520px at 14% -60px,rgba(59,130,246,.3) 0%,rgba(59,130,246,0) 70%) no-repeat,
    radial-gradient(760px 460px at 88% -40px,rgba(225,79,89,.2) 0%,rgba(225,79,89,0) 70%) no-repeat,
    radial-gradient(1100px 620px at 50% -120px,#17265A 0%,rgba(23,38,90,0) 72%) no-repeat,
    linear-gradient(var(--h2-bg),var(--h2-bg));
  /* цветът на фона е този на върха: браузърът на телефона оцветява с него лентата с часовника и батерията — страницата
     изглежда цяла; след превъртане v2.js го сменя с тъмното (html.h2-deep) */
  background-color:var(--h2-top)}
body.is-v2.is-h2{background:linear-gradient(var(--h2-bg),var(--h2-bg));background-color:var(--h2-top)}
html.h2-deep body.is-v2{background-color:var(--h2-bg)}
/* стандартната кирилица: без „българските“ форми на Inter (в Safari с lang="bg" иначе излизат „Ekun“, „Имоmu“) */
body.is-v2,body.is-v2 input,body.is-v2 select,body.is-v2 textarea,body.is-v2 button{font-feature-settings:"locl" 0;-webkit-locale:"ru"}
.is-v2 ::selection{background:var(--h2-blue);color:#060913}
.h2{position:relative;overflow-x:clip}

/* ---------- Заглавията на страниците и разделите ---------- */
.is-v2 .st-page-head{padding-top:clamp(140px,17vh,190px);padding-bottom:clamp(22px,3vw,40px)}
.is-v2 .st-page-head h1,.is-v2 .st-404 h1{font-family:var(--h2-display);font-size:clamp(34px,5.4vw,78px);font-weight:600;line-height:1.02;letter-spacing:-.042em;color:#fff;text-wrap:balance}
.is-v2 .st-page-head .st-sub{max-width:46em;margin-top:clamp(12px,1.6vw,20px);color:#C3CEE2;font-size:clamp(16px,1.35vw,19px);line-height:1.5}
.is-v2 .st-page-head .st-crumbs{margin-bottom:clamp(14px,2vw,24px)}
.is-v2 .st-crumbs a{transition:color .2s}
.is-v2 .st-section{padding-top:clamp(56px,7vw,104px)}
.is-v2 .st-section-head{align-items:flex-end;margin-bottom:clamp(20px,2.6vw,34px)}
.is-v2 .st-section-head h2,.is-v2 .st-popular>h2{font-family:var(--h2-display);font-size:clamp(28px,3.6vw,52px);font-weight:600;line-height:1.04;letter-spacing:-.038em;color:#fff;text-wrap:balance}
.is-v2 .st-link-more{font-weight:600}

/* ---------- Бутони: синият — с преливане, сияние и отблясък при посочване; другите — стъкло ---------- */
.is-v2 .st-btn{position:relative;overflow:hidden;min-height:48px;background:rgba(255,255,255,.05);font-weight:650;transition:border-color .3s,background .3s,box-shadow .3s,transform .35s var(--h2-ease),filter .3s}
.is-v2 .st-btn::after{content:"";position:absolute;top:0;bottom:0;left:-70%;width:45%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.38),rgba(255,255,255,0));transform:skewX(-20deg);transition:left .75s var(--h2-ease);pointer-events:none}
.is-v2 .st-btn:hover::after{left:125%}
.is-v2 .st-btn:hover{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.1)}
.is-v2 .st-btn:active{transform:scale(.97)}
.is-v2 .st-btn.is-primary{border-color:transparent;background:linear-gradient(180deg,#8EC1FF,#4F8FF7);color:#051026!important;box-shadow:0 14px 34px -12px rgba(96,165,250,.9),inset 0 1px 0 rgba(255,255,255,.55)}
.is-v2 .st-btn.is-primary:hover{filter:none;background:linear-gradient(180deg,#9CCBFF,#5B99FA);box-shadow:0 18px 44px -10px rgba(96,165,250,1),inset 0 1px 0 rgba(255,255,255,.6)}
.is-v2 .st-call{background:linear-gradient(180deg,#8EC1FF,#4F8FF7);box-shadow:0 10px 26px -10px rgba(96,165,250,.9),inset 0 1px 0 rgba(255,255,255,.5)}

/* ---------- Карти и пана: по-дълбоко стъкло; при посочване се повдигат и светват ---------- */
.is-v2 .st-card{background:linear-gradient(180deg,rgba(17,25,46,.92),rgba(10,15,30,.92));transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--ty,0));
  transition:transform .5s var(--h2-ease),border-color .3s,box-shadow .4s}
.is-v2 .st-card:hover,.is-v2 .st-card:focus-within{--ty:-6px;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--ty,0));border-color:rgba(147,197,253,.45);
  box-shadow:0 34px 60px -24px rgba(0,0,0,.85),0 0 0 1px rgba(96,165,250,.12),0 20px 80px -30px rgba(59,130,246,.55)}
.is-v2 .st-card.is-tilt{transition:border-color .3s,box-shadow .4s}
.is-v2 .st-member,.is-v2 .st-post,.is-v2 .st-service,.is-v2 .st-stat,.is-v2 .st-rev{transition:transform .5s var(--h2-ease),border-color .3s,box-shadow .4s}
.is-v2 .st-member:hover,.is-v2 .st-post:hover,.is-v2 .st-service:hover{transform:translateY(-6px);border-color:rgba(147,197,253,.4);box-shadow:0 34px 60px -26px rgba(0,0,0,.85),0 20px 70px -34px rgba(59,130,246,.5)}
.is-v2 .st-member-photo img,.is-v2 .st-post-img img{transition:transform 1.1s var(--h2-ease)}
.is-v2 .st-member:hover .st-member-photo img,.is-v2 .st-post:hover .st-post-img img{transform:scale(1.06)}
/* услугите (страниците „Услуги“, „За нас“): по-едри карти със сияние зад иконката */
.is-v2 .st-service{position:relative;isolation:isolate;overflow:hidden;padding:26px;border-radius:26px;background:linear-gradient(170deg,rgba(21,31,58,.9),rgba(9,13,27,.94))}
.is-v2 .st-service::before{content:"";position:absolute;z-index:-1;left:-18%;top:-34%;width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(59,130,246,.5),rgba(59,130,246,0));transition:transform .8s var(--h2-ease),opacity .5s;opacity:.7}
.is-v2 .st-service:nth-child(3n+2)::before{background:radial-gradient(closest-side,rgba(225,79,89,.42),rgba(225,79,89,0))}
.is-v2 .st-service:nth-child(3n)::before{background:radial-gradient(closest-side,rgba(139,92,246,.48),rgba(139,92,246,0))}
.is-v2 .st-service:hover::before{opacity:1;transform:scale(1.3) translate(8%,8%)}
.is-v2 .st-service h3{font-family:var(--h2-display);font-size:clamp(20px,1.8vw,25px);font-weight:600;letter-spacing:-.03em}
/* числата на агенцията */
.is-v2 .st-stats{container-type:inline-size;gap:14px;margin-top:clamp(30px,4vw,56px)}
.is-v2 .st-stat{padding:clamp(18px,2.2vw,28px);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02))}
.is-v2 .st-stat b{font-family:var(--h2-display);font-size:clamp(30px,7.5cqi,72px);font-weight:600;line-height:1;letter-spacing:-.05em;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#fff 30%,#8FB8FF 100%);-webkit-background-clip:text;background-clip:text}
.is-v2 .st-stat span{margin-top:8px;color:#AEBBD2;font-size:15px}
/* „За нас“ като в списание: началото на текста (едро, с голяма първа буква) е до снимката; останалото — на две колони
   под тях, по цялата ширина (и под снимката) */
.is-v2 .st-about-hero.is-mag{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(26px,3.4vw,48px) clamp(28px,4.4vw,64px);align-items:center}
.is-v2 .st-about-lead p,.is-v2 .st-about-lead p:first-child{margin:0;color:#fff;font-family:var(--h2-display);font-size:clamp(19px,1.72vw,25px);font-weight:500;line-height:1.5;letter-spacing:-.015em}
.is-v2 .st-about-lead p::first-letter{float:left;margin:.07em .12em 0 0;color:var(--h2-blue);font-size:3.4em;font-weight:600;line-height:.8}
.is-v2 .st-about-hero.is-mag .st-about-photo{border-radius:30px;box-shadow:0 40px 80px -40px rgba(0,0,0,.9),0 30px 110px -50px rgba(59,130,246,.5)}
.is-v2 .st-about-more{grid-column:1 / -1;columns:2;column-gap:clamp(28px,4.4vw,64px);padding-top:clamp(22px,3vw,40px);border-top:1px solid var(--border)}
.is-v2 .st-about-more p,.is-v2 .st-about-more p:first-child{margin:0 0 1.05em;color:#C9D4E8;font-size:17.5px;line-height:1.72}
.is-v2 .st-about-more p.is-point{break-inside:avoid;padding-left:16px;border-left:2px solid var(--h2-blue)}
.is-v2 .st-about-more p.is-point b{display:block;margin-bottom:2px;color:#fff;font-size:1.03em}
/* „Контакти“: карето „За нас“ е високо колкото съседните — началото на текста, което избледнява, и „Повече за нас“ */
.is-v2 .st-contacts>.st-box:has(>a[href="/about"]){display:flex;flex-direction:column;align-self:stretch}
.is-v2 .st-contacts>.st-box:has(>a[href="/about"])>p{flex:1 1 0;min-height:190px;margin:0 0 14px;overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 84px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 84px),transparent)}

/* ---------- Поканите („Не знаете откъде да започнете?“ …): пано със светлини ---------- */
.is-v2 .st-cta-band{position:relative;isolation:isolate;overflow:hidden;padding:clamp(28px,4.4vw,60px) clamp(22px,4vw,56px);border-color:rgba(255,255,255,.14);border-radius:clamp(26px,3vw,38px);
  background:radial-gradient(560px 340px at 6% 110%,rgba(59,130,246,.55),rgba(59,130,246,0) 70%),radial-gradient(520px 320px at 96% -10%,rgba(225,79,89,.42),rgba(225,79,89,0) 70%),linear-gradient(150deg,#101C44 0%,#070B18 64%)}
.is-v2 .st-cta-band h2{margin-bottom:10px;font-family:var(--h2-display);font-size:clamp(26px,3.6vw,50px);font-weight:600;line-height:1.04;letter-spacing:-.04em;color:#fff;text-wrap:balance}
.is-v2 .st-cta-band p{max-width:38em;color:#D5DEEE;font-size:clamp(15.5px,1.25vw,18px);line-height:1.55}
.is-v2 .st-want-band{padding:20px 24px;border-color:rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02))}
.is-v2 .st-want-band b{font-size:17px}

/* ---------- Малките превключватели (напр. „Стаи“: Всички / 1 / 2 / 3 / 4+): всеки бутон е по дължината на надписа си ---------- */
.is-v2 .st-seg.is-small{display:flex}
.is-v2 .st-seg.is-small label{flex:1 1 auto}
.is-v2 .st-seg.is-small span,.is-v2 .st-filters .st-seg.is-small span{padding:0 11px}
.is-v2 .st-seg.is-small .st-seg-pill{display:none}
.is-v2 .st-seg.is-small input:checked+span{background:linear-gradient(180deg,#8EC1FF,#4F8FF7);color:#051026}

/* ---------- Списъкът с оферти ---------- */
.is-v2 .st-filters{border-radius:26px}
.is-v2 .st-intro{max-width:60em;color:#B8C4D9}

/* картата с офертите: етикет с логото и цената (продажба — червен, наем — бял с червен кант), както на картите в CRM */
.nx-tag{position:absolute;left:0;top:0;display:flex;align-items:center;gap:5px;padding:2px 9px 2px 2px;transform:translate(-50%,calc(-100% - 8px));
  border:2px solid #FFFFFF;border-radius:999px;background:#D11F33;color:#FFFFFF;font-size:12.5px;font-weight:800;line-height:1.2;white-space:nowrap;
  box-shadow:0 6px 16px rgba(15,23,42,.45);cursor:pointer}
.nx-tag::after{content:"";position:absolute;left:50%;bottom:-7px;width:10px;height:10px;transform:translateX(-50%) rotate(45deg);background:inherit;
  border-right:2px solid #FFFFFF;border-bottom:2px solid #FFFFFF}
.nx-tag i{display:grid;flex:none;place-items:center;width:22px;height:22px;border-radius:50%;background:#FFFFFF}
.nx-tag i svg{width:14px;height:12px;fill:#C30B22}
.nx-tag b{font-weight:800}
.nx-tag.is-rent{border-color:#D11F33;background:#FFFFFF;color:#B3122A}
.nx-tag.is-rent::after{border-color:#D11F33}
.nx-tag.is-rent i{background:#D11F33}
.nx-tag.is-rent i svg{fill:#FFFFFF}
.leaflet-marker-icon:hover .nx-tag,.leaflet-marker-icon:focus .nx-tag{filter:brightness(1.08)}
.is-v2 .st-cluster{border-color:#fff;background:#D11F33;color:#fff}
.is-v2 .mp-key.is-sale{background:#D11F33}
.is-v2 .mp-key.is-rent{background:#fff;box-shadow:inset 0 0 0 2px #D11F33}

/* ---------- Страницата на офертата ---------- */
.is-v2 .st-offer{padding-top:clamp(112px,14vh,140px)}
.is-v2 .sh-stage{border-radius:28px;box-shadow:0 40px 80px -40px rgba(0,0,0,.9),0 30px 110px -50px rgba(59,130,246,.5)}
.is-v2 .sh-title{font-family:var(--h2-display);font-size:clamp(28px,4.2vw,56px);font-weight:600;line-height:1.05;letter-spacing:-.04em;text-wrap:balance}
.is-v2 .sh-price{font-family:var(--h2-display);font-size:clamp(34px,4.6vw,64px);font-weight:600;line-height:1;letter-spacing:-.045em;background:linear-gradient(180deg,#fff 30%,#8FB8FF 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.is-v2 .sh-card{border-radius:24px;background:linear-gradient(180deg,rgba(17,25,46,.82),rgba(10,15,30,.86));transition:border-color .3s,box-shadow .4s}
.is-v2 .sh-card:hover{border-color:rgba(147,197,253,.28)}
.is-v2 .sh-side .sh-card{box-shadow:0 30px 60px -34px rgba(0,0,0,.9)}
.is-v2 .sh-thumb{border-radius:12px;transition:transform .35s var(--h2-ease),border-color .2s,opacity .2s}
.is-v2 .sh-thumb:hover{transform:translateY(-3px)}
.is-v2 .sh-map{border-radius:18px}

/* ---------- Блогът и екипът ---------- */
.is-v2 .bp-title{font-family:var(--h2-display);font-size:clamp(32px,5vw,64px);font-weight:600;line-height:1.04;letter-spacing:-.04em;text-wrap:balance}
.is-v2 .bp-cover img{border-radius:28px;box-shadow:0 40px 80px -40px rgba(0,0,0,.9),0 30px 110px -50px rgba(59,130,246,.5)}
.is-v2 .st-profile h1,.is-v2 .st-agent-head h1{font-family:var(--h2-display);font-weight:600;letter-spacing:-.04em}

/* ---------- Долната част ---------- */
.is-v2 .st-foot{margin-top:clamp(64px,8vw,120px);background:linear-gradient(180deg,rgba(7,11,22,.2),rgba(4,6,13,.9))}
.is-v2 .st-news{position:relative;isolation:isolate;overflow:hidden;padding:clamp(24px,3.4vw,44px);border-color:rgba(255,255,255,.14);border-radius:clamp(24px,2.8vw,34px);
  background:radial-gradient(480px 300px at 0% 120%,rgba(59,130,246,.42),rgba(59,130,246,0) 70%),radial-gradient(420px 260px at 100% -20%,rgba(139,92,246,.32),rgba(139,92,246,0) 70%),linear-gradient(150deg,#0F1A40 0%,#070B18 66%)}
.is-v2 .st-news-text h2{margin-bottom:8px;font-family:var(--h2-display);font-size:clamp(22px,2.6vw,36px);font-weight:600;line-height:1.08;letter-spacing:-.035em}
.is-v2 .st-news-text p{font-size:16px}

.is-v2 .st-foot-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px 16px}
.is-v2 .st-foot-bottom>:last-child{justify-self:end}
.st-foot-made{color:var(--muted);font-size:13.5px;text-align:center;white-space:nowrap}
.st-foot-made a{border-bottom:1px solid rgba(255,255,255,.28);color:#fff!important;font-weight:600;text-decoration:none;transition:color .2s,border-color .2s}
.st-foot-made a:hover{border-color:var(--h2-blue);color:var(--h2-blue)!important}
.st-foot-heart{display:inline-block;margin:0 1px;animation:h2-beat 1.7s ease-in-out infinite}
.st-foot-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes h2-beat{0%,60%,100%{transform:scale(1)}20%{transform:scale(1.28)}40%{transform:scale(.96)}}

/* ---------- Чертата на превъртането (горе) и светлината след мишката (и двете ги слага v2.js) ---------- */
.h2-progress{position:fixed;top:0;left:0;right:0;z-index:1100;height:2px;pointer-events:none}
.h2-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--h2-blue-2),var(--h2-blue) 45%,var(--h2-red));transform:scaleX(0);transform-origin:0 50%}
.h2-cursor{position:fixed;left:0;top:0;z-index:4;width:560px;height:560px;margin:-280px 0 0 -280px;border-radius:50%;pointer-events:none;opacity:0;
  background:radial-gradient(closest-side,rgba(96,165,250,.13),rgba(96,165,250,0));mix-blend-mode:screen;transition:opacity .6s;will-change:transform}
.h2-cursor.is-on{opacity:1}

/* ---------- Появяване (само с html.h2-mo; is-in — от v2.js) ---------- */
.h2-mo [data-h2-rv]{opacity:0;transform:translate3d(0,32px,0);filter:blur(10px);transition:opacity .9s var(--h2-ease) var(--d,0s),transform 1s var(--h2-ease) var(--d,0s),filter .9s var(--h2-ease) var(--d,0s)}
.h2-mo [data-h2-rv].is-in{opacity:1;transform:none;filter:none}
/* заглавията: дума по дума, отдолу нагоре (думите ги „нарязва“ v2.js) */
.h2-w{display:inline-block;overflow:hidden;vertical-align:top;margin:-.08em -.05em -.16em;padding:.08em .05em .16em}
.h2-w>i{display:inline-block;font-style:normal}
.h2-mo .h2-w>i{transform:translate3d(0,112%,0) rotate(5deg);transform-origin:0 100%;opacity:0;transition:transform 1.05s var(--h2-ease) calc(var(--i,0) * 70ms + var(--d,0s)),opacity .5s ease calc(var(--i,0) * 70ms + var(--d,0s))}
.h2-mo .is-in .h2-w>i,.h2-mo .is-in.h2-w>i{transform:none;opacity:1}
/* заглавието на вътрешна страница чака скрипта (иначе би се показало два пъти); редът под него — малко след него */
.h2-mo .is-v2 .st-page-head h1:not(.is-in),.h2-mo .is-v2 .st-page-head .st-sub:not(.is-in){opacity:0}
.h2-mo .is-v2 .st-page-head h1.is-in{opacity:1}
.h2-mo .is-v2 .st-page-head .st-sub{transition:opacity .9s ease .35s,transform 1s var(--h2-ease) .35s;transform:translate3d(0,16px,0)}
.h2-mo .is-v2 .st-page-head .st-sub.is-in{opacity:1;transform:none}
/* картичките в ред — една след друга */
.h2-mo [data-h2-cards]>*{opacity:0;translate:0 44px;transition:opacity .8s var(--h2-ease) calc(var(--k,0) * 80ms),translate 1s var(--h2-ease) calc(var(--k,0) * 80ms)}
.h2-mo [data-h2-cards].is-in>*{opacity:1;translate:0 0}
/* ако скриптът не тръгне — всичко се показва */
.h2-all [data-h2-rv],.h2-all .h2-w>i,.h2-all [data-h2-cards]>*,.h2-all .h2-kicker,.h2-all .is-v2 .st-page-head h1,.h2-all .is-v2 .st-page-head .st-sub{opacity:1!important;transform:none!important;translate:none!important;filter:none!important}

@media (prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto}
  .is-v2 .st-top{view-transition-name:nx-top}
  ::view-transition-old(root){animation:h2-vt-out .22s ease both}
  ::view-transition-new(root){animation:h2-vt-in .5s cubic-bezier(.2,.8,.2,1) both}
  ::view-transition-group(nx-top){animation:none}
}
@keyframes h2-vt-out{to{opacity:0}}
@keyframes h2-vt-in{from{opacity:0;transform:translate3d(0,14px,0)}}
@media (max-width:1000px){.h2-cursor{display:none}}
@media (max-width:860px){
  .is-v2 .st-about-hero.is-mag{grid-template-columns:minmax(0,1fr)}
  .is-v2 .st-about-more{columns:1}
  .is-v2 .st-foot-bottom{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}
  .is-v2 .st-foot-bottom>:last-child{justify-self:center}
}
@media (max-width:600px){
  .is-v2 .st-page-head{padding-top:118px}
  .is-v2 .st-service{padding:22px;border-radius:22px}
}
@media (prefers-reduced-motion:reduce){
  .st-foot-heart{animation:none}
  .is-v2 .st-card{transform:none}
}
/* ====================== Началната страница (body.is-h2) ====================== */
/* ---------- Встъпление: знакът N се появява, после екранът се разтваря на две (веднъж на посещение) ---------- */
.h2-intro{display:none}
.h2-intro-on .h2-intro{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;pointer-events:none;animation:h2-intro-off 0s 1.55s forwards}
.h2-intro-a,.h2-intro-b{position:absolute;left:0;right:0;height:50.5%;background:#04060D;animation:h2-intro-up 1s .62s var(--h2-io,cubic-bezier(.65,0,.35,1)) forwards}
.h2-intro-a{top:0}
.h2-intro-b{bottom:0;animation-name:h2-intro-down}
.h2-intro-mark{position:relative;z-index:1;width:auto;height:96px;filter:drop-shadow(0 0 34px rgba(225,79,89,.55));animation:h2-intro-mark 1.25s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes h2-intro-mark{0%{opacity:0;transform:scale(.6) rotate(-180deg)}38%{opacity:1;transform:scale(1) rotate(0)}58%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(2.6)}}
@keyframes h2-intro-up{to{transform:translateY(-101%)}}
@keyframes h2-intro-down{to{transform:translateY(101%)}}
@keyframes h2-intro-off{to{visibility:hidden}}

/* ---------- Светлините („аврора“) и зърното ---------- */
.h2-aurora{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:inherit}
.h2-aurora i{position:absolute;width:52vw;height:52vw;max-width:820px;max-height:820px;border-radius:50%;filter:blur(90px);opacity:.5;mix-blend-mode:screen;will-change:transform}
.h2-aurora i:nth-child(1){left:-12%;bottom:-38%;background:radial-gradient(closest-side,rgba(59,130,246,.85),rgba(59,130,246,0));animation:h2-drift-a 19s ease-in-out infinite alternate}
.h2-aurora i:nth-child(2){right:-14%;top:-30%;background:radial-gradient(closest-side,rgba(225,79,89,.7),rgba(225,79,89,0));animation:h2-drift-b 23s ease-in-out infinite alternate}
.h2-aurora i:nth-child(3){right:14%;bottom:-46%;background:radial-gradient(closest-side,rgba(139,92,246,.6),rgba(139,92,246,0));animation:h2-drift-a 27s ease-in-out infinite alternate-reverse}
@keyframes h2-drift-a{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(9vw,-6vh,0) scale(1.18)}}
@keyframes h2-drift-b{from{transform:translate3d(0,0,0) scale(1.1)}to{transform:translate3d(-8vw,7vh,0) scale(.92)}}
.h2-grain{position:absolute;inset:0;pointer-events:none;opacity:.11;mix-blend-mode:overlay;border-radius:inherit;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ---------- Заглавната част: на цял екран; вляво заглавието, вдясно „прозорец“ с видеото (или снимките на офертите) ---------- */
.h2-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-height:100vh;min-height:100svh;padding:124px 0 clamp(64px,9vh,96px);overflow:clip}
.h2-hero-media{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(1100px 680px at 16% 6%,#14235A 0%,rgba(20,35,90,0) 70%),#05070F}
/* най-горе — същият цвят като фона (лентата на браузъра на телефона го продължава) */
.h2-hero::before{content:"";position:absolute;top:0;left:0;right:0;z-index:0;height:190px;pointer-events:none;background:linear-gradient(180deg,var(--h2-top),rgba(15,26,69,0))}
.h2-hero .h2-aurora i{opacity:.5}
/* фина мрежа, която избледнява към краищата — дава дълбочина на тъмното */
.h2-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(148,163,184,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.075) 1px,transparent 1px);background-size:72px 72px;
  -webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 38%,#000 15%,transparent 76%);mask-image:radial-gradient(ellipse 80% 70% at 50% 38%,#000 15%,transparent 76%)}
.h2-hero-media::after{content:"";position:absolute;left:0;right:0;bottom:0;height:30%;background:linear-gradient(180deg,rgba(6,9,19,0),var(--h2-bg))}
.h2-hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);grid-template-areas:"copy art" "search search";align-items:center;gap:clamp(28px,5vh,56px) clamp(28px,4.4vw,76px)}
/* при превъртане заглавието леко изпреварва и избледнява (търсачката — не: с нея се работи) */
.h2-hero-copy{grid-area:copy;min-width:0;transform:translate3d(0,calc(var(--hp,0) * -90px),0);opacity:calc(1 - var(--hp,0) * 1.5)}
.h2-title{margin:0;font-family:var(--h2-display);font-size:clamp(42px,min(6.3vw,11.6vh),104px);font-weight:600;line-height:.98;letter-spacing:-.045em;color:#fff;text-wrap:balance}
.h2-title.is-long{font-size:clamp(34px,min(4.5vw,8.6vh),74px);line-height:1.03;letter-spacing:-.04em} /* дълго заглавие (над ~44 знака) */
.h2-title-big{display:block;padding-bottom:.06em}
/* преливането в буквите: без движение — върху целия ред; с движение — върху всяка дума (иначе редът се рисува два пъти) */
html:not(.h2-mo) .h2-title-big{background:linear-gradient(180deg,#fff 35%,#BCD3FF 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
/* редът над заглавието (в H1 — за Google): стъклено хапче с „жива“ точка */
.h2-kicker{display:flex;align-items:center;gap:10px;width:fit-content;max-width:100%;margin:0 0 clamp(16px,2.6vh,26px);padding:8px 16px 8px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;
  background:rgba(255,255,255,.07);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);color:#DBEAFE;
  font-family:var(--font);font-size:clamp(13px,1.1vw,15px);font-weight:600;line-height:1.3;letter-spacing:0;-webkit-text-fill-color:currentColor}
.h2-kicker i{position:relative;flex:none;width:8px;height:8px;border-radius:50%;background:var(--h2-blue);box-shadow:0 0 12px var(--h2-blue)}
.h2-kicker i::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid var(--h2-blue);animation:h2-ping 2.4s ease-out infinite}
@keyframes h2-ping{0%{transform:scale(.5);opacity:.9}80%,100%{transform:scale(1.9);opacity:0}}
.h2-lead{max-width:30em;margin:clamp(16px,2.6vh,26px) 0 0;color:#C9D4E8;font-size:clamp(17px,1.45vw,21px);line-height:1.5}
/* „прозорецът“: леко завъртян в дълбочина екран със сияние; следва мишката (--wx, --wy от v2.js) */
.h2-hero-art{grid-area:art;position:relative;align-self:stretch;min-width:0;min-height:clamp(300px,50vh,560px);perspective:1500px}
.h2-win{position:absolute;inset:0;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:clamp(26px,2.8vw,42px);background:#0A1020;transform-origin:62% 50%;
  transform:rotateY(calc(-8deg + var(--wy,0deg))) rotateX(calc(2.5deg + var(--wx,0deg))) translate3d(0,calc(var(--hp,0) * -46px),0);
  box-shadow:0 50px 100px -30px rgba(0,0,0,.95),0 0 0 10px rgba(255,255,255,.035),0 40px 140px -20px rgba(59,130,246,.6),-40px 40px 130px -40px rgba(225,79,89,.5);
  transition:transform 1s var(--h2-ease)}
.h2-win .h2-hero-pic{position:absolute;inset:-4%;transform:scale(calc(1.03 + var(--hp,0) * .1));will-change:transform}
.h2-hero-pic video,.h2-hero-pic img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.h2-hero-pic img{opacity:0;transition:opacity 1.6s ease}
.h2-hero-pic img.is-on{opacity:1;animation:h2-ken 16s ease-out both}
@keyframes h2-ken{from{transform:scale(1.12)}to{transform:scale(1)}}
/* отблясък горе вляво + затъмнение долу (под плочките) */
.h2-win-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(205deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 26%),linear-gradient(180deg,rgba(6,9,19,0) 52%,rgba(6,9,19,.62) 100%)}
.h2-win.is-mark .h2-hero-pic{display:grid;place-items:center;background:linear-gradient(160deg,#14224F,#070B18)}
.h2-win.is-mark .h2-aurora i{width:90%;height:auto;aspect-ratio:1;max-width:none;max-height:none;filter:blur(70px);opacity:.65}
.h2-win-mark{position:relative;width:auto;height:clamp(92px,12vw,168px);filter:drop-shadow(0 20px 50px rgba(225,79,89,.5))}
/* броят на офертите — две стъклени плочки вдясно (водят към списъците; леко „плуват“ след мишката) */
.h2-hero-nums{position:absolute;z-index:2;left:clamp(-52px,-3.4vw,-20px);bottom:clamp(18px,3.4vh,36px);display:grid;gap:12px;justify-items:stretch;min-width:236px}
.h2-num{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px 14px 20px;border:1px solid rgba(255,255,255,.16);border-radius:22px;
  background:linear-gradient(180deg,rgba(30,41,72,.72),rgba(12,18,38,.78));-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);
  color:#fff!important;text-decoration:none;box-shadow:0 18px 40px -18px rgba(0,0,0,.7);transform:translate3d(var(--fx,0),var(--fy,0),0);transition:transform .9s var(--h2-ease),border-color .3s,background .3s}
.h2-num b{font-family:var(--h2-display);font-size:44px;font-weight:600;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.h2-num span{color:#C7D2E5;font-size:14.5px;font-weight:500;line-height:1.25}
.h2-num .ico{width:36px;height:36px;padding:9px;border-radius:50%;background:rgba(255,255,255,.1);transition:transform .45s var(--h2-ease),background .3s}
.h2-num:hover{border-color:rgba(147,197,253,.6)}
.h2-num:hover .ico{background:var(--h2-blue);color:#060913;transform:rotate(-45deg)}
/* търсачката — оригиналната (полетата и скриптът са същите), като стъклена лента с жива рамка */
.h2-search-box{grid-area:search;position:relative;min-width:0}
.h2 .st-search{max-width:none;margin:0;padding:16px 16px 36px;border-color:rgba(255,255,255,.16);border-radius:30px;
  background:linear-gradient(180deg,rgba(15,23,42,.62),rgba(8,12,26,.72));box-shadow:0 30px 80px -20px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.08);
  -webkit-backdrop-filter:blur(26px) saturate(170%);backdrop-filter:blur(26px) saturate(170%)}
/* рамката: тънка светлина, която обикаля търсачката */
.h2-search-box::before{content:"";position:absolute;inset:-1px;z-index:0;padding:1px;border-radius:31px;pointer-events:none;
  background:conic-gradient(from var(--h2-a,0deg),rgba(96,165,250,0) 0 62%,rgba(96,165,250,.95) 74%,rgba(225,79,89,.9) 82%,rgba(96,165,250,0) 92%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  animation:h2-spin 7s linear infinite}
@property --h2-a{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes h2-spin{to{--h2-a:360deg}}
.h2 .st-search>*{position:relative;z-index:1}
.h2 .st-more-toggle{position:absolute;background:#0E1730}
.h2 .st-search-go{box-shadow:0 10px 30px -8px rgba(96,165,250,.7)}

/* ---------- „Листът“ под заглавната част: заоблен отгоре, със светла нишка по ръба ---------- */
.h2-sheet{position:relative;z-index:2;margin-top:-34px;border-radius:34px 34px 0 0;background:var(--h2-bg);box-shadow:0 -30px 60px -10px rgba(4,6,13,.85)}
.h2-sheet::before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,rgba(96,165,250,0),rgba(96,165,250,.75) 30%,rgba(225,79,89,.75) 70%,rgba(225,79,89,0))}
/* лентата с услугите: едри контурни букви, които бавно се движат */
.h2-ticker{overflow:hidden;padding:clamp(34px,5vw,64px) 0 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.h2-ticker-track{display:flex;align-items:center;gap:clamp(22px,3vw,44px);width:max-content;animation:h2-ticker 46s linear infinite;will-change:transform}
.h2-ticker-track span{font-family:var(--h2-display);font-size:clamp(40px,6.2vw,92px);font-weight:600;line-height:1.1;letter-spacing:-.04em;white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(203,213,225,.34)}
.h2-ticker-track span:nth-of-type(3n+1){color:rgba(255,255,255,.92);-webkit-text-stroke:0}
.h2-ticker-track i{flex:none;width:clamp(14px,1.4vw,22px);height:clamp(14px,1.4vw,22px);border-radius:5px;background:linear-gradient(180deg,#E14F59,#C30B22);transform:rotate(45deg);box-shadow:0 0 24px rgba(225,79,89,.6)}
@keyframes h2-ticker{to{transform:translate3d(calc(-50% - clamp(11px,1.5vw,22px)),0,0)}}

/* ---------- Раздели: заглавия, връзки, бутони ---------- */
.h2-sec{padding-top:clamp(52px,6.5vw,100px)}
.h2-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:clamp(22px,3vw,40px)}
.h2-head h2,.h2-pin-head h2,.h2-about-text h2,.h2-cta h2,.is-h2 .h2-old .st-section-head h2{margin:0;font-family:var(--h2-display);font-size:clamp(34px,4.7vw,68px);font-weight:600;line-height:1.02;letter-spacing:-.04em;color:#fff;text-wrap:balance}
.h2-more{display:inline-flex;align-items:center;gap:12px;flex:none;color:#fff!important;font-size:16px;font-weight:600;text-decoration:none;white-space:nowrap}
.h2-more .ico{width:40px;height:40px;padding:11px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(255,255,255,.05);transition:transform .45s var(--h2-ease),background .3s,color .3s,border-color .3s}
.h2-more:hover .ico,a:hover>.h2-more .ico{transform:translateX(6px);border-color:var(--h2-blue);background:var(--h2-blue);color:#060913}
.h2-more.is-small{gap:10px;font-size:15px}
.h2-more.is-small .ico{width:34px;height:34px;padding:9px}
/* бутон: стъклено хапче със светлина, която минава при посочване; is-main — синият */
.h2-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:999px;
  background:rgba(255,255,255,.06);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff!important;font-size:16px;font-weight:650;text-decoration:none;white-space:nowrap;
  transition:border-color .3s,background .3s,box-shadow .3s,transform .35s var(--h2-ease)}
.h2-btn::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.4),rgba(255,255,255,0));transform:skewX(-20deg);transition:left .7s var(--h2-ease)}
.h2-btn:hover::after{left:120%}
.h2-btn:hover{border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.1)}
.h2-btn:active{transform:scale(.97)}
.h2-btn .ico{width:18px;height:18px;transition:transform .45s var(--h2-ease)}
.h2-btn:hover .ico{transform:translateX(4px)}
.h2-btn.is-main{border-color:transparent;background:linear-gradient(180deg,#8EC1FF,#4F8FF7);color:#051026!important;box-shadow:0 14px 36px -10px rgba(96,165,250,.85),inset 0 1px 0 rgba(255,255,255,.55)}
.h2-btn.is-main:hover{box-shadow:0 18px 46px -8px rgba(96,165,250,1),inset 0 1px 0 rgba(255,255,255,.6)}
.h2-btn.is-ghost{border-color:transparent;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.h2-btn.is-big{min-height:60px;padding:0 32px;font-size:17px}
/* светлина по рамката, която следва мишката (--mx, --my от v2.js) */
[data-h2-glow]{position:relative}
[data-h2-glow]::before{content:"";position:absolute;inset:0;z-index:3;padding:1px;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s;
  background:radial-gradient(280px circle at var(--mx,50%) var(--my,50%),rgba(147,197,253,.95),rgba(147,197,253,0) 65%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
[data-h2-glow]:hover::before{opacity:1}

/* ---------- Нови оферти ---------- */
.h2-row+.h2-row{margin-top:clamp(36px,5vw,64px)}
.h2-row-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.h2-row-head h3{margin:0;color:#fff;font-size:clamp(20px,2vw,26px);font-weight:650;letter-spacing:-.02em}
.h2-row-head sup{margin-left:8px;color:var(--h2-blue);font-size:.62em;font-weight:700;vertical-align:.7em}
/* поканата „Продавате имот?“ в непълния ред: стъклено пано със светлини */
.h2-ask{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;min-height:320px;padding:clamp(22px,2.6vw,36px);overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:26px;
  background:linear-gradient(160deg,rgba(23,37,84,.75),rgba(10,15,30,.9));color:#fff!important;text-decoration:none;transition:transform .5s var(--h2-ease),border-color .3s}
.h2-ask .h2-aurora{z-index:-1}
.h2-ask .h2-aurora i{width:70%;height:auto;aspect-ratio:1;max-width:none;max-height:none;filter:blur(60px);opacity:.55}
.h2-ask .h2-aurora i:nth-child(1){left:-20%;bottom:-40%}
.h2-ask .h2-aurora i:nth-child(2){right:-25%;top:-45%}
.h2-ask:hover{transform:translateY(-6px);border-color:rgba(147,197,253,.45)}
.h2-ask-ico{display:grid;place-items:center;width:54px;height:54px;margin-bottom:auto;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.h2-ask-ico .ico{width:24px;height:24px}
.h2-ask b{font-family:var(--h2-display);font-size:clamp(26px,3vw,44px);font-weight:600;line-height:1.05;letter-spacing:-.035em;text-wrap:balance}
.h2-ask-text{max-width:30em;color:#C7D2E5;font-size:16px;line-height:1.5}
.h2-ask .h2-more{margin-top:6px}
.h2-cards .h2-ask{grid-column:auto / -1} /* запълва останалото място в реда */
/* една оферта: голяма легнала карта (снимката вляво, данните вдясно) + поканата */
.h2-one{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:18px;align-items:stretch}
@media (min-width:901px){
  .h2-one .st-card{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-rows:1fr auto;border-radius:28px}
  .h2-one .st-card-img{grid-row:1 / 3;height:auto;min-height:440px;aspect-ratio:auto;margin:8px;border-radius:22px}
  .h2-one .st-card-track,.h2-one .st-card-track img{height:100%}
  .h2-one .st-card-body{padding:26px 26px 10px;justify-content:center}
  .h2-one .st-card-price{font-family:var(--h2-display);font-size:clamp(34px,3.4vw,52px);font-weight:600;letter-spacing:-.04em}
  .h2-one .st-card-title{margin-top:8px;font-size:22px}
  .h2-one .st-card-place{font-size:16px}
  .h2-one .st-card-specs{height:auto;margin-top:20px;padding-top:18px;overflow:visible;gap:10px 16px;font-size:15.5px}
  .h2-one .st-card-specs>span{height:auto}
  .h2-one .st-card-specs .ico{width:18px;height:18px}
  .h2-one .st-card-agent{margin:0 14px 14px}
}
.h2-all{display:flex;justify-content:center;margin-top:clamp(28px,4vw,48px)}

/* ---------- „Какво предлагаме“: редът стои на място и се движи настрани с превъртането ---------- */
.h2-pin{position:relative;margin-top:clamp(40px,5vw,80px)}
.h2-pin-wrap{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center}
.h2-pin-head p{max-width:22em;margin:18px 0 0;color:var(--text-2);font-size:17.5px;line-height:1.55}
.h2-pin-bar{width:100%;max-width:240px;height:2px;margin:28px 0;border-radius:2px;background:rgba(255,255,255,.12);overflow:hidden}
.h2-pin-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--h2-blue),var(--h2-red));transform:scaleX(var(--pp,0));transform-origin:0 50%}
.h2-pin-view{min-width:0;margin-right:calc(-1 * max(24px,(100vw - 1220px) / 2 + 24px));padding:30px 0;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 56px);mask-image:linear-gradient(90deg,transparent 0,#000 56px)}
.h2-pin-track{display:flex;gap:20px;width:max-content;padding:0 56px;will-change:transform}
.h2-svc{position:relative;isolation:isolate;display:flex;flex-direction:column;flex:none;width:clamp(300px,27vw,380px);min-height:clamp(380px,56vh,460px);padding:30px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:30px;
  background:linear-gradient(170deg,rgba(21,31,58,.9),rgba(9,13,27,.94));transition:transform .5s var(--h2-ease),border-color .3s,box-shadow .4s}
.h2-svc:hover{transform:translateY(-8px);border-color:rgba(147,197,253,.4);box-shadow:0 40px 70px -30px rgba(0,0,0,.9)}
/* цветното сияние зад иконката — различно за всяка карта */
.h2-svc-blob{position:absolute;z-index:-1;left:-22%;top:-26%;width:78%;aspect-ratio:1;border-radius:50%;filter:blur(56px);opacity:.5;background:radial-gradient(closest-side,rgba(59,130,246,.95),rgba(59,130,246,0));transition:opacity .5s,transform .8s var(--h2-ease)}
.h2-svc:nth-child(3n+2) .h2-svc-blob{background:radial-gradient(closest-side,rgba(225,79,89,.85),rgba(225,79,89,0))}
.h2-svc:nth-child(3n) .h2-svc-blob{background:radial-gradient(closest-side,rgba(139,92,246,.9),rgba(139,92,246,0))}
.h2-svc:hover .h2-svc-blob{opacity:.85;transform:scale(1.25) translate(8%,8%)}
.h2-svc-ico{display:grid;place-items:center;width:62px;height:62px;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:rgba(255,255,255,.09);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}
.h2-svc-ico .ico{width:28px;height:28px;stroke-width:1.7}
.h2-svc h3{margin:auto 0 0;padding-top:36px;color:#fff;font-family:var(--h2-display);font-size:clamp(26px,2.3vw,34px);font-weight:600;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}
.h2-svc h3 a{color:inherit!important;text-decoration:none}
.h2-svc h3 a::after{content:"";position:absolute;inset:0;z-index:2}
.h2-svc p{margin:14px 0 0;color:#B8C4D9;font-size:16px;line-height:1.55}
.h2-svc-more{display:inline-flex;align-items:center;gap:8px;margin-top:22px;color:var(--accent-soft);font-size:15px;font-weight:600}
.h2-svc-more .ico{width:17px;height:17px;transition:transform .45s var(--h2-ease)}
.h2-svc:hover .h2-svc-more .ico{transform:translateX(6px)}
.h2-svc-bg{position:absolute;z-index:-1;right:-34px;top:-30px;color:rgba(255,255,255,.045);transform:rotate(-12deg);transition:transform .8s var(--h2-ease)}
.h2-svc-bg .ico{width:210px;height:210px;stroke-width:1}
.h2-svc:hover .h2-svc-bg{transform:rotate(0) scale(1.06)}
/* на компютър: разделът „лепне“ (височината и пътят — от v2.js: --travel) */
/* височината на раздела = съдържанието + пътят настрани (без празен екран отгоре и отдолу); „лепне“ по средата на екрана (--pin-top от v2.js) */
.h2-pin.is-pin{height:calc(var(--pin-h,100vh) + var(--travel,0px))}
.h2-pin.is-pin .h2-pin-in{position:sticky;top:var(--pin-top,0px);display:flex;align-items:center;overflow:hidden}
.h2-pin.is-pin .h2-pin-wrap{width:100%}
/* без „лепнене“ (телефон, нисък екран, без скрипт): редът се плъзга с пръст */
.h2-pin:not(.is-pin) .h2-pin-view{overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}
.h2-pin:not(.is-pin) .h2-pin-view::-webkit-scrollbar{display:none}
.h2-pin:not(.is-pin) .h2-svc{scroll-snap-align:start}
.h2-pin:not(.is-pin) .h2-pin-bar{display:none}

/* ---------- За нас + числата ---------- */
.h2-about-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:stretch}
.h2-about-text{align-self:center}
.h2-about-photo{position:relative;isolation:isolate;margin:0;min-height:clamp(360px,44vw,520px);overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:34px;background:linear-gradient(160deg,#13204A,#080C1A)}
.h2-about-photo img{display:block;width:100%;height:116%;object-fit:cover;transform:translate3d(0,calc(var(--par,0) * 1px),0);will-change:transform}
.h2-about-photo.is-mark{display:grid;place-items:center}
.h2-about-photo.is-mark .h2-aurora i{width:90%;height:auto;aspect-ratio:1;max-width:none;max-height:none;filter:blur(70px);opacity:.6}
.h2-about-mark{position:relative;width:auto;height:clamp(96px,13vw,170px);filter:drop-shadow(0 20px 50px rgba(225,79,89,.45))}
.h2-say{margin:clamp(18px,2.4vw,30px) 0 0;color:#fff;font-family:var(--h2-display);font-size:clamp(21px,2.25vw,32px);font-weight:500;line-height:1.36;letter-spacing:-.022em}
.h2-say.is-long{font-size:clamp(18px,1.6vw,23px);line-height:1.5}
.h2-about-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(24px,3vw,38px)}
.h2-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px;margin-top:clamp(36px,5vw,72px)}
.h2-stat{padding:clamp(20px,2.4vw,30px);border:1px solid rgba(255,255,255,.1);border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02))}
.h2-stat b{display:block;font-family:var(--h2-display);font-size:clamp(46px,5.6vw,84px);font-weight:600;line-height:1;letter-spacing:-.05em;font-variant-numeric:tabular-nums;
  background:linear-gradient(180deg,#fff 30%,#8FB8FF 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.h2-stat span{display:block;margin-top:12px;color:#AEBBD2;font-size:15.5px;line-height:1.35}

/* ---------- Оригиналните части (отзиви, екип, блог, популярни) — в новия ритъм ---------- */
.is-h2 .h2-old.st-section,.is-h2 .h2-old>.st-section{margin-top:0;padding-top:clamp(52px,6.5vw,100px)}
.is-h2 .h2-old .st-section-head{align-items:flex-end;margin-bottom:clamp(22px,3vw,40px)}
.is-h2 .h2-review .st-section{padding-top:clamp(18px,2.4vw,30px)}
.is-h2 .h2-old .st-popular>h2{margin-bottom:clamp(18px,2.4vw,30px);font-size:clamp(26px,3vw,40px)}

/* ---------- Поканата най-долу ---------- */
.h2-cta{padding-top:clamp(52px,6.5vw,100px);padding-bottom:clamp(40px,6vw,88px)}
.h2-cta-in{position:relative;isolation:isolate;padding:clamp(40px,7vw,104px) clamp(22px,5vw,80px);overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:clamp(28px,3.4vw,44px);
  background:linear-gradient(150deg,#101C44 0%,#070B18 62%);text-align:center}
.h2-cta-in .h2-aurora,.h2-cta-in .h2-grain{z-index:-1}
.h2-cta-in .h2-aurora i{opacity:.6}
.h2-cta h2{max-width:14em;margin:0 auto;font-size:clamp(36px,6vw,92px);line-height:.98;letter-spacing:-.045em}
.h2-cta p{max-width:36em;margin:clamp(16px,2vw,26px) auto 0;color:#D5DEEE;font-size:clamp(16.5px,1.4vw,20px);line-height:1.55}
.h2-cta-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:clamp(26px,3.4vw,44px)}

/* ---------- Появяване — само това на началната страница (общото е по-горе) ---------- */
.h2-title-big .h2-w>i{background:linear-gradient(180deg,#fff 35%,#BCD3FF 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.h2-mo .h2-kicker{opacity:0;transform:translate3d(0,14px,0);transition:opacity .8s ease,transform .9s var(--h2-ease)}
.h2-mo .h2-hero.is-in .h2-kicker{opacity:1;transform:none}
/* текстът „За нас“: думите светват с превъртането (v2.js) */
.h2-mo .h2-say .h2-lw{opacity:.16;transition:opacity .5s ease}
.h2-mo .h2-say .h2-lw.is-lit{opacity:1}
.h2-all .h2-say .h2-lw{opacity:1!important}

/* ---------- По-тесни екрани ---------- */
@media (min-width:1201px){
  /* търсачката на един ред: „Продажби / Наеми“ — вляво, после полетата и бутонът */
  .h2 .st-search{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"top row go" "more more more";column-gap:14px}
  .h2 .st-search-top{align-self:end}
  .h2 .st-search-row{margin-top:0}
}
@media (max-width:1000px){
  .h2-hero-in{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "art" "search";gap:22px}
  .h2-hero-art{min-height:0;perspective:none;padding-bottom:34px}
  .h2-win{position:relative;inset:auto;aspect-ratio:21 / 10;transform:none;box-shadow:0 30px 60px -24px rgba(0,0,0,.9),0 24px 90px -20px rgba(59,130,246,.5)}
  .h2-hero-nums{left:12px;right:12px;bottom:0;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);min-width:0}
  .h2-pin-wrap{grid-template-columns:minmax(0,1fr)}
  .h2-pin-view{margin-left:-24px;margin-right:-24px;padding:8px 0 20px;-webkit-mask-image:none;mask-image:none}
  .h2-pin-track{padding:0 24px}
  .h2-pin-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 20px}
  .h2-pin-head p{flex:1 1 100%;order:3;margin-top:4px}
  .h2-about-grid{grid-template-columns:minmax(0,1fr)}
  .h2-about-photo{aspect-ratio:16 / 10;min-height:0}
  .h2-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .h2-stat:last-child:nth-child(odd){grid-column:1 / -1}
  .h2-one{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:1100px){
  .h2-cards .h2-ask{grid-column:auto;min-height:0}
}
@media (max-width:600px){
  .h2-hero{padding:104px 0 56px}
  .h2-title{font-size:clamp(38px,11.6vw,58px);letter-spacing:-.04em}
  .h2-title.is-long{font-size:clamp(29px,8.3vw,42px);line-height:1.05}
  .h2-num{grid-template-columns:auto minmax(0,1fr);gap:10px;padding:12px 14px;border-radius:18px}
  .h2-num b{font-size:32px}
  .h2-num span{font-size:13px}
  .h2-num .ico{display:none}
  .h2 .st-search{border-radius:24px}
  .h2-search-box::before{border-radius:25px}
  .h2-sheet{margin-top:-26px;border-radius:26px 26px 0 0}
  .h2-head{flex-wrap:wrap}
  .h2-pin-view{margin-left:-14px;margin-right:-14px}
  .h2-pin-track{gap:12px;padding:0 14px}
  .h2-svc{width:78vw;min-height:340px;padding:24px;border-radius:24px}
  .h2-stats{gap:10px}
  .h2-stat{border-radius:20px}
  .h2-btn.is-big{min-height:54px;padding:0 24px;font-size:16px}
  .h2-cta-btns .h2-btn{flex:1 1 100%}
  .h2-aurora i{filter:blur(60px);animation:none}
  .h2-one .st-card{border-radius:22px}
}
@media (prefers-reduced-motion:reduce){
  .h2-aurora i,.h2-ticker-track,.h2-search-box::before,.h2-kicker i::after,.h2-hero-pic img.is-on{animation:none}
  .h2-win,.h2-win .h2-hero-pic,.h2-hero-copy{transform:none;opacity:1}
}
