/* === MODERNY DIZAJN 2026 (Bezprachu = cierna+zlta, RekuAir Eco = zelena) === */
:root{--y:#FFCC00;--yh:#F2B800;--k:#141414;--ytint:#FFF6CC;--g:#2E8B3A;--gh:#256F2E;--gd:#174A20;--gtint:#E7F3E8}
body{--br:var(--y);--brh:var(--yh);--on:#141414;--dark:var(--k);--tint:var(--ytint);--heroBg:var(--y);--heroTx:#141414;--btn:#141414;--btnTx:#FFCC00}
body.reku{--br:var(--g);--brh:var(--gh);--on:#fff;--dark:var(--gd);--tint:var(--gtint);--heroBg:var(--g);--heroTx:#fff;--btn:#fff;--btnTx:var(--gd)}
body{background:#fff}
h1,h2,.h1,.h2{font-weight:800;letter-spacing:-.01em}

/* horna lista */
.mz-topbar{background:var(--dark);color:#fff;font-size:14px}
.mz-topbar .mz-in{max-width:1240px;margin:0 auto;padding:7px 20px;display:flex;gap:24px;justify-content:space-between;flex-wrap:wrap}
.mz-topbar a{color:#fff;text-decoration:none;font-weight:600}
.mz-topbar b{color:var(--br)}

/* hlavicka */
#header,#header .navigation-wrapper{background:#fff!important}
#header{border-bottom:4px solid var(--br);box-shadow:0 2px 12px rgba(0,0,0,.06)}
#header .navigation-in,#header .menu-level-1,#header .menu-level-2,#header .menu-helper>span,#header .navigation-buttons>a,#header .navigation-buttons>button{background:#fff!important;color:var(--k)!important}
#header .menu-level-1>li>a{color:var(--k)!important;font-weight:800;text-transform:uppercase;letter-spacing:.02em}
#header .menu-level-2 a{color:var(--k)!important}
#header .menu-level-2{border:1px solid #eee;border-top:4px solid var(--br);border-radius:0 0 12px 12px}
#header .menu-level-1>li>a:hover,#header .menu-level-2 a:hover{background:var(--tint)!important}
#header .navigation-buttons i,#header .navigation-buttons span:not(.sr-only){color:var(--k)!important}
.mz-search{display:flex;align-items:center;flex:0 1 250px;margin:0 12px}
#header #navigation{flex:1 1 auto;min-width:0}
.mz-search input{flex:1;height:44px;border:2px solid #e3e3e3;border-right:0;border-radius:22px 0 0 22px;padding:0 16px;font-size:15px;outline:none}
.mz-search input:focus{border-color:var(--br)}
.mz-search button{height:44px;border:0;border-radius:0 22px 22px 0;background:var(--br);color:var(--on);padding:0 18px;font-weight:800;cursor:pointer}
@media(max-width:991px){.mz-search{display:none}}

/* hero */
.mz-hero{background:var(--heroBg);color:var(--heroTx)}
.mz-hero .mz-in{max-width:1240px;margin:0 auto;padding:44px 20px;display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:center}
.mz-hero h1{font-size:46px;line-height:1.08;margin:0 0 16px;color:var(--heroTx)}
.mz-hero p.mz-lead{font-size:19px;line-height:1.5;margin:0 0 22px;opacity:.92}
.mz-hero ul{list-style:none;padding:0;margin:0 0 26px}
.mz-hero li{font-size:16px;font-weight:600;margin:6px 0;padding-left:30px;position:relative}
.mz-hero li:before{content:"✓";position:absolute;left:0;top:-1px;width:22px;height:22px;border-radius:50%;background:var(--btn);color:var(--btnTx);font-size:13px;display:flex;align-items:center;justify-content:center}
.mz-btns{display:flex;gap:12px;flex-wrap:wrap}
.mz-btn{display:inline-block;padding:15px 28px;border-radius:999px;font-weight:800;font-size:16px;text-decoration:none!important;transition:transform .15s}
.mz-btn:hover{transform:translateY(-2px)}
.mz-btn-main{background:var(--btn);color:var(--btnTx)!important}
.mz-btn-ghost{border:2px solid var(--heroTx);color:var(--heroTx)!important}
.mz-hero .wide-carousel,.mz-hero .reku-slider{max-width:none!important;margin:0!important;border-radius:20px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.18)}
.mz-hero .carousel-inner{min-height:0!important}
.mz-hero .carousel img{border-radius:20px}
@media(max-width:991px){.mz-hero .mz-in{grid-template-columns:1fr;padding:28px 16px;gap:24px}.mz-hero h1{font-size:32px}}

/* povodny rad bannerov a pas nahradene */
body.type-index .banners-row{display:none}
.banners-row .carousel-inner{min-height:0!important}

/* dlazdice kategorii */
.mz-cats{background:var(--tint)}
.mz-cats .mz-in{max-width:1240px;margin:0 auto;padding:40px 20px}
.mz-h2{font-size:30px;font-weight:800;margin:0 0 20px;color:var(--k)}
.mz-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.mz-tile{background:#fff;border-radius:16px;overflow:hidden;text-decoration:none!important;color:var(--k)!important;display:flex;flex-direction:column;border:2px solid transparent;transition:transform .15s,border-color .15s,box-shadow .15s}
.mz-tile:hover{transform:translateY(-4px);border-color:var(--br);box-shadow:0 10px 24px rgba(0,0,0,.1)}
.mz-tile .mz-img{height:104px;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;background:#fff}
.mz-tile .mz-img img{width:100%;height:150px;object-fit:cover;object-position:bottom}
.mz-tile .mz-name{padding:12px 14px;font-weight:800;font-size:15px;line-height:1.25;display:flex;justify-content:space-between;gap:8px;align-items:center}
.mz-tile .mz-name:after{content:"→";color:var(--br);font-size:18px}
.mz-tile.mz-reku{background:var(--g);color:#fff!important}
.mz-tile.mz-reku .mz-name:after{color:#fff}
.mz-tile.mz-reku .mz-name small{display:block;font-weight:600;text-transform:none;opacity:.85}
@media(max-width:991px){.mz-grid{grid-template-columns:repeat(2,1fr)}}

/* pas s vyhodami */
.container--bannersBenefit{background:var(--dark)!important;width:100%!important;max-width:none!important;margin:0!important;padding:26px 0!important}
.benefitBanner{max-width:1240px;margin:0 auto}
.benefitBanner__item{background:transparent!important;border:0!important}
.benefitBanner__picture{background:#fff;border-radius:50%;padding:8px}
.benefitBanner__title{color:#fff!important;font-size:17px}
.benefitBanner__data{color:rgba(255,255,255,.75)!important}

/* produkty */
.homepage-tabs-wrapper,.mz-prodwrap{max-width:1240px;margin:0 auto}
.shp-tabs-row{border:0!important;margin:30px 0 16px}
.shp-tab .shp-tab-link{border:2px solid #e3e3e3!important;border-radius:999px!important;margin-right:8px;padding:8px 20px!important;font-weight:700;background:#fff!important}
.shp-tab.active .shp-tab-link{background:var(--br)!important;border-color:var(--br)!important;color:var(--on)!important}
.products .p{background:#fff;border:1px solid #ececec;border-radius:18px;overflow:hidden;transition:transform .15s,box-shadow .15s}
.products .p:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.1)}
.products .p .image{background:#f6f6f4;display:block;padding:12px}
.products .p .image img{mix-blend-mode:multiply}
.products .p .p-desc{display:none!important}
.products .p .name{font-weight:800;font-size:16px;color:var(--k)!important;min-height:0}
.products .p .price-final strong{font-size:22px;font-weight:800;color:var(--k)}
.products .p .availability{font-size:13px}
.flag{border-radius:999px!important;font-weight:800}
.flag-action{background:var(--br)!important;color:var(--on)!important}

/* tlacidla */
.btn.btn-primary,.btn.btn-cart,.btn.add-to-cart-button,.btn-conversion,.btn.btn-secondary{background:var(--br)!important;border-color:var(--br)!important;color:var(--on)!important;border-radius:999px!important;font-weight:800}
.btn.btn-primary:hover,.btn.btn-cart:hover,.btn.add-to-cart-button:hover,.btn-conversion:hover{background:var(--brh)!important;border-color:var(--brh)!important}

/* uvitaci text */
.homepage-texts-wrapper{max-width:1240px;margin:30px auto!important;background:var(--tint);border-radius:20px;padding:32px!important}

/* kategoria rekuperacie */
body.reku .category-perex{background:var(--tint);border-radius:20px;padding:22px 26px}
body.reku .category-perex td{background:#fff;border:0!important;border-radius:16px;padding:18px!important}
body.reku .category-perex a{color:var(--g);font-weight:700}
.subcategories li a{background:#fff;border:2px solid #eee;border-radius:16px;font-weight:800}
.subcategories li a:hover{border-color:var(--br)}
.sidebar .box{border-radius:16px}

/* pata */
#footer{background:var(--dark);color:#fff}
#footer a,#footer .copyright,#footer strong{color:#fff!important}
.mz-foot .mz-in{max-width:1240px;margin:0 auto;padding:44px 20px 24px;display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:30px}
.mz-foot h4{color:var(--br);font-size:16px;font-weight:800;margin:0 0 12px;text-transform:uppercase;letter-spacing:.04em}
.mz-foot p,.mz-foot li{color:rgba(255,255,255,.85);font-size:15px;line-height:1.7;margin:0}
.mz-foot ul{list-style:none;padding:0;margin:0}
.mz-foot a{text-decoration:none}
.mz-foot a:hover{color:var(--br)!important}
.mz-foot .mz-brand{font-size:24px;font-weight:800;color:#fff;margin-bottom:8px}
.mz-foot .mz-brand b{color:var(--br)}
body.reku .mz-foot h4,body.reku .mz-foot .mz-brand b{color:#9fdca8}
.footer-bottom{border-top:1px solid rgba(255,255,255,.15)}
@media(max-width:991px){.mz-foot .mz-in{grid-template-columns:1fr 1fr}}
/* doladenie rekuperacii */
body.reku .mz-topbar b{color:#9fdca8}
.mz-hero .reku-slider{aspect-ratio:16/10!important}
body.reku.mz-done.id-759 .category-perex>p:first-child{display:none}
.subcategories li a{padding:14px!important}
body.reku .subcategories{display:grid!important;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}
body.reku .subcategories li{width:auto!important;max-width:none!important;padding:0!important;margin:0!important;float:none!important}
body.reku .subcategories li a{display:flex!important;align-items:center;gap:18px;padding:18px 22px!important;font-size:18px;height:auto!important}
body.reku .subcategories li a .image{flex:0 0 110px}
body.reku .subcategories li a:after{content:"→";margin-left:auto;color:var(--g);font-size:22px}
body.reku .subcategories li a{flex-direction:row!important;width:100%!important;text-align:left!important;justify-content:flex-start!important}
body.reku .subcategories li .text{font-size:18px}
@media(min-width:992px){#header .navigation-buttons a[data-target=search]{display:none!important}}
#header .menu-level-1>li>a{text-transform:none!important;letter-spacing:0!important;font-size:16px!important;padding-left:14px!important;padding-right:14px!important}
.mz-search{flex:0 1 230px!important}
#header .site-name{flex:0 0 auto!important;width:auto!important;max-width:none!important;margin-right:12px}
/* mobil */
@media(max-width:767px){
.mz-topbar{display:none}
.mz-hero .mz-in{padding:22px 16px;gap:18px}
.mz-hero h1{font-size:28px;margin-bottom:10px}
.mz-hero p.mz-lead{font-size:16px;margin-bottom:12px}
.mz-hero ul{margin-bottom:16px}
.mz-hero li{font-size:14px;margin:4px 0}
.mz-btn{padding:12px 20px;font-size:15px}
.mz-cats .mz-in{padding:24px 14px}
.mz-h2{font-size:24px}
.mz-tile .mz-img{height:90px}
.mz-tile .mz-name{font-size:14px;padding:10px}
.mz-foot .mz-in{grid-template-columns:1fr;gap:20px;padding:30px 16px 16px}
}
/* podfarbene pozadie stranky (karty ostavaju biele) */
body{--page:#FFFBEA}
body.reku{--page:#F3F9F4}
body,#content-wrapper{background:var(--page)!important}
.sidebar .box,.sidebar-inner>div{background:#fff;border-radius:16px;padding:14px 16px;margin-bottom:14px}
.shp-tabs-row{background:transparent!important}

/* oprava: siroke prvky na mobile */
body.reku .subcategories{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.reku .subcategories li{min-width:0}
@media(max-width:767px){body.reku .subcategories{grid-template-columns:minmax(0,1fr)!important}body.reku .subcategories li a{font-size:16px}}
@media(max-width:991px){.mz-hero .mz-in{grid-template-columns:minmax(0,1fr)!important}}
.mz-hero .mz-in>div{min-width:0}

/* === bocne menu kategorii: prehladnejsie === */
.box-categories{background:#fff!important;border-radius:16px!important;padding:16px 12px!important;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.box-categories .pageElement__heading{font-size:20px!important;font-weight:800!important;margin:0 0 10px!important;padding:0 6px!important}
#categories .categories{margin:0 0 8px!important;border:0!important}
#categories .topic>a{display:flex!important;align-items:center;justify-content:space-between;background:var(--dark)!important;color:#fff!important;border-radius:10px;padding:11px 14px!important;font-weight:800!important;font-size:15px!important;text-decoration:none!important}
#categories .topic>a:hover{background:#000!important}
body.reku #categories .topic>a:hover{background:var(--gh)!important}
#categories ul{list-style:none!important;margin:0!important;padding:0!important}
#categories li{margin:0!important;padding:0!important;border:0!important;background:none!important}
#categories .categories>ul{margin-top:6px!important}
#categories .categories>ul>li>a{display:flex!important;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px!important;font-weight:700!important;font-size:15px!important;line-height:1.3;color:#141414!important;border-radius:8px;border-bottom:1px solid #f0ede4;text-decoration:none!important}
#categories ul ul{margin:4px 0 8px 14px!important;padding-left:10px!important;border-left:3px solid var(--tint)!important}
#categories ul ul a{display:flex!important;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px!important;font-size:14px!important;font-weight:500!important;line-height:1.3;color:#555!important;border-radius:6px;text-decoration:none!important}
#categories a:hover{background:var(--tint)!important;color:#141414!important}
#categories li.active>a{background:var(--br)!important;color:var(--on)!important;font-weight:800!important;border-bottom-color:transparent}
#categories li.active:has(li.active)>a{background:transparent!important;color:#141414!important}
#categories a:before{display:none!important}
#categories .cat-trigger{position:static!important;flex:0 0 22px;width:22px;height:22px;display:flex!important;align-items:center;justify-content:center;border-radius:50%;background:rgba(0,0,0,.06);margin:0!important;cursor:pointer}
#categories .cat-trigger:before{display:none!important}
#categories .cat-trigger:after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-1px,-1px);transition:transform .2s}
#categories .topic .cat-trigger{background:rgba(255,255,255,.15)}
#categories li.expandable:not(.active):not(.mz-open):not(:has(li.active))>ul{display:none!important}
#categories li.expandable:not(.active):not(.mz-open):not(:has(li.active))>a .cat-trigger:after{transform:rotate(-45deg) translate(-1px,0)}
#categories .topic .cat-trigger{display:none!important}