.search .btn.btn-default {
   font-size: 10px;
}
.navigation-in ul li:hover {
    text-decoration: underline;
}
.welcome {
    padding: 0;
    background-color: transparent;
}
@media (min-width: 768px) {
.container.yellow_bannner {
    margin-top: 30px;
    margin-bottom: 30px;
}
.click-cart:hover {
   background-color: #000;
}
.header-top .btn.cart-count:before, .click-cart a:before {
   content: "" !important;
   background: url("/user/documents/code/graphics/cart-inverse.svg") no-repeat;
   width: 33px;
   height: 25px;
   background-size: 100%;
}
}

.navigation-buttons>a[data-target="login"]:before, .toggle-window[data-target="login"]:before {
    content: "" !important;
    background: url(/user/documents/code/graphics/login.svg) no-repeat;
    width: 20px;
    }
a.btn.cart-count i {
    background-color: #fff;
    color: #000;
}
a.btn.cart-count.full i {
    color: #000;
}
.header-top .btn.cart-count::before {
    margin-right: 13px;
}
@media (min-width: 992px) {
    a.btn.cart-count i {
        width: 16px;
        height: 17px;
        left: 37px;
    }
}
span.swiper-pagination-bullet.swiper-pagination-bullet-active::after, .swiper-pagination .swiper-pagination-bullet:after {
    border-radius: 20px !important;
}
a.btn.btn-icon.toggle-window.cart-count.full.hovered::before {
    color: transparent !important;
}
.navigation-in>ul>li.ext>ul>li>div>ul>li>a {
    font-size: 16px !important;
}
.p-info-wrapper .quantity .increase:before, .p-info-wrapper .quantity .decrease:before, .amount, a.link-icon, .product-appendix, #header {
    color: #000 !important;
}
.quantity {
    border-color: #000;
}
.cart-widget-button.is-free-shipping, .cart-widget-button.is-free-shipping::before {
    background-color: #fff;
}
.cart-free-shipping.is-free-shipping::after {
    background-color: #000;
}
.cart-free-shipping.is-free-shipping div strong, .cart-free-shipping.is-free-shipping div:before {
    color: #000;
}
.radio-wrapper input[type="checkbox"]:checked + label, .radio-wrapper input[type="radio"]:checked + label {
    border-color: #000;
    }
    
/* arrows */
.breadcrumbs > span > a::after {
    content: '';
    padding-left: 4px;
    background: url('/user/documents/upload/grafika/arrow_next2.png');
    font-size: 9px;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 3px;
    left: 15px;
}
.navigation-home-icon-wrapper::before {
    content: "";
    background: url("/user/documents/upload/grafika/klogo_small.png") no-repeat;
    width: 20px;
    height: 20px;
    background-size: 97%;
}

.flag {
    text-transform: uppercase;
    font-family: Kunst;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
}
.welcome-wrapper {
    margin-bottom: 30px;
}
.responsive-tools>a[data-target="navigation"]:before, .responsive-tools>a[data-target="navigation"]:after, .top-navigation-bar a, .top-navigation-bar .dropdown button {
    color: #000;
    }
	
	/* sub footer */
	.sub-footer {
	    display: flex;
	}
	.sub-footer-row {
	    display: block;
	    width: 50%;
	}
	.sub-footer-row.logo > img {
	    max-height: 57px;
	}
	.sub-footer {
	    padding-top: 19px;
	    padding-bottom: 19px;
	    border-top-style: solid;
	    border-top-width: 1px;
	    border-color: #fff;
	}
	@media (max-width: 767px) {
	.sub-footer {
	    padding-top: 0;
	    border: none;
	}
}
	.sub-footer-row.cards {
	    text-align: right;
	    margin: auto;
	}
	.sub-footer-row.cards > img {
	    max-height: 18px;
	    margin-left: 20px;
	}
	#signature a img, .sub-footer-row.cards > img {
	    -webkit-filter: grayscale(100%);
	    filter: grayscale(100%);
	}
	@media (min-width: 768px) {
	    .carousel-control.right::after, .icon-svg.icon-chevron-right::after {
	        content: '\e90f';
	        padding-right: 1px;
	        background: url('/user/documents/upload/grafika/arrow_next2.png');
	        font-size: 0.1px;
	        background-repeat: no-repeat;
	        background-size: 15%;
	        background-position: center;
	        position: absolute;
	        top: 0;
	        left: -2px;
	        width: 100%;
	        height: 100%;
	    }
	   .carousel-control.right::before, .icon-svg.icon-chevron-right::before {
	    content: "";
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    box-shadow: 0 3px 6px rgba(0,0,0,0.09);
	    color: #fff;
	    position: absolute;
	    top: 50%;
	    margin-top: -25px;
	    font-size: 20px;
	    line-height: 50px;
	    text-align: center;
	    background-color: rgba(255, 255, 255, 0.8); 
	    }
	    .carousel-control.right::before {
	    width: 50px;
	    height: 50px;
	    }
	    .carousel-control.right:hover::before, .icon-svg.icon-chevron-right:hover::before {
	  background-color: rgba(0, 0, 0, 0.8);
	}
	    .carousel-control.right:hover::after, .icon-svg.icon-chevron-right:hover::after {
	  background: url('/user/documents/upload/grafika/arrow_next2w.png');
	  font-size: 0.1px;
	        background-repeat: no-repeat;
	        background-size: 15%;
	        background-position: center;
	        position: absolute;
	}
	    .carousel-control.left::after, .icon-svg.icon-chevron-left::after {
	        content: '\e90f';
	        padding-right: 1px;
	        background: url('/user/documents/upload/grafika/arrow2.png');
	        font-size: 0.1px;
	        background-repeat: no-repeat;
	        background-size: 15%;
	        background-position: center;
	        position: absolute;
	        top: 0;
	        left: 2px;
	        width: 100%;
	        height: 100%;
	    }
	   .carousel-control.left::before, .icon-svg.icon-chevron-left::before {
	    content: "";
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    box-shadow: 0 3px 6px rgba(0,0,0,0.09);
	    color: #fff;
	    position: absolute;
	    top: 50%;
	    margin-top: -25px;
	    font-size: 20px;
	    line-height: 50px;
	    text-align: center;
	    background-color: rgba(255, 255, 255, 0.8); 
	    }
	    .carousel-control.left::before {
	    width: 50px;
	    height: 50px;
	    }
	    .carousel-control.left:hover::before, .icon-svg.icon-chevron-left:hover::before {
	  background-color: rgba(0, 0, 0, 0.8);
	}
	    .carousel-control.left:hover::after, .icon-svg.icon-chevron-left:hover::after {
	  background: url('/user/documents/upload/grafika/arrow2w.png');
	  font-size: 0.1px;
	        background-repeat: no-repeat;
	        background-size: 15%;
	        background-position: center;
	        position: absolute;
	}
	.icon-svg.icon-chevron-left::after {
	        left: -2px;
	    }
	 .icon-svg.icon-chevron-right::after {
	        left: 2px;
	    }
	}
	:root {
	/* Nastavenie štýlov, farieb*/
	--header-info-bar-BG: var(--color-primary);
	--header-info-bar-BG-hover: var(--color-primary-hover);
	--header-info-bar-text-color: #000;
	--header-info-bar-icon-color: #000;
	}

	.header-info-bar-addon .header-info-bar__icon {
	  padding-right: 13px;
	}
	.header-info-bar-addon .header-info-bar__icon.hib-ico:before {
	    font-size: 28px;
	    }
		.carousel-overlay {
	    background-color: rgba(0,0,0,0.3);
	   }
	  .in-contacts .content-inner>article {
	    width: 100%;
	  }
	  .benefitBanner__picture img{
	    mix-blend-mode: multiply;
	  }
	  .in-index .position--benefitHomepage {
	    margin-top: 0;
	    margin-bottom: 30px;
	  }
	  .benefitBanner__picture {
	    height: 50px;
	  }
	  .benefitBanner__picture img {
	    max-height: 50px;
	        max-width: 55px;
	  }

	  .welcome .welcome__content p {
	    margin-bottom: 0;
	  }

	  .welcome .welcome__content p + p{
	    margin-top: 20px;
	  }

	  .banners-top-block .banner-wrapper a, .banners-top-block .banner-wrapper img{
	    width: 100%;
	  }
  
	  @media (min-width: 480px) {
	    .banners-top-block .banner-wrapper a,
	    .banners-top-block .banner-wrapper img{
	    	height: 100%;
	  	}
    
	    .banners-top-block .banner-wrapper img{
	    	object-fit: cover;
	    }
    
	  }
  

	  @media (min-width: 768px) {
	   #footer a:hover {
	    text-decoration: underline;
	}
	  	.banners-top-block .banner-wrapper:last-child {
	    	padding-bottom: 10px;
			}
		  .banners-top-block .banner-wrapper {
	  	  width: calc(100% / 7);
	    	max-width: calc(100% / 7);
	    	flex: 0 0 calc(100% / 7);
			}
	    .navigation-in {
	      font-size: 15px;
	      line-height: 15px;
	    }
	    .navigation-in ul li a {
	      padding-left: 25px;
	      padding-right: 25px;
	    }
	    .top-navigation-bar .container > div.top-navigation-contacts {
	      top: 0;
	      height: 49px;
	    }
	    .welcome h1 {
	      font-size: 40px;
	      margin-bottom: 30px;
	    }
	    .welcome p {
	      font-size: 16px;
	      line-height: 1.8;
	      margin-bottom: 30px;
	    }


	  }
	  @media (min-width: 992px) {
	    .welcome {
	      padding: 40px 40px 40px 40px;
	    }
	  }
	  @media (min-width: 992px) {
	    .header-top {
	      padding-top: 30px;
	      padding-bottom: 10px;
	    }

	    .popup-widget.login-widget {
	      top: 133px;
	    }

	    .popup-widget.cart-widget {
	      top: 133px;
	    }

	    .admin-logged .popup-widget.login-widget {
	      top: 158px;
	    }

	    .admin-logged .popup-widget.cart-widget {
	      top: 158px;
	    }
	  }
	  @media (max-width: 767px){
	  .banner-wrapper.social-paticka {
	    margin-top: 20px;
	}
	.social-paticka > span > div {
	    border-top: 2px solid #fff;
	    padding: 20px 0 20px;
	    border-bottom: 2px solid #fff;
	}
	.social-paticka > span > div > a {
	    margin: 0 10px 0 0;
	}
	  .jazyk {
	     display: none;
	  }
	    .top-navigation-bar {
	      background-color: white;
	    }
	  }

	  @media (max-width: 370px){
	    .top-navigation-bar .site-name a img {
	        max-height: 30px;
	    }
	  }
  
	  @media (min-width: 768px) {
	  .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 {
	    color: white;
	  }
	  .header-top .btn.cart-count:hover .cart-price {
	    color: white;
	  }
	  .navigation-buttons .click-cart a:after {
	    display: none;
	  }
	  .click-cart {
	    background: var(--color-secondary);
	    border-radius: 8px;
	  }
	  .click-cart:hover {
	    background: var(--color-secondary-hover);
	  }
	  #header .cart-count {
	    border-radius: 7px 7px 0 0;
	  }
	  .navigation-buttons a[data-target="cart"] {
	    color: #fff;
	  }
	  .header-top .btn.cart-count:before {
	    font-size: 26px;
	  }
	  .header-top .btn.cart-count:before {
	    color: white !important;
	  }
	  .navigation-buttons {
	    right: 0;
	  }
	  .cart-window-visible #header .click-cart {
	    border-radius: 7px 7px 0 0;
	  }
	  .cart-window-visible #header .cart-count {
	    background-color: transparent;
	    border-radius: 7px 7px 0 0;
	  }
	  .cart-window-visible .btn.cart-count .cart-price {
	    color: white;
	  }
	  .popup-widget {
	    margin-left: -6px;
	  }
	}

	@media (min-width: 992px) {
	  .popup-widget.cart-widget {
	    margin-left: 106px;
	  }
	}

	@media (min-width: 1200px) {
	  .popup-widget.cart-widget {
	    margin-left: 209px;
	  }
	}

	@media (min-width: 1440px) {
	  .popup-widget.cart-widget {
	    margin-left: 329px;
	  }
	}

	/* Odstranit případné HTML šipky */
	.navigation-in > ul > li > a::first-letter {
	  display: none;
	}

	@media (max-width: 767px) {
	  /* Necháme šablonu řídit zarovnání loga – necenterujeme ho */
	  .site-name {
	    padding-top: 20px !important;
	    margin-bottom: 20px !important; /* prostor pod logem */
	  }

	  .site-name img {
	    width: auto !important;
	    height: auto !important;
	    max-width: 140px !important; /* úprava velikosti loga */
	    max-height: 80px !important;
	    display: inline-block !important;
	  }
	}

	@media (min-width: 768px) {
	  .site-name img {
	    height: auto !important;
	    width: auto !important;
	    max-height: 100px !important; /* ← uprav dle potřeby */
	    max-width: 365px !important;
	    display: inline-block !important;
	  }
	}

	/* header */
	.navigation-buttons > a, .navigation-buttons>a[data-target="login"]:before, .navigation-buttons>a:after, .navigation-in>ul>li.ext>a:after {
	    color: #000;
	}
	/* footer */
	#footer {
	    background-color: #000;
	}
	#footer .contact-box a, #footer .password-helper a, #footer .news-item-widget a, #footer ul a, #footer h4, #signature a, .copyright, #footer ul a:hover {
	    color: #fff;
	}
	#footer.no-newsletter .site-name {
	        display: none;
	    }
	@media (min-width:1200px) {
	    .custom-footer {
	        padding-top: 76px;
	    }
	}
	@media (min-width: 768px) {
	    .banner-wrapper.social-paticka {
	        text-align: right;
	    }
	}
	

	.jazyk {
	    color: #000;
	    font-family: Kunst;
	    font-size: 22px;
	    margin-left: 10px;
	    padding-right: 10px;
	}
	.p-short-description p, .p-short-description, .p-detail-info a, .breadcrumbs a, .breadcrumbs>span {
	    color: #000;
	}
	@media (min-width: 992px) {
	    body {
	        background-color: #fff !important;
	    }
	}
	.navigation-in ul li a {
	    text-transform: unset;
	}
	.navigation-in ul li a b {
	    font-weight: 500;
	}
	.search .btn.btn-default:before, .search a.btn.btn-default:before {
	   content: "";
	   background: url("/user/documents/code/graphics/search.svg") no-repeat;
	   width: 23px;
	   height: 25px;
	   background-size: 100%;
	   position: absolute;
	}
	.navigation-buttons>a[data-target="login"]:before, .toggle-window[data-target="login"]:before {
	   content: "" !important;
	   background: url("/user/documents/code/graphics/login.svg") no-repeat;
	   width: 25px;
	   height: 25px;
	   background-size: 100%;
	}
	
	.header-top .btn.cart-count:before, .click-cart a:before {
	   content: "" !important;
	   background: url("/user/documents/code/graphics/cart-inverse.svg") no-repeat;
	   width: 30px;
	   height: 25px;
	   background-size: 100%;
	}

	.search .btn.btn-default:before, .search a.btn.btn-default:before {
	   content: "";
	   background: url("/user/documents/code/graphics/search.svg") no-repeat;
	   width: 23px;
	   height: 25px;
	   background-size: 100%;
	   position: absolute;
	}
	.navigation-buttons>a[data-target="login"]:before, .toggle-window[data-target="login"]:before {
	   content: "" !important;
	   background: url("/user/documents/code/graphics/login.svg") no-repeat;
	   width: 25px;
	   height: 25px;
	   background-size: 100%;
	}
.jazyk {
    color: #000;
    font-family: Kunst;
    font-size: 22px;
    margin-left: 10px;
    padding-right: 10px;
}
.p-short-description p, .p-short-description, .p-detail-info a, .breadcrumbs a, .breadcrumbs>span {
    color: #000;
}
@media (min-width: 992px) {
    body {
        background-color: #fff !important;
    }
}
.navigation-in ul li a {
    text-transform: unset;
}
.navigation-in ul li a b {
    font-weight: 500;
}

/*kód co asi chybí*/


button.btn.btn-lg.btn-conversion.add-to-cart-button:hover {
   background-color: #000;
}

div.next-to-carousel-banners .extended-banner-texts {
    padding: 0 30px 0;
    top: 67%;
    }
.body-banners .extended-banner-texts {
    padding: 0 30px 0;
    top: 82%;
    }
@media (max-width: 767px) {
	.header-top .btn.cart-count:before, .click-cart a:before {
	   content: "" !important;
	   background: url("/user/documents/code/graphics/cart.svg") no-repeat;
	   width: 30px;
	   height: 25px;
	   background-size: 100%;
	}
   a.btn.cart-count i {
    background-color: #000;
    left: 15px;
    }
    .body-banners>div {
    margin: 13px 0;
    }
    .middle-banners-wrapper {
    margin-top: 20px;
  }
    }
@media (min-width: 768px) {
    .login-wrapper .password-helper a:first-child {
        font-size: 18px;
    }
    .click-cart {
        border-radius: unset;
    }
    .social-paticka a {
        margin: 4px;
    }
    .category-header {
        display: none;
    }
    .row-filter.one-column-body .filters-wrapper .filters.visible {
    border-bottom: 1px solid #c4cad5;
    padding-bottom: 10px;
    }
    .row-filter.one-column-body .vybrane-filtry:empty {
    margin-top: -10px;
    }
}
button.btn-login {
   font-family: 'Suisse Int&#039;l Regular' !important;
}
.pagination-top-btn {
    display: none;
}
.pagination > a, .pagination-top > a, .pagination > strong, .pagination-top > strong {
    border-radius: unset;
}
.footer-banners .footer-banner {
    text-align: left;
}
.menu-item-external-91 a b::after {
    background: url('/user/documents/upload/grafika/icon-external-link.svg') no-repeat top;
    content: '';
    display: inline-flex;
    width: 1em;
    height: 10px;
    background-size: auto .5em;
    bottom: 8px;
    position: relative;
}
@media (min-width: 480px) {
    .p-info-wrapper .quantity input {
        font-size: 20px;
    }
    .p-info-wrapper .quantity .increase::before, .p-info-wrapper .quantity .decrease::before {
        font-size: 16px;
    }
}
@media (min-width: 768px) {
    .p-info-wrapper .availability-value {
        font-size: 20px;
    }
}
@media (min-width: 1200px) {
    .shp-tabs-holder ul.shp-tabs li a {
        font-size: 20px;
    }
}

/* konec kódu */

@media (max-width: 767px) {
#footer.no-newsletter {
    margin-top: 20px;
}
body {
    background-color: #fff;
}
.welcome__left-panel {
    padding: 0;
}
.homepage-box.welcome-wrapper {
    margin-top: 10px;
    }
.site-name img {
        max-width: 250px !important;
        max-height: 120px !important;
        }
.top-navigation-bar .site-name {
        top: -10px;
        }
.navigation-in, .navigation-in-bottom {
    background: #000;
    }
div.navigation-in a, div.navigation-in a:hover, .navigation-in>ul>li.exp>a, .navigation-in>ul>li>a:hover, .navigation-in>ul>li.ext>ul>li a:hover, .submenu-arrow {
    color: #fff;
}
.more-items-trigger {
   display: none;
}
div.navigation-in a:hover, .navigation-in>ul>li>a:hover, .navigation-in>ul>li.ext>ul>li a:hover {
   text-decoration: underline;
}
}