@media (min-width:992px) {
.navigation-in, .navigation-buttons .top-nav-button, .navigation-buttons>a, .navigation-buttons>a:hover, .navigation-buttons {
        background-color: transparent !important;
        border: none !important;
    }
    .fitted .navigation-in ul {
        justify-content: space-between;
        padding: 0 60px;
    }
}
#header {
    background: #909775;
    background-image: var(--gradient);
}
#header .site-name a img {
    max-height: 60px;
    filter: invert(1);
}
.navigation-buttons a[data-target=navigation], .navigation-buttons a[data-target=navigation]:hover, .navigation-buttons a[data-target=search], .navigation-buttons a[data-target=search]:hover, .navigation-buttons .top-nav-button, .navigation-buttons>a, .navigation-window-visible .navigation-buttons a[data-target=navigation], .navigation-window-visible .navigation-buttons a[data-target=navigation]:hover {
    background-color: transparent;
    color: #fff;
    border: none !important;
}
.top-nav-button-login:before,
.navigation-buttons:not(#_) > a[data-target="search"]::before,
.navigation-buttons:not(#_) > a[data-target="cart"]::before,
.navigation-buttons:not(#_) > a[data-target="navigation"]::before,
.top-nav-button-login:before {
  content: "" !important;
  width: 24px;
  height: 24px;
  display: block;
  cursor: pointer;
  background-image: none !important;
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-image: url("/user/documents/upload/res/icons/icons_login.svg");
  mask-image: url("/user/documents/upload/res/icons/icons_login.svg");
  background: #fff;
}
.navigation-buttons:not(#_) > a[data-target="search"]::before {
  -webkit-mask-image: url("/user/documents/upload/res/icons/icons_search.svg");
  mask-image: url("/user/documents/upload/res/icons/icons_search.svg");
}
.navigation-buttons:not(#_) > a[data-target="cart"]::before {
  -webkit-mask-image: url("/user/documents/upload/res/icons/icons_cart.svg");
  mask-image: url("/user/documents/upload/res/icons/icons_cart.svg");
}
.navigation-buttons:not(#_) > a[data-target="navigation"]::before {
  -webkit-mask-image: url("/user/documents/upload/res/icons/icons_menu.svg");
  mask-image: url("/user/documents/upload/res/icons/icons_menu.svg");
}
.navigation-window-visible .navigation-buttons:not(#_) > a[data-target="navigation"]::before {
  -webkit-mask-image: url("/user/documents/upload/res/icons/icons_menu_close.svg");
  mask-image: url("/user/documents/upload/res/icons/icons_menu_close.svg");
}
:where(body.ums_a11y_login--on) .top-nav-button-login:hover:before,
.navigation-buttons:not(#_) .lupa:hover::before,
.navigation-buttons:not(#_) > a[data-target="cart"]:hover::before,
.top-nav-button-login:hover:before {
  background: var(--accent);
}
.navigation-in ul li a:hover {
  color: var(--accent);
}
.navigation-buttons a[data-target=search], .navigation-buttons a[data-target=cart], .top-nav-button-login, a.top-nav-button-account {
    display: grid;
    place-content: center;
}
.navigation-in ul li a b,
.menu-helper>span {
    font-weight: 400;
}

.slick-dots {
  display: flex;
  justify-content: center;
  list-style-type: none;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px 0 16px !important;
}

.slick-dots li {
  padding: 0;
}

.slick-dots li button {
    font-size: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #bbb;
    border: none;
    cursor: pointer;
    padding: 0;
    transition: all 0.3s ease;
}

.slick-dots li button:hover,
.slick-dots li.slick-active button:hover,
.slick-dots li.slick-active button {
  background: var(--color-primary);
  transform: scale(1.4);
  transition: all 0.3s ease;
}


@media (min-width: 768px) {
.siteCookies--bottom.siteCookies--scrolled, .siteCookies--bottom {
width: auto;
right: unset;
}
}

.siteCookies__form {
border-radius: 0;
box-shadow: none;
flex-direction: column;
max-width: 400px;
padding: 15px;
font-size: 13px;
background-color: #222;
line-height: 1;
margin: 0 0 10px;
}
.siteCookies--bottom {
left: 10px;
margin-left: 0;
width: auto;
right: unset;
width: auto;
}
.siteCookies--bottom.siteCookies--scrolled {
background-color: transparent;
box-shadow: none;
left: 10px;
}
.siteCookies__links {
display: none;
}
.siteCookies__link {
background: none;
border: none;
border-radius: 0;
font-weight: normal;
line-height: 1;
padding: 0;
display: inline;
}
.siteCookies__button {
line-height: 1;
margin: 0 auto;
padding: 10px;
opacity:1;
}
.siteCookies__button:hover {
background-color: green;
color: #fff;
opacity:1;
}

@media (max-width:767px) {
.siteCookies__form {
max-width: calc(100% - 10px);
}
}

.next-to-carousel-banners {
  margin-top:0;
}
@media (max-width:1199px) {
    .next-to-carousel-banners {
        width: 100% !important;
        max-width: 100% !important;
    }
}
.next-to-carousel-banners .extended-banner-link, .next-to-carousel-banners .extended-banner-text, .next-to-carousel-banners .extended-banner-title {
    background-color: unset;
    border: unset;
    box-shadow: none;
    padding: unset;
    position: unset;
}

.next-to-carousel-banners .extended-banner-texts {
    justify-content: flex-end;
    padding: 50px ;
}
#header .top_menu.container {
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
		min-height: unset;
    position:relative;
    isolation:isolate;
    list-style-type:none;
}
.top_menu:after {
    content: '';
    background: #3c40273d;
    display: block;
    width: 100dvw;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
.top_menu li::marker {display:none !important;}
.top_menu li a {
    display: block;
    padding: 6px 12px;
    color: #fff;
    font-size: 14px;
}
.top_menu li a:hover {
    color: var(--accent);
}

.basic-description .text_desc {
    background: #fff;
    padding: 32px;
    border-radius: 16px;
    margin: 8px 0;
}
.basic-description div:not(.text_desc) > img,
.basic-description > p > img {
border-radius: 16px;
    margin: 8px 0;
}
.basic-description > p,
.basic-description .text_desc *:last-child {margin:0;}
.basic-description .text_desc *:first-child {margin-top:0;}

@media (min-width: 768px) {
.navigation-buttons a[data-target=search] {
    width: 225px;
    position: relative;
    display: block;
}
.navigation-buttons a[data-target=search]:after {
    content: '';
    width: 100%;
    display: block;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 20px;
}
.navigation-buttons a[data-target=search]:hover:before, 
.navigation-buttons a[data-target=search]:hover:after {background:var(--accent) !important;}
}

#header {
    border: none;
}
    #header .site-name a img {
        max-height: 60px;
    }



.content-window-in {
    background-color:#fff;
}
.popup-widget.search-widget {
  background: transparent;
}
.popup-widget.search-widget,
.search-window-visible .user-action .user-action-in > div.user-action-search {
  display: flex;
  flex-direction: column;
}
.search form + h3,
.search .recommended-products {
  display: none;
}
.search .form-control {
  border-radius: 0;
  height: 120px;
  font-size: 42px;
  background: transparent;
  border: none;
  border-bottom: solid 2px #222;
  color:#222;
}
.search .form-control:focus,
.search .form-control:focus-visible {
  box-shadow: none;
  outline: none;
}
.search .form-control::placeholder {
  color: #717171;
}
.search form .btn.btn-lg {
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
}
    .search-window-in .container {
        top: 50%;
        transform: translate(-50%, -50%);
        position: absolute;
        left: 50%;
    }
.search h2 {
    font-size: 36px;
}
@media (max-width:991px) {
    .search-window-in .container {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    left: 20px;
    right: 20px;
}
.search .form-control,
.search .form-control::placeholder {font-size:24px;}
}

.navigation-in ul.menu-level-2 li a {    background: transparent;
    padding: 0;
    border-radius: 12px;
    font-weight: 600;
    transition: all 0.3s ease;
    overflow: hidden;
    text-align: center;
    position: relative;
    aspect-ratio: 3 / 2;
    display: flex;
    align-items: flex-end;
    position: relative;
    isolation: isolate;
}
.navigation-in ul.menu-level-2 li a:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgb(0 0 0) 100%);
}
.navigation-in ul.menu-level-2 li a:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: url("https://cdn.myshoptet.com/usr/783223.myshoptet.com/user/banners/top_nature.png?69d750f0");
    background-size: cover;
    z-index: -1;
    transition: all .3s ease-out;
}
.navigation-in ul.menu-level-2 li a:hover:after {transform: scale(1.02);
    transition: all .3s ease-out;
}
.navigation-in ul.menu-level-2 li a span {
    line-height: 1.3;
    text-align: center;
    display: inline-block;
    text-wrap-style: balance;
    padding: 12px;
    color: #fff;
    font-size: 16px;
    text-align: left;
    line-height: 1.2;
    text-wrap-style: balance;
    display: block;
    width: 100%;
    position: relative;
    bottom: 0;
    font-weight: 400;
    font-size: 16px;
}
@media (min-width:992px) {
.submenu_wrap {display:none;}
.submenu-visible .navigation-in>ul>li.exp .submenu_wrap {
    display: flex;
    position: fixed;
    top: 111px;
    left: 0;
    right: 0;
    z-index: 11;
    background: rgb(255 255 255 / 85%);
    align-items: flex-start;
    justify-content: center;
    padding: 70px 0;
overflow: auto;
    scrollbar-width: none;        /* Firefox */
    -ms-overflow-style: none;     /* IE/Edge */
}
.admin-logged.submenu-visible .navigation-in>ul>li.exp .submenu_wrap {top:136px;}
    .navigation-in ul.menu-level-2 {
        display: grid;
        position: relative;
        border-style: none;
        top: unset;
        width: inherit;
        max-width: 1418px;
        left: unset;
        background-color: transparent;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr  1fr;
        align-items: stretch;
        gap: 20px;
    }
.submenu-visible:before {
    content: '';
    background: #000000a1;
    position: absolute;
    width: 100%;
    height: calc(100dvh - 111px);
    top: 111px;
    z-index: 1;
}
.admin-logged.submenu-visible:before {
    height: calc(100dvh - 136px);
    top: 136px;
    z-index: 1;
}
body.submenu-visible {
    overflow: hidden;
}
}
@media (min-width:992px) and (max-width:1199px) {
    .navigation-in ul.menu-level-2 {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
.submenu-visible .navigation-in>ul>li.exp .submenu_wrap {
    padding: 20px;
}
}
@media (max-width:991px) {
    #navigation {
        top: 60px;
        padding-top:0;
        width: 100%;
        left: 100%;
        right: unset;
    }
    .navigation-close {display:none !important;}
    .navigation-window-visible #navigation {
        left: 0;width:100%;
    }
.navigation-in ul.menu-level-2 li a:before {
        content: '';
        display: block;
        width: calc(100% + 40px);
        aspect-ratio: 3 / 2;
        background-size:cover;
    }
.navigation-in {
        padding: 20px;
    }
.navigation-in ul.menu-level-2 li a {
    opacity:1;
}
    .navigation-in ul.menu-level-2 li a:before {
        width: 100%;
}
.submenu-visible .navigation-in>ul>li.ext.exp>ul.menu-level-2 {
display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    overflow: auto;
    scrollbar-width: none;        /* Firefox */
    -ms-overflow-style: none;     /* IE/Edge */
}
.navigation-in ul li a b, .menu-helper>span {
    font-weight: 400;
    font-size: 24px;
        padding: 20px 0;
}
.top_menu:after {display:none !important;}
#header .top_menu.container {
    background: transparent;
    flex-direction: column;
    gap: 8px;
    text-align: left;
    align-items: flex-start;
}
.navigation-in>ul.top_menu >li>a {
        color: #222;
}
.navigation-buttons a[data-target=navigation] {
display: grid;
    place-content: center;
    margin-right: 10px;
}
#header .container {
    min-height: 60px;
}
.navigation-buttons a, .top-nav-button-login {
    height: 60px;
    width: 50px;
}
.container.navigation-wrapper .site-name {
    flex: 0 1 150px;
}
}
@media (max-width: 539px) {
    .submenu-visible .navigation-in>ul>li.ext.exp>ul.menu-level-2 {
        grid-template-columns: 1fr 1fr;
    }
}

.homepage-texts-wrapper .top-products-wrapper {
        display: none;
}
    .homepage-texts-wrapper:has(.top-products-wrapper) .welcome-wrapper {
        max-width: 100%;
        margin: 0;
}
#review_wrap {padding: 70px 20px;
    max-width: 600px;
    margin: 0 auto;
}
#review_wrap .review {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
#review_wrap .review span {
    font-size: 20px;
    display: flex;
    gap: 3px;
    margin: 0 auto;
}
#review_wrap .review p {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.6;
}
.in-index .tab-content>.tab-pane {
    display: block;
    opacity: 1;
}
.homepage-group-title {
    display: block;
    font-size: 32px;
    margin: 70px 30px 30px;
}
.columns-3 .products-block>div, .columns-4 .products-block>div {
        padding: 5px;
    }
.products-block>div .p {
        padding: 30px 10px 10px;
        background: #fff;
        border: none;
        border-radius: 12px;
    }
.footer-banners {
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 3px 10px;
    padding:0;
}
.footer-banners:before,
.footer-banners:after {display:none;}
.footer-banners .col-lg-2 {width:100%;padding:0;}
.footer-banners a {
    border-radius: 12px;
    overflow: hidden;
}
.footer-banners a:hover {}
.footer-banners .extended-banner-texts {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.62) 100%);
    padding: 12px;
    display: flex;
    align-items: flex-end;
}
.footer-banners .extended-banner-title {
    position: unset;
    background: transparent;
    border: none;
    color: #fff;
    display: block;
    padding: 0;
    box-shadow: none;
}
.next-to-carousel-banners {
    padding: 16px 0 0 !important;
}
.subcategories {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 3px 10px;
}
.subcategories li {width:100%;}
.subcategories.with-image li a {
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    padding:0;
}
.subcategories.with-image li a .image img {
    max-height: unset;
    max-width: 100%;
    width: 100%;
    transition: all .3s ease-out;
}
.subcategories.with-image li a .image {
    height: auto;
    margin: 0;
}
.subcategories.with-image li a .text {
    flex-grow: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.62) 100%);
    padding: 12px;
    display: flex;
    align-items: flex-end;
    color: #fff;
    font-size: 16px;
    text-align: left;
    line-height: 1.2;
    text-wrap-style: balance;
}
.subcategories.with-image li a:hover .image img {
    transform: scale(1.02);
    transition: all .3s ease-out;
}
@media (min-width:768px) and (max-width:1199px) {
.footer-banners,
.subcategories {
    grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width:767px) {
.footer-banners,
.subcategories {
    grid-template-columns: 1fr 1fr;
    padding:0 10px;
}
.footer-banners .extended-banner-title {
    font-size: 16px;
}
}
.cat_info {
    padding: 50px 20px;
    position: relative;
    isolation: isolate;
}
.cat_info:before {
content: '';
    position: absolute;
    display: block;
    width: 100dvw;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    background:#0000009e;
}
.cat_info:after {
    content: '';
    position: absolute;
    display: block;
    width: 100dvw;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-size: cover;
    background-position: center;
        z-index: -2;
}
.cat_info_inner .category-perex {
    color: #fff;
    line-height: 1.6;
    font-size: 18px;
    font-weight: 400;
}
.cat_info_inner .category-perex a {color:#fff}
.category-perex a, .breadcrumbs a {text-decoration: underline;}
.category-perex a:hover, .breadcrumbs a:hover {text-decoration: none;}
.cat_info_inner h1 {
    color: #fff;
    margin-top: 0;
}
.category-perex img {display:none;}
.cat_info_inner .breadcrumbs,
.cat_info_inner .breadcrumbs a,
.cat_info_inner .breadcrumbs a:hover,
.cat_info_inner .breadcrumbs>span>a:after {
    color: #fff;
}
.cat_info_inner .navigation-home-icon-wrapper:before {
    left: 0px;
}
.cat_info_inner .navigation-home-icon-wrapper #navigation-first a {
    padding-left: 20px;
}
.navigation-in ul.menu-level-2 li a:hover:before {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgb(0 0 0) 100%);
}
.cat_info + .content-wrapper-in .category-title,
.cat_info + .content-wrapper-in .category-perex {display:none;}

/* filtry */
  .desktop #category-filter-hover,
  .mobile #filters-wrapper #category-filter-hover {
    flex-direction: column;
    width: 100%;
  }
  .desktop #filters .filter-section form,
  .mobile #filters-wrapper .filter-section form {
    display: block;
    position: unset;
    margin-bottom: 10px;
    box-shadow: none;
    width: 100%;
  }
  .desktop #filters h4:after,
  .mobile #filters-wrapper h4:after {
    display: none;
  }
  .desktop #filters .filter-section:hover form,
  #filters .filter-section:hover h4,
  .mobile #filters-wrapper .filter-section:hover form,
  .mobile #filters-wrapper .filter-section:hover h4 {
    box-shadow: none;
  }
  .desktop #filters .filter-section:hover h4,
  .mobile #filters-wrapper .filter-section:hover h4 {
    background-color: #f1f3f7;
  }
  .desktop #filters .filter-section form fieldset > div,
  .mobile #filters-wrapper .filter-section form fieldset > div {
    padding: 5px 20px;
    margin: 0 -20px !important;
  }
#filters
  .filter-section
  form
  fieldset
  > div:not(.advanced-filters-wrapper):hover {
  background-color: #f1f3f7;
}
#filters .filter-section form input[checked="checked"] + .filter-label {
  font-weight: 600;
}
.has-background .category-top {
  margin-bottom: 1.25rem;
}
.aside-close {
    position: absolute;
    top: 10px;
    right: 20px;
    font-weight: 600;
    border: none;
    background: transparent;
    font-size: 32px;
}
.btn:not(.cart-count).filter-toggle:after {
    content: '';
    background-image: url("/user/documents/upload/res/icons/filter_btn_icon.svg");
    display: block;
    width: 26px;
    height: 26px;
    background-size: contain;
    margin-left: 5px;
}
.aside-close:hover {color:var(--color-primary);}
.type-category.mobile #filters-wrapper {
        width: 345px;
        padding: 40px 20px;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        transform: translateX(-100%);
        transition: all 0.3s ease;
        display: block;
        z-index: 1111;
        border-right: .0625rem solid #e4e7ed;
        background: #fff;
        overflow-y:scroll;
}
@media (max-width:479px) {
.type-category.mobile #filters-wrapper {
    width: 100%;
}
}
.sidebar-shown.type-category.mobile #filters-wrapper {
    transform: none;
    transition: all 0.3s ease;
}
.type-category.mobile #filters-wrapper {
        padding-top: 80px;
}
.mobile .aside-close {
    font-size: 40px;
}
.mobile .btn:not(.cart-count).filter-toggle {
    margin: 0 auto 20px;
    height: 50px;
    padding: 24px;
    position: fixed;
    transform: rotate(-90deg);
    transform-origin: right;
    z-index: 9;
    bottom: 25%;
    right: 24px;
    margin: 0;
    transition: all 0.3s ease;
    display: flex;
    gap: 12px;
    font-size: 14px;
    border-radius: 12px 12px 0 0;
}
.mobile .btn:not(.cart-count).filter-toggle:after {
    filter: invert(1);
    transform: rotate(90deg);
}
.type-category aside {
        width: 345px;
        padding: 40px 20px;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        transform: translateX(-100%);
        transition: all 0.3s ease;
        display: block;
        z-index: 1111;
        border-right: .0625rem solid #e4e7ed;
        background: #fff;
        overflow-y:auto;
    }
.type-category.sidebar-shown aside {
    transform: none;
    transition: all 0.3s ease;
}
#filters .filter-section-count {
    display: flex;
    justify-content: center;
    flex-direction: column-reverse;
    align-items: center;
    width: 100%;
}
#filters .filter-section-count a {color: #ad0101;}
@media (min-width:1200px) {
ul.menu-level-2 .fv-megamenu>li {
    width: 20%;
}
}


#category-filter-hover,
#filters .filter-section form {
    background-color: transparent;
}

.btn.btn-lg.filter-toggle, .listSorting__control {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0;
    line-height: 1;
    background: transparent;
    border: none;
    color: #000;
        padding: 12px 24px;
}
.btn.btn-lg.filter-toggle:hover, .listSorting__control:hover {
    background: transparent;
    color:var(--color-primary);
}
.btn.btn-lg.filter-toggle {
    height: auto;
    min-width: 100px;
    padding: 8px 32px;
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff;
    line-height: 30px;
    border-radius: 22px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: none;
    font-size: 16px;
}
.btn:not(.cart-count).filter-toggle:after {
    filter: invert(1);
}
.btn.btn-lg.filter-toggle:hover {
    background-color: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
    color: #fff;
}
.listSorting__control.listSorting__control--current {
    font-weight: 800;
}
.filter-toggle {margin-right: auto !important;    display: flex;
    align-items: center;
    gap: 8px;}
.category-header {
    padding: 20px 0;
    margin: 0;
    border:none;
}
@media (max-width: 767px) {
.subcategories {
        padding: 0;
    }
}

.read-more-btn {font-size:12px;}
.image360 a, .p-image a {
    background-color: #faf8f6;
}
.image360 a img, .p-image a img {
        mix-blend-mode: darken;
}
.ui-slider-handle {
    background-color: #222;
}
.ui-slider-handle:hover {
    background-color: var(--color-primary);
}
.ui-slider .ui-slider-range {
    background-color: #666;
}

.submenu-visible .navigation-in>ul>li.exp .submenu_wrap {
background: #fff;
}

@media (max-width:991px) {
.category-perex {
    margin-bottom: 0;
}
}

    .p-detail-inner .p-data-wrapper {
        background: #fff;
        padding: 32px;
        border-radius: 16px;
        margin: 8px 0;
        align-self: flex-start;
display: flex;
    flex-direction: column;
    overflow:hidden;
    }
.p-detail-inner-header {order:-9;}
.p-detail-tabs-wrapper {
    border-top-style: none;
    padding-top: 0;
}
@media (max-width: 767px) {
.tab-content {
    padding-left: 0px;
    padding-right: 0px;
}
.basic-description .text_desc,
.p-detail-inner .p-data-wrapper {
    padding: 40px 20px;
}
}
@media (min-width: 768px) {
    .benefitBanner.position--benefitProduct {
        margin: 40px auto;
    }
}

.content-window {
    left: -100%;
    width: 100%;
}
.cart-window-visible .content-window.cart-window, .login-window-visible .content-window.login-window, .search-window-visible .content-window.search-window {
    left:0;
}

#footer {
    margin-top: 0
    padding-bottom: 0px;
    background: transparent;
    border: none;
    display: flex;
    flex-direction: column;
}
.custom-footer>div.custom-footer__banner2 {
    width: 100%;
    border-bottom: solid 1px;
}
.footer-newsletter {order:8;}
.footer-bottom {order:9}
#footer ul.slick-dots li:before {display:none;}

.extra_contact-box {
    background: #e4e3e1;
    padding: 20px;
    margin: 0 -32px -33px;
}
.extra_contact-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    max-width: 500px;
    margin: 0 auto;
}
.extra_contact-left {text-align:center;}
.extra_contact-left h2 {
    font-size: 18px;
    margin: 0 0 4px;
}
.extra_contact-left p {
    margin: 0 0 12px !important;
    font-weight: 200;
}

.extra_contact-info {
    display: flex;
    gap: 10px 20px;
    flex-wrap: wrap;
}

.extra_contact-item {
  display: flex;
  flex-direction: column;
}

.extra_contact-main a {
    font-size: 18px;
    font-weight: 600;
    color: #686868;
    text-decoration: underline;
}
.extra_contact-main a:hover {
      color: var(--color-primary);
    text-decoration: none;
}
.extra_contact-sub {
    font-size: 14px;
    margin-top: 0;
    font-weight: 200;
}

.extra_contact-person {
  text-align: center;
}

.extra_contact-person img {
    width: 70px;
    max-width: 70px;
    object-fit: cover;
    border-radius: 50%;
    margin-bottom: 10px;
    padding: 0 !important;
    height: auto;
}

.person-name {
  font-weight: 600;
}

.person-role {
  font-size: 14px;
  color: #777;
}
#footer .extra_contact-box {
    background: #e4e3e1;
    padding: 20px;
    margin: 20px 0;
    border-radius: 16px;
}
@media (min-width: 1200px) {
    .custom-footer>div.custom-footer__banner1 {
        width: 50%;
    }
}
.products-block .product .p .p-in:after {
    content: '';
    min-height: 28px;
}
.products-block .product:has(.flag-vice-rozmeru) .p .p-in:after {content:'';background-image:url("/user/documents/upload/res/icons/icons_dimensions.svg");
    background-size: cover;
    width: auto;
    height: 28px;
    display: block;
    background-color:transparent !important;
    background-size: 23px;
    background-repeat: no-repeat;
    background-position: left center;
    display: flex;
    align-items: center;
    padding-left: 30px;
        content: 'více rozměrů';
    max-width: 137px;
    margin: auto auto 0;
    }
.flags-default .flag.flag-vice-rozmeru {display:none;}
@media (min-width:992px) {
.p-detail-inner .p-image-wrapper {
    position: sticky;
    top: 30px;
    align-self: flex-start;
}
}
.breadcrumbs {
position:relative;
isolation:isolate;
}
.breadcrumbs:after {
    content: '';
    background: #ebeae4;
    width: 100dvw;
    height: 100%;
    top: 0;
    position: absolute;
    display: block;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
}
    .breadcrumbs>span>a, .breadcrumbs>span>span {
        padding: 6px 0 6px 20px;
        font-size: 10px;
        text-decoration: none;
    }
.breadcrumbs>span>span {    font-weight: 300;}
    .breadcrumbs>span>a {
        min-height: unset;
    }
.breadcrumbs>span:last-child,
.breadcrumbs>span:nth-last-child(2)>a:after{
        display: none;
}
.products-block>div .p {transition: all 0.3s ease-out;}
.products-block:has(.p:hover)>div .p {background:transparent;transition: all 0.3s ease-out;}
.products-block:has(.p:hover)>div .p:hover {background: #fff;transition: all 0.3s ease-out;}
.products-block .p>a {
    mix-blend-mode: darken;
}
.type-product h1 {
    font-size: 28px;
    font-weight: 300 !important;
    line-height: 1.4;
}
.p-detail-inner .p-short-description {
    font-size: 100%;
    line-height: 1.6;
    font-weight: 300;
}
.p-short-description ul {
    padding-inline-start: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.stars .star, .stars .star:hover {
    color: var(--accent);
}
.p-to-cart-block {
    border-style: none;
    background: #ebeae4;
    padding: 32px;
    margin: 0 -32px;
}
.quantity {
    background: #fff;
}
.p-basic-info-block {
    border-style: none;
}
.p-param-block {
    padding: 0;
}

details {
    width: 100%;
transition: all 0.5s ease;
  min-height: 5px;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
  transition: all .3s;
  background-color: #fff;
}

details[open] {
    transition: all .3s;
}
details p {
    padding: 15px 25px 15px;
}

summary {
  padding: 25px 70px 25px 30px;
  font-weight: 500;
  font-size: 16px;
  cursor: pointer;
}

summary:focus {
  outline: none;
}

summary::-webkit-details-marker,
::-webkit-details-marker {display: none !important;}

summary::after {
    padding: 20px;
    position: absolute;
    top: 5px;
    right: 20px;
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-variant-caps: normal;
    font-variant-ligatures: normal;
    font-weight: 900;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\276F";
    transform: rotate(90deg);
    transition: .3s ease;
}
.basic-description details[open] summary {
    background: #909775;
    color: #fff;
}
details[open] summary::after {
content: '\e912';
    font-family: shoptet;
    font-size: 11px;
    top: 5px;
    transform: translateY(0);
    transition: .3s ease;
}
.basic-description details[open] summary {color:#fff;}
details[open] summary:hover::after {
  animation: pulse 1s ease;
}

@keyframes pulse {
  25% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.detail-parameters-wrapper {
    padding: 15px 25px 15px;
}
.p-data-wrapper details {
    margin: 0 -32px;
    width: calc(100% + 64px);
}
.p-param-block details {border-top:solid 1px #faf8f6;}
#description {
width:100%;
    max-width: 1200px;
    margin: 0 auto;
}
#footer .footer-rows {
    max-width: 100%;
}

.next-to-carousel-banners .banner-wrapper:has(video) {
width: 100% !important;
max-width: 100% !important;
}
.one-column-body table.detail-parameters tbody tr th {
    min-width: 140px;
    font-weight: 500;
    text-transform: none;
}
select {
    background-color: #faf8f6;
    border-color: #e4e3e1;
        font-weight: 500;
    border-radius: 8px;
}
.p-variants-block table.detail-parameters tr td:has(:where(select,.no-display,.sizeID,.advanced-parameter)) {
    min-width: 250px;
}
summary {
    border-bottom: solid 1px #e4e3e1;
}
.desc-toggle { cursor: pointer; text-decoration: underline; }
table.detail-parameters tbody tr td, table.detail-parameters tbody tr th {
    padding-bottom: 8px;
    padding-top: 8px;
}
.desc-rest {padding:0 20px;display:block;}
.p-data-wrapper .benefitBanner.position--benefitProduct {
    border-bottom: solid 1px #e4e3e1;
    margin: 10px -32px 10px;
    max-width: calc(100% + 64px);
    width: calc(100% + 64px);
}
.p-data-wrapper .benefitBanner__item {
        flex-direction: column;
        text-align: center;
        justify-content: center;
    }
.p-data-wrapper .benefitBanner__picture {
    flex: 0 0 50px;
    max-width: 50px;
    margin: 0 0 4px;
}
.p-data-wrapper .benefitBanner__content {
    padding: 0 5px;
}
.p-data-wrapper .benefitBanner__title,
.p-data-wrapper .benefitBanner__data {
    font-size: 12px;
}
.extra_contact-box {
    background: #fff;
}
.p-detail-inner {
    margin-bottom: 64px;
}
.benefitBanner__picture {
    justify-content: center;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}

.faq {
  display: flex;
  gap: 30px;
  background: #e4e3e1;
  padding: 30px;
  border-radius: 16px;
  margin: 50px 0;
}

.faq-sidebar {
    width: 320px;
    font-size: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.faq-tab {
  padding: 15px 20px;
  margin-bottom: 10px;
  border-radius: 26px;
  background: #fff;
  cursor: pointer;
  transition: 0.3s;
  font-weight: 500;
  font-size:16px;
}

.faq-tab.active:not(:hover) {
  background: #909775;
  color:#fff;
}
.faq-tab.active:hover,
.faq-tab:hover {
  background: #faf8f6;
}
.faq-content {
  flex: 1;
}

.faq-panel {
  display: none;
}
.faq-panel.active {
  display: block;
}
.faq-header {
        padding: 15px 20px;
    margin-bottom: 10px;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.3s;
    font-weight: 500;
    font-size: 16px;
    background: #909775;
    color: #fff;
}
.faq-item {
  margin-bottom: 10px;
  border-radius: 10px;
  overflow: hidden;
}

.faq-question {
  background: white;
  padding: 15px 40px 15px 20px;
  cursor: pointer;
  position: relative;
  border-radius: 10px;
  font-size:16px;
}

.faq-question::after {
  position: absolute;
  right: 20px;
  content: "\e90e";
  font-family: shoptet;
  font-size: 13px;
  top: 15px;
}
.faq-item.active .faq-question::after {
  transform: rotate(180deg);
}
.faq-item.active .faq-question {
  background: #909775;
  color: #fff;
  border-radius: 8px 8px 0 0;
}

.faq-answer {
  display: none;
  padding: 15px 20px;
  background: #fff;
  border-top: 1px solid #eee;
  font-size: 16px;
  line-height: 1.4;
  text-wrap-style: balance;
}
.homepage-box {
  background-color: transparent;
  border-bottom: none;
  border-top: none;
}
.faq-question:hover {
  background:#faf8f6;
}
@media (max-width: 767px) {
  .faq {
    flex-direction: column;
  }
  .faq-sidebar {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
  }
  .faq-tab {
    margin-bottom: 0;
  }
}
.body-banners .banner-wrapper {
    width: 100%;
    max-width: 1200px;
}
.type-posts-listing aside {display: none;}
.type-posts-listing #newsWrapper {width:100%;
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
flex-flow: row wrap;justify-content:space-between;padding:0;margin:0;gap:20px;}

.type-posts-listing #newsWrapper:before, .type-posts-listing  #newsWrapper:after {
width: 100%;
}
.type-posts-listing .news-item {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
flex-flow: column wrap;justify-content:space-between;}
.type-posts-listing .news-item .image {
margin-right: 0;
width: 100%;
margin-bottom: 30px;
}

@media (max-width: 768px) {
.type-posts-listing .news-item {width:100%;}
}

@media (min-width: 768px) and (max-width: 992px) {
.type-posts-listing .news-item {width:calc((100% - 20px) / 2);}
}

@media (min-width: 992px) {
.type-posts-listing .news-item {width:calc((100% - 40px) / 3);}
}

.tab-pane .products-block {
    margin: 0;
}
.in-index .kn_grid {
    max-width: unset;
    margin: 50px auto;
    padding:0;
}
.body-banners .banner-wrapper {
    width: 100%;
    max-width: 1418px;
}

.kn_grid {display: grid;gap: 20px;max-width:1200px;width:100%;margin:0 auto 20px;}
  .kn_grid:before, .kn_grid:after {display:none;}


  .kn_grid > div {padding: 30px;background-color:#fff;border-radius:12px;background-position: center;background-size: cover;background-repeat: no-repeat;display: flex;
    flex-direction: column;
    justify-content: flex-start;}
  .kn_grid > div[style*="background-image"] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}
  .kn_grid > div[style*="background-image"]:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.62) 100%);
}
.kn_grid > div[style*="background-image"] > * {position:relative;z-index: 1;color:#fff !important;}
.kn_grid > div > *:first-child {margin-top:0;}
.kn_grid > div > *:last-child {margin-bottom:0;}
  @media (min-width:992px) {
  .grid1col {grid-template-columns: 1fr;}
  .grid2col {grid-template-columns: 1fr 1fr;}
  .grid3col {grid-template-columns: 1fr 1fr 1fr;}
  .grid4col {grid-template-columns: 1fr 1fr 1fr 1fr;}

  .span2 {grid-column: span 2;}
  .span3 {grid-column: span 3;}
  .span4 {grid-column: span 4;}

  .grid1col > div[style*="background-image"] {padding-top:10%;}
  .grid2col > div[style*="background-image"] {padding-top:30%;}
  .grid3col > div[style*="background-image"] {padding-top:50%;}
  .grid4col > div[style*="background-image"] {padding-top:50%;}
  }
  @media (min-width:768px) and (max-width: 991px) {
  .grid1col {grid-template-columns: 1fr;}
  .grid2col {grid-template-columns: 1fr 1fr;}
  .grid3col {grid-template-columns: 1fr 1fr 1fr;}
  .grid4col {grid-template-columns: 1fr 1fr;}

  .span2 {grid-column: span 2;}
  .span3 {grid-column: span 3;}
  .span4 {grid-column: span 2;}

  .grid1col > div[style*="background-image"] {padding-top:20%;}
  .grid2col > div[style*="background-image"] {padding-top:50%;}
  .grid3col > div[style*="background-image"] {padding-top:70%;}
  .grid4col > div[style*="background-image"] {padding-top:50%;}
  }
  @media (max-width: 767px) {
  .kn_grid > div {padding: 20px;}
  .grid1col {grid-template-columns: 1fr;}
  .grid2col {grid-template-columns: 1fr;}
  .grid3col {grid-template-columns: 1fr;}
  .grid4col {grid-template-columns: 1fr 1fr;}

  .span2 {grid-column: span 1;}
  .span3 {grid-column: span 1;}
  .span4 {grid-column: span 2;}

  .grid1col > div[style*="background-image"] {padding-top:40%;}
  .grid2col > div[style*="background-image"] {padding-top:40%;}
  .grid3col > div[style*="background-image"] {padding-top:40%;}
  .grid4col > div[style*="background-image"] {padding-top:70%;}
  }
  @media (max-width: 479px) {
  .grid4col {grid-template-columns: 1fr;}
  .span4 {grid-column: span 1;}
  .grid4col > div[style*="background-image"] {padding-top:70%;}
  }
.kn_grid > div.video_wrapper {
    padding: 0;
    overflow: hidden;
        align-self: center;
}
.in-index .tab-content {
    padding-left: 0px;
    padding-right: 0px;
}
    .tab-pane .banner-wrapper {
        margin: 0;
}
.tab-content>.tab-pane h2.span4:first-child,
.kn_grid.grid1col h2.span1,
.kn_grid.grid2col h2.span2,
.kn_grid.grid3col h2.span3,
.kn_grid.grid4col h2.span4{
    margin: 30px 0 0;padding: 0 30px;
}
.basic-description .kn_grid > div > details:last-child:not([open]) summary {
    border-bottom: 0;
}

.p-short-description ul.desc_icon_list {
    list-style-type: none;
    display: grid;
    padding: 0 5px;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.desc_icon_list li {
    display: grid;
    grid-template-columns: 36px 1fr;
    gap: 0 10px;
}
.desc_icon_list li:before {
    content: '';
    grid-row: span 2;
    width: 30px;
    height: 30px;
    background-size: cover;
    background-repeat: no-repeat;
}
.desc_icon_list li.desc_motiv:before {background-image:url("/user/documents/upload/res/icons/icons_param_motive.svg");}
.desc_icon_list li.desc_barevnost:before {background-image:url("/user/documents/upload/res/icons/icons_param_colors.svg");}
.desc_icon_list li.desc_pouziti:before {background-image:url("/user/documents/upload/res/icons/icons_param_usage.svg");}
.desc_icon_list li.desc_funkce:before {background-image:url("/user/documents/upload/res/icons/icons_param_function.svg");}
.desc_icon_list li.desc_provedeni:before {background-image:url("/user/documents/upload/res/icons/icons_param_variant.svg");}
.desc_icon_list li.desc_rozmery:before {background-image:url("/user/documents/upload/res/icons/icons_param_dimensions.svg");}

.p-data-wrapper details {
    margin: 0;
    width: 100%;
}
.p-data-wrapper summary {
    padding: 25px 70px 25px 0px;
}
.p-data-wrapper details p {
    padding: 15px 25px 15px 0;
    text-wrap-style: balance;
}
.p-short-description a:hover,
.basic-description a:hover {text-decoration: underline;}

.btn, a.btn {
    border-radius: 20px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: none;
}
.navigation-buttons a[data-target=cart] i {
    background-color: var(--color-primary);
    color: #fff;
    font-weight: 700;
    font-size: 10px;
}
.btn.btn-primary,
a.btn.btn-primary,
.btn.btn-cart,
.btn.btn-conversion,
a.btn.btn-cart,
a.btn.btn-conversion {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff;
}
.btn.btn-primary:hover,
a.btn.btn-primary:hover,
.next-to-carousel-banners .extended-banner-link:hover,
.btn.btn-cart:hover,
.btn.btn-conversion:hover,
a.btn.btn-cart:hover,
a.btn.btn-conversion:hover {
    background-color: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
    color: #fff;
}
.navigation-in ul.menu-level-2 a:focus-visible span,
.navigation-in ul.menu-level-2 a:hover span,
.subcategories.with-image li a:hover .text {
        color: #C7D3A2;
}
.detail-parameters.second tr:nth-child(even) {background: #ebeae4;}
.one-column-body table.detail-parameters tbody tr th {
    padding-left: 8px;
}
:focus-visible, [tabindex="0"]:focus-visible, input:focus-visible, input[type=checkbox].focus-visible+label, input[type=checkbox]:focus-visible+label, input[type=radio].focus-visible+label, input[type=radio]:focus-visible+label, label:has(input[type=radio].focus-visible), label:has(input[type=radio]:focus-visible), select:focus-visible, textarea:focus-visible {
    box-shadow: none;
    outline: var(--color-primary);
    border-color: var(--color-primary);
}
.products-block>div .p .p-in {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.extra_b2b {
    padding: 8px 16px;
    margin: -20px -20px 20px;
    background: #909775;
}
.extra_b2b h4 {
    margin: 0 auto;
    font-size: 16px;
    text-wrap-style: balance;
    max-width: 500px;
    line-height: 1.4;
    font-weight: 500;
    color:#fff;
}
.extra_b2b a {color:#fff;}
@media (max-width: 479px) {
    .overall-wrapper {
        padding-top: 60px;
    }
}

/* ================================================================
   PASTE INTO YOUR SHOPTET THEME CSS
================================================================ */

/* ── wrapper ── */
.next-to-carousel-banners {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 16px 0;          /* NO left padding — track starts at x=0 so clones hide cleanly */
  user-select: none;
  box-sizing: border-box;

  /* All width math in CSS — 100% = wrapper's own width.
     Desktop: 5 equal parts → hero=3fr, each of 2 peeks=1fr
     The active slide's left edge always aligns to the wrapper's left edge. */
  --nbc-gap:    12px;
  --nbc-avail:  100%;
  --nbc-unit:   calc((var(--nbc-avail) - 2 * var(--nbc-gap)) / 5);
  --nbc-peek-w: var(--nbc-unit);
  --nbc-hero-w: calc(var(--nbc-unit) * 3);
}

/* ── track ── */
.next-to-carousel-banners .nbc-track {
  display: flex;
  gap: var(--nbc-gap);
  align-items: stretch;
  transition: transform 0.72s cubic-bezier(0.77, 0, 0.18, 1);
  will-change: transform;
}

/* ── every slide — peek width by default ── */
.next-to-carousel-banners .banner-wrapper {
  flex: none !important;
  width: var(--nbc-peek-w) !important;
  min-width: var(--nbc-peek-w) !important;
  max-width: var(--nbc-peek-w) !important;
  height: 480px;
  border-radius: 18px;
  overflow: hidden;
  position: relative;
  background: #111;
  box-sizing: border-box;
  transition: width 0.72s cubic-bezier(0.77, 0, 0.18, 1),
              min-width 0.72s cubic-bezier(0.77, 0, 0.18, 1),
              max-width 0.72s cubic-bezier(0.77, 0, 0.18, 1);
  cursor: pointer;
}

/* ── active slide — hero width ── */
.next-to-carousel-banners .banner-wrapper.is-active {
  width: var(--nbc-hero-w) !important;
  min-width: var(--nbc-hero-w) !important;
  max-width: var(--nbc-hero-w) !important;
}

/* ── the <a> fills the slide ── */
.next-to-carousel-banners .banner-wrapper > a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  text-decoration: none;
  color: inherit;
}

/* ── image ── */
.next-to-carousel-banners .banner-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  pointer-events: none;
  transition: transform 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.next-to-carousel-banners .banner-wrapper.is-active img {
  transform: scale(1.04);
}

/* ── gradient overlay ── */
.next-to-carousel-banners .banner-wrapper > a::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 35%, rgba(0,0,0,0.62) 100%);
  pointer-events: none;
}

/* ── text block ── */
.next-to-carousel-banners .extended-banner-texts {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 28px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 20px;
  pointer-events: none;
}

/* ── title: always hidden, revealed by .is-text-visible ── */
.next-to-carousel-banners .extended-banner-title {
  display: block;
  color: #fff;
  font-family: Georgia, serif;
  font-weight: 400;
  line-height: 1.15;
  font-size: 1.25rem;
  opacity: 0;
  transform: translateY(6px);
  transition: font-size 0.72s cubic-bezier(0.77, 0, 0.18, 1),
              opacity 0.38s ease,
              transform 0.38s ease;
}
.next-to-carousel-banners .banner-wrapper.is-active .extended-banner-title {
  font-size: 2.2rem;
}
.next-to-carousel-banners .banner-wrapper.is-text-visible .extended-banner-title {
  opacity: 1;
  transform: translateY(0);
}

/* ── cta button ── */
.next-to-carousel-banners .extended-banner-link {
  display: inline-flex;
  color:#fff;
  align-items: center;
  gap: 8px;
  font-family: sans-serif;
  font-size: 0;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border-style: solid 1px; 
  border-radius: 100px;
  padding: 8px 18px;
  width: fit-content;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.38s 0.12s ease, transform 0.38s 0.12s ease, background 0.2s ease;
  pointer-events: none;
      height: 40px;
    margin-top: unset;
    background: rgba(255,255,255,0.18);
}
.next-to-carousel-banners .extended-banner-link::before {
  content: "Zobrazit kolekci";
      font-size: 14px;
    line-height: 30px;
}
.next-to-carousel-banners .extended-banner-link::after {
  content: '';
  display: inline-block;
  width: 13px; height: 13px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E") center/contain no-repeat;
  flex-shrink: 0;
}
.next-to-carousel-banners .banner-wrapper.is-text-visible .extended-banner-link {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.next-to-carousel-banners .extended-banner-link:hover {
  
}

/* ── arrows ── */
.nbc-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 44px; height: 44px;
  background: #1a1a1a;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: background 0.2s, transform 0.2s;
}
.nbc-arrow:hover { background: #444; transform: translateY(-50%) scale(1.08); }
.nbc-arrow--prev { left: 8px; }
.nbc-arrow--next { right: 20px; }
.nbc-arrow svg {
  width: 18px; height: 18px;
  stroke: #fff; fill: none;
  stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round;
}

/* ── dots ── */
.nbc-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 16px 0 16px !important;
}
.nbc-dot {
  width: 7px; height: 7px;
  border-radius: 50%;
  background: #bbb;
  border: none;
  cursor: pointer;
  padding: 0;
  transition: background 0.3s, transform 0.3s;
}
.nbc-dot.is-active { background: #1a1a1a; transform: scale(1.4); }

/* ── tablet: 1 peek, adjust unit to 4 parts ── */
@media (max-width: 992px) {
  .next-to-carousel-banners {
    /* tablet: 1 peek → 4 parts total */
    --nbc-unit: calc((var(--nbc-avail) - 1 * var(--nbc-gap)) / 4);
  }
  .next-to-carousel-banners .banner-wrapper { height: 400px; border-radius: 16px; }
  .next-to-carousel-banners .banner-wrapper.is-active .extended-banner-title { font-size: 1.8rem; }
}

/* ── mobile: hero=72% of container, peek gets the rest ── */
@media (max-width: 768px) {
  .next-to-carousel-banners {
    padding: 12px 0;
    /* hero = 72% of width; peek = remaining 28% minus 1 gap */
    --nbc-hero-w: calc(var(--nbc-avail) * 0.72);
    --nbc-peek-w: calc(var(--nbc-avail) * 0.28 - var(--nbc-gap));
  }
  .next-to-carousel-banners .banner-wrapper { height: 320px; border-radius: 14px; }
  .next-to-carousel-banners .banner-wrapper.is-active .extended-banner-title { font-size: 24px; }
  .next-to-carousel-banners .extended-banner-texts { padding: 20px; }
  .nbc-arrow { width: 36px; height: 36px; }
  .nbc-arrow svg { width: 15px; height: 15px; }
  .nbc-arrow--prev { left: 4px; }
  .nbc-arrow--next { right: 14px; }
  .next-to-carousel-banners .nbc-track { cursor: grab; }
  .next-to-carousel-banners .nbc-track:active { cursor: grabbing; }
}

/* ── nested .banner-wrapper (Shoptet promo <span> creates a double-wrap)
      force the inner div to fill the outer slide completely ── */
.next-to-carousel-banners .banner-wrapper .banner-wrapper {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 100% !important;
  border-radius: 0 !important;
  transition: none !important;
}

/* ── video: mirror the img treatment exactly ── */
.next-to-carousel-banners .banner-wrapper video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  pointer-events: none;
  transition: transform 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.next-to-carousel-banners .banner-wrapper.is-active video {
  transform: scale(1.04);
}
@media (max-width:767px) {
.next-to-carousel-banners {
margin: 0 10px;
    width: calc(100% - 20px) !important;
}
}

.next-to-carousel-banners .banner-wrapper {
margin: 0 !important;
}

.in-index.columns-4 .wide .products-block>div {
width: 100%;
}
.tab-pane .products-block {
    margin: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.slick-slide.product {
    margin: 5px;
}
@media (max-width:767px) {
.p-short-description ul.desc_icon_list {
    grid-template-columns: 1fr;
    gap: 5px;
}
.desc_icon_list li:before {
    width: 24px;
    height: 24px;
    margin-top: 5px;
}
.desc_icon_list li {
    grid-template-columns: 30px 1fr;
}
.extra_contact-info {
    flex-wrap: nowrap;
}
.extra_contact-left h2 {
        margin: 0 0 2px;
    }
.extra_contact-left p {
    font-size: 10px;
}
.extra_contact-main {text-align:center;}
.extra_contact-main a {
    font-size: 12px;
}
.extra_contact-sub {
    font-size: 10px;
    margin-top: 4px;
    text-align: center;
}
.extra_contact-person img {
    width: 46px;
    max-width: 46px;
}
}
@media (min-width:992px) {
.grid4col > div:nth-child(2),
.grid4col > div:nth-child(4),
.grid4col > div:nth-child(7),
.grid4col > div:nth-child(9) {
background: #909775;
    color: #fff;
}
.grid4col > div:nth-child(2) h3,
.grid4col > div:nth-child(4) h3,
.grid4col > div:nth-child(7) h3,
.grid4col > div:nth-child(9) h3 {color: #fff;}
}
@media (min-width:480px) and (max-width:991px) {
.grid4col > div:nth-child(2),
.grid4col > div:nth-child(5),
.grid4col > div:nth-child(6),
.grid4col > div:nth-child(9) {
background: #909775;
    color: #fff;
}
.grid4col > div:nth-child(2) h3,
.grid4col > div:nth-child(5) h3,
.grid4col > div:nth-child(6) h3,
.grid4col > div:nth-child(9) h3 {color: #fff;}
}
@media (max-width: 479px) {
.grid4col > div:nth-child(odd) {
background: #909775;
    color: #fff;
}
.grid4col > div:nth-child(odd) h3{color: #fff;}
}

.ui-slider-handle {
    background-color: var(--color-primary);
}
.ui-slider-handle:hover {
    background-color: var(--color-primary-hover);
}
.ui-slider {
    border: none;
}
.ui-slider .ui-slider-range {
    background-color: #d3d3d3;
}

.products-block .product .p .p-in:after {
    content: '';
    min-height: 28px;
}
.btn.btn-lg.filter-toggle {
    height: auto;
    min-width: 100px;
    padding: 8px 32px;
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff;
    line-height: 30px;
    border-radius: 22px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: none;
    font-size: 16px;
}
.btn:not(.cart-count).filter-toggle:after {
    filter: invert(1);
}
.btn.btn-lg.filter-toggle:hover {
    background-color: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
    color: #fff;
}
.ui-slider-handle {
    background-color: var(--color-primary);
}
.ui-slider-handle:hover {
    background-color: var(--color-primary-hover);
}
.ui-slider {
    border: none;
}
.ui-slider .ui-slider-range {
    background-color: #d3d3d3;
}
.content-window-in {
    background-color: #faf8f6;
}
    ol.cart-header {
        background-color: #fff;
        border-radius: 12px;
        overflow: hidden;
            border: none;
    }
    ol.cart-header li a span, ol.cart-header li strong span {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        background: transparent;
        border: none;
        font-weight:600;
}
    ol.cart-header li a:hover span, ol.cart-header li strong:hover span {
        background: var(--color-primary-hover);
        color: #fff;
    }
    ol.cart-header li a, ol.cart-header li strong {
        font-size: 16px;
        padding: 0;
    }
ol.cart-header li.active a span, ol.cart-header li.active strong span {
    background: var(--color-primary);
    border: none;
    color: #fff;
}
.cart-window .cart-inner, .cart-inner {
        padding: 30px;
        background-color: #fff;
        border-radius: 12px;
    }
.price-wrapper .price-label {
    text-align: right;
    padding-bottom: 10px;
}
.btn {font-weight:600;}
.price-range {
    border-style: none;
    border-radius: 8px;
    overflow: hidden;
    height: 16px;
    background: #ebe8e6;
}
.slider-content, .ui-slider-range {
    border-style: none;
    background: #ebe8e6;
    border-radius: 5px;
}
.delivery strong {
    font-weight: 600;
    font-size: 16px;
}
.price-range>div, .ui-slider .ui-slider-range {
    background: repeating-linear-gradient(-45deg, #6B7544 0px, #6B7544 6px, #909775 6px, #909775 12px);
    border-radius: 8px;
    position: relative;
    transition: all 0.3s ease;
}
.price-range>div:hover,
.ui-slider .ui-slider-range:hover {
    background: repeating-linear-gradient(-45deg, var(--color-primary) 0px, var(--color-primary) 6px, var(--color-primary-hover) 6px, var(--color-primary-hover) 12px);
transition: all 0.3s ease;
}


.price-range>div:before, .ui-slider .ui-slider-range:before {
    content: '';
    background: #ffffff73;
    width: calc(100% - 20px);
    display: block;
    height: 4px;
    border-radius: 2px;
    top: 2px;
    left: 10px;
    position: absolute;
}
.summary h2 {font-weight:600;}
.cart-table tr td.p-name a {
    text-decoration: none;    font-weight: 600;
}
.main-link-surcharges, .main-link-variant {
    font-weight: 400;
}
.p-detail .add-to-cart .quantity,
.cart-table .p-quantity .quantity {
    border-radius: 20px;
    overflow: hidden;
}
.quantity .decrease:hover, .quantity .increase:hover {
    background: var(--color-primary-hover);
    color: #fff;
}
.p-to-cart-block .add-to-cart-button.btn-conversion {
    display: flex;
    align-items: center;
}
.p-to-cart-block .add-to-cart-button.btn-conversion:before {content:'';background-image: url("/user/documents/upload/res/icons/icons_cart.svg");
    width: 24px;
    height: 24px;
    background-size: cover;
    filter: invert(1);
    margin-right: 16px;
}
.box.box-bg-default, .box.box-bg-transparent, .co-box {
    background-color: #fff;
    border: none;
    border-radius: 12px;
}
.radio-wrapper {
    border: none;
}
.radio-wrapper:nth-child(odd) {
    background-color: #faf8f6;
}
.radio-wrapper.active {
    background-color: #90977540;
    border: solid 1px #909775;
    color: #909775;
}
.radio-wrapper input[type=radio]:checked+label>span b {color: #000;}
.radio-wrapper input[type=checkbox]:checked+label:before, .radio-wrapper input[type=radio]:checked+label:before {
    border-color:#909775;
}
.radio-wrapper input[type=checkbox]:checked+label:after, .radio-wrapper input[type=radio]:checked+label:after {
    background-color:#909775;
    border-color: #fff;
}
.co-delivery-method, .co-payment-method {
    align-self: flex-start;
}
.summary {
    border-top: none;
}
a:has(span[data-testid="recapItemName"]) {color:#000;}
.summary-box > h2 {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 0;
}
.ordering-process .content-wrapper-in {flex-direction:column;}
    .sidebar-left .toggle-window-arr {
        margin: 0 0 -20px;
    }
    
@media (min-width:1200px) {
#checkoutContent {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
#checkoutContent .co-box-additional,
#checkoutContent  .order-summary,
#shipping-address {    grid-column: span 2;}
.in-krok-2 .cart-inner {
    padding: 0;
    background-color: transparent;
}
}
@media (max-width: 767px) {
.cart-window .cart-inner, .cart-inner {
    padding: 10px;
}
.in-krok-1 .cart-inner,
.in-krok-2 .cart-inner {
    background-color: transparent;
}
.extra_b2b {
    margin: -20px -10px 20px;
}
.p-detail-inner {
    margin-bottom: 0;
}
}
@media (max-width: 992px) {
    .cart-table tr {
        gap: 12px 0;
    }
}
@media (min-width: 768px) {
    .navigation-in > ul > li > a {
        color: #fff;
    }
}
.cat_info_inner {width:100%;
    max-width: 1440px;
    padding: 0 20px;
    margin: 0 auto;
}
.cat_info_inner h2,
.cat_info_inner h3 {color:#fff;}