/* Synergy Base — основен CSS (отложен). Футър, карти, списъци, форми, съвместимост.
   Правило: никакви стилове за голи button/input/table — само .wp-block-* и .syn-*.
   Плъгините ни (.sbe-, .sgal-, .mvo-, .sob- …) остават недокоснати. */

/* Типографски детайли */
.syn-main:not(.syn-main--elementor) ul:not([class]),.syn-main:not(.syn-main--elementor) ol:not([class]){padding-left:1.25rem}
.syn-main:not(.syn-main--elementor) li:not([class]){margin:.25rem 0}
.wp-block-post-content>*+*{margin-block-start:var(--wp--style--block-gap,1.5rem)}
.wp-block-post-content>h2,.wp-block-post-content>h3{margin-block-start:calc(var(--wp--style--block-gap,1.5rem)*1.6)}
.is-style-wide{border-color:var(--syn-line)}
.wp-block-separator{border-top:1px solid var(--syn-line);border-bottom:0;opacity:1}
hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:80px}
.wp-block-image img,.wp-block-post-featured-image img{border-radius:var(--syn-radius)}
.wp-block-post-featured-image{margin-left:auto;margin-right:auto}
.wp-block-quote{margin-left:0;margin-right:0}
.has-text-muted-color a{color:inherit}
.has-background{position:relative}
.wp-element-button,.wp-block-button__link{transition:background .2s,color .2s,transform .15s}
.wp-element-button:active{transform:translateY(1px)}

/* Пътечка извън хедъра */
.syn-crumbs{margin:0 0 .5rem}

/* Данни за контакт */
.syn-info{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.syn-info__row{display:flex;align-items:flex-start;gap:.6rem;line-height:1.45}
.syn-info__row .syn-icon{margin-top:.15em;color:var(--syn-accent)}
.syn-info a{color:inherit;text-decoration:none}
.syn-info a:hover{color:var(--syn-accent)}

/* Футър */
.syn-footer{border-top:1px solid var(--syn-line)}
.syn-footer .wp-block-heading{text-transform:uppercase;letter-spacing:.08em;color:var(--syn-text-muted);margin-bottom:1rem;font-weight:600}
.syn-footer__nav .wp-block-navigation-item__content{text-decoration:none;padding:.15rem 0}
.syn-footer__nav .wp-block-navigation-item__content:hover{color:var(--syn-accent)}
.syn-footer__bottom{gap:.5rem 1.5rem;align-items:center}
.syn-footer__bottom p{margin:0}
.syn-credit a{color:inherit}
.syn-footer--mini .syn-info{grid-auto-flow:column;gap:1.5rem}
@media (max-width:781px){.syn-footer__cols{gap:var(--wp--preset--spacing--40)}.syn-footer--mini .syn-info{grid-auto-flow:row;gap:.6rem}}

/* Търсачка */
.wp-block-search__input{border:1px solid var(--syn-line);border-radius:var(--syn-radius);padding:.7rem 1rem;font:inherit;background:var(--syn-bg);color:var(--syn-text)}
.wp-block-search__button{border-radius:var(--syn-radius)}
.wp-block-search{max-width:520px;margin-bottom:var(--wp--preset--spacing--40)}

/* Отложено рисуване на секциите под първия екран */
.syn-main>.wp-block-post-content>*:nth-child(n+3){content-visibility:auto;contain-intrinsic-size:auto 480px}

/* Съвместимост: Synergy Галерия (WebP/AVIF <picture> обвивка) */
.sgal picture,picture.sgal-pic{display:block;width:100%;height:100%}
/* Съвместимост: Mini Hotel и другите ни плъгини — само шрифтът, нищо друго */
.sbe-wrap,.sbe-form,.sbe-root,.sgal,.mvo-root{font-family:var(--syn-font-body)}

/* Elementor страници върху темата */
.syn-elementor .syn-main{padding:0!important}
.syn-elementor .syn-main>.wp-block-post-content{max-width:none}
.syn-elementor .syn-main>.wp-block-post-content>*{margin:0;max-width:none}
.syn-elementor .syn-page-head{display:none}

/* Празно платно */
.syn-canvas{background:var(--syn-bg)}
.syn-canvas .syn-canvas-content{padding:0;margin:0;max-width:none}

/* Тъмна вариация — дребни корекции */
.syn-dark .syn-card{background:var(--syn-bg-alt)}
.syn-dark .syn-header-wrap.is-stuck{box-shadow:0 6px 24px rgb(0 0 0/.4)}
.syn-dark .wp-block-search__input{background:var(--syn-bg-alt)}

/* Собствен футър */
.syn-footer-wrap--custom{position:relative}

/* Фини scroll анимации — само CSS, само когато браузърът поддържа scroll-driven animations.
   Без поддръжка (и в редактора) всичко е видимо веднага. Изключват се при reduced motion. */
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .syn-reveal-on .syn-main .synb,.syn-reveal-on .syn-main .wp-block-post-content > .wp-block-group,.syn-reveal-on .syn-main .wp-block-post-content > .wp-block-columns,.syn-reveal-on .syn-main .wp-block-post-content > .wp-block-cover{animation:syn-rise linear both;animation-timeline:view();animation-range:entry 0% entry 28%}
  }
}
@keyframes syn-rise{from{opacity:.001;transform:translateY(18px)}to{opacity:1;transform:none}}
body.block-editor-page .synb,.editor-styles-wrapper .synb{animation:none!important}

/* Bento решетка — помощен клас за core/group (добави „syn-bento“ в Допълнителни CSS класове) */
.syn-bento{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}
.syn-bento>*{border:1px solid var(--syn-line);border-radius:var(--syn-radius-lg);padding:1.5rem;background:var(--syn-bg)}
.syn-bento>.is-wide{grid-column:span 2}
@media (min-width:782px){.syn-bento{grid-template-columns:repeat(4,1fr)}.syn-bento>.is-wide{grid-column:span 2}.syn-bento>.is-tall{grid-row:span 2}}

/* ============================================================
   „Как се строи“ — секция със залепен екран (shortcode [gs_build]).
   Без JavaScript и на телефон: обикновен списък от пет стъпки.
   Със скрипта (клас .is-ready) екранът се залепя и рисунката
   се надгражда стъпка по стъпка, докато посетителят скролва.
   ============================================================ */
.gsb{background:var(--syn-bg-alt,#f6f5f2);color:var(--syn-text)}
.gsb__inner{display:grid;gap:clamp(2rem,5vw,4rem);align-items:center;max-width:var(--wp--style--global--wide-size,1240px);margin-inline:auto;padding:clamp(3.5rem,8vw,6rem) var(--wp--style--root--padding-left,1.5rem)}
.gsb__heading{margin:.35rem 0 0;font-family:var(--syn-font-head,inherit);font-size:clamp(1.9rem,3.4vw,2.9rem);line-height:1.1;letter-spacing:-.02em}
.gsb__sub{margin:.8rem 0 0;color:var(--syn-text-muted);max-width:40em}
.gsb__steps{list-style:none;margin:2rem 0 0;padding:0;display:grid;gap:1.1rem}
.gsb__step{display:grid;grid-template-columns:auto 1fr;gap:.25rem 1rem;align-items:baseline;padding-left:1.25rem;border-left:2px solid var(--syn-line)}
.gsb__num{grid-row:span 2;font-family:var(--syn-font-head,inherit);font-size:.95rem;font-weight:600;color:var(--syn-accent,#cc9f4b);letter-spacing:.06em}
.gsb__title{margin:0;font-size:1.15rem;font-weight:600;letter-spacing:-.01em}
.gsb__text{margin:.3rem 0 0;color:var(--syn-text-muted);font-size:.95rem;line-height:1.55}
.gsb__meter{display:none}
.gsb__count{display:flex;align-items:baseline;gap:.5rem;margin:0 0 .6rem;font-family:var(--syn-font-head,inherit);letter-spacing:-.02em}
.gsb__cnum{font-size:2.1rem;font-weight:600;line-height:1;color:var(--syn-accent,#cc9f4b);font-variant-numeric:tabular-nums}
.gsb__ctot{font-size:.95rem;color:var(--syn-text-muted);font-variant-numeric:tabular-nums}
.gsb__art{display:grid;place-items:center}
.gsb__svg{width:100%;max-width:560px;height:auto;color:var(--syn-text)}
.gsb__svg .gsb__a{stroke:var(--syn-accent,#cc9f4b)}
@media (min-width:900px){.gsb__inner{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}}

/* Залепен режим — включва се само от скрипта, на голям екран. */
.gsb.is-ready .gsb__track{height:var(--gsb-track,480vh)}
.gsb.is-ready .gsb__stage{position:sticky;top:var(--gsh-h,84px);height:calc(100svh - var(--gsh-h,84px));display:grid;align-items:center}
.gsb.is-ready .gsb__inner{padding-block:clamp(1.25rem,3.5vh,2.5rem);width:100%}
.gsb.is-ready .gsb__panel{display:flex;flex-direction:column}
.gsb.is-ready .gsb__heading{order:1;font-size:clamp(1.7rem,2.6vw,2.4rem)}
.gsb.is-ready .synb-eyebrow{order:0}
.gsb.is-ready .gsb__sub{order:2;margin-top:.6rem}
.gsb.is-ready .gsb__meter{order:3}
.gsb.is-ready .gsb__steps{order:4}

/* В залепен режим се вижда само текущата стъпка — така нищо не се реже
   и текстът остава едър и четим на всякаква височина на екрана. */
.gsb.is-ready .gsb__steps{display:grid;margin-top:1.5rem;border-left:2px solid var(--syn-accent,#cc9f4b);padding-left:1.4rem}
.gsb.is-ready .gsb__step{grid-area:1/1;border:0;padding:0;opacity:0;translate:0 12px;transition:opacity .45s ease,translate .45s ease;pointer-events:none}
.gsb.is-ready .gsb__step.is-on{opacity:1;translate:0 0;pointer-events:auto}
.gsb.is-ready .gsb__num{display:none}
.gsb.is-ready .gsb__title{font-size:clamp(1.3rem,2vw,1.7rem)}
.gsb.is-ready .gsb__text{font-size:1rem;max-width:34em}
.gsb.is-ready .gsb__meter{display:block;margin-top:1.75rem}
.gsb.is-ready .gsb__bar{height:2px;background:var(--syn-line);border-radius:999px;overflow:hidden}
/* Лентата следва скрола непрекъснато, без стъпала. */
.gsb.is-ready .gsb__bar i{display:block;height:100%;width:calc(var(--gsb-p,0) * 100%);background:linear-gradient(90deg,var(--syn-accent,#cc9f4b),#e7c88a);border-radius:999px}

/* Всеки етап има собствен дял от скрола: етап N се чертае между N/5 и (N+1)/5. */
.gsb.is-ready .gsb__stages>g:nth-child(1){--sp:clamp(0,(var(--gsb-p,0) - 0.00) * 5,1)}
.gsb.is-ready .gsb__stages>g:nth-child(2){--sp:clamp(0,(var(--gsb-p,0) - 0.20) * 5,1)}
.gsb.is-ready .gsb__stages>g:nth-child(3){--sp:clamp(0,(var(--gsb-p,0) - 0.40) * 5,1)}
.gsb.is-ready .gsb__stages>g:nth-child(4){--sp:clamp(0,(var(--gsb-p,0) - 0.60) * 5,1)}
.gsb.is-ready .gsb__stages>g:nth-child(5){--sp:clamp(0,(var(--gsb-p,0) - 0.80) * 5,1)}

/* Линиите се изчертават вместо да изникват наготово. */
.gsb.is-ready .gsb__stages>g{opacity:clamp(0,var(--sp,1) * 6,1)}
.gsb.is-ready .gsb__stages>g path,
.gsb.is-ready .gsb__stages>g circle{stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--sp,1) * 100)}

/* Куката на крана слиза, докато се вдига конструкцията. */
.gsb.is-ready .gsb__hook{transform:translateY(calc(var(--sp,1) * 42px - 42px))}

/* Рисунката никога не излиза извън залепения екран. */
.gsb.is-ready .gsb__svg{max-height:calc(100svh - var(--gsh-h,84px) - 7rem)}


/* ---- Телефон и таблет: без залепване, но също оживено ---- */
@media (max-width:899px){
  .gsb__inner{gap:1.75rem;padding-block:clamp(3rem,9vw,4rem)}
  .gsb__art{order:-1;background:var(--syn-bg,#fff);border:1px solid var(--syn-line);border-radius:var(--syn-radius-lg,16px);padding:1.25rem .75rem}
  .gsb__svg{max-width:100%}
  .gsb__steps{margin-top:1.25rem;gap:.9rem}
  .gsb__step{padding-left:1rem;gap:.2rem .75rem}
  .gsb__title{font-size:1.05rem}
  .gsb__text{font-size:.92rem;line-height:1.5}
  .gsb__sub{font-size:.95rem}
}
/* Стъпките се появяват една по една и на телефон — само CSS. */
@supports (animation-timeline: view()) {
  @media (max-width:899px) and (prefers-reduced-motion: no-preference) {
    .syn-reveal-on .gsb__step{animation:syn-slide-x linear both;animation-timeline:view(block);animation-range:entry 8% entry 45%}
  }
}

/* В редактора нищо не се залепя. */
body.block-editor-page .gsb__track,.editor-styles-wrapper .gsb__track{height:auto}

/* ============================================================
   Херо — допълнителна шлифовка над блока.
   Всичко е на акцентния цвят на темата, без твърдо зададени цветове.
   ============================================================ */

/* Меко преливане на снимката към фона на страницата — секциите се свързват. */
.synb-hero--cover .synb-hero__frame::before{content:"";position:absolute;left:0;right:0;bottom:0;height:min(18vh,160px);z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--syn-bg,#fff) 92%,transparent))}

/* Значките стават „стъклени“ капсули вместо гол списък (телефон). */
.synb-hero--cover .synb-hero__badges{gap:.5rem;margin-top:2rem}
.synb-hero--cover .synb-hero__badges li{padding:.5rem .9rem;border-radius:999px;background:rgb(255 255 255 / .12);border:1px solid rgb(255 255 255 / .22);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-size:.875rem;letter-spacing:.01em}
.synb-hero--cover .synb-hero__badges .syn-icon{width:1em;height:1em;opacity:.9}
.synb-hero__bn{font-weight:600;font-variant-numeric:tabular-nums}

/* От таблет нагоре показателите слизат като лента в долния край на хероато —
   свързват снимката със секцията под нея и изглеждат премерени, а не налепени. */
@media (min-width:782px){
  .synb-hero--cover .synb-hero__badges{
    position:absolute;left:0;right:0;bottom:0;z-index:2;margin:0;
    display:flex;flex-wrap:nowrap;gap:0;align-items:center;
    padding:1.1rem clamp(1.5rem,5vw,3rem);
    background:linear-gradient(180deg,rgb(8 8 8 / 0),rgb(8 8 8 / .52) 42%);
    border-top:1px solid rgb(255 255 255 / .16);
    backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
    opacity:.97;
  }
  .synb-hero--cover.synb-hero--v-left .synb-hero__badges{
    justify-content:flex-start;
    padding-left:max(var(--wp--style--root--padding-left,1.5rem),calc(50vw - 620px));
  }
  .synb-hero--cover .synb-hero__badges li{
    position:relative;border:0;border-radius:0;background:none;
    backdrop-filter:none;-webkit-backdrop-filter:none;
    padding:.15rem clamp(1.1rem,3vw,2.6rem);
    font-size:.95rem;letter-spacing:.015em;white-space:nowrap;
  }
  .synb-hero--cover.synb-hero--v-left .synb-hero__badges li:first-child{padding-left:0}
  .synb-hero--cover .synb-hero__badges li + li::before{
    content:"";position:absolute;left:0;top:50%;translate:0 -50%;rotate:45deg;
    width:5px;height:5px;background:var(--syn-accent,#cc9f4b);
  }
  .synb-hero--cover .synb-hero__badges .syn-icon{display:none}
  .synb-hero--cover .synb-hero__bn{font-size:1.15rem;letter-spacing:-.01em;margin-right:.1em}
  .synb-hero--cover .synb-hero__bl{opacity:.86}

  /* Намекът за скрол се вдига над лентата. */
  .synb-hero--cover .synb-hero__frame:has(.synb-hero__badges)::after{bottom:4.9rem}
}

/* Тънка златна рамка навътре — архитектурен детайл, не украса. */
@media (min-width:900px){
  .synb-hero--cover{position:relative}
  .synb-hero--cover::before{
    content:"";position:absolute;z-index:3;pointer-events:none;
    inset:clamp(18px,2.2vw,34px);
    border:1px solid rgb(204 159 75 / .28);
  }
  /* Рамката спира над лентата с показателите, за да не я пресича. */
  .synb-hero--cover:has(.synb-hero__badges)::before{bottom:calc(clamp(18px,2.2vw,34px) + 58px)}
}

/* Подзаглавието диша повече при ляво подравнен херо. */
.synb-hero--cover.synb-hero--v-left .synb-hero__sub{max-width:34em;margin-left:0}

/* Главният бутон е в акцента на марката, а не безличен бял. */
.synb-hero--cover .synb-btn--light{background:var(--syn-accent,#cc9f4b);border-color:var(--syn-accent,#cc9f4b);color:#14181f;font-weight:600}
.synb-hero--cover .synb-btn--light:hover{background:#dcb469;border-color:#dcb469;color:#14181f;box-shadow:0 14px 30px -14px rgb(204 159 75 / .75)}
.synb-hero--cover .synb-btn--ghost{border-color:rgb(255 255 255 / .45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.synb-hero--cover .synb-btn--ghost:hover{border-color:#fff;background:rgb(255 255 255 / .14)}

/* Лека винетка — ъглите потъват, текстът излиза напред. */
.synb-hero--cover .synb-hero__frame{isolation:isolate}
.synb-hero--cover .synb-hero__media::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,transparent 45%,rgb(0 0 0 / .32) 100%)}

/* Заглавието: по-плътно и с по-добро пречупване на редовете. */
.synb-hero--cover .synb-hero__title{letter-spacing:-.035em;text-shadow:0 2px 24px rgb(0 0 0 / .28)}
.synb-hero--cover.synb-hero--v-left .synb-hero__title{max-width:14ch}
@media (max-width:781px){.synb-hero--cover.synb-hero--v-left .synb-hero__title{max-width:none}}

/* Влизане при зареждане — съдържанието се подрежда, вместо да цъфне наведнъж. */
@media (prefers-reduced-motion: no-preference){
  .synb-hero--cover .synb-hero__content > *{animation:syn-hero-in .85s cubic-bezier(.2,.7,.2,1) both}
  .synb-hero--cover .synb-hero__content > .synb-eyebrow{animation-delay:.06s}
  .synb-hero--cover .synb-hero__content > .synb-hero__title{animation-delay:.16s}
  .synb-hero--cover .synb-hero__content > .synb-hero__sub{animation-delay:.28s}
  .synb-hero--cover .synb-hero__content > .synb-hero__btns{animation-delay:.4s}
  .synb-hero--cover .synb-hero__content > .synb-hero__badges{animation-delay:.52s}
}
@keyframes syn-hero-in{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}

/* Намек за скрол при високите херо секции. */
.synb-hero--cover.synb-hero--h-full .synb-hero__frame::after,
.synb-hero--cover.synb-hero--h-tall .synb-hero__frame::after{content:"";position:absolute;left:50%;bottom:1.6rem;z-index:2;width:1px;height:44px;margin-left:-.5px;pointer-events:none;background:linear-gradient(180deg,transparent,var(--syn-accent,#cc9f4b));opacity:.85}
@media (prefers-reduced-motion: no-preference){
  .synb-hero--cover.synb-hero--h-full .synb-hero__frame::after,
  .synb-hero--cover.synb-hero--h-tall .synb-hero__frame::after{animation:syn-cue 2.4s cubic-bezier(.6,0,.4,1) infinite}
}
@keyframes syn-cue{0%{transform:scaleY(0);transform-origin:50% 0;opacity:0}35%{transform:scaleY(1);transform-origin:50% 0;opacity:.85}65%{transform:scaleY(1);transform-origin:50% 100%;opacity:.85}100%{transform:scaleY(0);transform-origin:50% 100%;opacity:0}}
@media (max-width:781px){.synb-hero--cover .synb-hero__frame::after{display:none}}

/* ============================================================
   Скрол слой — паралакс, лента на напредъка, степенувано появяване.
   Само CSS (scroll-driven animations), нула JS и нула заявки.
   Анимират се самостоятелните свойства translate/scale/opacity,
   за да не изместват transform, който се ползва при hover.
   ============================================================ */

/* Снимката на hero-а трябва да е изрязана, преди да я мащабираме. */
.syn-reveal-on .synb-hero--cover .synb-hero__media{overflow:hidden}

@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {

    /* 1) Тънка златна лента на напредъка най-горе. */
    body.syn-reveal-on::after{content:"";position:fixed;top:0;left:0;z-index:9999;width:100%;height:3px;pointer-events:none;background:linear-gradient(90deg,var(--syn-accent,#cc9f4b),#e7c88a);transform-origin:0 50%;animation:syn-progress linear both;animation-timeline:scroll(root block)}

    /* 2) Паралакс: снимката се движи по-бавно от съдържанието. */
    .syn-reveal-on .synb-hero--cover .synb-hero__media img{animation:syn-hero-par linear both;animation-timeline:scroll(root block);animation-range:0 100vh;will-change:translate}

    /* 3) Текстът в hero-а се вдига и избледнява при скрол надолу. */
    .syn-reveal-on .synb-hero--cover .synb-hero__content{animation:syn-hero-out linear both;animation-timeline:scroll(root block);animation-range:10vh 75vh}

    /* 4) Степенувано появяване на картите, плочките и показателите. */
    .syn-reveal-on .synb-badges--cards .synb-badge,
    .syn-reveal-on .synb .synb-card,
    .syn-reveal-on .synb-amen__item{animation:syn-rise-sm linear both;animation-timeline:view(block);animation-range:entry 8% entry 42%}
    .syn-reveal-on .synb-badges--cards .synb-badge:nth-child(2),
    .syn-reveal-on .synb .synb-card:nth-child(2),
    .syn-reveal-on .synb-amen__item:nth-child(2){animation-range:entry 14% entry 48%}
    .syn-reveal-on .synb-badges--cards .synb-badge:nth-child(3),
    .syn-reveal-on .synb .synb-card:nth-child(3),
    .syn-reveal-on .synb-amen__item:nth-child(3){animation-range:entry 20% entry 54%}
    .syn-reveal-on .synb-badges--cards .synb-badge:nth-child(n+4),
    .syn-reveal-on .synb .synb-card:nth-child(n+4),
    .syn-reveal-on .synb-amen__item:nth-child(n+4){animation-range:entry 26% entry 60%}

    /* 5) Снимките в галерията се „отварят“ отдолу нагоре. */
    .syn-reveal-on .synb-gallery__item{animation:syn-wipe linear both;animation-timeline:view(block);animation-range:entry 5% entry 40%}
    .syn-reveal-on .synb-gallery__item:nth-child(2n){animation-range:entry 12% entry 47%}
    .syn-reveal-on .synb-gallery__item:nth-child(3n){animation-range:entry 18% entry 53%}

    /* 6) Снимките в „снимка + текст“ се отварят и дишат леко при скрол. */
    .syn-reveal-on .synb-split__media{animation:syn-wipe linear both;animation-timeline:view(block);animation-range:entry 5% entry 42%}
    .syn-reveal-on .synb-split__media img{animation:syn-zoom linear both;animation-timeline:view(block);animation-range:entry 0% exit 100%}

    /* 7) Списъците с предимства влизат един след друг. */
    .syn-reveal-on .synb-split__text li{animation:syn-slide-x linear both;animation-timeline:view(block);animation-range:entry 12% entry 46%}
    .syn-reveal-on .synb-split__text li:nth-child(2){animation-range:entry 17% entry 51%}
    .syn-reveal-on .synb-split__text li:nth-child(3){animation-range:entry 22% entry 56%}
    .syn-reveal-on .synb-split__text li:nth-child(n+4){animation-range:entry 27% entry 61%}

    /* 8) Заглавията на секциите се изписват с лек наклон нагоре. */
    .syn-reveal-on .synb-eyebrow{animation:syn-slide-x linear both;animation-timeline:view(block);animation-range:entry 5% entry 35%}
  }
}

@keyframes syn-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes syn-hero-par{from{scale:1.18;translate:0 -3%}to{scale:1.18;translate:0 5%}}
@keyframes syn-hero-out{0%{translate:0 0;opacity:1}100%{translate:0 -48px;opacity:0}}
@keyframes syn-rise-sm{from{opacity:.001;translate:0 26px}to{opacity:1;translate:0 0}}
@keyframes syn-wipe{from{opacity:.001;clip-path:inset(18% 0 0 0);translate:0 18px}to{opacity:1;clip-path:inset(0 0 0 0);translate:0 0}}
@keyframes syn-slide-x{from{opacity:.001;translate:-14px 0}to{opacity:1;translate:0 0}}
@keyframes syn-zoom{from{scale:1.12}to{scale:1}}

/* В редактора и при „по-малко движение“ всичко е видимо веднага. */
body.block-editor-page .synb-badge,body.block-editor-page .synb-card,
body.block-editor-page .synb-amen__item,body.block-editor-page .synb-gallery__item,
.editor-styles-wrapper .synb-badge,.editor-styles-wrapper .synb-card,
.editor-styles-wrapper .synb-amen__item,.editor-styles-wrapper .synb-gallery__item{animation:none!important;opacity:1!important;translate:none!important;clip-path:none!important}

/* Печат */
@media print{.syn-header-wrap,.syn-footer,.syn-book-block,.syn-phone-block{display:none!important}body{background:#fff;color:#000}}

/* Намалено движение */
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.syn-main :where([class^="syn-"],[class*=" syn-"]),.syn-header-wrap :where(*){animation:none!important;transition:none!important}}