@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
body{background:#fff!important}
body,h1,h2,h3,h4,h5,h6,p,a,span,div,input,button,textarea{font-family:Montserrat,sans-serif!important}
.up-banner-wrapper{border-radius:20px!important;overflow:hidden!important;border:0!important;box-shadow:0 4px 8px #0002}
.footer-banners .footer-banner img,.basic-description img{border-radius:25px;overflow:hidden}
.link-icons{margin-top:-10px;text-align:right;justify-content:flex-end;margin-right:-20px}
.products-block .p-in-in{min-height:auto}
.category-header input[type=radio]:checked+label{background:var(--color-primary)}
body .back-to-top{bottom:90px}
body.mobile .back-to-top{bottom:85px}
.welcome .welcome__content p{margin-bottom:0}
.welcome .welcome__content p+p{margin-top:20px}
.quatro-addon--template-classic #product-detail-form .quatro-addon__calc-button__wrapper{margin:5px 0 10px}
.warranty-plus-extended-warranty,#warranty-plus-extended-warranty{background:#fff!important;border:0!important;padding:16px!important;margin-top:12px!important;border-radius:30px!important;box-sizing:border-box!important}
.warranty-plus-extended-warranty,.warranty-plus-extended-warranty *,#warranty-plus-extended-warranty,#warranty-plus-extended-warranty *{font-family:inherit!important}
.warranty-box-title{font-weight:700;font-size:16px;line-height:1.2;margin:0 0 10px}
.warranty-plus-extended-warranty a,#warranty-plus-extended-warranty a{color:inherit;font-weight:inherit}
body .benefitBanner{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;gap:10px!important;padding:0!important;margin:18px 0!important;width:100%!important;background:transparent!important;border:0!important}
body .benefitBanner:before,body .benefitBanner:after{display:none!important}
body .benefitBanner .benefitBanner__item{display:block!important;box-sizing:border-box!important;min-width:0!important;width:auto!important;max-width:none!important;flex:none!important;margin:0!important;padding:14px 12px!important;background:#fff!important;border:1px solid #e3e7dd!important;border-top:3px solid #8ed600!important;border-radius:4px!important;box-shadow:none!important;text-align:left!important}
body .benefitBanner .benefitBanner__picture{display:none!important}
body .benefitBanner .benefitBanner__link,body .benefitBanner .benefitBanner__content{display:block!important;width:100%!important;margin:0!important;padding:0!important;color:#303437!important;text-decoration:none!important}
body .benefitBanner .benefitBanner__title{display:block!important;margin:0!important;font-size:14px!important;line-height:19px!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important;color:#303437!important}
body .benefitBanner .benefitBanner__data{display:block!important;margin:5px 0 0!important;font-size:12px!important;line-height:18px!important;font-weight:400!important;color:#606562!important}
@media(min-width:768px){
.top-navigation-bar .container>div.top-navigation-contacts{top:0;height:49px}
.header-top{padding-top:30px;padding-bottom:10px}
.popup-widget.cart-widget,.popup-widget.login-widget{top:130px}
.admin-logged .popup-widget.cart-widget,.admin-logged .popup-widget.login-widget{top:130px}
.welcome h1{font-size:40px;margin-bottom:30px}
.welcome p{font-size:16px;line-height:1.8;margin-bottom:30px}
.products-related-block h2,.products-alternative-block h2,h4.homepage-group-title,.h4.homepage-group-title{font-size:36px}
body .hodnoceni:before{text-align:center;font-size:36px;margin-bottom:30px}
.products-block.products .p .name{font-size:18px}
.navigation-buttons a[data-target=cart]:hover,.navigation-buttons a[data-target=cart],.header-top .btn.cart-count:hover .cart-price,.cart-window-visible .btn.cart-count .cart-price{color:#fff}
.navigation-buttons .click-cart a:after{display:none}
.click-cart>a[data-target=cart]{background:var(--color-secondary);border-radius:8px}
.click-cart>a[data-target=cart]:hover{background:var(--color-secondary-hover)}
#header .cart-count{border-radius:7px}
.navigation-buttons{right:0}
.header-top .btn.cart-count:before{font-size:26px;color:#fff!important}
.cart-window-visible #header .click-cart{border-radius:7px 7px 0 0}
.cart-window-visible #header .cart-count{background:var(--color-secondary-hover);border-radius:7px 7px 0 0}
.popup-widget{margin-left:-6px}
}
@media(min-width:992px){
.welcome{padding:40px}
.popup-widget.cart-widget{margin-left:106px}
.admin-logged .popup-widget.cart-widget,.admin-logged .popup-widget.login-widget{top:155px}
}
@media(min-width:1200px){.popup-widget.cart-widget{margin-left:209px}}
@media(min-width:1440px){
.popup-widget.cart-widget{margin-left:329px}
.navigation-in>ul>li.ext>ul>li>a.menu-image{width:130px}
.navigation-in>ul>li.ext>ul>li>a.menu-image img{max-width:130px;max-height:130px}
}
@media(max-width:767px){
.top-navigation-bar{background:#fff}
body .benefitBanner{gap:6px!important;margin:12px 0!important}
body .benefitBanner .benefitBanner__item{padding:10px 3px!important;text-align:center!important}
body .benefitBanner .benefitBanner__title{max-width:90px!important;min-height:34px!important;margin:0 auto!important;font-size:12px!important;line-height:17px!important}
body .benefitBanner .benefitBanner__data{display:none!important}
}
@media(max-width:370px){.top-navigation-bar .site-name a img{max-height:30px}}
@media(min-width:768px){
footer .custom-footer{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
footer .custom-footer>.footer-item{width:auto!important;margin:0!important;padding:0!important}
footer .custom-footer:has(.custom-footer__facebook iframe){grid-template-columns:repeat(4,minmax(0,1fr))}
}
footer .custom-footer__facebook:not(:has(iframe)){display:none!important}
/* Quatro, promo ID 75: reset only its verified wrapper chain.
   Keep the outer banner's vertical margins and all other banners untouched.
   Validate on the live theme: an unobserved ancestor can still constrain width. */
.banner:has(> .banner-wrapper > [data-ec-promo-id="75"]) {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}
.banner-wrapper:has(> [data-ec-promo-id="75"]),
.banner-wrapper > [data-ec-promo-id="75"],
.banner-wrapper > [data-ec-promo-id="75"] > div {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
[data-ec-promo-id="75"] a[href^="https://www.quatro.sk/"] {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  line-height: 0;
}
[data-ec-promo-id="75"] img[src*="/banner/quatro_"] {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 16px !important;
}