@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.external-fonts-loaded h1, .external-fonts-loaded h2, .external-fonts-loaded h3, .external-fonts-loaded h4, .external-fonts-loaded h5, .external-fonts-loaded h6, .external-fonts-loaded .h1, .external-fonts-loaded .h2, .external-fonts-loaded .h3, .external-fonts-loaded .h4, .external-fonts-loaded .h5, .external-fonts-loaded .h6, .external-fonts-loaded .cart-table .main-link, .external-fonts-loaded .cart-related-name, .blank-mode h1, .blank-mode h2, .blank-mode h3, .blank-mode h4, .blank-mode h5, .blank-mode h6, .blank-mode .h1, .blank-mode .h2, .blank-mode .h3, .blank-mode .h4, .blank-mode .h5, .blank-mode .h6, .blank-mode .cart-table .main-link, .blank-mode .cart-related-name, .external-fonts-loaded body, body.blank-mode{
 font-family: Montserrat !important;
}

.welcome-wrapper, .welcome span{
	font-family: Montserrat !important;
}

.external-fonts-loaded body, body.blank-mode{
	font-family: Montserrat !important;
}

.external-fonts-loaded #navigation{
	font-family: Montserrat !important;
}

.top-navigation-bar{
	background-color: #272727;
  border-color: #272727;
}

.top-navigation-bar a{
	color: white;
}

.top-navigation-bar .dropdown button{
 color: white;
}

.top-navigation-menu-trigger{
 color: white;
}

.navigation-in a {
    color: #000000;
}

.homepage-group-title, .homepage-products-heading-2, .h4{
    color: #000000;
    font-size: 23px;
}

#header{
    background-color: #1d1d1d;
}

#header .site-name a img {
    display: inline-flex;
    max-height: 27px; /* Velikost loga */
}

#header .navigation-buttons a[data-target="cart"]::before{
	font-size: 25px;
}

#header .header-top{
		border-width: 5px 0 0px 0;
    border-style: solid;
    border-image: linear-gradient(90deg, #8A0696 0%, #C5910A 28.12%, #0A8DC5 52.6%, #720AC5 76.56%, #940AC5 100%) 1;
}

@media (min-width: 767px){
	#header .search-form:hover .search-input {
    background: rgba(226, 226, 226, 0.11);
    color: #ffffff;
	}
   #header .search-form:hover .search-input::placeholder {
        color: #ffffff
    }
    #header .search-form:hover .search-input-icon {
        color: #ffffff
    }.searchWhisperer.active{
    	border-radius: 0 0 66px 66px;
    }
    .searchWhisperer{
    	margin-top: 1em;
    }
  .content-wrapper.container {
    padding-left: 0;
    padding-right: 0;
    margin-top: 20px;
	}
  #header .header-bottom{
	border-bottom: solid 1px;
	}
}

.benefitBanner__picture {
    flex: 0 0 75px;
    max-width: 45px;
    margin-right: 10px;
    display: flex;
    align-items: center;
}

#header .search-input:focus, .search-focused #header .search-input, .search-window-visible #header .search-input {
    background: rgba(226, 226, 226, 0.11);
    color: #ffffff;
}

#header .search-input:focus::placeholder, .search-focused #header .search-input::placeholder, .search-window-visible #header .search-input::placeholder {
    color: #ffffff;
}

.search-focused .search-input-icon, .search-window-visible .search-input-icon{
	color: #ffffff;
}

#header .search-input{
  background: rgba(226, 226, 226, 0.11);
	border-radius: 66px;
  z-index: 2;
}

@media (max-width: 766px){
    .scrolled-down body:not(.ordering-process):not(.search-window-visible) #header {
    	transform: translateY(-100%);
      }
    .carousel-control::before{
    	border-style: hidden;
   		border-radius: 0%;
    	width: 0px;
			}
    .carousel-control.left::before{
    	left: -30px;
			}
    .search-window-visible #header .search{
      height: 60px;
      }
    .searchWhisperer{
    	margin-top: 0.8em;
    }
    .carousel-inner .item img, .carousel-inner .item a img {
    	line-height: 1;
	}
  	.content-wrapper.container .row div{
  		padding-left: 0px;
    	padding-right: 0px;
  }
  	.content-wrapper{
  		padding-top: 0px;
  }
      #header .navigation-buttons a[data-target="cart"]::before {
    	font-size: 30px;
	}
}

@media (max-width: 479px){
    #header .navigation-buttons a[data-target="cart"]::before {
    	font-size: 20px;
	}
}

.searchWhisperer{
    color: black;
}

#navigation .menu-level-2 li div a{
 padding-bottom: 0;
}

#content h1{
	display: flex;
  justify-content: center;
}

.btn.btn-conversion, a.btn.btn-conversion, .btn.btn-cart, a.btn.btn-cart{
	color: white;
	border-radius: 66px;
}

.btn.btn-conversion:hover,a.btn.btn-conversion:hover,.btn.btn-cart:hover,a.btn.btn-cart:hover {
    color: white;
}

.search-input-icon{
	font-size: 20px;
}

.quantity{
 border-radius: 66px;
 background: #fff0;
}

.decrease:hover:before{
	border-radius: 66px 0 0 66px;
}
.increase:hover:before{
	border-radius: 0 66px 66px 0;
}

.compact-form .form-control{
	border-radius: 66px;
}

.btn.btn-default, a.btn.btn-default{
	border-radius: 0 66px 66px 0;
}

.carousel-control::before{
    border-style: hidden;
    border-radius: 0%;
}

.search-focused::before, .navigation-hovered::before {
    background-color: rgb(0 0 0 / 72%);
    transition: background 0.5s ease-out;
}

.user-action-visible .cart-window-visible{
	border-radius: 66px;
}

.user-action-cart, .popup-widget, .cart-widget, .loader-wrapper, .popup-widget-inner, .cart-widget-inner, .place-cart-here, .full, .cart-widget-bottom{
	border-radius: 18px;
}

.btn.btn-icon, a.btn.btn-icon {
    font-size: 18px;
}

.next-to-carousel-banners{
    position: inherit;
    margin-top: 10px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 5px;
}

@media (min-width: 768px){
		.col-sm-4 {
    	width: 100%;
    	display: flex;
		}
}

@media (min-width: 768px){
		.col-sm-8 {
    	width: 100%;
	}
}

.next-to-carousel-banners .extended-banner-title, .next-to-carousel-banners .extended-banner-text, .next-to-carousel-banners .extended-banner-link {
    position: revert;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.extended-banner-texts {
    position: absolute;
    left: 0;
    right: 0; 
    top: 35%;
    bottom: 0;
}

.flag.flag-new {
    background-color: #0ac514;
    border-radius: 23px;
}

.products-block .p-in-in a {
    color: #000000;
    font-weight: 600;
    font-size: 18px;
}

#navigation {
    border-top-color: #cfcfcf00;
    background-color: #cfcfcf00;
}

.navigation-in {
    background-color: #cfcfcf00;
}

.navigation-in a {
    color: #ffffff;
}

.navigation-in a:hover {
    color: #ffffff;
}


@media (max-width: 767px){
	.navigation-in {
    background: rgba(0, 0, 0, 0.5);
	}
}

.btn.btn-default, a.btn.btn-default {
    color: #ffffff;
}

.searchWhisperer__content--empty {
    font-weight: 700;
}

.top-navigation-bar-menu-helper, .dropdown-menu, .languagesMenu ul {
    border-color: #525252;
    background: #1d1d1d;
    border-radius: 10px;
}

.top-navigation-bar-menu-helper li a::before, .dropdown-menu li a::before {
	display: none;
}

@media (min-width: 766px){
	#navigation {
    border-top-color: #cfcfcf00;
    background-color: #ffffff;
	}
}

@media (max-width: 767px){
	.navigation-in {
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-overflow-scrolling: touch;
    -webkit-backdrop-filter: blur(1em);
    z-index: 100000001;
    position: fixed;
	}
  .breadcrumbs{
  	color: #000000;
   	margin-top: 15px;
  }
}

.availability{
	font-weight: 500;
}

.quantity .decrease:hover:before, .quantity .increase:hover:before {
    background-color: #d1d1d1;
}

ol.cart-header li.active a::before, ol.cart-header li.active strong::before {
    background-color: #eeeeee;
}

ol.cart-header li.completed a::before, ol.cart-header li.completed strong::before {
    background-color: #eeeeee;
}

.dropdown-menu>li>a, .dropdown-menu>li>span {
    color: #fff;
}

.dropdown-menu>li>a, .dropdown-menu>li>span {
    color: #fff;
    border-radius: 10px;
}

.cart-widget-product-name a {
    color: #000000;
    font-weight: 600;
}

.main-link a{
		font-weight: 600;
}

.cart-table tr td.p-name a {
    color: #000000;
    font-weight: 600;
}

.products-block > div .p .p-bottom .p-desc {
    font-weight: 500;
}

.btn.btn-default, a.btn.btn-default {
    border-radius: 66px 66px 66px 66px;
}

.navigationActions__submenu__item--active::before {
    background-color: #ffffff;
}

@media (min-width: 480px) and (max-width: 767px){
		#header .navigation-buttons a{
    	width: 80px;
    	height: 75px;
	}
}

.carousel-control.left {
    z-index: 1;
}

.carousel-control.right {
    z-index: 1;
}

@media (min-width: 480px) and (max-width: 767px){
	#navigation {
    top: 79px;
	}
}

@media (min-width: 768px){
	.navigation-in>ul>li>a:hover {
    color: #1D1D1D;
	}
}




.btn.btn-default, a.btn.btn-default:hover {
    color: white;
}
.btn.btn-default:hover, a.btn.btn-default:hover {
    color: white;
}

a.social-icon {
    background-color: #ff000000;
    color: #1D1D1D;
}

a.social-icon:hover {
    border-color: #1D1D1D;
    background-color: #ff000000;
    color: #1D1D1D;
}

.welcome-wrapper, .welcome span {
    font-family: Montserrat !important;
    display: none;
}

.footer-bottom {
    background-color: #f7f7f7;
}

.filters-wrapper .filters-unveil-button-wrapper .btn.btn-default.unveil-button {
    background-color: #1d1d1d;
}

.filters-wrapper .filters-unveil-button-wrapper .btn.btn-default.unveil-button:hover {
    color: white;
    background-color: #3a3a3a;
}

.category-header #products-listing-order {
    color: black;
}

.category-header #products-listing-order:hover {
    color: #3a3a3a;
}

.top-navigation-bar-menu-helper, .dropdown-menu, .languagesMenu ul {
    border-color: #525252;
    background: #272727;
    border-radius: 10px;
    color: white;
}

.category-header .dropdown .dropdown-menu label:hover {
    color: white;
}

.flag, .flag-custom2, .flags{
	    border-radius: 23px;
}

.cart-widget-button {
    border-radius: 66px;
}

ol.cart-header li.active a::before, ol.cart-header li.active strong::before {
    background-color: #1d1d1d;
    color: white;
}

ol.cart-header li.completed a::before, ol.cart-header li.completed strong::before {
    background-color: #1d1d1d;
    color: white;
}

@media (min-width: 768px){
	#navigation .menu-level-2 {
    border-radius: 0 0 66px 66px;
	}
}

#checkoutSidebar .toggle-contacts {
    /* background: transparent; */
}

#checkoutSidebar .toggle-contacts {
    color: black;
    background: #12121200;
}

.siteCookies__form {
    background-color: #ffffff;
     color: black;
    padding: 20px 15px 25px 15px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    box-shadow: 0 0 0px rgb(255 255 255);
}

@media (min-width: 768px){
	.siteCookies__form {
    display: flex;
    padding: 24px 24px 14px 24px;
    max-width: 670px;
    margin: 0 auto;
    flex-direction: column;
    font-weight: 600;
	}
}


.siteCookies {
    color: var(--cookies-notice-color);
    position: fixed;
    z-index: 100000001;
    width: 100%;
    top: 0;
    right: 0;
    left: auto;
    bottom: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(1em);
    -webkit-overflow-scrolling: touch;
}

.siteCookies__text a {
    text-decoration: underline;
    color: #1d1d1d;
}

.siteCookies__text {
    font-weight: 600;
}

@media (min-width: 768px){
	.siteCookies--bottom.siteCookies--scrolled {
    left: auto;
    width: 100%;
    margin-left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 0px rgb(255 255 255);
	}
}

.siteCookies__button {
    background-color: #1d1d1d;
    color: #ffffff;
    margin-top: 15px;
}

.siteCookies__button:hover {
    background-color: #3a3a3a;
    color: #ffffff;
}

.siteCookies__links {
    width: 100%;
    text-align: center;
    margin-bottom: 16px;
}

.siteCookies__links {
    width: 100%;
    text-align: center;
    padding: 10px 0;
    margin-bottom: 0;
}

.siteCookies__link {
    width: 100%;
    display: flex;
    justify-content: center;
    text-decoration: none;
    color: #000000;
    background-color: #ffffff;
    border-radius: 4px;
    line-height: 38px;
    font-weight: bold;
    padding: 0 16px;
    box-sizing: border-box;
    text-decoration: underline;
    font-weight: 600;
}

.siteCookies__link {
    display: inline-block;
    width: auto;
    line-height: initial;
    padding: 0 16px;
}

.siteCookies__link:hover{
		background-color: #ffffff00;
    color: black;
}

.siteCookies__text a:hover {
    text-decoration: none;
    color: #1d1d1d;
}

.siteCookies__form {
    border-radius: 18px;
}

@media (min-width: 768px){
	.siteCookies__button:hover {
    opacity: 0.8;
	}
}

#cboxOverlay {
		opacity: 1 !important;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(1em);
    -webkit-overflow-scrolling: touch;
    z-index: 100000001;
    position: fixed;
}

.cookiesSetting__button {
    background-color: #1d1d1d;
}

.cookiesSetting__button--green {
    background-color: #007C47;
}

html{
    scroll-behavior: smooth;
    }
    
    #cboxContent.cookiesDialog {
        border-radius: 18px;
    }
    
    .template-10 .cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state:after, .template-13 .cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state:after, .template-14 .cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state:after {
        left: 12px;
    }
    
    input[type="checkbox"]:checked+label::after {
        border-width: 2px;
        content: ''; 
    }
        
    .cookiesSetting__button:hover {
        background-color: #1d1d1d;
    }
    
    .cookiesSetting__button--green {
        background-color: #007C47;
    }
    
    .cookiesSetting__button--green:hover {
        background-color: #019153;
    }
    
    .mobile .category-header .dropdown-menu strong, .mobile .category-header .dropdown-menu label {
        padding: 15px;
    }
    
    .mobile .category-header .category-header-pagination {
        display: none
    }
    
    @media (max-width: 767px){
        .mobile .category-header .dropdown-menu {
        position: relative;
        width: 100%;
        border-top-width: 0;
        border-radius: 0 0 0 0;
        }
      .category-header #products-listing-order {
        color: black;
        border-radius: 18px 18px 0 0;
        }
          #content .btn.unveil-button, #footer .btn.unveil-button {
        display: block;
        width: 100%;
        border-radius: 0 0 18px 18px;
        }
    }
      
    #content .filters-wrapper > div:first-of-type, #footer .filters-wrapper>div:first-of-type {
        margin-bottom: 22px;
        margin-top: -22px;
        text-align: center;
    }
    
        .mobile .category-header .dropdown-menu {
        position: relative;
        width: 100%;
        border-top-width: 0;
        border-radius: 0 0 0 0;
        }
      .category-header #products-listing-order {
        color: black;
        border-radius: 18px 18px 0 0;
        }
    
    .slider-wrapper {
        padding: 0px 0px 23px;
        max-width: 650px;
        margin: 0 auto;
    }
    
    #content h1 {
        font-size: 25px;
    }
    
    .p-to-cart-block .p-final-price-wrapper .price-final-holder {
        font-weight: 600;
        font-size: 28px;
        font-family: 'Montserrat';
    }
    
    @media (min-width: 992px){
     .shp-tabs-holder ul.shp-tabs a.shp-tab-link {
        font-size: 20px;
        }
    }
    
    .form-control, select {
        border-radius: 66px;
    }
    
    .btn.btn-secondary, a.btn.btn-secondary {
        border-radius: 66px;
    }
    
    .popup-widget.login-widget::before{
        right: 180px;
    }
    
    .btn.btn-secondary:hover,a.btn.btn-secondary:hover {
        color: white;
        border-color: white;
        background-color: #1D1D1D;
    }
    
    .btn.btn-secondary, a.btn.btn-secondary {
        color: #ffffff;
        border-color: #1D1D1D;
        background-color: #000;
    }
    
    .login-wrapper .password-helper {
        font-weight: 550;
    }
    
    a.social-icon.instagram::before {
        content: '\e909';
        font-size: 22px;
    }
    
    .external-fonts-loaded #navigation .menu-level-3 {
        font-family: Montserrat;
        font-weight: 600;
    }
    
    @media (min-width: 768px){
        .navigation-in>ul>li.ext>ul>li>div>ul {
            margin-top: 8px;
            line-height: 25px;
           max-height: 45px;
            overflow: hidden;
            display: inline-block;
        }
    }
    
    .msg.msg-error{
        background-color: #C50A0A;
    }
    
    .smart-labels-active .smart-label-wrapper input {
        padding-top: 10px;
    }
    .subcategories li a {
        color: #000000;
    }
    
    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
        color: #000000;
    }
    
    .form-control.ui-autocomplete-input {
        border-bottom-left-radius: 66px;
        border-bottom-right-radius: 66px;
    }
    
    input[type="submit"].btn {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 66px;
    }
    
    .checkout-box {
        border-radius: 18px;
    }
    
    .order-summary-inner {
        border-radius: 18px;
    }
    
    textarea.form-control {
        border-radius: 18px;
    }
    
    #signature a.image img {
        display: none;
    } 
    .col-xs-6 .col-sm-6 .col-lg-3 .col-xl-3{
        background: url(https://565248.myshoptet.com/user/documents/upload/images/dat.svg) 13px center no-repeat;
    }
    .btn.btn-primary, a.btn.btn-primary {
    
        border-radius: 66px;
    }
    
    .breadcrumbs a, .breadcrumbs span {
        color: #1d1d1d;
    }
    
    @media (min-width: 768px){
        .navigation-in ul.menu-level-2 a {
        color: black;
        }
    }
    
    .menu-level-3 li:hover{
        border-width: 0;
        text-decoration: underline;
        text-underline-offset: 4px;
        text-decoration-thickness: 2px;
    }
    
    .p-desc{
        display: none;
    }
    
    #upBtn {
        display: none;
        position: fixed;
        bottom: 20px;
        right: 30px;
        z-index: 99;
        border: none;
        outline: none;
        background-color: transparent;
        background-image: url(https://565248.myshoptet.com/user/documents/upload/icons/top.png);
        background-repeat: round;
        cursor: pointer;
        padding: 20px;
        backdrop-filter: blur(20px);
        border-radius: 66px;
    }
    
    #myBtn:hover {
      background-color: #555; /* Add a dark-grey background on hover */
    }
    
    
    .homepage-box:not(.welcome-wrapper):not(.middle-banners-wrapper) .content-wrapper-in>.container {
        width: 100%;
    }
    
    @media (min-width: 768px){
        .banners-row .col-sm-8 {
        padding-left: 0;
        padding-right: 0;
        }
    }
    @media (max-width: 767px){
        .submenu-visible .navigation-in > ul > li.ext.exp > ul, .submenu-visible .menu-helper>ul>li.ext.exp>ul {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        flex-direction: column;
        }
    }
    
    @media (max-width: 766px){
    .carousel-inner .item img, .carousel-inner .item a img {
        line-height: 1;
        border-top: solid 5px #2a2a2a;
        }
    }
    
    .category-perex.empty-content {
        display: none;
    }
    
    backdrop-filter: saturate(180%) blur(20px);
    }
    
    .msg.msg-success,.msg.msg-notice {
            border-color: #ffffff00;
        background: #009901bf;
        backdrop-filter: saturate(180%) blur(20px);
        color: #fff;
    }
    
    .msg.msg-error {
        border-color: #ffffff00;
        color: #fff;
        background-color: #990000bf;
        backdrop-filter: saturate(180%) blur(20px);
    }
    
    #cboxOverlay {
        z-index: 1001;
    }
    
    .carousel-control{
     border-radius: 66px;
    }
    
    @media (max-width: 991px){
        .subcategories li a {
        padding: 0 0px 0 0px;
        }
    }
    
    .sidebar-inner>div.box-sm {
        border-radius: 18px;
    }
    
    .smart-labels-active .smart-label-wrapper input {
        padding-top: 14px;
    }

    .p-final-price-wrapper>strong {
        display: inline-block;
    }
    
    .p-to-cart-block {
        background-color: #f7f7f7;
        padding: 20px;
        border-radius: 18px;
    }
    
    #checkoutContent .helper {
        border-radius: 18px;
    }
    
    @media (min-width: 1440px){
        .next-step {
        display: flex;
        flex-direction: column-reverse !important;
        align-items: stretch;
        }
      .next-step .next-step-back {
        text-align: center;
    }
    }
    
    #signature a {
        color: #232323;;
    }
    
    .products-block>div, .products-block>div:hover {
        border-radius: 18px;
    }
    
    @media (min-width: 767px){
        .searchWhisperer.active {
        padding: 70px;
        }
    }
    
    @media (min-width: 768px){
        #navigation .menu-level-2 {
        padding: 20px;
        }
    }
    
    .next-to-carousel-banners{
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    
    .siteCookies__form .siteCookies__buttonWrap .siteCookies__button[value=reject] {
        background-color: #962828;
        color: white;
    }
    
    .siteCookies__form {
        border: solid 5px #919191;
    }
    
    @media (min-width: 768px){
        .siteCookies .siteCookies__form {
        max-width: 500px;
        }
    }
    
    .siteCookies__form {
        max-width: 90%;
    }
    
    .siteCookies__form::before {
        content: "Používáme cookies";
        display: block;
        color: #000;
        width: calc(100% + 30px);
        min-height: 30px;
        margin-top: -15px;
        margin-left: -15px;
        text-align: center;
        padding: 8px;
        margin-bottom: 15px;
        font-size: 23px;
    }
    
    h4.homepage-group-title, .h4.homepage-group-title, .category-title, h2.homepage-group-title, .detail-group-title, .type-post .news-item-detail h1[itemprop=headline], .type-page article header h1, .type-page div[itemprop=about] h1:first-of-type, .type-posts-listing .content-inner>h1:first-of-type {
        position: relative;
        background-color: rgba(0,0,0,0);
        margin-bottom: 40px;
    }
    
    h4.homepage-group-title::after, .h4.homepage-group-title::after, .category-title::after, h2.homepage-group-title::after, .detail-group-title::after, .type-post .news-item-detail h1[itemprop=headline]::after, .type-page article header h1::after, .type-page article h2.strike::after, .type-page div[itemprop=about] h1:first-of-type::after, .type-posts-listing .content-inner>h1:first-of-type::after {
        content: "";
        height: 5px;
        width: 100%;
        display: block;
        position: absolute;
        background-color: #cecece;
        top: 150%;
        transform: translateY(-50%);
        z-index: 0;
        border-radius: 18px;
    }
    
    h4.homepage-group-title::before, .h4.homepage-group-title::before, .category-title::before, h2.homepage-group-title::before, .detail-group-title::before, .type-post .news-item-detail h1[itemprop=headline]::before, .type-page article header h1::before, .type-page article h2.strike::before, .type-page div[itemprop=about] h1:first-of-type::before, .type-posts-listing .content-inner>h1:first-of-type::before {
        content: "";
        height: 5px;
        width: 100%;
        display: block;
        position: absolute;
        background-color: #cecece;
        top: -50%;
        transform: translateY(-50%);
        z-index: 0;
        border-radius: 18px;
    }
    
    .slider-wrapper{
        background-color: #e7e7e7;
        border-radius: 18px;
        padding: 15px;
    
    }
    
    .dropdown-menu{
        padding: 15px;
    }
    
    .navigation-bullet::after{
            content: ">";
        color: black;
    }
    
    @media (max-width: 768px){
        .next-to-carousel-banners{
        display: flex;
        flex-direction: column;
        margin: 15px 40px 0 40px;
        }
    }
    @media (min-width: 768px){
      .p-tools{
            background-color: whitesmoke;
        border-radius: 18px;
        }
    }
    
    .custom-order{    
        display: flex;
        justify-content: center;
        padding: 20px;
        border-radius: 18px;
        border: solid 2px #0000000d;
        background-color: #f0f0f0;
    }
    
    .btn-primary{
        background-color: rgb(255, 255, 255) !important;
        color: rgb(0, 0, 0) !important;
        border-color: black !important;
        display: flex;
        align-items: center;
        gap: 10px;
    }
    
    .btn1{
        padding-top: 10px;
    }
    
    .bi-send{
        width: 20px;
        height: 20px;
    }
    
    .cart-heading{
        padding: 100px;
    }
    
    .smart-labels-active .smart-label-wrapper.focused label, .smart-labels-active .smart-label-wrapper.populated label {
        padding-left: 35px;
    }
    .smart-labels-active .smart-label-wrapper input {
        padding-left: 35px;
    }
    
    .smart-labels-active .smart-label-wrapper .country-flags, .smart-labels-active .smart-label-wrapper input, .smart-labels-active .smart-label-wrapper label, .smart-labels-active .smart-label-wrapper select {
        padding-left: 35px;
    }
    
    #cboxContent {
        border-radius: 18px;
    }
    
    #cboxClose {
        border-radius: 18px;
    }
    
    .cboxPhoto {
        border-radius: 18px;
    }
    
    #cboxClose:before {
        left: 5px;
    }
    
    .btn-primary:hover{
        background-color: rgb(241, 241, 241) !important;
    }
    
    input[type=file]::file-selector-button {
        border: none;
      background: white;
      color: black;
      cursor: pointer;
    }
    #footer{
            background-color: #1d1d1d;
        border-width: 0px 0 5px 0;
        border-style: solid;
        border-image: linear-gradient(90deg, #8A0696 0%, #C5910A 28.12%, #0A8DC5 52.6%, #720AC5 76.56%, #940AC5 100%) 1;
        color: white;
    }
    
    .footer-bottom{
            background-color: #232323;
    }
    
    .custom-footer__articles h4{
            color: white;
    }
    
    .custom-footer__contact h4{
            color: white;
    }
    
    .custom-footer__section1 h4{
            color: white;
    }
    
    .custom-footer__onlinePayments h4{
            color: white;
    }
    
    .custom-footer {
        color: white;
    }
    
    .custom-footer a {
        color: white;
    }
    
    .link-like a:hover{
            color: white;
    }
    
    a.social-icon.facebook:before {
        color: white;
    }
    
    a.social-icon.instagram::before {
        color: white;
    }
    
    a.social-icon.tiktok:before {
        color: white;
    }
    
    .custom-footer__onlinePayments img{
            background-color: #ffffff;
        border-radius: 20px;
        padding: 10px;
    }
    
    .overall-wrapper{
            padding-bottom: 0px !important;
    }
    
    /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
    
    
    .navigation-buttons>a[data-target=cart] i {
        border-radius: 20%;
    }
    
    .navigation-buttons>a[data-target=cart] i {
        border: solid 1px white;
        color: white;
        width: 26px;
        background: #00000000;
        backdrop-filter: saturate(180%) blur(2px);
        -webkit-overflow-scrolling: touch;
        -webkit-backdrop-filter: blur(1em);
        font-weight: 500;
    }
    
    @media (max-width: 767px){
            #header .header-top a.cart-count i {
            bottom: 5px;
            right: 0px;
        }
        .search-window-visible #header .search {
        padding-left: 5px;
        padding-right: 5px;
        }
      .searchWhisperer.active {
        display: flex;
        padding-top: 10px;
        }
      #navigation .navigation-in ul li:hover>a>b {
        border-bottom-color: transparent !important;
        }
    }
    
    .search-focused::before, .navigation-hovered::before {
        backdrop-filter: saturate(180%) blur(5px);
        -webkit-overflow-scrolling: touch;
        -webkit-backdrop-filter: blur(1em);
        transition: background 0.5s ease-out;
    }
    
    @media (min-width: 767px){
            .searchWhisperer.active {
            border-radius: 18px 18px 18px 18px;
        }
    }
    
    .products-block>div .p .name {
        margin-top: 0;
        text-transform: none;
        font-weight: 700;
    }
    
    .availability {
        font-weight: 600;
    }
    
    .columns-mobile-2 .product-slider-holder .products-block .p .name {
        height: 55px;
    }
    
    .p-detail-inner-header-mobile, .p-detail-inner-header-mobile .h1 {
        padding-bottom: 11px;
        padding-top: 10px;
        text-align: center;
    }
    
    .top-navigation-menu-visible .top-navigation-bar-menu-helper {
        padding: 10px;
        margin-top: 2px;
    }
    
    .product-slider-holder .product-slider-pagination .pagination-button {
        border-radius: 18px;
        height: 5px;
    }
    
    .cart-table tr td, .cart-table tr td.cart-p-image {
        color: black;
        font-weight: 500;
    }
    
    .cart-table td.p-availability strong {
        font-weight: 600;
    }
    
    .cart-table .p-price .price-final {
        font-weight: 500;
    }
    
    .cart-table .p-total .price-final {
        font-weight: 500;
    }
    
    .next-step-back {
        font-weight: 600;
    }
    
    
    @media (min-width: 767px){
    #navigation .navigation-in ul li>a>b {
      background:
        linear-gradient(
          to right,
          rgba(0, 0, 0, 0),
          rgba(0, 0, 0, 0)
        ),
        linear-gradient(
          to right,
          rgba(0, 0, 0, 1),
          rgba(0, 0, 0, 1),
          rgba(0, 0, 0, 1)
      );
      background-size: 100% 3px, 0 3px;
      background-position: 100% 100%, 0 100%;
      background-repeat: no-repeat;
      transition: background-size 400ms;
    }
    
    #navigation .navigation-in ul li>a>b:hover {
      background-size: 0 3px, 100% 3px;
    }
    }
    
    
    
    
    #navigation .navigation-in ul li:hover>a>b, #navigation .navigation-in ul li:hover>a>span, #navigation .navigation-in ul li:hover>div>a>span {
        text-decoration: none;
    }
    
    
    .custom-order, label {
        color: #000000;
        font-weight: 500;
    }
    
    .js-cookies-settings{
            color: white !important;
    }
    
    .copyright .js-cookies-settings a:hover{
        color: white;
    }
    
    .msg.msg-notice, .msg.msg-success {
        border-color: #00ff0d70;
        color: #fff;
        background: #003e0996;
        backdrop-filter: saturate(180%) blur(20px);
        -webkit-overflow-scrolling: touch;
        -webkit-backdrop-filter: blur(1em);
         display: flex;
         margin-top: 25px;
    }
    
    .msg {
        border-width: 2px;
        opacity: 1;
        font-weight: 700;
        text-align: center;
        border-radius: 18px;
        width: 90vw;
    }
    
    .cookie-ag-wrap, .messages {
        display: flex;
        justify-content: center;
    }
    
    @media (min-width: 992px){
        .msg {
        padding: 44px 20px;
        margin-left: 0;
        border-radius: 18px;
        width: 50vw;
        }
    }
    
    .msg.msg-error {
        border-color: #ff000070;
        color: #fff;
        background: #3e000096;
        backdrop-filter: saturate(180%) blur(20px);
        -webkit-overflow-scrolling: touch;
        -webkit-backdrop-filter: blur(1em);
        display: flex;
    }
    
    .msg-wrapper {
        display: flex;
        justify-content: center;
        margin-top: 25px;
    }
    
    td .availability-label {
        padding-left: 0;
        padding-right: 0;
        font-weight: 600;
    }
    
    @media (max-width: 767px){
        .content-wrapper.container {
        padding-bottom: 50px;
        }
    }
    
    @media (min-width: 768px){
        #content {
        padding-bottom: 50px;
        }
    }
    
    .description-inner{
            background-color: #f7f7f7;
        border-radius: 18px;
        padding: 20px;
    }
    
    .description-inner table.detail-parameters tbody tr th .row-header-label{
        background-color: #f7f7f7;
    }
    
    .social-buttons-wrapper {
        padding: 22px 0;
        padding-left: 15px;
    }
    
    #product-detail-form .surcharge-label, #product-detail-form .variant-label {
        font-weight: 600;
    }
    
    @media (min-width: 767px){
        .carousel-inner {
        border: double 4px transparent;
        border-radius: 18px;
        background-image: linear-gradient(white, white), radial-gradient(circle at top left, #cecece,#cecece);
        background-origin: border-box;
        background-clip: padding-box, border-box;
            }
    }
    
    ::selection {
        color: #ffffff;
        background: #454545;
    }
    
    .products-block .p-bottom>div .p-tools form {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 5px;
    }
    
    .p-tools {
        background-color: white;
    }
    
    .txt-zak{
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px;
        font-size: 20px;
        font-weight: 700;
        z-index: 2;
        background-color: #f0f0f0;;
        border: solid 2px #6d00be;
        border-radius: 69px;
        margin-bottom: 30px;
    }
    
    .postup {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-weight: 500;
        background-color: rgb(240, 240, 240);
        padding-bottom: 40px;
        padding-top: 40px;
        border-radius: 18px;
        border: solid 2px #0000000d;
    }
    
    .postup li{
        list-style: none;
        padding: 20px;
        background-color: #272727;;
        border-radius: 69px;
        color: white;
        width: 13em;
    }
    
    .postup ul{
        padding: 0;
        margin: 0;
    }
    
    .bi-arrow-down{
        font-size: 35px;
        color: #6d00be;
    }
    
    .btn-poptat{
        background-color: #6d00be;
        border-radius: 69px;
        padding: 15px;
        border: 0;
        margin-top: 25px;
        width: 13em;
        justify-content: center;
        color: white;
        text-decoration: none;
    }
    
    .btn-poptat:hover{
            background-color: #4c0184;
    }
    
    li:before {
       content: none !important;
    }
    
    .dropdown-menu label {
        color: #ffffff;
    }
    
    label.form-label{
        color: black;
    }
    
    .btn.btn-secondary, a.btn.btn-secondary {
        background-color: #272727;
    }
    
    .slider-wrapper {
        background-color: #272727;
        color: white;
    }
    
    
    
    .ui-slider .ui-slider-range {
        background-color: #ffffff;
    }
    
    .ui-slider-handle, .ui-slider-handle:hover {
        background-color: #989898;
    }
    
    
    .cart-inner {
        padding: 30px;
    }
    
    .custom-order .btn-primary{
        background-color: #6d00be !important;
        font-weight: 600;
        border-color: transparent !important;
        color: white !important;
    }
    
    .custom-order .btn-primary:hover{
        background-color: #4c0184 !important;
    }
    
    .form-control{
        resize: none;
    }
    
    input[type="file"]::file-selector-button {
        background-color: #f0f0f0 !important;
      border-radius: 69px;
        padding: 10px;
    }
    
    input[type="file"]::file-selector-button:hover{
        background-color: #d7d7d7 !important;
    }
    
    @media (max-width: 768px){
            #formFileMultiple{
            padding: 2px 0px 0px 2px;
        }
    }
    
    @media (min-width: 768px){
            #formFileMultiple{
                padding: 3.5px 0px 0px 3px;
        }
    }
    
    .postup, h1{
            padding-top: 15px;
        font-size: 16px;
    }
    
    .top-navigation-bar a:hover {
      color: #cbcbcb;
    }
    
    
    .navigation-buttons a[data-target=cart]:hover {
          color: #cbcbcb !important;
    }
    
    #content h1 {
        font-size: 25px;
        padding: 0;
    }
    
    .filters-wrapper span{
        color: white;
    }
    
    .ajax-pending .loader-wrapper:before,.ajax-pending-element:before,.loader {
        background-color: #272727;
        border-color: #fff transparent #fff #fff
    }
    
    body.msg-visible .overlay,body.spinner-visible .overlay,body.user-action-visible .overlay {
        background: rgba(0, 0, 0, 0.5);
        backdrop-filter: saturate(180%) blur(20px);
        -webkit-overflow-scrolling: touch;
        -webkit-backdrop-filter: blur(1em);
        z-index: 100000001;
    }
    
    .msg.msg-warning {
        border-color: #ff760070;
        color: #fff;
        background: #3e2a0096;
        backdrop-filter: saturate(180%) blur(20px);
        -webkit-overflow-scrolling: touch;
        -webkit-backdrop-filter: blur(1em);
        display: flex;
        margin-top: 25px;
    }
    
    .siteCookies__links .js-cookies-settings{
        color: black !important;
    }
    
    @media (min-width: 992px){
        .benefitBanner__item {
        flex: 1 1 25%;
        border: solid #cecece 3px;
        border-radius: 18px;
        margin: 4px;
        padding: 10px;
        }
    }
    
    .benefitBanner__item {
        border: solid #cecece 3px;
        border-radius: 18px;
        padding: 10px;
    }
    
    @media (min-width: 768px){
        .col-sm-8 {
        width: 99%;
        }
    }
    
    .banners-row {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    
    .cart-heading, .h1 {
        padding: 50px !important;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    
    .cart-heading:before, .h1 {
        content: "🙁";
    }
    .cart-heading:after, .h1 {
        content: "Naplňte ho radostí";
    }
    
    .msg.msg-info {
        border-color: #2a7595;
        color: #fff;
        background: #00333e96;
        backdrop-filter: saturate(180%) blur(20px);
        -webkit-overflow-scrolling: touch;
        -webkit-backdrop-filter: blur(1em);
        display: flex;
    }  
    .o-mne{
        font-size: 16px;
        display: flex;
        background-color: #f0f0f0;
        padding: 30px;
        margin: 30px;
        border-radius: 18px;
        border: solid 2px #0000000d;
        text-align: center;
    }
    .kontakt{
        font-size: 16px;
        background-color: #f0f0f0;
        padding: 30px;
        margin: 30px;
        border-radius: 18px;
        border: solid 2px #0000000d;
    }
    
    @media (min-width: 992px) {
        .type-product .breadcrumbs {
                    padding: 0px 20px 20px 25px;
            margin-bottom: 9px;
            width: auto;
        }
    }
    
    a.social-icon.instagram:hover{
        color: red;
    }
    
    .navigation-bullet::after {
        padding: 3px;
        border-radius: 58px;
        margin: 5px;
    }
    
    .linear-attention{
    background: #FF0000;
    background: linear-gradient(to bottom, #FF0000 0%, #FF0000 50%, #540000 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    }
    
    .linear-material{
    background: #594FA9;
    background: radial-gradient(circle farthest-corner at top left, #594FA9 0%, #594FA9 50%, #594FA9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    }
    
    .linear-info{
    background: #FFC20F;
    background: radial-gradient(circle farthest-corner at top center, #FFC20F 0%, #FFB24A 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    }
    
    .linear-product{
    background: #8A0696;
    background: linear-gradient(to left, #8A0696 0%, #C5910A 25%, #0A8DC5 50%, #720AC5 75%, #940AC5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    }
    
    .columns-4 .products-block>div{
        border: solid 0.5px rgb(228, 228, 228);
    }
    
    .products-block {
        display: flex;
        flex-wrap: nowrap;
    }

    @media (min-width: 321px) and (max-width: 767px) {
        .product-slider-holder .product-slider-navigation.navigation-next:before {
        margin-top: 10rem;
        }
      .product-slider-holder .product-slider-navigation.navigation-prev:before {
      margin-top: 10rem;
        }
    }
    
    @media (min-width: 768px) {
        .navigation-in>ul>li.ext>ul>li>div>ul {
            margin-top: 8px;
            line-height: 25p;
            display: inline-block;
            overflow: hidden;
            max-height: max-content;
        }
    }
    
    .custom-footer__onlinePayments img {
        filter: grayscale(1);
    }
    
    .tooltip-inner{
        border-radius: 18px;
      padding: 10px 10px !important;
    }
    
    .homepage-blog-wrapper {
        padding-top: 60px;
    }
    
    .p-thumbnails a.highlighted img, .p-thumbnails a:hover img {
        border-radius: 18px;
    }
    
    .content-inner h1{
        border: solid #e4e4e4 1.5px;
        border-radius: 18px;
        padding: 10px !important;
    }
    
    .cart-table{
        border-spacing: 0;
        border-collapse: separate;
        border-radius: 10px;
        border: solid 1.5px #cfcfcf;
        padding: 15px;
    }
    
    .btn, a.btn {
        border-width: 1.5px;
    
    }
    
    .top-nav-button-account::before{
             content: "\F4E1\00a0";
                   font-family: 'bootstrap-icons';
    }
    
    .top-nav-button-logout::before{
                 content: "\F1C2\00a0\00a0";
                   font-family: 'bootstrap-icons';
    }
    
    .top-nav-button-login::before{
                    content: "\F1BE\00a0\00a0";
                   font-family: 'bootstrap-icons';
    }
    
    
    
    @media (min-width: 768px) {
        .top-navigation-bar .top-nav-button-account, .top-navigation-bar .top-nav-button-login{
            display: flex;
        }
    }
    
    .top-navigation-bar a {
        display: flex;
    }
    
    .subcategories.with-image li a .text {
        padding-right: 3px;
    }
    #header .search-input:hover{
        background: #9999991c !important;
    }
    
    #header .search-input:focus{
        background: #9999991c !important;
    }
    h4.homepage-group-title::after, .h4.homepage-group-title::after, .category-title::after, h2.homepage-group-title::after, .detail-group-title::after, .type-post .news-item-detail h1[itemprop=headline]::after, .type-page article header h1::after, .type-page article h2.strike::after, .type-page div[itemprop=about] h1:first-of-type::after, .type-posts-listing .content-inner>h1:first-of-type::after {
        content: "";
        height: 5px;
        width: 7vw;
        margin-left: 15px;
        display: inline-flex;
        background-color: #cecece;
        transform: translateY(-50%);
        border-radius: 18px;
        position: relative;
        top: -3px;
    }
    h4.homepage-group-title::before, .h4.homepage-group-title::before, .category-title::before, h2.homepage-group-title::before, .detail-group-title::before, .type-post .news-item-detail h1[itemprop=headline]::before, .type-page article header h1::before, .type-page article h2.strike::before, .type-page div[itemprop=about] h1:first-of-type::before, .type-posts-listing .content-inner>h1:first-of-type::before {
        content: "";
        height: 5px;
        margin-right: 15px;
        width: 7vw;
        display: inline-block;
        background-color: #cecece;
        transform: translateY(-50%);
        border-radius: 18px;
        position: relative;
        top: -3px;
    }
    #content h1 {
        align-items: baseline;
    }
    #content, .h1, .cart-heading{
        align-items: center !important;
    }
    .shipping-billing-table .radio-wrapper {
        border-color: #00000021 #00000021 #00000021;
        border-radius: 18px;
          margin: 10px 0 0 0;
    }
    @media (max-width: 766px) {
        .shipping-billing-table .radio-wrapper {
                border-color: transparent transparent #00000021;
          border-radius: 0px;
        }
    }
    .bi-arrow-down {
        font-size: 30px;
        color: #ffffff;
        border-radius: 18px;
        margin-bottom: 16px;
        background-color: #272727;
    }
    .rate-wrapper.unveil-wrapper .rate-average {
        font-size: 250%;
    }
    @media (min-width: 480px) {
        .rate-wrapper.unveil-wrapper .rate-average-inner {
            align-items: center;
            flex-direction: row;
            margin-left: 20px;
        }
    }
    input.btn.btn-sm.btn-primary{
            padding: 15px !important;
    }
    .rate-average-wrap .stars a:before, .rate-average-wrap .stars span:before {
        font-size: 23px;
    }
    @media (max-width: 767px) {
        .rate-wrapper.unveil-wrapper .rate-wrap{
            margin-left: 10px;
            margin-right: 40px;
        }
        .vote-form {
        padding-bottom: 22px;
        padding: 10px;
        }
    }
    .product-text{
        font-weight: 600;
    }
    .product-icon{
        display: flex;
        height: 70px;
        width: 70px;
        background-color: white;
        border-radius: 18px;
        border: solid 2px;
        font-size: 40px;
        align-items: center;
        justify-content: center;
    }
    .main-outer{
        display: flex;
        text-align: center;
        flex-direction: column;
        align-items: center;
        margin-bottom: 30px;
    }
    @media (max-width: 768px) {
        .next-to-carousel-banners {
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
            margin: 15px 0px 0 0px;
            justify-content: center;
        }
        .banner-wrapper{
            width: 49%;
        }
        .flag {
        margin: 4px;
    }
    }
    #navigation .navigation-in ul li:hover>a>b, #navigation .navigation-in ul li:hover>a>span, #navigation .navigation-in ul li:hover>div>a>span {
        text-decoration: underline;
    }
    .flag {
        font-weight: 700;
    }
    .widget-parameter-value:hover a{
            background-color: #000000;
        border-radius: 5px;
        color: white;
        font-weight: 600;
    }
    .widget-parameter-wrapper .widget-parameter-value:first-child a {
        padding-left: 1vh;
    }
    .widget-parameter-wrapper {
        overflow: visible;
    }
    .widget-parameter-wrapper .widget-parameter-value a {
        padding: 5px 10px 5px 10px;
    }
    .txt-zak {
        border: solid 2px #000000;
    }
    .btn-poptat {
        background-color: #000000;
    }
    .btn-poptat:hover {
        background-color: #202020;
    }
    .btn.btn-secondary, a.btn.btn-secondary {
        background-color: #000000;
        font-weight: 500;
    }
    .btn.btn-secondary:hover, a.btn.btn-secondary {
            background-color: #2f2f2f;
    }
    @media (max-width: 767px) {
        #content .btn.unveil-button, #footer .btn.unveil-button, .category-header #products-listing-order {
            border-radius: 69px;
        }
    }
    .mobile .category-header .dropdown, .mobile .category-header form {
        padding-bottom: 5px;
    }
    @media (max-width: 767px) {
        .mobile .category-header .dropdown-menu {
            border-radius: 18px;
            text-align: center;
        }   
    }
        .search-focused::before, .navigation-hovered::before {
            backdrop-filter: saturate(180%) blur(0px);
            -webkit-backdrop-filter: blur(0em);
        }
    @media (min-width: 480px) {
        .benefitBanner {
            justify-content: center;
        }
       .banners-row .banner-wrapper {
        margin-top: 0;
        width: 229px;
        }
      .next-to-carousel-banners {
        justify-content: center;
        flex-wrap: wrap;
        }
    }
    @media (max-width: 766px){
    .banners-row .banner-wrapper {
        width: 49% !important;
    }
    .footer-banners .row ,.banner-wrapper{
            width: 100% !important;
    }
    }
    .cart-table {
        border: none;
        padding: 0px;
    }
    .cart-inner {
        padding: 17px;
    }