/* ApexDesign семейство: общите „живи“ части за дизайните от kit/designs (маркер, хапчета, стикери, лента, бенто с 3D предмети,
   полароиди, бележки, цветен CTA, голямо име долу). Всеки дизайн ги оцветява и оформя през променливите отдолу.
   Променливи (задават се в style.css на дизайна):
   --f-head --f-body            шрифтове            --bg --ink --ink-2           фон и текст
   --acc --acc-ink              маркер и главен бутон --c1..--c4 --c1-ink..       цветове на бенто картите
   --n1..--n4                   цветове на бележките --band --band-ink           лентата
   --r --r-sm --r-btn           заобляния           --sh                         сянка
   --pol --pol-ink              рамка на полароида   --m --max                    поле и ширина */
:root{--r:28px;--r-sm:16px;--r-btn:999px;--sh:0 26px 60px -30px rgba(0,0,0,.42);--m:clamp(16px,3.2vw,48px);--max:1320px;--ease:cubic-bezier(.22,1,.36,1);--pol:#fff;--pol-ink:#1b1b1b}
.ff{margin:0;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.6 var(--f-body);-webkit-font-smoothing:antialiased;overflow-x:clip}
/* обикновени (не „български“) форми на кирилицата; клас bgf на body ги връща */
.ff:not(.bgf),.ff:not(.bgf) *{font-feature-settings:"locl" 0!important}
:where(.ff) *{box-sizing:border-box}
:where(.ff) :where(h1,h2,h3){font-family:var(--f-head);margin:0;line-height:1.04;letter-spacing:-.02em}
:where(.ff) :where(p,figure,ol,ul,dl,dd,blockquote){margin:0}
:where(.ff) :where(ol,ul){padding:0;list-style:none}
:where(.ff) img{display:block;max-width:100%;height:auto}
:where(.ff) a{color:inherit}
:where(.ff) :focus-visible{outline:3px solid var(--acc);outline-offset:3px}
html:has(.ff){-webkit-text-size-adjust:100%;overflow-x:clip}

/* хапче с точка */
.tag{display:inline-flex;align-items:center;gap:9px;padding:8px 16px 8px 12px;border-radius:999px;background:var(--tag,#fff);color:var(--tag-ink,var(--ink));font:600 .85rem/1 var(--f-body);box-shadow:0 6px 18px -12px rgba(0,0,0,.35)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--dot,var(--acc));box-shadow:0 0 0 4px color-mix(in srgb,var(--dot,var(--acc)) 25%,transparent);flex:none}

/* маркер зад дума: data-mk го „рисува“ (motion.js върти --mk от 0 до 1) */
.mk{position:relative;display:inline-block;padding:0 .14em;margin:0 -.04em;z-index:0;rotate:var(--mk-rot,-1.6deg);color:var(--mk-ink,inherit)}
.mk::before{content:"";position:absolute;inset:var(--mk-inset,.1em -.02em .02em);background:var(--mk-bg,var(--acc));border-radius:var(--mk-r,.14em);z-index:-1;transform-origin:left center;transform:scaleX(var(--mk,1))}
.mk--line::before{inset:auto -.02em .02em;height:.22em;border-radius:.1em}
.mk--2{--mk-bg:var(--c2);--mk-ink:var(--c2-ink)}
.mk--3{--mk-bg:var(--c3);--mk-ink:var(--c3-ink)}

/* бутони: хапче с кръгла стрелка (дизайнът сменя формата през --r-btn и класовете си) */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;height:58px;padding:0 9px 0 26px;border-radius:var(--r-btn);border:0;cursor:pointer;font:700 1rem/1 var(--f-body);text-decoration:none;white-space:nowrap;transition:transform .2s var(--ease),background-color .2s ease,box-shadow .3s ease}
.btn:active{transform:scale(.97)}
.btn--acc{background:var(--acc);color:var(--acc-ink);box-shadow:0 12px 30px -14px color-mix(in srgb,var(--acc) 85%,transparent)}
.btn--ink{background:var(--ink);color:var(--bg)}
.btn--w{background:#fff;color:var(--ink);padding:0 26px;box-shadow:0 10px 26px -18px rgba(0,0,0,.4)}
.btn--plain{padding:0 26px}
.btn__i{width:42px;height:42px;border-radius:var(--r-btn);background:var(--btn-i,var(--ink));color:var(--btn-i-ink,var(--acc));display:grid;place-items:center;transition:transform .35s var(--ease)}
.btn--ink .btn__i{background:var(--acc);color:var(--acc-ink)}
.btn__i svg,.ico{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@media (hover:hover) and (pointer:fine){.btn:hover .btn__i{transform:translateX(3px) rotate(-45deg)}.btn--acc:hover{filter:brightness(1.06)}.btn--w:hover{background:color-mix(in srgb,var(--acc) 12%,#fff)}}
.acts{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.mag{display:inline-block}

/* стикер: кръг с текст по ръба, който се върти */
.sticker{position:absolute;width:var(--st,132px);height:var(--st,132px);border-radius:50%;background:var(--st-bg,var(--acc));color:var(--st-ink,var(--acc-ink));display:grid;place-items:center;box-shadow:var(--sh);z-index:4}
.sticker svg{position:absolute;inset:0;width:100%;height:100%;animation:stspin 18s linear infinite}
.sticker text{font:700 10.5px/1 var(--f-body);letter-spacing:.18em;text-transform:uppercase;fill:currentColor}
.sticker b{font:800 1.4rem/1 var(--f-head);text-align:center}
.sticker .ico{width:30px;height:30px}
@keyframes stspin{to{transform:rotate(360deg)}}
/* етикет: плосък завъртян стикер */
.label{position:absolute;z-index:4;padding:10px 16px;border-radius:var(--r-sm);background:var(--lb-bg,#fff);color:var(--lb-ink,var(--ink));font:700 .9rem/1.2 var(--f-body);box-shadow:var(--sh);rotate:var(--rot,-4deg);display:flex;align-items:center;gap:10px}
.label img{width:46px;height:46px;object-fit:contain;margin:-14px 0 -14px -8px}
/* плаваща карта */
.fcard{position:absolute;z-index:4;display:flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;border-radius:var(--r-sm);background:var(--fc-bg,#fff);color:var(--fc-ink,var(--ink));box-shadow:var(--sh);font-size:.92rem;line-height:1.3;max-width:260px}
.fcard img{width:58px;height:58px;object-fit:contain;flex:none}
.fcard b{display:block;font:800 1rem/1.15 var(--f-head)}

/* лента с думи (data-m="marquee" я върти) */
.band{overflow:hidden;background:var(--band);color:var(--band-ink);padding:18px 0;rotate:var(--band-rot,-1.2deg);margin:var(--band-mt,-10px) -12px 0;position:relative;z-index:3}
.band__in{display:flex;width:max-content;gap:30px;align-items:center;font:800 clamp(1.3rem,.9rem + 1.4vw,2.2rem)/1 var(--f-head);text-transform:var(--band-tt,none);white-space:nowrap}
.band__in b{color:var(--band-star,var(--acc));font-weight:400}
.band--2{--band:var(--acc);--band-ink:var(--acc-ink);--band-star:var(--ink);rotate:1deg}

/* заглавия на секции */
.head{max-width:var(--max);margin:0 auto 46px;padding:0 var(--m);display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.head h2{font-size:clamp(2.1rem,1rem + 3.4vw,4.2rem)}
.head__p{max-width:46ch;color:var(--ink-2);font-size:1.125rem}
.head--c{align-items:center;text-align:center}
.head--row{flex-direction:row;justify-content:space-between;align-items:flex-end;flex-wrap:wrap}
.head--row>div:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.sec{padding:clamp(80px,12vh,140px) 0 0}

/* бенто карти с 3D предмети, които излизат от картата */
.bento{max-width:var(--max);margin:0 auto;padding:0 var(--m);display:grid;grid-template-columns:repeat(6,1fr);gap:var(--gap,18px)}
.card{position:relative;border-radius:var(--r);padding:clamp(22px,2.4vw,34px);display:flex;flex-direction:column;gap:12px;min-height:300px;background:var(--c1);color:var(--c1-ink);box-shadow:var(--card-sh,none);isolation:isolate;overflow:visible}
.card h3{font-size:clamp(1.5rem,1rem + 1.2vw,2.2rem)}
.card p{opacity:.85;max-width:34ch}
.card--2{background:var(--c2);color:var(--c2-ink)}
.card--3{background:var(--c3);color:var(--c3-ink)}
.card--4{background:var(--c4);color:var(--c4-ink)}
.card--w2{grid-column:span 2}.card--w3{grid-column:span 3}.card--w4{grid-column:span 4}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.chips li{padding:6px 12px;border-radius:999px;background:color-mix(in srgb,currentColor 12%,transparent);font-size:.82rem;font-weight:600}
.obj{position:absolute;width:var(--ow,150px);height:auto;pointer-events:none;filter:drop-shadow(0 18px 22px rgba(0,0,0,.28));z-index:2}
.obj--h{width:auto;height:var(--oh,180px)}  /* за високи и тесни предмети: размерът е по височина */
.obj--tr{top:-34px;right:-18px;rotate:8deg}
.obj--br{bottom:-30px;right:-14px;rotate:-6deg}
.obj--tl{top:-30px;left:-16px;rotate:-10deg}
.obj--bl{bottom:-28px;left:-12px;rotate:6deg}
.card__pic{border-radius:var(--r-sm);overflow:hidden;margin-top:auto}
.card__pic img{width:100%;aspect-ratio:4/3;object-fit:cover}

/* полароиди */
.pols{max-width:var(--max);margin:0 auto;padding:10px var(--m) 0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,2.4vw,34px)}
.pol{position:relative;display:block;background:var(--pol);color:var(--pol-ink);padding:12px 12px 0;box-shadow:0 22px 40px -24px rgba(0,0,0,.5);rotate:var(--rot,0deg);text-decoration:none;transition:rotate .45s var(--ease),transform .45s var(--ease)}
.pol img{width:100%;aspect-ratio:1/1;object-fit:cover}
.pol span{display:block;padding:12px 4px 16px;font:600 .95rem/1.2 var(--pol-font,var(--f-body));text-align:center}
.pol::before{content:"";position:absolute;top:-12px;left:50%;width:84px;height:26px;margin-left:-42px;background:var(--tape,rgba(255,255,255,.55));box-shadow:0 1px 3px rgba(0,0,0,.08);rotate:-3deg;display:var(--tape-d,block)}
@media (hover:hover){.pol:hover{rotate:0deg;transform:translateY(-6px) scale(1.03);z-index:3}}

/* бележки за стъпките (data-m="drop" ги пуска на страницата) */
.notes{max-width:var(--max);margin:0 auto;padding:0 var(--m);display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,28px)}
.note{position:relative;padding:30px 24px 30px;background:var(--n1);color:var(--n-ink,#1b1b1b);rotate:var(--rot,0deg);box-shadow:0 18px 30px -20px rgba(0,0,0,.45);display:flex;flex-direction:column;gap:10px;min-height:220px;border-radius:var(--note-r,2px)}
.note:nth-child(2){background:var(--n2)}.note:nth-child(3){background:var(--n3)}.note:nth-child(4){background:var(--n4)}
.note__n{font:800 2.6rem/1 var(--f-head)}
.note h3{font-size:1.3rem}
.note p{font-size:.98rem;opacity:.85}
.note::after{content:"";position:absolute;top:-10px;left:50%;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:var(--pin,var(--acc));box-shadow:inset -3px -3px 0 rgba(0,0,0,.18),0 4px 6px rgba(0,0,0,.25);display:var(--pin-d,block)}

/* въпроси */
.faq{max-width:900px;margin:0 auto;padding:0 var(--m)}
.faq details{border-radius:var(--r-sm);background:var(--faq-bg,#fff);margin-bottom:10px;padding:18px 22px;box-shadow:0 10px 24px -20px rgba(0,0,0,.35)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;font:700 1.08rem/1.3 var(--f-body)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;width:32px;height:32px;border-radius:50%;background:var(--acc);color:var(--acc-ink);display:grid;place-items:center;font:700 1.2rem/1 var(--f-body);transition:transform .35s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding-top:10px;color:var(--ink-2)}

/* цветен блок за контакт */
.cta{max-width:var(--max);margin:clamp(80px,12vh,140px) auto 0;padding:0 var(--m)}
.cta__box{position:relative;border-radius:calc(var(--r) * 1.4);padding:clamp(30px,5vw,72px);background:var(--cta,var(--acc));color:var(--cta-ink,var(--acc-ink));display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(24px,4vw,60px);align-items:center;overflow:visible}
.cta__box h2{font-size:clamp(2.4rem,1rem + 4.4vw,5rem)}
.cta__box p{max-width:44ch;opacity:.85}
.cta__l{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.cta__tel{font:800 clamp(2rem,1rem + 3vw,3.4rem)/1 var(--f-head);text-decoration:none;letter-spacing:-.02em}
.cta__r{display:flex;flex-direction:column;gap:12px}
.cta__obj{position:absolute;width:clamp(120px,14vw,200px);top:-60px;right:4%;rotate:10deg;filter:drop-shadow(0 22px 26px rgba(0,0,0,.3))}

/* голямото име долу */
.foot{padding:clamp(70px,10vh,120px) var(--m) 30px;overflow:hidden}
.foot__mark{font:800 clamp(3.2rem,1rem + 11vw,13rem)/.86 var(--f-head);letter-spacing:-.04em;text-align:center;white-space:nowrap;color:var(--foot-mark,var(--ink));margin:0}
.foot__row{max-width:var(--max);margin:26px auto 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;font-size:.92rem;color:var(--ink-2)}
.foot__row a{text-decoration:none;font-weight:700;color:var(--ink)}

@media (max-width:1000px){
  .bento{grid-template-columns:1fr 1fr}
  .card--w2,.card--w3,.card--w4{grid-column:span 1}
  .card--full{grid-column:1/-1}
  .pols{grid-template-columns:repeat(3,1fr)}
  .notes{grid-template-columns:1fr 1fr}
  .cta__box{grid-template-columns:1fr}
}
@media (max-width:620px){
  .bento{grid-template-columns:1fr}
  .card{min-height:0;padding-bottom:110px}
  .card .obj{width:min(var(--ow,150px),120px)}
  .card .obj.obj--h{width:auto;height:min(var(--oh,180px),140px)}
  /* на телефон предметите отиват долу вдясно, за да не закриват текста на картата */
  .card .obj--tr,.card .obj--tl{top:auto;left:auto;bottom:-26px;right:-10px}
  .pols{grid-template-columns:1fr 1fr;gap:16px}
  .pol{padding:8px 8px 0}.pol span{font-size:.82rem;padding:9px 2px 12px}
  .notes{grid-template-columns:1fr;gap:22px}
  .note{min-height:0}
  .acts>.btn{flex:1 1 100%}
  .sticker{--st:104px}
  .cta__obj{width:110px;top:-46px}
}
@media (prefers-reduced-motion:reduce){.sticker svg{animation:none}.pol,.btn,.btn__i{transition:none}}

/* ===== Части от 20-те референтни сайта (разбор 24.10, kit/parts.js и motion.js) =====
   Всеки дизайн ползва само 2 или 3 от тях, различни от съседните, за да не си приличат. */

/* T7 стъпки със залепена снимка: data-steps, data-step, data-shot */
.ap-steps{max-width:var(--max);margin:0 auto;padding:0 var(--m);display:grid;grid-template-columns:5fr 7fr;gap:clamp(28px,5vw,80px);align-items:start}
.ap-steps__item{min-height:64vh;display:flex;flex-direction:column;justify-content:center;gap:14px;opacity:.3;transition:opacity .5s var(--ease)}
.ap-steps__item.is-on{opacity:1}
.ap-steps__n{font:800 clamp(3rem,1.8rem + 3.4vw,5.6rem)/.9 var(--f-head);color:var(--steps-n,var(--acc));letter-spacing:-.03em}
.ap-steps__item h3{font-size:clamp(1.6rem,1rem + 1.6vw,2.6rem)}
.ap-steps__item p{max-width:40ch;color:var(--ink-2);font-size:1.08rem}
.ap-steps__inline{display:none}
.ap-steps__media{position:sticky;top:12vh;height:76vh;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);background:var(--c1)}
.ap-steps__shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity .6s ease,transform 1.2s var(--ease)}
.ap-steps__shot.is-on{opacity:1;transform:none}
.ap-steps__shot:first-child{opacity:1}
.js .ap-steps__shot:first-child:not(.is-on){opacity:0}
.ap-steps__bar{position:absolute;left:18px;right:18px;bottom:18px;display:flex;gap:6px;z-index:2}
.ap-steps__bar i{flex:1;height:4px;border-radius:4px;background:rgba(255,255,255,.4);transition:background .4s}
.ap-steps__bar i.is-on{background:#fff}
.ap-steps__media .obj{z-index:3}

/* T8 табове за услугите: data-tabs */
.ap-tabs{max-width:var(--max);margin:0 auto;padding:0 var(--m)}
.ap-tabs__bar{position:relative;display:inline-flex;gap:4px;padding:6px;border-radius:var(--r-btn);background:var(--tabs-bg,color-mix(in srgb,var(--ink) 8%,transparent));max-width:100%;overflow-x:auto;scrollbar-width:none}
.ap-tabs__bar::-webkit-scrollbar{display:none}
.ap-tabs__bar button{position:relative;z-index:1;flex:none;border:0;background:none;padding:13px 22px;border-radius:var(--r-btn);font:700 1rem/1 var(--f-body);color:var(--ink);cursor:pointer;white-space:nowrap;transition:color .35s ease}
.ap-tabs__bar button[aria-selected="true"]{color:var(--tabs-on-ink,var(--acc-ink))}
.ap-tabs__pill{position:absolute;top:0;left:0;width:0;height:0;border-radius:var(--r-btn);background:var(--tabs-on,var(--acc));transition:transform .5s var(--ease),width .5s var(--ease)}
.no-js .ap-tabs__pill{display:none}
.ap-tabs__p{position:relative;margin-top:22px;display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(20px,3.4vw,52px);align-items:center;background:var(--tabs-p,var(--c1));color:var(--tabs-p-ink,var(--c1-ink));border-radius:var(--r);padding:clamp(18px,2.6vw,34px)}
.ap-tabs__p[hidden]{display:none}
.ap-tabs__p h3{font-size:clamp(1.8rem,1rem + 2vw,3rem)}
.ap-tabs__txt{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.ap-tabs__txt>p{max-width:42ch;opacity:.88;font-size:1.08rem}
.ap-ticks{display:grid;gap:10px}
.ap-ticks li{display:flex;gap:10px;align-items:flex-start;font-weight:600}
.ap-ticks li::before{content:"";flex:none;width:22px;height:22px;margin-top:1px;border-radius:50%;background:var(--acc) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/13px no-repeat}
.ap-tabs__pic{position:relative;border-radius:var(--r-sm);overflow:hidden}
.ap-tabs__pic img{width:100%;aspect-ratio:4/3;object-fit:cover}
.ap-tabs__p .obj{z-index:3}

/* T9 числа, които се броят: data-count (крайното число е в HTML-а) */
.ap-stats{max-width:var(--max);margin:0 auto;padding:0 var(--m);display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap,18px)}
.ap-stat{position:relative;border-radius:var(--r);padding:clamp(20px,2.2vw,30px);background:var(--c2);color:var(--c2-ink);display:flex;flex-direction:column;gap:8px;min-height:190px;justify-content:flex-end}
.ap-stat:nth-child(2){background:var(--c3);color:var(--c3-ink)}.ap-stat:nth-child(3){background:var(--c4);color:var(--c4-ink)}.ap-stat:nth-child(4){background:var(--c1);color:var(--c1-ink)}
.ap-stat__n{font:800 clamp(2.8rem,1.4rem + 3.8vw,5.4rem)/.95 var(--f-head);font-variant-numeric:tabular-nums;letter-spacing:-.035em;display:inline-block}
.ap-stat p{opacity:.85;font-weight:600}

/* T3 сияние и „отдалечаване“ на снимката: .ap-glow */
.ap-glow{position:relative;isolation:isolate}
.ap-glow__bg{position:absolute;inset:-6% -4%;width:108%;height:112%;max-width:none;object-fit:cover;z-index:-1;filter:blur(70px) saturate(1.6);opacity:var(--glow-o,.7);transform:scale(1.08);pointer-events:none}
.ap-glow__f{border-radius:var(--r);overflow:hidden;position:relative}
.ap-glow__f>img{width:100%;height:100%;object-fit:cover;animation:unzoom 1.6s var(--ease) var(--hd,0s) both}
@keyframes unzoom{from{transform:scale(1.1)}to{transform:none}}

/* T4 стъклени карти с факти върху снимката: .ap-specs */
.ap-specs{position:absolute;right:18px;bottom:18px;display:grid;gap:10px;width:min(270px,44%);z-index:4}
.ap-spec{display:grid;gap:3px;padding:13px 16px;border-radius:var(--r-sm);color:var(--spec-ink,var(--ink));background:color-mix(in srgb,var(--spec-bg,#fff) 72%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border:1px solid color-mix(in srgb,#fff 50%,transparent);box-shadow:0 18px 40px -18px rgba(0,0,0,.4)}
.ap-spec small{font:700 .7rem/1.2 var(--f-body);letter-spacing:.12em;text-transform:uppercase;opacity:.65}
.ap-spec b{font:800 1.25rem/1.1 var(--f-head)}
.ap-spec span{font-size:.88rem;opacity:.8}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.ap-spec{background:var(--spec-bg,#fff)}}

/* T2 заглавие, което сменя цвета си над снимката: data-m="cross" */
.ap-cross{position:relative;padding-top:10vh}
.ap-cross__t{position:sticky;top:14vh;z-index:2;display:grid;text-align:center;pointer-events:none;padding:0 var(--m)}
.ap-cross__h{grid-area:1/1;margin:0;font:800 clamp(2.6rem,1rem + 6vw,7rem)/.95 var(--f-head);letter-spacing:-.035em}
.ap-cross__h--a{color:var(--ink)}
.ap-cross__h--b{color:#fff;clip-path:inset(100% 0 0 0);text-shadow:0 1px 3px rgba(0,0,0,.35)}
.ap-cross__m{--ci:var(--m);--cr:var(--r);position:relative;margin:6vh 0 0;height:88svh;min-height:520px;overflow:hidden;clip-path:inset(0 var(--ci) 0 var(--ci) round var(--cr))}
.ap-cross__m img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.12)}
.ap-cross__m figcaption{position:absolute;left:var(--m);bottom:var(--m);z-index:2}

/* преди и след в съдържанието: data-ba (само с истински снимки преди и след от клиента) */
.ap-ba{--x:50%;position:relative;border-radius:var(--r);overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;box-shadow:var(--sh);aspect-ratio:var(--ba-ar,16/10)}
.ap-ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.ap-ba__b{clip-path:inset(0 calc(100% - var(--x)) 0 0)}
.ap-ba__h{position:absolute;top:0;bottom:0;left:var(--x);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.08);pointer-events:none;z-index:2}
.ap-ba__h::after{content:"";position:absolute;top:50%;left:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:var(--acc) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l-6 6 6 6M15 6l6 6-6 6'/%3E%3C/svg%3E") center/22px no-repeat;box-shadow:0 10px 24px -8px rgba(0,0,0,.45)}
.ap-ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;z-index:3}
.ap-ba__l,.ap-ba__r{position:absolute;top:16px;z-index:2;padding:8px 14px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font:700 .82rem/1 var(--f-body);letter-spacing:.06em;text-transform:uppercase;pointer-events:none}
.ap-ba__l{left:16px}.ap-ba__r{right:16px}
.ap-ba:has(input:focus-visible){outline:3px solid var(--acc);outline-offset:3px}

/* хоризонтална галерия, която се плъзга при скрол (data-m="hscroll" + data-m-track) */
.ap-hs__vp{overflow:hidden}
.ap-hs__track{display:flex;gap:clamp(16px,2vw,28px);padding:10px var(--m) 40px}
.ap-hs__track>*{flex:none;width:min(46vw,620px)}
.ap-hs__track .pol img{aspect-ratio:4/3}

/* T11 надписът на бутона се търкулва нагоре: data-roll */
.ap-roll{display:inline-grid;overflow:hidden;line-height:1.25;vertical-align:middle}
.ap-roll>span{grid-area:1/1;transition:transform .55s var(--ease)}
.ap-roll>span+span{transform:translateY(110%)}
@media (hover:hover) and (pointer:fine){[data-roll]:hover .ap-roll>span:first-child{transform:translateY(-110%)}[data-roll]:hover .ap-roll>span+span{transform:none}}

/* T14 лентата горе: data-hdr (дизайнът оформя .is-scrolled и [data-under="dark"]) */
[data-hdr]{max-width:100%;transition:transform .5s var(--ease),background-color .35s ease,color .35s ease,box-shadow .35s ease,padding .35s var(--ease),max-width .5s var(--ease),border-radius .5s var(--ease)}
[data-hdr].is-hidden{transform:translateY(-130%)}

/* T15 завеса при първо отваряне: html data-curtain="Име" */
.ap-curtain{position:fixed;inset:0;z-index:200;display:grid;place-items:center;pointer-events:none}
.ap-curtain i{position:absolute;inset:0;background:var(--cur-2,var(--acc));transform-origin:50% 0}
.ap-curtain i:first-child{background:var(--cur-1,var(--ink))}
.ap-curtain i:nth-child(2){z-index:1}
.ap-curtain b{position:relative;z-index:2;color:var(--cur-ink,var(--bg));font:800 clamp(2.4rem,1rem + 5vw,5rem)/1 var(--f-head);letter-spacing:-.03em;opacity:0}

@media (max-width:1000px){
  .ap-stats{grid-template-columns:1fr 1fr}
  .ap-tabs__p{grid-template-columns:1fr}
  .ap-hs__vp{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .ap-hs__vp::-webkit-scrollbar{display:none}
  .ap-hs__track>*{width:min(78vw,520px);scroll-snap-align:center}
}
@media (max-width:900px){
  .ap-steps{grid-template-columns:1fr;gap:0}
  .ap-steps__media{display:none}
  .ap-steps__item{min-height:0;opacity:1;padding:26px 0}
  .ap-steps__inline{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-sm);margin-top:8px}
  .ap-specs{position:static;width:auto;grid-auto-flow:column;grid-auto-columns:minmax(200px,70%);overflow-x:auto;padding:12px 0 4px;scroll-snap-type:x mandatory}
  .ap-spec{scroll-snap-align:start;background:var(--spec-bg,#fff)}
  .ap-cross__m{--ci:12px;--cr:var(--r-sm);height:64svh;min-height:400px}
}
@media (max-width:620px){
  .ap-stats{gap:12px}
  .ap-stat{min-height:150px;padding:18px}
  .ap-tabs__bar button{padding:12px 16px;font-size:.95rem}
  /* до 4 таба: решетка по 2 на ред вместо плъзгане настрани (последният надпис не се реже) */
  .ap-tabs__bar:not(:has(>button:nth-of-type(5))){display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));width:100%;border-radius:var(--r-sm)}
  .ap-tabs__bar:not(:has(>button:nth-of-type(5)))>button{white-space:normal;border-radius:calc(var(--r-sm) - 4px)}
  .ap-tabs__bar:not(:has(>button:nth-of-type(5)))>.ap-tabs__pill{border-radius:calc(var(--r-sm) - 4px)}
  .ap-ba{--ba-ar:4/5}
}
@media (prefers-reduced-motion:reduce){
  .ap-steps__item,.ap-steps__shot,.ap-tabs__pill,.ap-roll>span,[data-hdr]{max-width:100%;transition:none}
  .ap-glow__f>img{animation:none}
  .ap-cross__h--b{display:none}
  .ap-cross__m img{transform:none}
}
html.cur-pre::after{content:"";position:fixed;inset:0;z-index:199;background:var(--cur-2,var(--acc,#111))}