:root {
    --kompresory-primary: #E30D33;
}

.search-form .search-input  {
    background: white !important;
    color: black !important;
    border-radius: 8px !important;
}

.search-form .search-input::placeholder {
    color: black !important;
}

.search-form .search-input-icon {
    color: black !important;
}

.header-top .site-name {
    display: flex;
}

.header-top .site-name img {
    max-height: 40px !important;
}

.header-top .cart-price {
    font-size: 16px !important;
}

#header .header-bottom, #header #navigation {
    background: var(--kompresory-primary) !important;
    color: white !important;
    border: none;
}
#header .navigation-in>ul>li>a {
    color: white;
    font-size: 16px;
    font-weight: normal;
}

#header .navigation-in ul li:hover a {
    box-shadow: inset 0px -2px 0px 0px white;;
}

#header .navigation-in ul li a.active {
    box-shadow: inset 0px -2px 0px 0px white;
}

#header .navigation-in>ul>li>a b {
    font-weight: normal;
}

#header #navigation .navigation-in ul li:hover>a>b, #header #navigation .navigation-in ul li:hover>a>span, #header #navigation .navigation-in ul li:hover>div>a>span {
    text-decoration-thickness: 1px !important;
    text-underline-offset: 8px !important;
}
.banners-row .col-sm-8, .banners-row .col-sm-4 {
    width: 100% !important;
}
.banners-row .next-to-carousel-banners {
    display: grid !important;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    margin-top: 20px;
}
.banners-row {
    margin-bottom: 80px;
    margin-top: 40px !important;
    display: flex;
    flex-direction: column;
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.banners-row .col-sm-4 {
    order: 2;
    margin-bottom: 100px;
}
.banners-row .col-sm-8 {
    order: 3;
}
.banners-row h2 {
    font-size: 34px !important;
    margin-bottom: 10px !important;
    order: 1;
}
.banners-row .next-to-carousel-banners .banner-wrapper {
    width: 100% !important;
}
.banners-row .next-to-carousel-banners .banner-wrapper a {
    display: flex;
    justify-content: space-between;
    border-radius: 20px;
    padding: 15px;
    background: white;
    border: 1px solid #e0e0e0;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    &:hover {
        transform: translateY(-5px);
    }
}
.banners-row .next-to-carousel-banners .banner-wrapper img {
    width: 50% !important;
    object-fit: contain;
    order: 2;
    height: 100px;
}

.banners-row .next-to-carousel-banners .banner-wrapper .extended-banner-texts, .banners-row .next-to-carousel-banners .banner-wrapper .extended-banner-title, .banners-row .next-to-carousel-banners .banner-wrapper .extended-banner-text {
    position: relative !important;
    color: black !important;
    padding: 0 !important;
}

.banners-row .next-to-carousel-banners .banner-wrapper .extended-banner-texts {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 10px !important;
    width: 55% !important;
}
.banners-row .next-to-carousel-banners .banner-wrapper .extended-banner-title {
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin-bottom: 0px !important;
    padding: 0 !important;
}
.banners-row .next-to-carousel-banners .banner-wrapper .extended-banner-text {
    font-size: 16px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
    text-align: left !important;
}

.carousel .item a {
    display: flex !important;
    align-items: center;
    height: 500px;
}
.carousel .item a::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));
}
.carousel .item a .extended-banner-texts, .carousel .item a .extended-banner-title, .carousel .item a .extended-banner-text {
    position: relative !important;
    color: white !important;

}

.carousel .carousel-inner {
    min-height: 500px !important;
    position: relative;
    margin-top: 20px;
    border-radius: 20px;
    
}

.carousel .item a img {
    position: absolute;
    order: 2;
    object-fit: cover;
    object-position: center;
    height: 500px;
}

.carousel .item a .extended-banner-texts {
    order: 1;
    display: flex;
    flex-direction: column;
    padding: 40px;
    max-width: 700px;
    position: relative;
    z-index: 1;
    color: white !important;
}

.carousel .item a .extended-banner-title {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 16px;
    padding: 0;
}

.carousel .item a .extended-banner-text {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 0;
    font-weight: 400;
    padding: 0;
}

.benefitBanner {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
}

.benefitBanner .benefitBanner__item {
    width: 100% !important;
    flex-direction: column;
}

.benefitBanner .benefitBanner__item .benefitBanner__content {
    text-align: center;
}


.benefitBanner .benefitBanner__item .benefitBanner__content .benefitBanner__data {
    margin-top: 10px;
}

.benefitBanner .benefitBanner__item .benefitBanner__img {
    width: 50px;
}
.client-center-box ul  {
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
}
.client-center-box ul li{
    list-style: none !important;
    padding: 5px 0px !important;
}
.client-center-box ul li.active a {
    color: var(--kompresory-primary) !important;
    font-weight: 600 !important;
}
.client-center-box ul li.logout {
    padding: 0 !important;
    margin: 20px 0 0 0 !important;
    order: 999;
}
.client-center-box ul li.logout .btn {
    padding: 2px 10px !important;
    font-size: 12px;
}
.recapitulation-wrapper .cart-table .p-total {
    padding-right: 50px;
}
.checkout-box, .order-summary-inner  {
    background: white !important;
    border-radius: 10px !important;
    border: none !important;
}
.news-item .description div, .news-item .description div h2 {
    text-align: left !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}
.in-dekujeme .overall-wrapper, .in-dekujeme .content-wrapper.container {
    background: white !important;
}
.btn.btn-cart, .btn.btn-conversion, a.btn.btn-cart, a.btn.btn-conversion, .btn.btn-primary, .btn.btn-default, .btn.btn-secondary {
    color: white !important;
    font-weight: 400 !important;
    border-radius: 10px !important;
    background: var(--kompresory-primary) !important;
    text-decoration: none !important;
    padding: 0px 15px !important;
    transition: all 0.3s ease !important;
    &:hover {
        background: #c01b33 !important;
    }
}
:where(body.ums_page_element_headings--on) .sidebar-inner>div.box-sm {
    padding: 25px !important;
    margin: 0;
}
.shipping-billing-table .radio-wrapper {
    background-color: white !important;
    border-radius: 12px !important;
    border: none !important;
    margin-bottom: 10px !important;
}
: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 {
    outline: 2px solid var(--kompresory-primary) !important;
    outline-offset: 0px !important;
}
.cart-content>.helper {
    padding: 0 !important;
}
ol.cart-header li.active a:before, ol.cart-header li.active strong:before, ol.cart-header li.completed a:before, ol.cart-header li.completed strong:before {
    color: white !important;
}
ol.cart-header li.active a, ol.cart-header li.active strong, ol.cart-header li.completed a, ol.cart-header li.completed a:hover, ol.cart-header li.completed strong {
    background: none !important;
}
ol.cart-header li a:hover, ol.cart-header li.active a, ol.cart-header li.active strong, ol.cart-header li.completed a, ol.cart-header li.completed strong {
    background: none !important;
}
#checkoutSidebar .toggle-contacts {
    background: transparent !important;
    color: black !important;
}
.jt-home-custom__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
}
.jt-home-custom-reverse .jt-home-custom__inner {
    flex-direction: row-reverse !important;
    align-items: flex-start !important;
}
.jt-home-custom__inner.jt-home-custom-reverse .jt-home-custom__image {
    order: 2 !important;
}
.pageArticleDetail {
    margin-bottom: 60px !important;
}
.pageArticleDetail a {
    text-decoration: underline !important;
}
.pageArticleDetail a:hover {
    color: var(--kompresory-primary) !important;
}
.pageArticleDetail p {
    display: inline !important;
}
.jt-home-custom__inner.jt-home-custom-reverse .jt-home-custom__content {
    order: 1 !important;
}

.jt-home-custom__image {
    width: 50%;
}
.jt-home-custom__image img {
    border-radius: 20px;
}
.jt-home-custom__content {
    width: 50%;
}
.jt-home-custom__content h2 {
    font-size: 32px !important;
}
.welcome-wrapper {
    width: 100% !important;
}
.cart-table tr.removeable {
    padding: 10px !important;
    background-color: white !important;
    border-radius: 10px !important;
    border: none !important;
}
.jt-home-custom__inner .jt-home-custom__btn {
    background: var(--kompresory-primary) !important;
    color: white !important;
    font-weight: 400 !important;
    border: none !important;
    cursor: pointer !important;
    border-radius: 10px !important;
    transition: all 0.3s ease !important;
    &:hover {
        background: #c01b33 !important;
    }
}
  
  .product-slider {
    overflow: visible !important;
    padding: 20px 0 !important;
  }

  .overall-wrapper {
    overflow: hidden !important;
    background: #f4f6f8 !important;
  }
  .content-wrapper.container {
    background: #f4f6f8 !important;
    margin-bottom: 50px !important;
  }
  .product-slider-holder {
    padding-top: 0 !important;
  }
  .product {
    background: white; 
    border-radius: 12px;
    padding: 20px !important;
    transition: .3s;
  }
  .product:hover {
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08) !important;
    transform: translateY(-3px) !important;
  }
  .product .prices {
    text-align: left !important;
    justify-content: flex-start !important;
  }
  .product .price-additional, .p-to-cart-block .price-additional {
    font-size: 12px !important;
    order: 2 !important;
    }
    .product .prices .price {
        order: 1 !important;
        }
  .product .prices .price-final {
    order: 3;
  }
  .product .prices .price-standard, .product .prices .price-standard strong, .product .prices .price-save {
    margin: 0 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #767676 !important;
  }
  #HcCalculater {
    position: absolute;
    right: 10px;
    display: flex !important;
    align-items: center !important;
    width: 230px !important;
    background-size: 60% !important;
    background-repeat: no-repeat !important;
    background-color: #e21831 !important;
    padding-top: 0 !important;
    z-index: 2 !important;
    bottom: -60px !important;
  }
  .p-to-cart-block {
    position: relative;
  }
  .product .name {
    text-align: left;
    font-weight: 700;
    padding: 0 !important;
    height: auto !important;
    text-decoration: none !important;
    margin-bottom: 30px;
  }
  .product-slider-holder.has-navigation {
    padding: 0px !important;
  }
  .product-slider-holder .product-slider-pagination .pagination-button.active {
    background: var(--kompresory-primary) !important;
  }
  .product-slider-holder .product-slider-pagination .pagination-button {
    border-radius: 10px !important;
    transition: .3s;
  }
  .product .availability {
    text-align: left;
    margin-bottom: 10px;
  }
  .product-slider-holder .products-block {
    gap: 20px;
    flex-wrap: nowrap !important;
  }
  .product-slider-holder .product-slider-navigation {
    top: auto !important;
    bottom: -30px !important;
    opacity: 1 !important;
    transition: .3s;
  }
  .product-slider-holder .product-slider-navigation:hover {
    background-color: white;
  }
  .product-slider-holder .product-slider-navigation.navigation-prev {
    right: 50px !important;
    left: auto !important;
    border: 1px solid var(--kompresory-primary) !important;
    border-radius: 100% !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .product-slider-holder .product-slider-navigation.navigation-next {
    border: 1px solid var(--kompresory-primary) !important;
    border-radius: 100% !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .product-slider-holder .product-slider-navigation.navigation-prev:before {
    content: '' !important;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UzMGQzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjUuNjYsMjAyLjM0YTgsOCwwLDAsMS0xMS4zMiwxMS4zMmwtODAtODBhOCw4LDAsMCwxLDAtMTEuMzJsODAtODBhOCw4LDAsMCwxLDExLjMyLDExLjMyTDkxLjMxLDEyOFoiPjwvcGF0aD48L3N2Zz4=");
    background-size: 20px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
  }
  .product-slider-holder .product-slider-navigation.navigation-next:before {
    content: '' !important;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UzMGQzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODEuNjYsMTMzLjY2bC04MCw4MGE4LDgsMCwwLDEtMTEuMzItMTEuMzJMMTY0LjY5LDEyOCw5MC4zNCw1My42NmE4LDgsMCwwLDEsMTEuMzItMTEuMzJsODAsODBBOCw4LDAsMCwxLDE4MS42NiwxMzMuNjZaIj48L3BhdGg+PC9zdmc+");
    background-size: 20px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
  }
  .product-slider-holder .product-slider-pagination {
    justify-content: flex-start !important;
  }
  .p-bottom {
    padding: 0 !important;
  }
  .p-bottom [data-micro="offer"] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }
  .p-bottom [data-micro="offer"]:before, 
  .p-bottom [data-micro="offer"]:after {
    display: none !important;
  }
  .product .p-tools {
    width: auto !important;
    padding: 0 !important;
  }

  .products-block>div .p {
    justify-content: space-between !important;
  }
  .welcome-wrapper {
    padding: 100px 0;
  } 

  .jt-signature a {
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
    margin-left: 20px;

  }
  .jt-signature a svg {
    width: 20px;
  }

  .footer-bottom  {
    padding: 40px 0;
    font-size: 14px;
    color: #494949 !important;
  }
  .footer-bottom a {
    color: #494949 !important;
  }
  .footer {
    background: white !important;
  }
  .breadcrumbs {
    padding-top: 20px !important;
  }
  .sidebar-inner .box {
    background: white !important;
    padding: 25px;
    border-radius: 12px;
    border: none !important;
    margin-bottom: 20px !important;
  }

  .categories a {
    font-weight: 400 !important;
    font-size: 16px !important;
  }
  .categories .topic.active a {
    font-weight: 600 !important;
    color: var(--kompresory-primary) !important;
  }
  #categories li.active > a {
    font-weight: 600 !important;
    color: var(--kompresory-primary) !important;
  }
  .slider-content, .ui-slider-horizontal {
    height: 5px !important;
  }
  .ui-slider-horizontal .ui-slider-handle {
    height: 15px !important;
    width: 15px !important;
    border-radius: 100%;
  }
  .subcategories {
    gap: 20px;
  }
  .subcategories li a {
    background: white;
    border-radius: 12px;
  }
.products-inline.products-top {
    gap: 20px;
}

.products-block {
    gap: 20px;
}

.product-slider .products-block>div {
    width: 300px !important;
    margin: 0 !important;
}
.product-slider-holder .product-slider {
    margin-left: 0 !important;
    margin-bottom: 30px !important;
}
.type-product .breadcrumbs  {
    width: 100% !important;
    padding: 20px 20px 0 20px !important;
}
.link-icon.print, .link-icon.share {
    display: none !important;
}
.p-detail-inner {
    background-color: white !important;
    padding: 40px !important;
    border-radius: 12px !important;
}
.p-to-cart-block {
    background-color: white !important;
}
table.detail-parameters tbody tr th:after {
    display: none !important;
}
.quantity button:hover {
    color: white;
}
.quantity {
    border-radius: 12px;
}
.quantity .increase, .quantity .increase::before {
    border-top-right-radius: 11px !important;
    border-bottom-right-radius: 11px !important;
}
.quantity .decrease, .quantity .decrease::before {
    border-top-left-radius: 11px !important;
    border-bottom-left-radius: 11px !important;
}
.p-detail-tabs-wrapper {
    background-color: white !important;
    border-radius: 12px !important;
    padding: 40px !important;
    margin-top: 40px !important;
}
.shp-tabs-holder ul.shp-tabs {
    margin-left: 0;
    margin-right: 0;
}

.shp-tabs-holder ul.shp-tabs a.shp-tab-link {
    padding: 0;
}

.products-related-wrapper .products-block .product {
    width: 300px !important;
}
.products-related-header  {
    margin-bottom: 0px !important;
    text-align: left !important;
}
.content-wrapper-in .content {
    display: flex;
    flex-direction: column;
    padding: 20px 0 0 0  !important;
}
.homepage-products-heading-1 {
    order: 5;
    text-align: left !important;
    margin-bottom: 10px !important;
}
.homepage-products-heading-1 + .products-wrapper {
    order: 5;
    overflow: visible !important;
}
.homepage-products-heading-5 {
    order: 3;
    text-align: left !important;
    margin-bottom: 10px !important;
}

.homepage-products-heading-5 + .products-wrapper {
    order: 4;
    overflow: visible !important;
    margin-bottom: 100px !important;
}

.jt-moved-products {
    order: 2;
    margin-bottom: 100px !important;
}

.banners-row  {
    order: 1;
}
.position--benefitHomepage {
    order: 6;
}
.welcome-wrapper + .container-narrow {
    order: 7;
    width: 100% !important;
}
.welcome-wrapper {
    order: 8;
}
.homepage-blog-wrapper {
    gap: 20px;
    margin: 0 !important;
}
.homepage-blog-wrapper .homepage-group-title {
    text-align: left !important;
    margin-bottom: 10px !important;
    padding-left: 0 !important;
}
.news-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.news-item {
    width: 100% !important;
    flex-basis: 100% !important;
    background: white !important;
    border-radius: 12px !important;
    padding: 20px !important;
}
.news-item:hover img {
    transform: scale(1.03);
}
.news-item .title {
    color: black !important;
    font-weight: 600 !important;
}


.news-item .image, .news-item .image img, .news-item .news-item-link-img, .news-item .news-item-link-img img {
    height: 300px;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
    margin-right: 0;
    margin-bottom: 50px;
    transition: .3s;
    overflow: hidden;
}
.header-top {
    display: flex;
    align-items: flex-start !important;
    justify-content: center;
    position: relative;
}
.header-top-opening-hours {
    font-size: 14px;
    text-align: right;
}
.header-top-phone-wrap {
    color: white !important;
    align-items: flex-end;
    flex-direction: column;
    order: 1;
    margin-top: 5px;
    display: none;
}

.header-top-phone-wrap a {
    color: white !important;
    font-weight: 600 !important;
    display: flex;
    align-items: center;
    font-size: 18px;
    line-height: 1 !important;
    margin-left: 0 !important;
    height: auto !important;
    &:hover {
        text-decoration: underline !important;
    }
}
.menu-helper>span {
    color: white !important;
    font-weight: 400 !important;
    letter-spacing: 0.2rem !important;
    font-size: 16px !important;
}
.contact-box ul li>span.cellphone:before {
    display: none !important;
}
.contact-box .cellphone {
    margin-left: 51px;
}
#header .site-name a img {
    width: 100%;
}
.top-navigation-bar {
    background-color: white !important;
}
.header-top-wrapper {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.header-top-phone-wrap a::before {
    content: '';
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjInIHZpZXdCb3g9JzAgMCAyNCAyMicgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48ZyBjbGlwLXBhdGg9J3VybCgjY2xpcDBfNDE4Nl8xMDMyMCknPjxwYXRoIGQ9J00yMS4yNjU4IDEwLjQyMTFIMjMuNTc5QzIzLjU3OSA0LjQ4MDM5IDE5LjA5OTUgMCAxMy4xNTggMFYyLjMxNjA1QzE3Ljg1NjEgMi4zMTYwNSAyMS4yNjU4IDUuNzI0MTEgMjEuMjY1OCAxMC40MjExWicgZmlsbD0nd2hpdGUnLz48cGF0aCBkPSdNMTIuMTIxNyA2Ljc5MTFDMTQuNTgyMyA2Ljc5MTEgMTUuNjMxOCA3Ljg0MDU0IDE1LjYzMTggMTAuMzAwOUgxNy45NzE4QzE3Ljk3MTggNi41Mjc4NiAxNS44OTUgNC40NTEyMiAxMi4xMjE3IDQuNDUxMjJWNi43OTExWk0xNi4xMjU1IDEzLjE1OTFDMTUuOTAwNyAxMi45NTQ4IDE1LjYwNTMgMTIuODQ1OCAxNS4zMDE2IDEyLjg1NTJDMTQuOTk3OSAxMi44NjQ2IDE0LjcwOTggMTIuOTkxNiAxNC40OTggMTMuMjA5NEwxMS42OTgyIDE2LjA4ODZDMTEuMDI0MiAxNS45NTk5IDkuNjY5MzQgMTUuNTM3NiA4LjI3NDY3IDE0LjE0NjVDNi44OCAxMi43NTA4IDYuNDU3NjIgMTEuMzkyNSA2LjMzMjQzIDEwLjcyMzNMOS4yMDk1MiA3LjkyMjQzQzkuNDI3NjIgNy43MTA4MiA5LjU1NDgzIDcuNDIyNjYgOS41NjQyMiA3LjExODkyQzkuNTczNjEgNi44MTUxOSA5LjQ2NDQ1IDYuNTE5NzIgOS4yNTk4MyA2LjI5NTA1TDQuOTM2NTkgMS41NDE1OEM0LjczMTg5IDEuMzE2MiA0LjQ0NzM4IDEuMTc5NDkgNC4xNDM0OSAxLjE2MDQ5QzMuODM5NjEgMS4xNDE0OCAzLjU0MDI4IDEuMjQxNjggMy4zMDkwOSAxLjQzOThMMC43NzAxNCAzLjYxNzA2QzAuNTY3ODU2IDMuODIwMDYgMC40NDcxMTkgNC4wOTAyNCAwLjQzMDgzMyA0LjM3NjM1QzAuNDEzMjgyIDQuNjY4ODMgMC4wNzg2NTU4IDExLjU5NzIgNS40NTE0IDE2Ljk3MTlDMTAuMTM4NSAyMS42NTc1IDE2LjAwOTcgMjIuMDAwMyAxNy42MjY3IDIyLjAwMDNDMTcuODYzIDIyLjAwMDMgMTguMDA4MSAyMS45OTMzIDE4LjA0NjcgMjEuOTkwOUMxOC4zMzI4IDIxLjk3NDkgMTguNjAyOCAyMS44NTM3IDE4LjgwNDkgMjEuNjUwNUwyMC45ODExIDE5LjExMDZDMjEuMTc5NCAxOC44Nzk1IDIxLjI3OTggMTguNTgwMyAyMS4yNjEgMTguMjc2NUMyMS4yNDIyIDE3Ljk3MjYgMjEuMTA1NyAxNy42ODggMjAuODgwNSAxNy40ODMyTDE2LjEyNTUgMTMuMTU5MVonIGZpbGw9J3doaXRlJy8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0nY2xpcDBfNDE4Nl8xMDMyMCc+PHJlY3Qgd2lkdGg9JzIzLjE1NzknIGhlaWdodD0nMjInIGZpbGw9J3doaXRlJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgwLjQyMTE0MyknLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4K");
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    display: flex;
}
#header .search {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.site-name a {
    display: flex !important;
    align-items: center;
    gap: 10px;
}
.site-name a .logo-tagline {
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
}

#navigation .navigation-in ul li>a>b {
    text-decoration: none !important;
}
.products-top-wrapper {
    display: none !important;
}

.subcategories .col-sm-6 {
    width: calc(50% - 20px) !important;
}
.subcategories.with-image li  {
    padding: 0 !important;
}
.subcategories.with-image li a {
    padding: 0 20px !important;
}
.subcategories.with-image li .image {
    display: none !important;
}
.products-block>div {
    margin: 0 !important;
}
#categories ul ul {
    margin-left: 6px;
    padding-left: 7px;
  }
  
  #categories ul ul ul {
    margin-left: 5px;
    padding-left: 7px;
  }

@media (max-width: 480px) {
    .site-name a .logo-tagline {
        display: none !important;
    }
    .product-slider-holder .product-slider-navigation.navigation-prev, .product-slider-holder .product-slider-navigation.navigation-next {
        display: none !important;
    }
    .homepage-group-title {
        margin-top: 40px !important;
    }
    .banners-row {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }
    .carousel .item a .extended-banner-title {
        font-size: 22px !important;
    }
    .carousel .item a .extended-banner-text {
        font-size: 16px !important;
    }
    .carousel .item a::after {
        background: rgba(0, 0, 0, .6) !important;
    }
    .carousel .item a, .carousel .item a img, .carousel .carousel-inner {
        height: 400px !important;
        min-height: 400px !important;
    }
    .subcategories {
        gap: 10px !important;
    }
    .subcategories .col-sm-6 {
        width: calc(50% - 10px) !important;
    }
    .category-content-wrapper .product {
        width: 100% !important;
    }
    .products-inline.products-top {
        gap: 10px !important;
    }
    .products-top.products-inline>div {
        margin: 0 !important;
    }
    .cart-table .quantity {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
}
@media (max-width: 768px) {
    .subcategories .col-sm-6 {
    width: calc(50% - 20px) !important;
}
    #header .container {
        width: 100% !important;
    }
    .content-wrapper.container .row>div {
        padding: 0 !important;
    }
    .banners-row .col-sm-4  {
        margin-bottom: 60px !important;
    }
    .jt-home-custom__inner {
        flex-direction: column;
    }
    .jt-home-custom__content {
        order: 1;
        width: 100% !important;
    }
    .jt-home-custom__image {
        order: 2;
        width: 100% !important;
    }
    .blog-wrapper .news-item .image, .blog-wrapper .news-item .image img {
        margin-bottom: 20px !important;
    }
    .blog-wrapper .news-item .text {
        padding: 30px;
    }
    .blog-wrapper .news-item .title {
        margin-top: 0 !important;
    }
    .welcome-wrapper {
        padding: 0px !important;
    }
    #header .navigation-in>ul>li>a {
        color: black !important;
        text-decoration: none !important;
        transition: .3s;
    }
    #header .navigation-in ul li:hover{
        box-shadow: inset 0px -2px 0px 0px white !important;
    }
    
    .benefitBanner__item {
        align-items: flex-start !important;
    }
    .benefitBanner .benefitBanner__item .benefitBanner__content {
        text-align: left !important;
    }
    .content-wrapper.container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .carousel .item a .extended-banner-texts {
        padding: 20px !important;
    }
    .footer-bottom .container {
        display: flex;
        flex-direction: column;
        gap: 10px !important;
    }
    #signature {
        margin-left: 0 !important;
    }
    #header .site-name {
        padding-left: 0 !important;
    }
    .products-top.products-inline>div {
        width: 100% !important;
        padding: 10px;
    }
    .type-product .breadcrumbs {
        padding: 20px 0 0 0 !important;
    }
    .p-detail-inner {
        padding: 20px !important;
    }
    .p-detail-tabs-wrapper {
        padding: 20px !important;
    }
    #accordion-content .shp-accordion  {
        padding-top: 0 !important;
    }
}
@media (min-width: 480px) {
    .category-content-wrapper .product {
        width: calc(50% - 20px) !important;
    }
}
@media (min-width:768px) {
    .benefitBanner {
        grid-template-columns: repeat(3, 1fr);
    }
    .banners-row .next-to-carousel-banners { 
        grid-template-columns: repeat(2, 1fr);
    }
    .banners-row .next-to-carousel-banners .banner-wrapper {
        
    }
    .banners-row .next-to-carousel-banners .banner-wrapper a {
        padding: 20px;
    }
    .header-top-phone-wrap a {
        font-size: 13px;
    }
    .header-top-phone-wrap {
        display: flex;
    }
    .header-top-opening-hours {
        font-size: 10px;
    }
    .navigation-buttons .cart-count{ 
        order: 2;
    }
    .content-wrapper-in {
        padding: 0 20px !important;
    }
    .products-top.products-inline>div {
        width: 100% !important;
        padding: 10px;
    }
    
}
@media (min-width: 992px) {
    .benefitBanner {
        grid-template-columns: repeat(5, 1fr);
    }
    .banners-row .next-to-carousel-banners { 
        grid-template-columns: repeat(3, 1fr);
    }
    .homepage-blog-wrapper .news-item {
        width: calc(33% - 20px) !important;
        flex-basis: calc(33% - 20px) !important;
    }
    .header-top-phone-wrap a {
        font-size: 18px;
    }
    .header-top-opening-hours {
        font-size: 14px;
    }
    .products-top.products-inline>div {
        width: calc(50% - 20px) !important;
        padding: 10px;
    }
    
}
@media (min-width: 1200px) {
    .banners-row .next-to-carousel-banners { 
        grid-template-columns: repeat(4, 1fr);
    }
    .container {
        width: 100% !important;
    }
    .subcategories .col-sm-6 {
        width: calc(33% - 11px) !important;
    }
    .products-top.products-inline>div {
        width: calc(33% - 11px) !important;
        padding: 10px;
    }
    .category-content-wrapper .product {
        width: calc(33% - 11px) !important;
    }
    .products-block>div .p .p-bottom>div .prices .price-final {
        font-size: 1.4vw !important;
        white-space: nowrap !important;
    }
    
}
@media (min-width: 1440px)  {
    .carousel .item a img {
        object-position: center -220px;
    }
    .container {
        width: 1418px !important;
    }
}