/* Unified fluid type scale (min 360px -> max 1440px viewport). Overrides per-element builder sizes. */
:root{
  --fs-h1:clamp(2rem,1.6rem + 1.3vw,2.5rem);
  --fs-h2:clamp(1.625rem,1.35rem + 1.2vw,2.5rem);
  --fs-h3:clamp(1.25rem,1.12rem + .6vw,1.625rem);
  --fs-h4:clamp(1.125rem,1.06rem + .3vw,1.25rem);
  --fs-body:clamp(1rem,.97rem + .15vw,1.0625rem);
  --fs-small:.875rem;
}
html body .c-heading h1,html body .c-heading h1 *{font-size:var(--fs-h1)!important;line-height:1.15!important}
html body .c-heading h2,html body .c-heading h2 *{font-size:var(--fs-h2)!important;line-height:1.2!important}
html body .c-heading h3,html body .c-heading h3 *,html body .c-sub-heading h2,html body .c-sub-heading h2 *,html body .c-sub-heading h3,html body .c-sub-heading h3 *{font-size:var(--fs-h3)!important;line-height:1.3!important}
html body .c-heading h4,html body .c-heading h4 *,html body .c-sub-heading h4,html body .c-sub-heading h4 *,html body .hl-faq-child-heading-text{font-size:var(--fs-h4)!important;line-height:1.35!important}
html body .c-paragraph p,html body .c-paragraph p *,html body .c-paragraph li,html body .c-paragraph li *,html body .c-bullet-list li,html body .c-bullet-list li *,html body .hl-faq-child-panel,html body .hl-faq-child-panel *{font-size:var(--fs-body)!important;line-height:1.6!important}
html body .c-button .main-heading-button,html body .c-button .main-heading-button *{font-size:1rem!important;line-height:1.3!important}
html body .c-button .sub-heading-button{font-size:var(--fs-small)!important}
html body .c-bullet-list li,html body .c-bullet-list li *{font-family:var(--exo-2),sans-serif!important}

/* ---- Font: Onest (full Cyrillic coverage) replaces the builder fonts site-wide ---- */
:root{
  --exo-2:"Onest";
  --quattrocento-sans:"Onest";
  --headlinefont:"Onest";
  --contentfont:"Onest";
  --arial:"Onest";
  --inter:"Onest";
  --inter-tight:"Onest";
  --montserrat:"Onest";
  --lato:"Onest";
  --open-sans:"Onest";
  --roboto:"Onest";
  --space-grotesk:"Onest";
  --abel:"Onest";
}
html body *:not(.fa):not(.fas):not(.far):not(.fab):not(.hl-faq-child-heading-icon){
  font-family:"Onest",ui-sans-serif,system-ui,sans-serif!important;
}

/* --- Header "Услуги" dropdown: keep all four items on one level --- */
/* Labels must never wrap onto a second line (that made two items taller
   and pushed their icon and text up by ~11px). */
html body #row-5_ul4xKovv .c-button > a{white-space:nowrap!important}
/* All four icons come from square 1000x1000 art but the builder sized them
   73.5/78/76/73.5px, so the centred columns drifted by ~2px. One fixed box. */
html body #row-5_ul4xKovv .c-image .image-container>div{height:96px!important}
html body #row-5_ul4xKovv .c-image .image-container a{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:96px!important}
html body #row-5_ul4xKovv .c-image img{width:76px!important;height:76px!important;max-width:100%!important;max-height:100%!important}

/* --- Meta Ads page: intro heading must not leave an orphan line ---
   "Реклама във Facebook, Instagram и другите платформи на Meta" broke as
   "...платформи" / "на Meta" at desktop widths. Balancing gives a clean
   two-line break at every width >= 480px and leaves the phone wrap alone. */
html body #heading-NUEEoTGY_n .text-output h2{text-wrap:balance}

/* Header polish */
html body #section-Lpq0jlsOZw{position:sticky!important;top:0;z-index:999!important;background:rgba(255,255,255,.86)!important;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid rgba(42,63,85,.08)!important;box-shadow:0 6px 24px -12px rgba(42,63,85,.18)!important;padding-top:10px!important;padding-bottom:10px!important}
html body #section-Lpq0jlsOZw .menu-item-title,html body #section-Lpq0jlsOZw .nav-menu-desktop>li>a{position:relative;font-weight:500!important;color:#2a3f55!important;transition:color .2s}
html body #section-Lpq0jlsOZw .menu-item-title:hover,html body #section-Lpq0jlsOZw .nav-menu-desktop>li>a:hover{color:#2d5fab!important}
@media (min-width:768px){html body #section-Lpq0jlsOZw .nav-menu-desktop>li>a::after{content:"";position:absolute;left:15px;right:15px;bottom:2px;height:2px;border-radius:2px;background:#2d5fab;transform:scaleX(0);transform-origin:left;transition:transform .25s}
html body #section-Lpq0jlsOZw .nav-menu-desktop>li>a:hover::after{transform:scaleX(1)}}
html body #button-RV_WVmePGN_btn,html body #button-ZXlg8gVKoW_btn{white-space:nowrap!important;border-radius:999px!important;padding:13px 26px!important;background:linear-gradient(135deg,#2d5fab,#3b7bd8)!important;color:#fff!important;font-weight:600!important;box-shadow:0 8px 20px -8px rgba(45,95,171,.6)!important;transition:transform .2s,box-shadow .2s!important}
html body #button-RV_WVmePGN_btn:hover,html body #button-ZXlg8gVKoW_btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px -8px rgba(45,95,171,.7)!important}
@media (min-width:768px){html body #button-RV_WVmePGN,html body #button-ZXlg8gVKoW{margin:0 0 0 24px!important;flex-shrink:0!important}html body #section-Lpq0jlsOZw .nav-menu-desktop>li.menu-item{margin:0 6px!important}
html body #button-RV_WVmePGN_btn,html body #button-ZXlg8gVKoW_btn{padding:12px 24px!important;font-size:15px!important;line-height:1.2!important}}
@media (min-width:768px){html body #button-RV_WVmePGN_btn,html body #button-ZXlg8gVKoW_btn{margin:0!important}}
@media (min-width:768px){html body #row-NO8UOe-9Wc>.inner{display:flex!important;align-items:center!important;flex-wrap:nowrap!important}
html body #col-ttoPzPhzSq{flex:1 1 auto!important;width:auto!important;min-width:0!important}
html body #col-ttoPzPhzSq>.inner{justify-content:space-between!important}
html body #col-V_sDsydbHh{flex:0 0 auto!important;width:auto!important}
html body #button-RV_WVmePGN{margin:0 0 0 20px!important}}
/* Brand headline colour */
html body .c-heading :is(h1,h2,h3,h4,h5,h6),html body .c-heading :is(h1,h2,h3,h4,h5,h6) *:not(a){color:#2d5fab!important}
html body .c-custom-code :is(h1,h2,h3):not(.adrf *){color:#2d5fab!important}

/* About: "Кои сме ние" — logo scaled up and centred against the text block */
@media (min-width:768px){
html body #section-TA_h5LeBWP{margin-top:48px!important;padding-bottom:12px!important}
html body #row-tSefylZVsVu{padding-bottom:0!important}
html body #col-pq1-U8RnJCd{width:56%!important}
html body #col-di03t-jOIO{width:44%!important;padding-top:20px!important}
html body #col-pq1-U8RnJCd>.inner,html body #col-di03t-jOIO>.inner{justify-content:center!important}
html body #image-e-wNHJHlid .image-container img{width:470px!important;height:auto!important;max-width:100%!important}
}

/* Cookie banner: buttons stay inside the viewport on phones; page can scroll clear of it */
@media (max-width:640px){
html body #ad-cookie>div>div{flex-wrap:wrap!important;max-width:100%!important}
html body #ad-cookie>div>div>button{flex:1 1 100%!important}
html body #ad-cookie button{padding:8px 14px!important;font-size:14px!important}
html body #ad-cookie{font-size:13px!important;line-height:1.45!important}
html body #ad-cookie>div{padding:12px 16px!important}
}
html body:has(#ad-cookie:not([style*="display: none"])){padding-bottom:130px}
@media (max-width:640px){
html body:has(#ad-cookie:not([style*="display: none"])){padding-bottom:300px}
}

/* Footer: the last content card must not touch the dark footer */
html body .c-section:has(+ footer#adrf-footer){margin-bottom:0!important}
html body footer#adrf-footer{margin-top:56px!important}
@media (max-width:640px){
html body footer#adrf-footer{margin-top:32px!important}
}

/* Case studies: "Реални проекти..." is the page title above the project carousel */
html body #sub-heading-_bVKiIUQc6{padding-top:18px!important}
html body #section-qQWCVjggQF{padding-bottom:8px!important}
html body #row-bEU2P6Yd1iN{padding-bottom:8px!important}
html body #sub-heading-_bVKiIUQc6 h1{font-size:var(--fs-h1)!important;line-height:1.15!important;font-weight:700!important;color:#2d5fab!important;text-align:center!important;text-wrap:balance;margin:0!important}
@media (max-width:640px){
html body #sub-heading-_bVKiIUQc6 h1{font-size:1.625rem!important;line-height:1.2!important}
}