/*
 * HASPO – nový dizajn v štýle Apple
 * ---------------------------------
 * Mení LEN písmo a vzhľad. Texty, sekcie, formuláre, kalkulačka, e-book, video aj skripty ostávajú bez zmeny.
 * Každé pravidlo je pod triedou html.hx-nd – bez nej sa neuplatní nič (vypnutie = trieda sa nepridá).
 * Písmo: na zariadeniach Apple systémové SF Pro, inde Inter (vlastné súbory v ./fonts, žiadne Google Fonts).
 * Triedu a načítanie rieši mu-plugin haspo-novy-dizajn.php.
 */

/* ===== 0) Písmo Inter (OFL), len latinka + latinka-ext (slovenská diakritika) ===== */
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/inter-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/inter-latin-wght-normal.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}

/* ===== 1) Základ: farby, písmo, typografia ===== */
html.hx-nd{
  --hx-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Inter","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --hx-ink:#1d1d1f;--hx-ink2:#424245;--hx-mut:#6e6e73;--hx-line:#d2d2d7;--hx-line2:#e5e5ea;--hx-soft:#f5f5f7;
  --hx-n:#212E63;--hx-n2:#2C3B7A;--hx-dark:#141B3D;--hx-link:#2C3E8F;--hx-r:#EC2D33;--hx-rd:#C8161C;--hx-y:#F7B519;
  /* typografia v značkových farbách: nadpisy a názvy tmavomodré, bežný text tmavý, červená na zvýraznenie */
  --hx-head:#212E63;--hx-acc:#D42027;
  /* tlačidlá, ktoré vedú k cenovej ponuke (konverzia) – červené; ostatné tmavomodré alebo obrysové */
  --hx-cta:#D42027;--hx-cta2:#B81B21;
  --hx-ease:cubic-bezier(.25,.8,.25,1);
}
html.hx-nd body{font-family:var(--hx-font)!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
/* písmo pre všetky textové prvky – ikony (Font Awesome, eicons) ostávajú */
/* :not(#hx) zvyšuje váhu pravidla nad staré úpravy s !important (nič nevylučuje, také id na webe nie je) */
html.hx-nd body :is(h1,h2,h3,h4,h5,h6,p,a,li,span,div,button,input,select,textarea,label,strong,b,em,small,blockquote,cite,figcaption,dt,dd,td,th,output,summary,legend,option,time):not(.fa):not(.fas):not(.far):not(.fab):not([class^="fa-"]):not([class*=" fa-"]):not([class^="eicon"]):not([class*=" eicon"]):not([class^="icon-"]):not([class*=" icon-"]):not(#hx){font-family:var(--hx-font)!important}
html.hx-nd body :is(h1,h2,h3,h4,h5,h6,.elementor-heading-title):not(#hx){text-transform:none!important;font-style:normal!important}
html.hx-nd body h1{letter-spacing:-.03em!important}
html.hx-nd body h2{letter-spacing:-.025em!important}
html.hx-nd body :is(h3,h4){letter-spacing:-.015em!important}
html.hx-nd ::selection{background:rgba(33,46,99,.18)}
html.hx-nd :focus-visible{outline:2px solid var(--hx-link)!important;outline-offset:3px}

/* tlačidlá Elementoru na celom webe: tvar pilulky, bez tieňa, okamžitá odozva na stlačenie */
html.hx-nd body .elementor-button{border-radius:980px!important;text-transform:none!important;letter-spacing:-.01em!important;font-weight:500!important;box-shadow:none!important;transition:transform .16s ease-out,background-color .2s,border-color .2s,color .2s!important}
html.hx-nd body :is(.elementor-button,.hh-b,.hv-btn,.hx-btn,.hxh-btn,.hx-hr__b,.hqe-btn,.hk-btn,.wpcf7-submit,.hxb__go):active{transform:scale(.97)!important;transition-duration:.06s!important}

/* ===== 2) Hlavička ===== */
/* horný pás – svetlý namiesto tmavomodrého */
html.hx-nd .elementor-location-header .elementor-element-27f24dc2{background:var(--hx-soft)!important;background-image:none!important}
html.hx-nd .elementor-location-header .elementor-element-27f24dc2 :is(p,a,span,.elementor-heading-title){color:var(--hx-ink2)!important;font-size:12.5px!important;font-weight:400!important;letter-spacing:0!important}
html.hx-nd .elementor-location-header .elementor-element-27f24dc2 i{color:var(--hx-mut)!important}
/* špendlíky pri pobočkách v hornom páse – červené (značka miesta, rovnaká červená ako fajky a nadtitulky) */
html.hx-nd .elementor-location-header .elementor-element-2b7a54a0 i.fa-map-marker-alt{color:var(--hx-acc)!important}
/* horný pás – čistejšie rozostupy: medzery z textu ( ) nahrádzajú okraje, kosoštvorce ◊ preč */
html.hx-nd .elementor-location-header .elementor-element-27f24dc2 > .elementor-container{align-items:center;min-height:38px}
html.hx-nd .elementor-location-header .elementor-element-27f24dc2 .elementor-widget-wrap{align-items:center!important;padding-top:0!important;padding-bottom:0!important}
html.hx-nd .elementor-location-header :is(.elementor-element-2b7a54a0,.elementor-element-2c0690c2) .elementor-heading-title{font-size:0!important;line-height:1!important;display:inline-flex;align-items:center;white-space:nowrap}
html.hx-nd .elementor-location-header :is(.elementor-element-2b7a54a0,.elementor-element-2c0690c2) .elementor-heading-title > a{font-size:13px!important;line-height:1.3!important;text-decoration:none!important;transition:color .2s}
html.hx-nd .elementor-location-header .elementor-element-2b7a54a0 .elementor-heading-title > a[href="/kontakt"]{font-size:0!important}
html.hx-nd .elementor-location-header :is(.elementor-element-2b7a54a0,.elementor-element-2c0690c2) .elementor-heading-title i{font-size:12px!important;line-height:1!important;margin:0 6px 0 18px}
html.hx-nd .elementor-location-header :is(.elementor-element-2b7a54a0 .elementor-heading-title > a:first-child,.elementor-element-2c0690c2 .elementor-heading-title) > i:first-child{margin-left:0}
html.hx-nd .elementor-location-header :is(.elementor-element-2b7a54a0,.elementor-element-2c0690c2) .elementor-heading-title > a:hover{color:var(--hx-link)!important}
html.hx-nd .elementor-location-header .elementor-element-372d0f2a i{display:none!important}
html.hx-nd .elementor-location-header .elementor-element-372d0f2a a{display:inline-block;padding:5px 14px 5px 12px;border-radius:980px;font-size:13px!important;line-height:1.3!important;text-decoration:none!important;transition:background-color .2s}
html.hx-nd .elementor-location-header .elementor-element-372d0f2a a::before{content:"";display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:50%;background:#1F9D55;box-shadow:0 0 0 3px rgba(31,157,85,.16);vertical-align:1px}
html.hx-nd .elementor-location-header .elementor-element-372d0f2a a::after{content:"›";display:inline-block;margin-left:2px;font-size:16px;line-height:1;color:var(--hx-link);vertical-align:-1px;transition:transform .2s}
html.hx-nd .elementor-location-header .elementor-element-372d0f2a a:hover{background:rgba(0,0,0,.05)}
html.hx-nd .elementor-location-header .elementor-element-372d0f2a a:hover::after{transform:translateX(2px)}
html.hx-nd .elementor-location-header .elementor-element-372d0f2a strong{font-weight:600!important;color:var(--hx-head)!important}
html.hx-nd .elementor-location-header .elementor-element-7ab7bc32 :is(p,a,span){color:var(--hx-link)!important;font-weight:500!important}
html.hx-nd .elementor-location-header .elementor-element-7ab7bc32 :is(b,strong){color:var(--hx-link)!important;font-weight:700!important}
html.hx-nd .elementor-location-header .elementor-element-2b7a54a0 p{white-space:nowrap}
html.hx-nd .elementor-location-header .elementor-element-2b7a54a0 :is(p,a){font-size:12px!important;letter-spacing:-.005em!important}
/* prepínač jazyka ako segmentový ovládač */
html.hx-nd .elementor-location-header .hx-lang.hx-lang--d{background:#e8e8ed!important;box-shadow:none!important;font-family:var(--hx-font)!important;letter-spacing:0!important}
html.hx-nd .elementor-location-header .hx-lang.hx-lang--d a{color:var(--hx-mut)!important}
html.hx-nd .elementor-location-header .hx-lang.hx-lang--d a:hover{background:rgba(255,255,255,.6)!important}
html.hx-nd .elementor-location-header .hx-lang.hx-lang--d a.on,html.hx-nd .elementor-location-header .hx-lang.hx-lang--d a.on span{background:#fff!important;color:var(--hx-ink)!important}
html.hx-nd .elementor-location-header .hx-lang.hx-lang--d a.on{box-shadow:0 1px 3px rgba(0,0,0,.14)}
html.hx-nd .elementor-location-header .hx-lang.hx-lang--d a.on span{background:transparent!important}
html.hx-nd .hx-lang{font-family:var(--hx-font)!important;letter-spacing:0!important;font-weight:500!important}

/* hlavný pás – priesvitné „sklo“, pri posúvaní ostáva hore (len počítač) */
html.hx-nd .elementor-location-header .elementor-element-d613f7f{background:rgba(255,255,255,.8)!important;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);box-shadow:0 1px 0 rgba(0,0,0,.06)}
@media (min-width:1025px){
  html.hx-nd .elementor-location-header{position:sticky;top:calc(-1 * var(--hx-tb,0px));z-index:990}
  html.hx-nd body.admin-bar .elementor-location-header{top:calc(32px - var(--hx-tb,0px))}
}
html.hx-nd .elementor-location-header .elementor-nav-menu--main .elementor-item{font-size:16px!important;font-weight:500!important;letter-spacing:-.012em!important;color:rgba(0,0,0,.82)!important;padding-left:10px!important;padding-right:10px!important;transition:color .2s!important}
/* menu musí ostať v jednom riadku aj na notebooku */
@media (max-width:1439px){html.hx-nd .elementor-location-header .elementor-nav-menu--main .elementor-item{font-size:15px!important;padding-left:8px!important;padding-right:8px!important}}
@media (max-width:1280px){html.hx-nd .elementor-location-header .elementor-nav-menu--main .elementor-item{font-size:14px!important;padding-left:6px!important;padding-right:6px!important}}
@media (max-width:1180px){html.hx-nd .elementor-location-header .elementor-nav-menu--main .elementor-item{font-size:13px!important;padding-left:4px!important;padding-right:4px!important;letter-spacing:-.02em!important}}
@media (max-width:1100px){html.hx-nd .elementor-location-header .elementor-nav-menu--main .elementor-item{font-size:12px!important;padding-left:3px!important;padding-right:3px!important}html.hx-nd .elementor-location-header .elementor-element-d26a95f .elementor-button.elementor-button{padding:9px 12px!important;font-size:13px!important}}
/* úplne najužšie notebooky: položka „Domov“ sa skryje (domov vedie aj logo), aby sa menu nezrazilo s tlačidlom */
@media (min-width:1025px) and (max-width:1060px){html.hx-nd .elementor-location-header .elementor-nav-menu--main .menu-item-home{display:none!important}}
html.hx-nd .elementor-location-header .elementor-nav-menu--main .elementor-item:hover{color:var(--hx-ink)!important}
html.hx-nd .elementor-location-header .elementor-nav-menu .elementor-item.elementor-item-active.elementor-item-active,
html.hx-nd .elementor-location-header .elementor-nav-menu .elementor-item.elementor-item[aria-current="page"]{color:var(--hx-n)!important;font-weight:600!important}
html.hx-nd .elementor-location-header .elementor-nav-menu--main .elementor-item::before,
html.hx-nd .elementor-location-header .elementor-nav-menu--main .elementor-item::after{display:none!important}
html.hx-nd .elementor-location-header .elementor-nav-menu--main .sub-menu{border:0!important;border-radius:16px!important;padding:8px!important;background:rgba(255,255,255,.92)!important;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);box-shadow:0 20px 50px -12px rgba(0,0,0,.22),0 0 0 1px rgba(0,0,0,.05)!important;overflow:hidden}
html.hx-nd .elementor-location-header .elementor-nav-menu--main .sub-menu a{font-size:14px!important;font-weight:400!important;color:var(--hx-ink)!important;border-radius:10px!important;padding:9px 14px!important;background:transparent!important;border:0!important}
html.hx-nd .elementor-location-header .elementor-nav-menu--main .sub-menu a:hover{background:var(--hx-soft)!important}
html.hx-nd .elementor-location-header .elementor-nav-menu--dropdown{border-radius:0 0 16px 16px!important;overflow:hidden}
html.hx-nd .elementor-location-header .elementor-nav-menu--dropdown a{font-size:16px!important;font-weight:500!important;letter-spacing:-.01em!important}
/* tlačidlo „Cenová ponuka“ */
html.hx-nd .elementor-location-header .elementor-element-d26a95f .elementor-button.elementor-button{background:var(--hx-n)!important;border-color:var(--hx-n)!important;box-shadow:none!important;padding:10px 18px!important;font-size:14px!important;font-weight:500!important;letter-spacing:-.01em!important;transform:none}
html.hx-nd .elementor-location-header .elementor-element-d26a95f .elementor-button.elementor-button:hover{background:var(--hx-n2)!important;border-color:var(--hx-n2)!important;box-shadow:none!important;transform:none}

/* ===== 3) Úvod (hero) – počítač aj mobil ===== */
html.hx-nd :is(.elementor-element-e58226f,.elementor-element-1964bbb) h1.elementor-heading-title{font-size:clamp(40px,3.9vw,58px)!important;line-height:1.05!important;font-weight:700!important;letter-spacing:-.035em!important;color:var(--hx-head)!important}
/* mobilný úvod: nadpis je v prvku 14be00a */
html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-14be00a .elementor-heading-title:not(#hx){font-size:clamp(34px,9.4vw,46px)!important;line-height:1.06!important;font-weight:700!important;letter-spacing:-.035em!important;color:var(--hx-head)!important;text-transform:none!important}
html.hx-nd .hh-mlink a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:980px;background:var(--hx-n);color:#fff!important;font-size:17px;font-weight:500;letter-spacing:-.01em;text-decoration:none!important;transition:transform .16s ease-out,background-color .2s}
html.hx-nd .hh-mlink a:hover{background:var(--hx-n2)}
html.hx-nd .hh-mlink a:active{transform:scale(.97)}
@media (max-width:767px){
  html.hx-nd .hh-lead.hh-lead:not(#hx){font-size:17px!important;line-height:1.47!important}
  /* ďalšie úpravy mobilu (poradie sekcií, zbalenia, formulár na celú šírku) sú v haspo-mobil/mobil.css */
}
html.hx-nd .hh-stk{transform:none!important;border-radius:980px!important;padding:6px 14px!important;font-size:14px!important;font-weight:600!important;color:var(--hx-ink)!important;box-shadow:none!important;letter-spacing:-.01em!important}
html.hx-nd .hh-stk b{color:var(--hx-ink)!important;font-weight:600!important}
html.hx-nd .hh-kick{background:var(--hx-soft)!important;color:var(--hx-rd)!important;letter-spacing:0!important;text-transform:none!important;font-size:14px!important;font-weight:600!important}
html.hx-nd .hh-lead.hh-lead{font-size:clamp(19px,1.45vw,21px)!important;line-height:1.42!important;color:var(--hx-mut)!important;letter-spacing:.002em}
html.hx-nd .hh-usp{color:var(--hx-head)!important;font-weight:500!important;font-size:15px!important;letter-spacing:-.01em}
html.hx-nd .hh-usp li::before{background-color:var(--hx-acc)!important}
html.hx-nd .hh-b{font-family:var(--hx-font)!important;font-size:17px!important;font-weight:500!important;line-height:1.1!important;text-transform:none!important;letter-spacing:-.01em!important;border-width:1px!important;padding:15px 26px!important;border-radius:980px!important;box-shadow:none!important;transition:transform .16s ease-out,background-color .2s,border-color .2s,color .2s!important}
html.hx-nd .hh-b1.hh-b1{background:var(--hx-n)!important;border-color:var(--hx-n)!important;color:#fff!important}
html.hx-nd .hh-b1.hh-b1:hover,html.hx-nd .hh-b1.hh-b1:focus{background:var(--hx-n2)!important;border-color:var(--hx-n2)!important}
html.hx-nd .hh-b2.hh-b2{background:transparent!important;border-color:var(--hx-n)!important;color:var(--hx-n)!important}
html.hx-nd .hh-b2.hh-b2:hover{background:var(--hx-n)!important;color:#fff!important}
html.hx-nd .hh-note{color:var(--hx-mut)!important;font-size:14px!important}
html.hx-nd .hh-note b{color:var(--hx-ink)!important;font-weight:600!important}
html.hx-nd .hh-trust{border-top-color:var(--hx-line2)!important;font-weight:500!important;color:var(--hx-mut)!important}
html.hx-nd .hh-r{color:var(--hx-head)!important}
html.hx-nd .hh-r b{font-weight:700!important;letter-spacing:-.02em}

/* ===== 4) Video „Ako vám pomôžeme“ ===== */
html.hx-nd .hv{background:var(--hx-soft)!important;padding:clamp(64px,8vw,112px) 22px!important}
html.hx-nd .hv-eyb.hv-eyb{font-size:17px!important;font-weight:600!important;letter-spacing:-.01em!important;text-transform:none!important;color:var(--hx-rd)!important;margin-bottom:8px!important}
html.hx-nd .hv h2{font-size:clamp(34px,3.6vw,48px)!important;font-weight:700!important;line-height:1.08!important;color:var(--hx-head)!important;margin-bottom:16px!important}
html.hx-nd .hv p.hv-txt{font-size:19px!important;line-height:1.47!important;color:var(--hx-mut)!important;margin-bottom:28px!important}
html.hx-nd .hv-btn.hv-btn{background:var(--hx-n)!important;border:1px solid var(--hx-n)!important;font:500 17px/1.1 var(--hx-font)!important;text-transform:none!important;letter-spacing:-.01em!important;border-radius:980px!important;padding:15px 26px!important;box-shadow:none!important}
html.hx-nd .hv-btn.hv-btn:hover{background:var(--hx-n2)!important;border-color:var(--hx-n2)!important}
html.hx-nd .hv-box{border-radius:28px!important;box-shadow:0 40px 80px -40px rgba(0,0,0,.4)!important;background:#000!important}

/* video na podstránkach (.hv2) – rovnako ako na domovskej */
html.hx-nd .hv2{background:var(--hx-soft)!important;padding:clamp(64px,8vw,112px) 22px!important}
html.hx-nd .hv2-eyb.hv2-eyb{font-size:17px!important;font-weight:600!important;letter-spacing:-.01em!important;text-transform:none!important;color:var(--hx-rd)!important;margin-bottom:8px!important}
html.hx-nd .hv2 h2{font-size:clamp(34px,3.6vw,48px)!important;font-weight:700!important;line-height:1.08!important;color:var(--hx-head)!important;margin-bottom:16px!important}
html.hx-nd .hv2 p.hv2-txt{font-size:19px!important;line-height:1.47!important;color:var(--hx-mut)!important}
html.hx-nd .hv2-list{color:var(--hx-head)!important;font-weight:500!important;font-size:15px!important}
html.hx-nd .hv2-list li::before{background-color:var(--hx-acc)!important}
html.hx-nd .hv2-btn.hv2-btn{background:var(--hx-n)!important;border:1px solid var(--hx-n)!important;font:500 17px/1.1 var(--hx-font)!important;text-transform:none!important;letter-spacing:-.01em!important;border-radius:980px!important;padding:15px 26px!important;box-shadow:none!important}
html.hx-nd .hv2-btn.hv2-btn:hover{background:var(--hx-n2)!important;border-color:var(--hx-n2)!important}
html.hx-nd .hv2-box{border-radius:32px!important;box-shadow:0 40px 80px -40px rgba(0,0,0,.4)!important}

/* karty „súvisiace povinnosti“ na podstránkach (.hx-zp) */
html.hx-nd .hx-zp__eb{font-size:17px!important;font-weight:600!important;letter-spacing:-.01em!important;text-transform:none!important;color:var(--hx-rd)!important}
html.hx-nd .hx-zp h2{font-weight:700!important;color:var(--hx-head)!important;font-size:clamp(28px,3.2vw,40px)!important;line-height:1.1!important}
html.hx-nd .hx-zp__g{gap:20px!important}
html.hx-nd .hx-zp__c{background:var(--hx-soft)!important;border-radius:22px!important;padding:26px 24px!important;transition:transform .5s var(--hx-ease),box-shadow .5s var(--hx-ease),background-color .3s!important}
html.hx-nd .hx-zp__c:hover{transform:translateY(-4px)!important;background:#fff!important;box-shadow:0 22px 44px -12px rgba(0,0,0,.14)!important}
html.hx-nd .hx-zp__c small{letter-spacing:.02em!important;text-transform:none!important;font-size:13px!important;font-weight:600!important;color:var(--hx-rd)!important}
html.hx-nd .hx-zp__c b{color:var(--hx-head)!important;font-size:20px!important;font-weight:700!important;letter-spacing:-.02em}
html.hx-nd .hx-zp__c span{color:var(--hx-mut)!important}
html.hx-nd .hx-zp__c i,html.hx-nd .hx-zp__all a{color:var(--hx-link)!important;font-weight:500!important}

/* ===== 5) Textový blok, odkazy a časté otázky (.hx-city – aj na podstránkach pobočiek) ===== */
html.hx-nd .hx-city.hx-city{--n:var(--hx-head);--ink:var(--hx-ink2);--mut:var(--hx-mut);--line:var(--hx-line2);--soft:var(--hx-soft);--r:var(--hx-link);font-size:17px;line-height:1.55}
html.hx-nd .hx-city h1{font-size:clamp(34px,4.4vw,52px)!important;font-weight:700!important;line-height:1.06!important}
html.hx-nd .hx-city h2{font-size:clamp(28px,3.2vw,40px)!important;font-weight:700!important;line-height:1.1!important;margin-bottom:16px!important}
html.hx-nd .hx-city h3{font-size:21px!important;font-weight:600!important;line-height:1.25!important}
html.hx-nd .hx-city section{padding:56px 0!important}
html.hx-nd .hx-city .hx-eyebrow{font-size:17px!important;font-weight:600!important;letter-spacing:-.01em!important;text-transform:none!important;color:var(--hx-rd)!important}
html.hx-nd .hx-city .hx-lead{font-size:clamp(19px,1.6vw,21px)!important;line-height:1.42!important}
html.hx-nd .hx-city .hx-card{border-radius:22px!important;padding:26px!important}
html.hx-nd .hx-city .hx-btn{display:inline-flex!important;align-items:center;min-height:44px;font-family:var(--hx-font)!important;text-transform:none!important;letter-spacing:-.01em!important;font-weight:500!important;font-size:15px!important;border-radius:980px!important;padding:10px 20px!important;box-shadow:none!important;transition:transform .16s ease-out,background-color .2s,border-color .2s,color .2s!important}
html.hx-nd .hx-city .hx-btn:not(.hx-ghost){background-color:var(--hx-n)!important;border-color:var(--hx-n)!important;color:#fff!important}
html.hx-nd .hx-city .hx-btn:not(.hx-ghost):hover{background-color:var(--hx-n2)!important}
html.hx-nd .hx-city .hx-btn.hx-ghost{background:#fff!important;border:1px solid var(--hx-line)!important;color:var(--hx-head)!important}
html.hx-nd .hx-city .hx-btn.hx-ghost:hover{border-color:var(--hx-head)!important}
html.hx-nd .hx-city details{padding:18px 0!important;border-bottom-color:var(--hx-line2)!important}
html.hx-nd .hx-city summary{font-size:19px;font-weight:600;line-height:1.35;letter-spacing:-.015em;color:var(--hx-head)!important;align-items:center}
html.hx-nd .hx-city summary::after{color:var(--hx-acc)!important;font-weight:300;transition:transform .36s var(--hx-ease)!important}
html.hx-nd .hx-city details p{color:var(--hx-mut);font-size:17px;line-height:1.5}
html.hx-nd .hx-city .hx-box{border-left:0!important;border-radius:22px!important;padding:26px 28px!important}
html.hx-nd .hx-city .hx-steps li::before{background:var(--hx-n)!important}
html.hx-nd .hx-city table.hx-t{border-radius:16px;overflow:hidden}
html.hx-nd .hx-city table.hx-t th{background:var(--hx-soft)!important;color:var(--hx-head)!important;font-weight:600!important;border-bottom:1px solid var(--hx-line)!important}
html.hx-nd .hx-city table.hx-t td{border-bottom-color:var(--hx-line2)!important}
html.hx-nd .hx-city .hx-lead-person img{border-radius:22px!important}

/* ===== 6) Sekcie domovskej stránky (.hxh) ===== */
html.hx-nd .hxh{--ink:var(--hx-ink2);--mut:var(--hx-mut);--line:var(--hx-line2);--soft:var(--hx-soft)}
html.hx-nd .hxh .hxh-k{font-size:17px!important;font-weight:600!important;letter-spacing:-.01em!important;text-transform:none!important;color:var(--hx-rd)!important;margin-bottom:8px}
html.hx-nd .hxh-sec{padding:clamp(64px,8vw,104px) 0!important}
html.hx-nd .hxh .hxh-head{margin-bottom:36px}
html.hx-nd .hxh .hxh-head h2{font-size:clamp(34px,4vw,48px)!important;font-weight:700!important;line-height:1.07!important;color:var(--hx-head)!important}
html.hx-nd .hxh .hxh-head p{font-size:19px;line-height:1.47;color:var(--hx-mut)}
html.hx-nd .hxh-svc{gap:16px!important}
html.hx-nd .hxh-s{border:0!important;background:var(--hx-soft)!important;border-radius:22px!important;padding:24px 20px 22px!important;transition:transform .5s var(--hx-ease),box-shadow .5s var(--hx-ease),background-color .3s!important}
html.hx-nd a.hxh-s:hover{transform:translateY(-4px)!important;background:#fff!important;box-shadow:0 22px 44px -12px rgba(0,0,0,.14)!important}
html.hx-nd .hxh-ic{background:#fff!important;border-radius:14px!important}
html.hx-nd .hxh-s h3{font-size:21px!important;font-weight:700!important;line-height:1.15!important;color:var(--hx-head)!important}
html.hx-nd .hxh-s p{font-size:15px!important;line-height:1.4!important;color:var(--hx-mut)!important}
html.hx-nd .hxh-s .hxh-go{color:var(--hx-link)!important}
html.hx-nd .hxh-about{border-radius:28px!important;padding:clamp(40px,5vw,64px)!important}
html.hx-nd .hxh-about:after{display:none!important}
html.hx-nd .hxh-about .hxh-k{color:var(--hx-y)!important}
html.hx-nd .hxh-about h2{color:#fff!important;font-size:clamp(34px,4vw,48px)!important;font-weight:700!important;line-height:1.07!important}
html.hx-nd .hxh-about p{font-size:19px!important;line-height:1.5!important;color:rgba(255,255,255,.8)!important}
html.hx-nd .hxh-btn{font-family:var(--hx-font)!important;font-weight:500!important;font-size:17px!important;letter-spacing:-.01em!important;text-transform:none!important;border-radius:980px!important;padding:13px 24px!important;box-shadow:none!important;transition:transform .16s ease-out,background-color .2s,color .2s!important}
html.hx-nd .hxh-btn:hover{transform:none!important}
html.hx-nd .hxh-btn--o{border-width:1px!important}
html.hx-nd .hxh-btn--r{background:var(--hx-n)!important}
html.hx-nd .hxh-btn--w{color:var(--hx-n)!important}
html.hx-nd .hxh-btn--w:hover{background:#eef0f6!important}
html.hx-nd .hxh-btn--n{border-width:1px!important}
html.hx-nd .hxh-ob{gap:20px!important}
html.hx-nd .hxh-o{border:0!important;background:var(--hx-soft)!important;box-shadow:none!important;border-radius:24px!important;padding:30px 28px 26px!important;transition:transform .5s var(--hx-ease),box-shadow .5s var(--hx-ease),background-color .3s!important}
html.hx-nd .hxh-o:hover{transform:translateY(-4px)!important;background:#fff!important;box-shadow:0 22px 44px -12px rgba(0,0,0,.14)!important}
html.hx-nd .hxh-o .hxh-tag{border-radius:980px!important;letter-spacing:.02em!important}
html.hx-nd .hxh-o h3{font-size:24px!important;font-weight:700!important;line-height:1.15!important;color:var(--hx-head)!important}
html.hx-nd .hxh-o p{font-size:16px!important;line-height:1.5!important;color:var(--hx-mut)!important}
html.hx-nd .hxh-o .hxh-more{color:var(--hx-link)!important;font-weight:500!important}
html.hx-nd .hxh-cta{background:var(--hx-n)!important;box-shadow:none!important;border-radius:28px!important;padding:clamp(32px,4vw,48px) clamp(28px,4vw,56px)!important}
html.hx-nd .hxh-cta h2{font-size:clamp(28px,3vw,40px)!important;font-weight:700!important;line-height:1.1!important}
html.hx-nd .hxh-cta p{font-size:19px!important;line-height:1.47!important;color:rgba(255,255,255,.8)!important}

/* ===== 7) Referencie (.hx-hr) ===== */
html.hx-nd .hx-hr{--ink:var(--hx-ink2);--mut:var(--hx-mut);--line:var(--hx-line2);--soft:#fff;background:var(--hx-soft)!important;box-shadow:0 0 0 100vmax var(--hx-soft);clip-path:inset(0 -100vmax);padding:clamp(64px,8vw,112px) 0 clamp(56px,7vw,96px)!important}
html.hx-nd .hx-hr__eb{font-size:17px!important;font-weight:600!important;letter-spacing:-.01em!important;text-transform:none!important;color:var(--hx-rd)!important}
html.hx-nd .hx-hr h2{text-transform:none!important;font-weight:700!important;font-size:clamp(34px,4vw,48px)!important;line-height:1.07!important;color:var(--hx-head)!important}
html.hx-nd .hx-hr__badges li{background:#fff!important;border-radius:16px!important}
html.hx-nd .hx-hr__badges b{font-weight:700!important;letter-spacing:-.03em;color:var(--hx-acc)!important}
html.hx-nd .hx-hr__badges b.g{color:var(--hx-head)!important}
html.hx-nd .hx-hr__track{gap:20px!important}
html.hx-nd .hx-hr__c{border:0!important;border-radius:24px!important;box-shadow:none!important;padding:30px 28px 24px!important;background:#fff!important}
html.hx-nd .hx-hr__c .qm{fill:var(--hx-line)!important}
html.hx-nd .hx-hr__c blockquote{font-size:17px!important;line-height:1.5!important;color:var(--hx-ink)!important}
html.hx-nd .hx-hr__c figcaption{border-top:0!important;padding-top:4px!important}
html.hx-nd .hx-hr__c figcaption,html.hx-nd .hx-hr__c figcaption *{font-style:normal!important}
html.hx-nd .hx-hr__c figcaption b{text-transform:none!important;font-size:15px!important;font-weight:600!important;line-height:1.3!important;letter-spacing:-.01em!important;color:var(--hx-head)!important}
html.hx-nd .hx-hr__nav{background:rgba(210,210,215,.7)!important;color:var(--hx-ink)!important;box-shadow:none!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background-color .2s!important}
html.hx-nd .hx-hr__nav:hover{background:rgba(190,190,196,.9)!important}
html.hx-nd .hx-hr__names>span{letter-spacing:0!important;text-transform:none!important;font-size:14px!important;font-weight:500!important}
html.hx-nd .hx-hr__names li{text-transform:none!important;letter-spacing:-.01em!important;font-weight:600!important}
html.hx-nd .hx-hr__b{font-family:var(--hx-font)!important;text-transform:none!important;letter-spacing:-.01em!important;font-weight:500!important;font-size:17px!important;border-radius:980px!important;padding:13px 24px!important;box-shadow:none!important;transition:transform .16s ease-out,background-color .2s,color .2s!important}
html.hx-nd .hx-hr__b:not(.hx-hr__b--g):not([class*="ghost"]){background-color:var(--hx-n)!important;border-color:var(--hx-n)!important;color:#fff!important}
html.hx-nd .hx-hr__b--g{border-width:1px!important}

/* ===== 8) Blog (Elementor príspevky) ===== */
html.hx-nd .elementor-44 .elementor-element-41238ec1 h2.elementor-heading-title{font-size:clamp(34px,4vw,48px)!important;font-weight:700!important;line-height:1.07!important;color:var(--hx-head)!important}
html.hx-nd .elementor-44 .elementor-element-41238ec1 h3.elementor-heading-title a{color:var(--hx-link)!important;font-size:17px!important;font-weight:500!important}
html.hx-nd .elementor-posts .elementor-post__thumbnail{border-radius:20px;overflow:hidden}
html.hx-nd .elementor-posts .elementor-post__thumbnail__link{border-radius:20px}
html.hx-nd .elementor-posts .elementor-post__title,html.hx-nd .elementor-posts .elementor-post__title a{color:var(--hx-head)!important;font-size:21px!important;font-weight:600!important;letter-spacing:-.015em!important;line-height:1.25!important}
html.hx-nd .elementor-posts .elementor-post__title a:hover{color:var(--hx-link)!important}
html.hx-nd .elementor-posts .elementor-post__meta-data{color:var(--hx-mut)!important;font-size:13px!important}
html.hx-nd .elementor-posts .elementor-post__excerpt p{color:var(--hx-mut)!important;font-size:16px!important;line-height:1.5!important}

/* ===== 9) Pobočky (.hx-visit, .hx-card) ===== */
html.hx-nd .hx-visit{--ink:var(--hx-head);--txt:var(--hx-mut);--line:var(--hx-line2);--bg:var(--hx-soft);--navy:var(--hx-n);--red:var(--hx-link)}
html.hx-nd .hx-visit__kick{font-size:17px!important;font-weight:600!important;letter-spacing:-.01em!important;text-transform:none!important;color:var(--hx-rd)!important}
html.hx-nd .hx-visit h2.hx-visit__h{text-transform:none!important;font-weight:700!important;font-size:clamp(34px,4vw,48px)!important;line-height:1.07!important;color:var(--hx-head)!important}
html.hx-nd .hx-visit__sub{font-size:19px!important;line-height:1.47!important}
html.hx-nd .hx-card{border:0!important;border-radius:24px!important;box-shadow:none!important;transition:transform .5s var(--hx-ease),box-shadow .5s var(--hx-ease)!important}
html.hx-nd .hx-card:hover{transform:translateY(-4px)!important;box-shadow:0 22px 44px -12px rgba(0,0,0,.14)!important}
html.hx-nd .hx-card__img{border-top:0!important}
html.hx-nd .hx-card__city{text-transform:none!important;font-weight:600!important;font-size:15px!important;letter-spacing:-.01em!important;border-radius:980px!important;background:rgba(255,255,255,.86)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:none!important}
html.hx-nd .hx-card__foot{border-top-color:var(--hx-line2)!important}
html.hx-nd .hx-visit a.hx-btn{text-transform:none!important;font-weight:500!important;letter-spacing:-.01em!important;font-size:15px!important;border-radius:980px!important;background:var(--hx-n)!important;border-color:var(--hx-n)!important;color:#fff!important;box-shadow:none!important;min-height:44px}
html.hx-nd .hx-visit a.hx-btn:hover{background:var(--hx-n2)!important;border-color:var(--hx-n2)!important}
html.hx-nd .hx-visit a.hx-more{color:var(--hx-link)!important;font-weight:500!important}

/* ===== 10) Pätička – svetlá ako na apple.com ===== */
html.hx-nd .elementor-location-footer{background:var(--hx-soft)!important}
html.hx-nd .elementor-location-footer :is(.elementor-section,.elementor-column,.elementor-widget-wrap,.elementor-container){background-color:transparent!important;background-image:none!important}
html.hx-nd .elementor-location-footer .elementor-background-overlay{display:none!important}
html.hx-nd .elementor-location-footer :is(p,li,span,a,.elementor-icon-list-text,.elementor-text-editor,.elementor-widget-text-editor){color:var(--hx-mut)!important;opacity:1!important}
html.hx-nd .elementor-location-footer .elementor-icon-list-item :is(a,.elementor-icon-list-text):not(#hx){color:#5e5e63!important;opacity:1!important}
html.hx-nd .elementor-location-footer .elementor-heading-title{color:var(--hx-head)!important;font-size:13px!important;font-weight:600!important;letter-spacing:-.01em!important;line-height:1.4!important}
html.hx-nd .elementor-location-footer :is(.elementor-icon-list-text,p,.elementor-text-editor){font-size:13px!important;line-height:1.6!important}
html.hx-nd .elementor-location-footer a:hover,html.hx-nd .elementor-location-footer a:hover .elementor-icon-list-text{color:var(--hx-ink)!important}
html.hx-nd .elementor-location-footer :is(.elementor-element-6ed2fd4,.elementor-element-53b12fe,.elementor-element-4ecd850,.elementor-element-5922e4d,.elementor-element-0e45bce){display:none!important}
html.hx-nd .elementor-location-footer .elementor-divider-separator{border-color:var(--hx-line)!important;--divider-color:var(--hx-line)!important}
html.hx-nd .elementor-location-footer .elementor-element-4ef3780 :is(p,.elementor-heading-title,span,a){font-size:12px!important;font-weight:400!important;color:var(--hx-mut)!important;line-height:1.5!important}
html.hx-nd .elementor-location-footer .elementor-element-4ef3780 a{color:var(--hx-ink2)!important;text-decoration:underline;text-underline-offset:2px}
html.hx-nd .elementor-location-footer .elementor-social-icon{background:#e8e8ed!important;border-radius:50%!important}
html.hx-nd .elementor-location-footer .elementor-social-icon i{color:var(--hx-ink)!important}
html.hx-nd .elementor-location-footer .elementor-social-icon:hover{background:#dcdce1!important}
html.hx-nd .elementor-location-footer .hx-y{color:var(--hx-line)!important}

/* ===== 11) Formuláre (Contact Form 7, box „Cenová ponuka na mieru“) ===== */
html.hx-nd .wpcf7 form.wpcf7-form:not(#hx){--hf-ink:var(--hx-ink);--hf-line:var(--hx-line);--hf-mut:var(--hx-mut);--hf-soft:var(--hx-soft);--hf-r:var(--hx-n);--hf-rd:var(--hx-n2)}
html.hx-nd .wpcf7-form :is(input[type=text],input[type=email],input[type=tel],input[type=number],input[type=url],select,textarea):not(#hx){border:1px solid var(--hx-line)!important;border-radius:12px!important;background-color:#fff!important;color:var(--hx-ink)!important;font-size:17px!important;box-shadow:none!important;transition:border-color .2s,box-shadow .2s!important}
html.hx-nd .wpcf7-form :is(input,select,textarea):focus:not(#hx){border-color:var(--hx-n)!important;box-shadow:0 0 0 4px rgba(33,46,99,.14)!important;outline:0!important}
html.hx-nd .wpcf7-form :is(input[type=submit],button[type=submit],.wpcf7-submit):not(#hx){background:var(--hx-n)!important;border-color:var(--hx-n)!important;color:#fff!important;border-radius:980px!important;font-weight:500!important;font-size:17px!important;letter-spacing:-.01em!important;text-transform:none!important;box-shadow:none!important}
html.hx-nd .wpcf7-form :is(input[type=submit],button[type=submit],.wpcf7-submit):hover:not(#hx){background:var(--hx-n2)!important}
html.hx-nd .wpcf7-form label:not(#hx){text-transform:none!important;letter-spacing:-.01em!important}
/* žltý panel „s radosťou vám pripravíme…“ – triedu hx-nd-yel pridáva skript pluginu podľa farby pozadia */
html.hx-nd .hx-nd-yel:not(#hx){background:var(--hx-dark)!important;background-image:none!important}
html.hx-nd .hx-nd-yel :is(h1,h2,h3,p,span,a,.elementor-heading-title):not(#hx){color:#fff!important}
html.hx-nd .hx-nd-yel :is(b,strong):not(#hx){color:var(--hx-y)!important}
html.hx-nd .hx-nd-yel .elementor-heading-title:not(#hx){font-weight:700!important;letter-spacing:-.025em!important;line-height:1.1!important}
html.hx-nd .hx-nd-yel .elementor-divider-separator{border-color:var(--hx-y)!important;--divider-color:var(--hx-y)!important}
html.hx-nd .hxf-qhead{background:var(--hx-dark)!important;border-radius:24px 24px 0 0!important}
html.hx-nd .hxf-qhead :is(.hxf-qtitle,.hxf-qtitle p){text-transform:none!important;font-weight:700!important;letter-spacing:-.02em!important;font-size:24px!important}
html.hx-nd .hxf-qbody{border-color:var(--hx-line2)!important;border-radius:0 0 24px 24px!important;box-shadow:0 30px 60px -40px rgba(0,0,0,.3)!important}

/* ===== 12) Kalkulačka (.hk) ===== */
html.hx-nd .hk.hk{--ink:var(--hx-ink2);--mut:var(--hx-mut);--line:var(--hx-line);--soft:var(--hx-soft);--n2:var(--hx-n2)}
html.hx-nd .hk :is(h2,h3,h4){text-transform:none!important;font-weight:700!important;color:var(--hx-head)!important}
html.hx-nd .hk h2{letter-spacing:-.03em!important}
html.hx-nd .hk-eb.hk-eb{font-size:17px!important;font-weight:600!important;letter-spacing:-.01em!important;text-transform:none!important;color:var(--hx-rd)!important}
html.hx-nd .hk-pane{border-color:var(--hx-line2)!important;border-radius:24px!important;box-shadow:0 30px 60px -40px rgba(0,0,0,.28)!important}
html.hx-nd .hk-chip{border-width:1px!important;border-radius:14px!important;transition:border-color .2s,background-color .2s,color .2s,transform .16s ease-out!important}
html.hx-nd .hk-chip:active{transform:scale(.97)}
html.hx-nd .hk-emp input[type=range]{accent-color:var(--hx-n)!important}
html.hx-nd .hk-emp output{font-weight:700!important;letter-spacing:-.03em!important;color:var(--hx-head)!important}
html.hx-nd .hk-steps li{border-radius:12px!important}
html.hx-nd .hk-btn{border-radius:980px!important;text-transform:none!important;letter-spacing:-.01em!important;box-shadow:none!important}
html.hx-nd .hk-trust span{background:var(--hx-soft)!important}
/* hlavné tlačidlá a postup kalkulačky tmavomodré ako ostatné tlačidlá; červená ostáva len pri riziku a chybách */
html.hx-nd .hk .hk-btn:not(.hk-btn--g){background:var(--hx-n)!important;font-weight:500!important}
html.hx-nd .hk .hk-btn:not(.hk-btn--g):hover{background:var(--hx-n2)!important;transform:none!important}
html.hx-nd .hk .hk-btn.hk-btn--g{border-width:1px!important;border-color:var(--hx-line)!important;color:var(--hx-ink)!important;font-weight:500!important}
html.hx-nd .hk .hk-steps li.on:before,html.hx-nd .hk .hk-wz__bar i{background:var(--hx-n)!important}
html.hx-nd .hk .hk-chk input,html.hx-nd .hk .hk-form .cons input{accent-color:var(--hx-n)!important}

/* ===== 13) E-book popup (.hqe) ===== */
html.hx-nd .hqe-box{border-radius:28px!important}
html.hx-nd .hqe-img{border-radius:28px 0 0 28px!important}
html.hx-nd .hqe-h{font-weight:700!important;letter-spacing:-.025em!important;line-height:1.1!important;color:var(--hx-head)!important}
html.hx-nd .hqe-eye{background:var(--hx-soft)!important;color:var(--hx-rd)!important;text-transform:none!important;letter-spacing:0!important;font-size:13px!important}
html.hx-nd .hqe-ul li::before{color:var(--hx-n)!important}
html.hx-nd .hqe-f input[type=email]{border:1px solid var(--hx-line)!important;border-radius:12px!important}
html.hx-nd .hqe-btn.hqe-btn{background:var(--hx-n)!important;text-transform:none!important;letter-spacing:-.01em!important;font-weight:600!important;font-size:17px!important;border-radius:980px!important}
html.hx-nd .hqe-btn.hqe-btn:hover{background:var(--hx-n2)!important;transform:none!important}
html.hx-nd .hqe-gd a{color:var(--hx-link)!important}

/* ===== 14) Mobilná spodná lišta ===== */
html.hx-nd .hxb__go.hxb__go{background:var(--hx-n)!important;border-radius:980px!important;text-transform:none!important;letter-spacing:-.01em!important}

/* ===== 15) Cookie lišta ===== */
html.hx-nd .cky-consent-container .cky-consent-bar{border-radius:22px!important;border:0!important;box-shadow:0 30px 60px -20px rgba(0,0,0,.3),0 0 0 1px rgba(0,0,0,.05)!important}
html.hx-nd .cky-consent-container .cky-title{font-family:var(--hx-font)!important;font-weight:700!important;letter-spacing:-.02em!important;color:var(--hx-head)!important}
/* od tabletu vyššie: namiesto lišty cez celú šírku malá karta vľavo dole – nezakrýva úvod (ilustrácia v strede, štítok vpravo).
   Texty a tlačidlá ostávajú; „Odmietnuť“ a „Prijať všetko“ rovnako veľké vedľa seba, „Prispôsobiť“ pod nimi. */
@media (min-width:768px){
  html.hx-nd .cky-consent-container.cky-box-bottom-left.cky-box-bottom-left{left:24px!important;right:auto!important;bottom:24px!important;width:392px!important;max-width:calc(100vw - 48px)!important}
  html.hx-nd .cky-consent-container .cky-consent-bar.cky-consent-bar{border-radius:22px!important;padding:20px 20px 18px!important;box-shadow:0 30px 60px -20px rgba(17,24,52,.35),0 0 0 1px rgba(0,0,0,.06)!important}
  html.hx-nd .cky-consent-container .cky-notice.cky-notice{display:block!important;max-width:none!important;margin:0!important}
  html.hx-nd .cky-consent-container .cky-notice .cky-title.cky-title{display:block!important;font-size:17px!important;line-height:1.25!important;margin:0 0 6px!important}
  html.hx-nd .cky-consent-container .cky-notice-group.cky-notice-group{display:block!important}
  html.hx-nd .cky-consent-container .cky-notice-des p{font-size:13px!important;line-height:1.45!important;color:var(--hx-mut)!important}
  html.hx-nd .cky-consent-container .cky-notice-btn-wrapper.cky-notice-btn-wrapper{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;margin:14px 0 0!important}
  html.hx-nd .cky-consent-container .cky-notice-btn-wrapper .cky-btn{width:100%!important;margin:0!important;padding:10px 12px!important}
  html.hx-nd .cky-consent-container .cky-notice-btn-wrapper .cky-btn-reject{order:1}
  html.hx-nd .cky-consent-container .cky-notice-btn-wrapper .cky-btn-accept{order:2}
  html.hx-nd .cky-consent-container .cky-notice-btn-wrapper .cky-btn-customize{order:3;grid-column:1/-1}
}
/* mobil: lišta dole ostáva, len nižšia */
@media (max-width:767px){
  html.hx-nd .cky-consent-container .cky-consent-bar.cky-consent-bar{padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important}
  html.hx-nd .cky-consent-container .cky-notice-des p{font-size:12px!important;line-height:1.4!important}
  html.hx-nd .cky-consent-container .cky-notice-btn-wrapper .cky-btn{padding:8px 10px!important;font-size:13px!important}
}

/* ===== 18) Podstránky – služby, mestá, produkty, cenník, referencie (.hx-city) ===== */
/* výzva na konci stránky: tmavomodrá ako na domovskej, tlačidlá biele (obrysové má farbu textu priamo v HTML) */
html.hx-nd .hx-city .hx-cta{background:var(--hx-n)!important;border-radius:28px!important;padding:clamp(36px,5vw,56px) clamp(22px,4vw,48px)!important}
html.hx-nd .hx-city .hx-cta h2{color:#fff!important}
html.hx-nd .hx-city .hx-cta p{color:rgba(255,255,255,.82)!important;font-size:19px;line-height:1.47}
html.hx-nd .hx-city .hx-cta a:not(.hx-btn){color:#fff!important}
html.hx-nd .hx-city .hx-cta .hx-btn:not(.hx-ghost){background:#fff!important;border-color:#fff!important;color:var(--hx-n)!important}
html.hx-nd .hx-city .hx-cta .hx-btn:not(.hx-ghost):hover{background:#eef0f6!important}
html.hx-nd .hx-city .hx-cta .hx-btn.hx-ghost{background:transparent!important;border:1px solid rgba(255,255,255,.55)!important;color:#fff!important}
html.hx-nd .hx-city .hx-cta .hx-btn.hx-ghost:hover{border-color:#fff!important;background:rgba(255,255,255,.08)!important}
/* tabuľky: svetlá hlavička, jemné deliace čiary, bez pruhov */
html.hx-nd :is(.hx-city,.hx-cs) table :is(thead th,tr:first-child>th){background:var(--hx-soft)!important;color:var(--hx-head)!important;font-weight:600!important;text-transform:none!important;letter-spacing:-.005em!important;font-size:14px!important;border-bottom:1px solid var(--hx-line)!important}
html.hx-nd :is(.hx-city,.hx-cs) table td{border-bottom-color:var(--hx-line2)!important}
html.hx-nd :is(.hx-city,.hx-cs) table tr>td{background-color:transparent!important}
html.hx-nd :is(.hx-city,.hx-cs) table td:last-child{color:inherit}
html.hx-nd .hx-city :is(.hx-tbl-wrap,.hx-tw){border:1px solid var(--hx-line2);border-radius:18px}
html.hx-nd .hx-city :is(.hx-tbl-wrap,.hx-tw)>table{margin:0!important}
html.hx-nd .hx-city .hx-cennik table.hx-pt td:last-child,html.hx-nd .hx-city .hx-vs table.hx-vt tbody th{color:var(--hx-head)!important}
html.hx-nd .hx-city .hx-vs table.hx-vt td:last-child{background:#f2f4fa!important;color:var(--hx-head)!important}
/* otváracie hodiny pobočky – bez rámčekov */
html.hx-nd .hx-city .hx-contact :is(table,tr,td,th){border:0!important;background:transparent!important}
html.hx-nd .hx-city .hx-contact td{padding:2px 16px 2px 0!important}
html.hx-nd .hx-city .hx-contact dt{text-transform:none!important;letter-spacing:0!important;font-size:13px!important;color:var(--hx-mut)!important}
html.hx-nd .hx-city .hx-contact dd{color:var(--hx-head)!important}
/* karty a bloky: zaoblenie ako na domovskej stránke */
html.hx-nd :is(.hx-city,.hx-cs) :is(.hx-svc>div,.hx-grid>div:not(.hx-card),.hx-dep div,.hx-cal-col,.hx-pp-card,.hx-kat-card,.hx-stat,.hx-price,.hx-cls div,.hx-g,.hx-q,.hx-pq,.hx-hq,.hx-c3,.hx-case,.hx-date){border-radius:22px!important}
html.hx-nd :is(.hx-city,.hx-cs) :is(.hx-svc>div,.hx-dep div,.hx-cls div){padding:22px!important}
html.hx-nd .hx-city .hx-steps li{border-radius:16px!important}
html.hx-nd .hx-city .hx-steps strong{color:var(--hx-head)!important}
html.hx-nd .hx-city :is(.hx-cal-col,.hx-pp-card,.hx-kat-card){border-top-width:4px!important}
html.hx-nd .hx-city :is(.hx-svc,.hx-grid,.hx-dep) :is(h3,b){letter-spacing:-.015em}
/* čísla a ceny: tmavé, výrazné */
html.hx-nd :is(.hx-city,.hx-cs) :is(.hx-price b,.hx-price strong.big,.hx-stat b,.hx-case__n b,.hx-g .r){color:var(--hx-head)!important;font-weight:700!important;letter-spacing:-.03em!important}
html.hx-nd :is(.hx-city,.hx-cs) :is(.hx-price b,.hx-price strong.big,.hx-stat b){color:var(--hx-acc)!important}
/* malé popisky veľkými písmenami → bežné písmo */
html.hx-nd :is(.hx-city,.hx-cs) :is(.hx-role,.hx-pp-tag,.hx-kat-arrow,.hx-od,.hx-case__go,.hx-g .m,.hx-pq figcaption,.hx-qt i,.hx-hq .k,.hx-facts dt,.hx-tl time,.hx-mc small,.hx-cal-n span){text-transform:none!important;letter-spacing:0!important}
html.hx-nd .hx-city .hx-role{font-size:17px!important;font-weight:600!important;color:var(--hx-rd)!important}
html.hx-nd .hx-city :is(.hx-g .m,.hx-pq figcaption){font-size:16px!important;font-weight:600!important;color:var(--hx-head)!important;font-style:normal!important}
html.hx-nd .hx-city :is(.hx-case__go,.hx-g .l){color:var(--hx-link)!important;font-weight:500!important;font-size:15px!important}
/* poznámky a upozornenia: jemný podklad bez bočného pruhu */
/* .hx-note je na niektorých stránkach žltý rámček, inde len poznámka pod tabuľkou – meníme len okraj */
html.hx-nd .hx-city .hx-note{border-left:0!important;border-radius:16px!important}
html.hx-nd .hx-city .hx-warn{background:#fdf1f1!important;border-left:0!important;border-radius:16px!important;padding:16px 20px!important}
html.hx-nd .hx-city .hx-alert{background:#fff5f5!important;border:1px solid rgba(200,22,28,.28)!important;border-radius:22px!important}
html.hx-nd .hx-city .hx-date{border-left:0!important}
html.hx-nd .hx-city .hx-quotes blockquote{border-left:0!important;border-radius:22px!important}
/* mapa pobočky */
html.hx-nd .hx-city .hx-map{border-radius:22px!important}
html.hx-nd .hx-city .hx-map button{font:500 15px/1 var(--hx-font)!important;text-transform:none!important;letter-spacing:-.01em!important;background:#fff!important;color:var(--hx-ink)!important;border:1px solid var(--hx-line)!important;border-radius:980px!important;padding:13px 20px!important}
/* cenník */
html.hx-nd .hx-cennik .hx-pc{border:1px solid var(--hx-line2)!important;border-radius:22px!important;box-shadow:none!important}
html.hx-nd .hx-cennik .hx-pc.hx-main{border:2px solid var(--hx-n)!important;box-shadow:0 22px 44px -24px rgba(0,0,0,.18)!important}
html.hx-nd .hx-cennik .hx-pc .hx-tag{background:var(--hx-n)!important;text-transform:none!important;letter-spacing:0!important;font-size:12px!important;font-weight:600!important;border-radius:980px!important}
html.hx-nd .hx-cennik .hx-pc .hx-od{font-size:13px!important;font-weight:500!important;color:var(--hx-mut)!important}
html.hx-nd .hx-cennik .hx-pc .hx-pr{color:var(--hx-head)!important;font-weight:700!important;letter-spacing:-.03em!important}
/* referencie */
html.hx-nd .hx-city .hx-score{background:var(--hx-n)!important;border-radius:28px!important;box-shadow:0 30px 60px -30px rgba(0,0,0,.35)!important}
html.hx-nd .hx-city .hx-score__big{letter-spacing:-.04em}
html.hx-nd .hx-city .hx-filt button{border-width:1px!important;font:500 14px/1.2 var(--hx-font)!important;color:var(--hx-ink)!important;border-radius:980px!important}
html.hx-nd .hx-city .hx-filt button[aria-pressed="true"]{background:var(--hx-n)!important;border-color:var(--hx-n)!important;color:#fff!important}
html.hx-nd .hx-city :is(.hx-q,.hx-pq) .qm{fill:var(--hx-line)!important}
html.hx-nd .hx-city .hx-q blockquote:before,html.hx-nd .hx-city .hx-q blockquote:after{color:var(--hx-mut)!important}
html.hx-nd .hx-city :is(.hx-pq,.hx-q--big,.hx-hq){border:1px solid var(--hx-line2)!important;box-shadow:none!important}
html.hx-nd .hx-city .hx-qt i{background:#fff!important;color:var(--hx-ink2)!important;font-weight:600!important;border-radius:980px!important}
html.hx-nd .hx-city .hx-case__img{background:var(--hx-n)!important}
html.hx-nd :is(.hx-city,.hx-cs) :is(.hx-case,.hx-c3,.hx-g,.hx-mc){transition:transform .5s var(--hx-ease),box-shadow .5s var(--hx-ease)!important}
html.hx-nd :is(.hx-city,.hx-cs) :is(.hx-case,.hx-c3,.hx-g,.hx-mc):hover{transform:translateY(-4px)!important;box-shadow:0 22px 44px -12px rgba(0,0,0,.14)!important}
/* produkty (hasiace prístroje, hadice) */
html.hx-nd .hx-prod .hx-ph{border:0!important;background:var(--hx-soft)!important;border-radius:22px!important}
html.hx-nd .hx-prod .hx-cls i{border-radius:8px!important}
/* štatistiky v slovách (napr. 650+ zákazníkov) */
html.hx-nd .hx-city .hx-stat span{color:var(--hx-mut)!important}

/* vnútorné odsadenia panelov – text nesmie byť nalepený na okraji */
html.hx-nd .hx-city section:is(.hv,.hv2){padding:clamp(44px,6vw,80px) clamp(24px,5vw,64px)!important;border-top:0!important;border-radius:28px}
@media (max-width:767px){html.hx-nd .hx-city section:is(.hv,.hv2){padding:40px 20px!important;border-radius:22px}}
html.hx-nd .hk .hk-m1{padding:16px 20px!important}
html.hx-nd .hk .hk-free{padding:12px 16px!important}
html.hx-nd .hq-inf{padding:18px 22px!important}
html.hx-nd .hq-inf.hq-inf--side{padding:20px!important}
html.hx-nd .elementor-price-table__header{padding-left:48px!important;padding-right:48px!important}
@media (max-width:767px){html.hx-nd .elementor-price-table__header{padding-left:40px!important;padding-right:40px!important}}
html.hx-nd .codedropz-upload-handler{padding:0 16px!important;border-radius:16px!important}
html.hx-nd .codedropz-upload-inner h3{font-size:20px!important;letter-spacing:-.015em!important}

/* ===== 19) Prípadové štúdie (.hx-cs) – rovnako ako .hx-city ===== */
html.hx-nd .hx-cs.hx-cs{--n:var(--hx-head);--ink:var(--hx-ink2);--mut:var(--hx-mut);--line:var(--hx-line2);--soft:var(--hx-soft);--r:var(--hx-link);font-size:17px;line-height:1.55}
html.hx-nd .hx-cs :is(h1,h2,h3){text-transform:none!important}
html.hx-nd .hx-cs h1{font-size:clamp(34px,4.4vw,52px)!important;font-weight:700!important;line-height:1.06!important}
html.hx-nd .hx-cs h2{font-size:clamp(28px,3.2vw,40px)!important;font-weight:700!important;line-height:1.1!important;margin-bottom:16px!important}
html.hx-nd .hx-cs h3{font-size:21px!important;font-weight:600!important;line-height:1.25!important}
html.hx-nd .hx-cs section{padding:56px 0!important}
html.hx-nd .hx-cs .hx-eyebrow{font-size:17px!important;font-weight:600!important;letter-spacing:-.01em!important;text-transform:none!important;color:var(--hx-rd)!important}
html.hx-nd .hx-cs .hx-lead{font-size:clamp(19px,1.6vw,21px)!important;line-height:1.42!important}
html.hx-nd .hx-cs .hx-hero svg{border-radius:28px}
html.hx-nd .hx-cs .hx-facts{border-radius:22px!important;background:var(--hx-line2)!important;border-color:var(--hx-line2)!important}
html.hx-nd .hx-cs .hx-facts dt{font-size:13px!important;color:var(--hx-mut)!important}
html.hx-nd .hx-cs .hx-facts dd{color:var(--hx-head)!important}
html.hx-nd .hx-cs .hx-stat b{font-size:clamp(34px,3.6vw,48px)!important}
html.hx-nd .hx-cs .hx-card{border-radius:22px!important;padding:26px!important}
html.hx-nd .hx-cs .hx-tl{border-left:2px solid var(--hx-line2)!important}
html.hx-nd .hx-cs .hx-tl li::before{border-color:var(--hx-n)!important;left:-7.5px!important}
html.hx-nd .hx-cs .hx-tl time{color:var(--hx-rd)!important;font-weight:600!important;font-size:14px!important}
html.hx-nd .hx-cs .hx-tl strong{color:var(--hx-head)!important}
html.hx-nd .hx-cs .hx-quote{background:var(--hx-n)!important;border-radius:22px!important}
html.hx-nd .hx-cs details{padding:18px 0!important;border-bottom-color:var(--hx-line2)!important}
html.hx-nd .hx-cs summary{font-size:19px;font-weight:600;line-height:1.35;letter-spacing:-.015em;color:var(--hx-head)!important;align-items:center}
html.hx-nd .hx-cs summary::after{color:var(--hx-acc)!important;font-weight:300;transition:transform .36s var(--hx-ease)!important}
html.hx-nd .hx-cs .hx-mc{border:0!important;background:var(--hx-soft)!important;border-radius:22px!important;padding:24px!important}
html.hx-nd .hx-cs .hx-mc small{color:var(--hx-rd)!important;font-weight:600!important;font-size:13px!important}
html.hx-nd .hx-cs .hx-mc b{color:var(--hx-head)!important;font-size:20px!important;letter-spacing:-.02em}
html.hx-nd .hx-cs .hx-mc i{color:var(--hx-link)!important;font-weight:500!important}
html.hx-nd .hx-cs .hx-cta{background:var(--hx-soft)!important;border-radius:28px!important;padding:clamp(36px,5vw,56px) clamp(22px,4vw,48px)!important}
html.hx-nd .hx-cs .hx-cta h2{color:var(--hx-head)!important}
html.hx-nd .hx-cs .hx-cta a:not(.hx-btn){color:var(--hx-link)!important}
html.hx-nd .hx-cs .hx-btn{display:inline-flex!important;align-items:center;min-height:48px;background:var(--hx-n)!important;color:#fff!important;text-transform:none!important;letter-spacing:-.01em!important;font-weight:500!important;font-size:17px!important;border-radius:980px!important;padding:12px 26px!important;box-shadow:none!important;transition:transform .16s ease-out,background-color .2s!important}
html.hx-nd .hx-cs .hx-btn:hover{background:var(--hx-n2)!important}
html.hx-nd .hx-cs .hx-btn:active{transform:scale(.97)!important}

/* ===== 20) Časté otázky (.hx-faq) a e-learning (.hx-ec) ===== */
html.hx-nd .hx-faq{color:var(--hx-ink2)!important}
html.hx-nd .hx-faq>h2{color:var(--hx-head)!important;font-size:clamp(34px,4vw,48px)!important;font-weight:700!important;line-height:1.08!important}
html.hx-nd .hx-faq .hx-lead{color:var(--hx-mut)!important;font-size:19px!important;line-height:1.47!important}
html.hx-nd .hx-faq .hx-cat{color:var(--hx-rd)!important;text-transform:none!important;letter-spacing:-.01em!important;font-size:17px!important;font-weight:600!important;margin-top:40px!important}
html.hx-nd .hx-faq details{border-bottom-color:var(--hx-line2)!important;padding:18px 0!important}
html.hx-nd .hx-faq summary{color:var(--hx-head)!important;font-size:19px!important;letter-spacing:-.015em;line-height:1.35}
html.hx-nd .hx-faq summary::after{color:var(--hx-acc)!important;transition:transform .36s var(--hx-ease)!important}
html.hx-nd .hx-faq summary:focus-visible{outline-color:var(--hx-link)!important}
html.hx-nd .hx-faq details p{color:var(--hx-mut);font-size:17px;line-height:1.5}
html.hx-nd .hx-faq a{color:var(--hx-link)!important}
html.hx-nd .hx-faq .hx-cta a{background:var(--hx-n)!important;color:#fff!important;text-decoration:none!important;text-transform:none!important;font-weight:500!important;letter-spacing:-.01em;border-radius:980px!important;padding:14px 28px!important}
html.hx-nd .hx-ec{--n:var(--hx-head);--r:var(--hx-link);--mut:var(--hx-mut);--line:var(--hx-line2);--soft:var(--hx-soft)}
html.hx-nd .hx-ec h2{text-transform:none!important;font-weight:700!important;color:var(--hx-head)!important;font-size:clamp(28px,3.2vw,40px)!important;line-height:1.1!important}
html.hx-nd .hx-ec .hx-ec-g li{border:0!important;background:var(--hx-soft)!important;border-radius:22px!important;padding:20px!important}
html.hx-nd .hx-ec .hx-ec-g li.hx-ec-m{background:#fff!important;box-shadow:inset 0 0 0 2px var(--hx-n)!important}
html.hx-nd .hx-ec .hx-ec-g b{color:var(--hx-head)!important;letter-spacing:-.015em}
html.hx-nd .hx-ec .hx-ec-l abbr{background:#fff!important;color:var(--hx-ink2)!important;font-weight:600!important;letter-spacing:0!important;border-radius:980px!important}
html.hx-nd .hx-ec .hx-ec-g li.hx-ec-m abbr{background:var(--hx-soft)!important}

/* ===== 21) Články blogu ===== */
html.hx-nd body.single-post .elementor[data-elementor-type="wp-post"] :is(h1,h2,h3,h4):not(#hx){color:var(--hx-head)!important;font-weight:700!important;text-transform:none!important}
html.hx-nd body.single-post .elementor[data-elementor-type="wp-post"] h1:not(#hx){font-size:clamp(34px,4.4vw,52px)!important;line-height:1.06!important;letter-spacing:-.03em!important}
html.hx-nd body.single-post .elementor[data-elementor-type="wp-post"] h2:not(#hx){font-size:clamp(26px,2.8vw,34px)!important;line-height:1.12!important;margin-top:1.4em}
html.hx-nd body.single-post .elementor[data-elementor-type="wp-post"] :is(h3,h4):not(#hx){font-size:clamp(20px,2vw,24px)!important;line-height:1.25!important;font-weight:600!important}
html.hx-nd body.single-post .elementor[data-elementor-type="wp-post"] .elementor-widget-text-editor{color:var(--hx-ink2)!important;font-size:17px!important;line-height:1.6!important}
html.hx-nd body.single-post .elementor[data-elementor-type="wp-post"] .elementor-widget-text-editor a{color:var(--hx-link)!important}
html.hx-nd body.single-post .elementor[data-elementor-type="wp-post"] .elementor-widget-image img{border-radius:22px}
/* nadpisy v starších článkoch majú vo vnútri farebné <span>/<a> z editora – farba podľa nadpisu */
html.hx-nd body.single-post .elementor[data-elementor-type="wp-post"] :is(h1,h2,h3,h4) :is(a,span,strong,b):not(#hx){color:inherit!important}
/* autor a výzva sú za článkom – rovnaká šírka ako text, resp. obsah stránky */
html.hx-nd body.single-post .hx-author{box-sizing:border-box;width:calc(100% - 40px);max-width:760px;margin:48px auto 0!important}
html.hx-nd body.single-post .hx-post-cta{width:calc(100% - 40px)!important;max-width:1120px!important;margin-left:auto!important;margin-right:auto!important}
html.hx-nd .hx-art-meta{color:var(--hx-mut)!important;font-weight:500!important}
html.hx-nd .hx-art-meta b{color:var(--hx-head)!important;font-weight:600!important}
html.hx-nd .hx-art-bc,html.hx-nd .hx-art-bc a{font-weight:500!important;color:var(--hx-mut)!important}
html.hx-nd :is(.hx-sum,.hx-toc){border-radius:22px!important;padding:22px 26px!important}
html.hx-nd .hx-sum{border-left:0!important;background:var(--hx-soft)!important}
html.hx-nd :is(.hx-sum,.hx-toc)>strong{text-transform:none!important;letter-spacing:-.01em!important;font-size:17px!important;font-weight:600!important}
html.hx-nd .hx-sum>strong{color:var(--hx-rd)!important}
html.hx-nd .hx-toc{border-color:var(--hx-line2)!important}
html.hx-nd .hx-toc>strong{color:var(--hx-head)!important}
html.hx-nd .hx-toc a{color:var(--hx-link)!important}
html.hx-nd .hx-mid{background:var(--hx-soft)!important;border-radius:22px!important}
html.hx-nd .hx-mid strong{color:var(--hx-head)!important}
html.hx-nd .hx-mid a{background:var(--hx-n)!important;font-weight:500!important;border-radius:980px!important}
html.hx-nd .hx-mid a:hover{background:var(--hx-n2)!important}
html.hx-nd .hx-author{border-color:var(--hx-line2)!important;border-radius:22px!important;padding:22px 24px!important}
html.hx-nd .hx-author__av{background:var(--hx-n)!important;font-family:var(--hx-font)!important;font-size:20px!important;font-weight:600!important}
html.hx-nd .hx-author b{font-size:19px!important;font-weight:600!important;color:var(--hx-head)!important;letter-spacing:-.015em}
html.hx-nd .hx-post-cta{border-left:0!important;border-radius:28px!important;padding:clamp(28px,4vw,44px)!important;background:var(--hx-n)!important}
html.hx-nd .hx-post-cta__label{text-transform:none!important;letter-spacing:-.01em!important;font-size:17px!important;font-weight:600!important}
html.hx-nd .hx-post-cta__title{font-weight:700!important;letter-spacing:-.025em!important;line-height:1.1!important}
html.hx-nd .hx-post-cta__text{color:rgba(255,255,255,.82)!important}
html.hx-nd .hx-post-cta a.hx-post-cta__btn{background:#fff!important;border:1px solid #fff!important;color:var(--hx-n)!important;border-radius:980px!important;font-weight:500!important;padding:13px 24px!important}
html.hx-nd .hx-post-cta a.hx-post-cta__btn:hover{background:#eef0f6!important;border-color:#eef0f6!important}
html.hx-nd .hx-post-cta a.hx-post-cta__btn--line{background:transparent!important;border-color:rgba(255,255,255,.55)!important;color:#fff!important}
html.hx-nd .hx-post-cta a.hx-post-cta__btn--line:hover{border-color:#fff!important;background:rgba(255,255,255,.08)!important;color:#fff!important}
/* zoznam článkov */
html.hx-nd .elementor-posts .elementor-post__read-more{color:var(--hx-link)!important;font-size:15px!important;font-weight:500!important;text-transform:none!important;letter-spacing:-.01em!important}

/* ===== 22) Staršie bloky Elementoru (o nás, bannery, počítadlá, recenzie) ===== */
html.hx-nd .elementor-slides-wrapper{border-radius:28px;overflow:hidden}
html.hx-nd .elementor-slide-heading{font-weight:700!important;letter-spacing:-.025em!important;line-height:1.1!important}
html.hx-nd .elementor-slide-button.elementor-button:not(#hx){background:#fff!important;border:0!important;color:var(--hx-n)!important;border-radius:980px!important;font-size:15px!important;font-weight:500!important;letter-spacing:-.01em!important;text-transform:none!important;padding:12px 22px!important}
html.hx-nd .elementor-counter .elementor-counter-number-wrapper{color:var(--hx-head)!important;font-weight:700!important;letter-spacing:-.035em!important}
html.hx-nd .elementor-counter .elementor-counter-title{color:var(--hx-mut)!important;font-weight:500!important;letter-spacing:-.01em!important}
html.hx-nd .elementor-testimonial__text{font-style:normal!important;color:var(--hx-ink)!important;letter-spacing:-.01em}
html.hx-nd .elementor-testimonial__name{text-transform:none!important;letter-spacing:-.01em!important;color:var(--hx-head)!important}
html.hx-nd .elementor-price-table{border-radius:28px;overflow:hidden}
/* stránka O nás (264): úvodný blok a nadpis recenzií */
html.hx-nd .elementor-264 .elementor-element-f0b22d5 .elementor-heading-title,html.hx-nd .elementor-264 .elementor-element-266e3ec4 .elementor-heading-title{color:var(--hx-head)!important;font-weight:700!important;font-size:clamp(28px,3.2vw,40px)!important;line-height:1.1!important;letter-spacing:-.025em!important}
html.hx-nd .elementor-264 .elementor-element-813ee55:not(#hx){text-align:left!important;color:var(--hx-mut)!important;font-size:17px!important;line-height:1.55!important}

/* ===== 23) Domovská stránka a konverzné tlačidlá ===== */
/* veta s príkladom ceny v úvode domovskej stránky sa v novom dizajne nezobrazuje */
html.hx-nd :is(.elementor-44,.elementor-5877) .hh-note{display:none!important}
/* červené sú len tlačidlá vedúce k cenovej ponuke: hlavička, úvod, kalkulácia, formuláre, spodná lišta, výzvy na podstránkach */
html.hx-nd .elementor-location-header .elementor-element-d26a95f .elementor-button.elementor-button{background:var(--hx-cta)!important;border-color:var(--hx-cta)!important}
html.hx-nd .elementor-location-header .elementor-element-d26a95f .elementor-button.elementor-button:hover{background:var(--hx-cta2)!important;border-color:var(--hx-cta2)!important}
html.hx-nd .hh-b1.hh-b1{background:var(--hx-cta)!important;border-color:var(--hx-cta)!important}
html.hx-nd .hh-b1.hh-b1:hover,html.hx-nd .hh-b1.hh-b1:focus{background:var(--hx-cta2)!important;border-color:var(--hx-cta2)!important}
html.hx-nd .hh-mlink a{background:var(--hx-cta)}
html.hx-nd .hh-mlink a:hover{background:var(--hx-cta2)}
html.hx-nd .hv-btn.hv-btn,html.hx-nd .hv2-btn.hv2-btn{background:var(--hx-cta)!important;border-color:var(--hx-cta)!important}
html.hx-nd .hv-btn.hv-btn:hover,html.hx-nd .hv2-btn.hv2-btn:hover{background:var(--hx-cta2)!important;border-color:var(--hx-cta2)!important}
html.hx-nd .hx-city .hx-btn:not(.hx-ghost){background-color:var(--hx-cta)!important;border-color:var(--hx-cta)!important;color:#fff!important}
html.hx-nd .hx-city .hx-btn:not(.hx-ghost):hover{background-color:var(--hx-cta2)!important}
html.hx-nd .hx-city .hx-cta .hx-btn:not(.hx-ghost){background:var(--hx-cta)!important;border-color:var(--hx-cta)!important;color:#fff!important}
html.hx-nd .hx-city .hx-cta .hx-btn:not(.hx-ghost):hover{background:var(--hx-cta2)!important}
html.hx-nd .hxh-btn--r{background:var(--hx-cta)!important;border-color:var(--hx-cta)!important}
html.hx-nd .hxh-cta .hxh-btn--w{background:var(--hx-cta)!important;border-color:var(--hx-cta)!important;color:#fff!important}
html.hx-nd .hxh-cta .hxh-btn--w:hover,html.hx-nd .hxh-btn--r:hover{background:var(--hx-cta2)!important}
html.hx-nd .wpcf7-form :is(input[type=submit],button[type=submit],.wpcf7-submit):not(#hx){background:var(--hx-cta)!important;border-color:var(--hx-cta)!important}
html.hx-nd .wpcf7-form :is(input[type=submit],button[type=submit],.wpcf7-submit):hover:not(#hx){background:var(--hx-cta2)!important}
html.hx-nd .hk .hk-btn:not(.hk-btn--g):not(.hk-btn--sm){background:var(--hx-cta)!important}
html.hx-nd .hk .hk-btn:not(.hk-btn--g):not(.hk-btn--sm):hover{background:var(--hx-cta2)!important}
html.hx-nd .hxb__go.hxb__go{background:var(--hx-cta)!important}
html.hx-nd .hx-cs .hx-btn{background:var(--hx-cta)!important}
html.hx-nd .hx-cs .hx-btn:hover{background:var(--hx-cta2)!important}
html.hx-nd .hx-faq .hx-cta a,html.hx-nd .hx-mid a{background:var(--hx-cta)!important}
html.hx-nd .hx-faq .hx-cta a:hover,html.hx-nd .hx-mid a:hover{background:var(--hx-cta2)!important}
html.hx-nd .hx-post-cta a.hx-post-cta__btn:not(.hx-post-cta__btn--line){background:var(--hx-cta)!important;border-color:var(--hx-cta)!important;color:#fff!important}
html.hx-nd .hx-post-cta a.hx-post-cta__btn:not(.hx-post-cta__btn--line):hover{background:var(--hx-cta2)!important;border-color:var(--hx-cta2)!important}

/* ===== 24) Úvod domovskej stránky – smer C „Za vás“ =====
   Nadpis a tlačidlá na stred, pôvodná ilustrácia sa skryje, pod tlačidlami ilustrácia z uvod.js
   (tri listy + karta „Všetko v jednom paušáli“). Kým skript ilustráciu nevloží, je pre ňu rezervované miesto. */
/* štítok „1. mesiac zadarmo“ je v novom dizajne v ilustrácii (uvod.js) – nad nadpisom sa skryje */
html.hx-nd :is(.elementor-44,.elementor-5877) :is(.elementor-element-a1kick1,.elementor-element-a1kick2){display:none!important}
@media (min-width:1025px){
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-e58226f{margin-top:0!important;margin-bottom:8px!important}
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-e58226f :is(.elementor-element-cf44a36,.elementor-element-08fe4bf,.elementor-element-b5344e1){display:none!important}
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-e58226f > .elementor-container{justify-content:center}
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element.elementor-element-b2a7868{width:100%!important;max-width:1200px}
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element.elementor-element-b2a7868 > .elementor-element-populated{padding:56px 40px 0!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center}
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-a1kick1{order:1;width:auto!important}
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-3e9b4bf{order:2;width:100%!important;text-align:center!important}
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-b312246{order:3;width:100%!important}
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-3e9b4bf .elementor-heading-title{font-size:clamp(52px,5.2vw,76px)!important;line-height:1.02!important;letter-spacing:-.04em!important;text-align:center!important;max-width:940px;margin:0 auto!important;text-wrap:balance}
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-b312246 > .elementor-widget-container{display:flex;flex-direction:column;align-items:center;text-align:center}
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-b312246 .hh-lead.hh-lead{margin:22px auto 0!important;max-width:660px!important;text-align:center;text-wrap:balance}
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-b312246 .hh-usp{display:flex!important;flex-wrap:wrap;justify-content:center;gap:10px 26px!important;margin-top:22px!important}
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-b312246 .hh-btns{justify-content:center;margin-top:26px!important}
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-b312246 .hh-trust{justify-content:center!important;border-top:0!important;padding-top:0!important;margin-top:28px!important}
  html.hx-nd:not(.hxc-on) :is(.elementor-44,.elementor-5877) .elementor-element-b312246 .hh-btns{margin-bottom:370px!important}
}
/* notebooky (nízka obrazovka): menší nadpis a medzery, ilustrácia menšia (zoom) a výhody až pod ňou,
   aby bola celá ilustrácia aj s kartou „Všetko v jednom paušáli“ vidieť bez posúvania */
@media (min-width:1025px) and (max-height:900px){
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element.elementor-element-b2a7868 > .elementor-element-populated{padding-top:clamp(18px,3.2vh,40px)!important}
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-3e9b4bf .elementor-heading-title{font-size:clamp(44px,min(5.2vw,7.6vh),68px)!important}
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-b312246 .hh-lead.hh-lead{margin-top:14px!important;max-width:740px!important}
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-b312246 .hh-lead{order:1}
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-b312246 .hh-btns{order:2;margin-top:20px!important}
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-b312246 .hxc-stage{order:3;margin-top:28px;zoom:.9}
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-b312246 .hh-usp{order:4;margin-top:26px!important}
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-b312246 .hh-note{order:5}
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-b312246 .hh-trust{order:6;margin-top:20px!important}
  /* miesto pre ilustráciu, kým ju skript nevloží: (28 + 330) × zoom */
  html.hx-nd:not(.hxc-on) :is(.elementor-44,.elementor-5877) .elementor-element-b312246 .hh-btns{margin-bottom:322px!important}
}
@media (min-width:1025px) and (max-height:800px){
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-b312246 .hxc-stage{zoom:.84}
  html.hx-nd:not(.hxc-on) :is(.elementor-44,.elementor-5877) .elementor-element-b312246 .hh-btns{margin-bottom:301px!important}
}
@media (min-width:1025px) and (max-height:700px){
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-b312246 .hh-lead.hh-lead{font-size:17px!important;line-height:1.45!important}
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-b312246 .hxc-stage{zoom:.76}
  html.hx-nd:not(.hxc-on) :is(.elementor-44,.elementor-5877) .elementor-element-b312246 .hh-btns{margin-bottom:272px!important}
}
@media (max-width:1024px){
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-1964bbb :is(.elementor-element-ef170fd,.elementor-element-f21459f){display:none!important}
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-5ef9e8e{width:100%!important}
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-5ef9e8e > .elementor-element-populated{display:flex!important;flex-direction:column!important;align-items:center!important}
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-a1kick2{order:1;width:auto!important}
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-14be00a{order:2;width:100%!important}
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-f07fe1c{order:3;width:100%!important}
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-f07fe1c > .elementor-widget-container{display:flex;flex-direction:column;align-items:center}
  /* mobil: tlačidlo ostáva hore, ilustrácia pod ním, výhody a hodnotenie až za ňou */
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-f07fe1c .hh-lead{order:1}
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-f07fe1c .hh-mlink{order:2;align-self:stretch}
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-f07fe1c .hxc-stage{order:3}
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-f07fe1c .hh-usp{order:4;margin-top:22px!important}
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-f07fe1c .hh-trust{order:5}
  html.hx-nd:not(.hxc-on) :is(.elementor-44,.elementor-5877) .elementor-element-f07fe1c .hh-mlink{margin-bottom:318px!important}
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-14be00a,
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-14be00a .elementor-heading-title:not(#hx){text-align:center!important;text-wrap:balance}
}
/* tablet (768–1024 px má mobilný úvod): väčší nadpis a tlačidlo v strede */
@media (min-width:768px) and (max-width:1024px){
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-14be00a .elementor-heading-title:not(#hx){font-size:56px!important;max-width:680px;margin:0 auto!important}
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-f07fe1c .hh-mlink{align-self:center!important}
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-f07fe1c .hh-mlink a{min-width:340px}
  html.hx-nd :is(.elementor-44,.elementor-5877) .elementor-element-f07fe1c .hh-usp{display:flex!important;flex-wrap:wrap;justify-content:center;gap:10px 24px!important}
}
/* ilustrácia: tri listy a karta */
@keyframes hxcSheet{from{opacity:0;transform:translateY(46px) rotate(0deg) scale(.9)}}
@keyframes hxcPill{from{opacity:0;transform:translateY(28px) scale(.94)}to{opacity:1;transform:none}}
@keyframes hxcDraw{from{stroke-dashoffset:30}to{stroke-dashoffset:0}}
html.hx-nd .hxc-stage{position:relative;box-sizing:border-box;width:100%;max-width:1120px;height:330px;margin:40px auto 0;border-radius:44px;background:var(--hx-soft);overflow:hidden;text-align:left}
html.hx-nd .hxc-sheet{position:absolute;left:50%;top:40px;width:210px;margin-left:-105px;animation:hxcSheet 1.1s cubic-bezier(.2,.8,.2,1) both}
html.hx-nd .hxc-s1{transform:translateX(-250px) rotate(-7deg);animation-delay:.2s}
html.hx-nd .hxc-s2{top:26px;transform:translateY(-6px);animation-delay:.35s}
html.hx-nd .hxc-s3{transform:translateX(250px) rotate(7deg);animation-delay:.5s}
html.hx-nd .hxc-paper{box-sizing:border-box;height:250px;padding:22px;border-radius:22px;background:#fff;box-shadow:0 24px 48px -26px rgba(33,46,99,.4),0 0 0 1px rgba(0,0,0,.04);display:flex;flex-direction:column;gap:14px}
html.hx-nd .hxc-ic{width:44px;height:44px;border-radius:13px;background:var(--hx-soft);display:flex;align-items:center;justify-content:center;color:var(--hx-head)}
html.hx-nd .hxc-ic--r{color:var(--hx-acc)}
html.hx-nd .hxc-ic--y{color:var(--hx-y)}
/* logo HASPO ako hlavička na každom liste – značka priamo v ilustrácii */
html.hx-nd .hxc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
html.hx-nd .hxc-logo{display:block;width:auto!important;height:26px!important;margin-top:0}
html.hx-nd .hxc-paper b{font-size:19px;line-height:1.2;font-weight:700;letter-spacing:-.02em;color:var(--hx-head)}
html.hx-nd .hxc-ln{display:flex;flex-direction:column;gap:9px}
html.hx-nd .hxc-ln i{display:block;height:8px;border-radius:4px;background:#EEF0F6}
html.hx-nd .hxc-ln i:nth-child(2){width:80%}
html.hx-nd .hxc-ln i:nth-child(3){width:62%}
html.hx-nd .hxc-pill{position:absolute;left:0;right:0;top:186px;display:flex;justify-content:center;pointer-events:none;animation:hxcPill .9s cubic-bezier(.2,.8,.2,1) 1.1s both}
html.hx-nd .hxc-pill-in{display:flex;align-items:center;gap:16px;padding:20px 28px 20px 22px;white-space:nowrap;border-radius:24px;background:var(--hx-n);box-shadow:0 30px 60px -24px rgba(33,46,99,.6)}
html.hx-nd .hxc-pill-in svg{flex:none}
html.hx-nd .hxc-chk{stroke-dasharray:30;stroke-dashoffset:30;animation:hxcDraw .5s ease-out 1.75s forwards}
html.hx-nd .hxc-pt{display:flex;flex-direction:column;gap:3px}
html.hx-nd .hxc-pt b{font-size:20px;line-height:1.2;font-weight:700;letter-spacing:-.02em;color:#fff!important}
html.hx-nd .hxc-pt span{font-size:14px;line-height:1.35;color:rgba(255,255,255,.78)!important}
@keyframes hxcBadge{0%{opacity:0;transform:scale(.4) rotate(-28deg)}60%{opacity:1;transform:scale(1.1) rotate(16deg)}80%{transform:scale(.97) rotate(8deg)}100%{opacity:1;transform:scale(1) rotate(10deg)}}
html.hx-nd .hxc-stage{overflow:visible}
html.hx-nd .hxc-badge{position:absolute;top:-26px;right:56px;width:120px;height:120px;transform:rotate(10deg);animation:hxcBadge .9s cubic-bezier(.2,.8,.3,1) 2s both;z-index:2}
html.hx-nd .hxc-badge-in{box-sizing:border-box;width:100%;height:100%;border-radius:50%;background:var(--hx-y);color:#2B2200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;text-align:center;box-shadow:0 18px 34px -16px rgba(43,34,0,.45),inset 0 0 0 4px rgba(255,255,255,.35)}
html.hx-nd .hxc-badge-in b{font-size:22px;line-height:1.05;font-weight:800;letter-spacing:-.03em;color:#2B2200!important}
html.hx-nd .hxc-badge-in span{font-size:15px;line-height:1.1;font-weight:600;letter-spacing:-.01em;color:#2B2200!important}
@media (min-width:768px) and (max-width:1024px){
  html.hx-nd .hxc-stage{max-width:680px;height:310px;margin-top:28px}
  html.hx-nd .hxc-s1{transform:translateX(-200px) rotate(-7deg)}
  html.hx-nd .hxc-s3{transform:translateX(200px) rotate(7deg)}
  html.hx-nd .hxc-badge{right:-14px;top:-30px;width:104px;height:104px}
}
@media (max-width:767px){
  html.hx-nd .hxc-stage{height:280px;margin:22px auto 0;border-radius:30px}
  html.hx-nd .hxc-sheet{top:30px;width:124px;margin-left:-62px}
  html.hx-nd .hxc-s1{transform:translateX(-108px) rotate(-8deg)}
  html.hx-nd .hxc-s2{top:20px;transform:none}
  html.hx-nd .hxc-s3{transform:translateX(108px) rotate(8deg)}
  html.hx-nd .hxc-paper{height:170px;padding:13px 12px;border-radius:18px;gap:10px}
  html.hx-nd .hxc-ic{width:34px;height:34px;border-radius:10px}
  html.hx-nd .hxc-ic svg{width:20px;height:20px}
  html.hx-nd .hxc-logo{height:16px!important;margin-top:0}
  html.hx-nd .hxc-paper b{font-size:13px;letter-spacing:-.015em}
  html.hx-nd .hxc-ln{gap:7px}
  html.hx-nd .hxc-ln i{height:6px}
  html.hx-nd .hxc-ln i:nth-child(3){display:none}
  html.hx-nd .hxc-pill{left:16px;right:16px;top:auto;bottom:18px}
  html.hx-nd .hxc-pill-in{flex:1;padding:14px 16px;border-radius:20px;gap:12px;white-space:normal}
  html.hx-nd .hxc-pill-in svg{width:38px;height:38px}
  html.hx-nd .hxc-pt b{font-size:17px}
  html.hx-nd .hxc-pt span{font-size:13px}
  html.hx-nd .hxc-stage{height:296px}
  html.hx-nd .hxc-sheet{top:46px}
  html.hx-nd .hxc-s2{top:36px}
  html.hx-nd .hxc-badge{top:-16px;right:-4px;width:76px;height:76px}
  html.hx-nd .hxc-badge-in{box-shadow:0 12px 24px -12px rgba(43,34,0,.5),inset 0 0 0 3px rgba(255,255,255,.35)}
  html.hx-nd .hxc-badge-in b{font-size:15px}
  html.hx-nd .hxc-badge-in span{font-size:12px}
}
@media (prefers-reduced-motion:reduce){
  html.hx-nd :is(.hxc-sheet,.hxc-pill,.hxc-badge){animation:none!important}
  html.hx-nd .hxc-chk{animation:none!important;stroke-dashoffset:0}
}

/* ===== 16) Prístupnosť: menej pohybu a priehľadnosti, ak si to používateľ nastavil ===== */
@media (prefers-reduced-motion:reduce){
  html.hx-nd :is(.hxh-s,.hxh-o,.hx-card,.hx-hr__c,.elementor-button,.hh-b){transition:none!important}
  html.hx-nd :is(a.hxh-s,.hxh-o,.hx-card):hover{transform:none!important}
}
@media (prefers-reduced-transparency:reduce){
  html.hx-nd .elementor-location-header .elementor-element-d613f7f{background:#fff!important;-webkit-backdrop-filter:none;backdrop-filter:none}
}

/* ===== 17) Odznak náhľadu (len v režime náhľadu) ===== */
html.hx-nd .hx-nd-badge{position:fixed;left:16px;bottom:16px;z-index:99990;display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:980px;background:rgba(29,29,31,.86);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff!important;font:500 13px/1.2 var(--hx-font);letter-spacing:-.01em;text-decoration:none!important;box-shadow:0 12px 30px -10px rgba(0,0,0,.4)}
html.hx-nd .hx-nd-badge span{opacity:.7}
html.hx-nd .hx-nd-badge:hover{background:rgba(29,29,31,.95)}
@media (max-width:767px){html.hx-nd .hx-nd-badge{bottom:84px}}