<style>
#header.sticky > div.header-bottom > div, #header.sticky .menu-helper, #header.sticky #navigation { max-height: unset!important;}
#header {position: relative; z-index: 1002; opacity: 1; transition: none; padding: 0px; border-radius: 8px;}
#header.sticky {position: sticky; top: 0px; z-index: 9999; animation: fadeIn 1s ease-in-out forwards;}
#header.sticky .header-top {padding: 5px 0;}
#header.sticky .navigation-in>ul>li>a {padding-bottom: 10px; padding-top: 5px;}
#header.sticky .menu-helper>span {padding-bottom: 15px; padding-top: 0px;}
#header.sticky > div.header-bottom > div,#header.sticky .menu-helper,#header.sticky #navigation  {min-height: 30px; max-height: 40px;}
@keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}}

#header .search-input {background-color: var(--cookies-notice-button-hover); border-radius: 100px; border: 0; padding-left: 20px;}
.header-phone {display: block; color: black; font-size: initial; text-align: center;}
button.btn, #continue-order-button, a.btn-conversion {color: white!important;}
.top-navigation-bar {background-color: white!important; padding: 8px;}
.popup-widget {z-index: 1003!important;}
.news-wrapper .news-item .news-image {aspect-ratio: 4/3;}
.btn.search-button {display: block; font-size: 0; border-radius: 50%; background-color: #fff !important; border-color: #fff; width: 40px; height: 40px; right: 4px; top: 4px; padding: 0; line-height: 1; border: 1px solid #fff;}
.btn.search-button:hover, .search-focused .btn.search-button {border-color: var(--color-primary);}
.ordering-process .navigation-buttons {display: block !important;}
.ordering-process #header {position: sticky; top: 0px; }
.search-input-icon {right: -18px; left: auto; position: absolute;top:50%;transform:translate(-50%, -50%);width:40px;z-index: 1;}
body:not(.type-index) .header-bottom {border-bottom: 1px solid #cfcfcf !important;}
body .header-bottom {border-top: none!important;}
.breadcrumbs {line-height: 1.2; padding: 30px 0 48px 0;}
.subcategories {background-color: var(--cookies-notice-button-hover);}
aside > div > div.box:not(.box-categories) {padding: 10px; margin-bottom: 12px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); border: 0 !important;}
aside > div > div.box.box-categories {padding: 10px; background-color: var(--cookies-notice-button-hover); position: relative;}
aside > div > div.box.box-categories:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('/user/documents/upload/green-leaf.png');  background-size: 66%;transform: rotate(360deg);background-repeat: no-repeat;opacity: 0.1;filter:grayscale(1);}
#content > div.footer-banners.row.banner-wrapper.banners-row {display: flex;margin-top:0;}
.categories li:hover a {color: var(--color-primary)!important;}
.subcategories.with-image li a .image img {mix-blend-mode: multiply;}
#content > div.row.banners-content.body-banners {margin: 40px 0px;}
.welcome-wrapper {position: relative; z-index: 1;}
.welcome-wrapper:after {content: "";position:absolute;top:0;left:50%;width:100vw;height:100%;background-color:var(--_color-header-contrast-bg); transform: translateX(-50%);z-index:-1;opacity: 0.2;}
.shp-tabs-holder {position: relative;margin: 60px 0px 30px -10px!important;}
.shp-tabs-holder:before {content: "";width: 100%;left: 0px;position: absolute;top: 0;height: 100%;background-color: #fff;box-shadow: 0px -30px 20px -15px rgba(0, 0, 0, 0.1),0px 30px 20px -15px rgba(0, 0, 0, 0.1);z-index:0;}
.shp-tabs-holder ul.shp-tabs li {position: relative; border-right: 1px solid #ddd;}
.shp-tabs-holder ul.shp-tabs {margin-left: 0px;}
body.ordering-process .header-bottom .navigation-wrapper {display: none;}
#productsTop > .product {border: 1px solid #FFD700; background-color: #fbf7c2; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); transition: transform 0.3s ease, box-shadow 0.3s ease; border-radius: 8px;}
#productsTop > .product:hover {transform: scale(1.05); box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.3);}
#productsTop > .product > div > a > img {mix-blend-mode: darken; transform: scale(1.15);}
.products-inline.products-top>div .p {gap: 10px; flex-direction:row; flex-wrap:nowrap;}
.carousel-control {color: gray;}
.carousel-control:before {background-color: white;}
.carousel-control:hover {color: black;}
.in-kontakty h1 {text-align: center!important;}
.in-kontakty article > div > h2 {margin-top: 4vw;}
.container-contacts {display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; padding: 20px;}
.contact-card {text-align: center; border: 1px solid #ddd; padding: 15px; border-radius: 8px; background: #f9f9f9;}
.contact-card > p, .company-info > p {margin:0px!important;}
.map-container {display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; padding: 20px;}
.map-container iframe {max-width: 100%;height: auto;}
.company-info {text-align: center;}
ol.cart-header {background-color: oldlace; padding: 20px; margin: 0px; margin-top: -20px; width: 100vw; margin-left: calc(-50vw + 50%);}
#signature {display: flex; align-items: center; gap: 20px; justify-content: flex-end;}
#footer > div.container.footer-links-icons {width: 100vw; margin-left: calc(-50vw + 50%); background-color: #287431;}
#footer > div.container.footer-links-icons > div > div:nth-child(1) {mix-blend-mode:overlay}
#footer > div.container.footer-links-icons > div > div:nth-child(2) {mix-blend-mode:luminosity}
#products-listing-order > span.products-listing-order-heading {color: black;}
.cart-table tr.related.visible {background-color: oldlace;}
.cart-table tr.related.visible td {background-color: transparent;}
.cart-table tr.related.visible td img {mix-blend-mode: darken;}

@media only screen and (max-width: 767px) {
    .overall-wrapper {padding-top: 0px;}
    #header .header-bottom {max-height: 1px;}
    .navigation-in ul li a {padding: 10px 20px!important;}
    #content > div.row.banners-row > div.col-sm-4 > div {flex-direction: row; display: flex; width: 100%;}
    .header-phone {display: block; color: black; font-size: 12px;}
    .contact-card {width: 100%;}
    ol.cart-header {margin-top: 0px;}
    #content > div.row.banners-row > div.col-sm-4 {display: none;}
    #content > div.col-sm-4 > div > div > a > span > span {font-size: 14px;}
    #navigation {top: 80px;}
}

@media only screen and (min-width: 768px) {
    body.type-category #content {margin-top: -60px;}
    .col-sm-8 {width: auto;}
}

@media only screen and (max-width: 991px) {
		#content > div.row.banners-row > div.col-sm-4 > div.next-to-carousel-banners {flex-direction: row; display: flex;}
    #content > div.row.banners-row > div.col-sm-4 {width: 100%;}
}

@media only screen and (min-width: 992px) {
body:not(.ordering-process) #header::after {content: ""; position: absolute; left: 50%; bottom: -10px; width: 88%; height: 30px; background: rgba(0, 0, 0, 0.3); filter: blur(10px); transform: translateX(-50%); border-radius: 50%; z-index: -1;}
#description {margin-bottom: 80px;}
.row.banners-row {display: grid; grid-template-columns: 2fr 1fr; gap: 10px; width: 100%;}
.row::before, .row::after {content: none !important; display: none !important;}
.next-to-carousel-banners { flex-direction: column; display: flex; height: 100%;}
.next-to-carousel-banners .extended-banner-text {text-align: left; font-size: 26px;}
.banners-row .banner-wrapper {display: flex; flex: 1;}
.col-sm-8, .col-sm-4 {display: flex; flex-direction: column; height: 100%; width: 100%;}
#carousel, #carousel > div, #carousel > div > div.item {height: 100%;}
.row.banners-row > div.col-sm-4 > div > div > a,
.row.banners-row > div.col-sm-4 > div > div > a > img,
.row.banners-row .carousel-inner>.item>a>img {width: 100%; height: 100%; object-fit: cover; object-position: right center;}
.benefitBanner {margin: 60px auto;}

body.custom-cart-state:not(.cart-window-visible) .cart-empty-widget {display:block !important; padding: 12px 24px;}
.top-navigation-bar-menu li:nth-child(n+4),
.top-navigation-menu-trigger,
.top-navigation-bar-menu-helper {display: none;}
#footer > div.container.footer-links-icons > div > div img {max-height: 60px}
}    
</style>