:root {
    --text-color: #110e0a;
    --template-font: 'Amulya';
    --template-headings-font: 'Amulya';
    --primary-color:#bc6125;
    --secondary-color: #fdebe9;
    --tertiary-color: #f9e7dd;
    --complementary-color: #efd7ca;
}

/** Override base template styles **/
.external-fonts-loaded body,
body,
body.blank-mode {
    color: var(--text-color);
    background: #FCFCFC;
}

body {
    counter-reset: section;
}

.overall-wrapper {
    overflow: unset;
    display: flex;
    flex-direction: column;
}

.breadcrumbs-wrapper .breadcrumbs>span>a.navigation-bullet:before,
.breadcrumbs-wrapper .breadcrumbs>span>span.navigation-bullet:before {
    background-image: url('/user/documents/assets/icons/arrow-right.svg');
    margin-top: 0;
}

#header .header-top .top-nav-button-account:before,
#header .header-top .top-nav-button-login:before {
    background-image: url('/user/documents/assets/icons/user.svg');
}

#header .navigation-buttons .btn.cart-count:before {
    background-image: url('/user/documents/assets/icons/cart.svg');
}

#header .search-form .search-toggle {
    background-image: url('/user/documents/assets/icons/search.svg');
}
.site-msg.information {
    background: var(--secondary-color);
}
.slick-slider .slick-arrow:after {
    background: none!important;
}

.carousel-control.left:before,
.slick-slider .slick-arrow.slick-prev:before {
    background-image: url('/user/documents/assets/icons/arrow-left.svg') !important;
}

.carousel-control.right:before,
.slick-slider .slick-arrow.slick-next:before {
    background-image: url('/user/documents/assets/icons/arrow-right.svg') !important;
}

#carousel .item .extended-banner-texts {
    padding: 40px;
    max-width: 1610px;
}

.carousel .carousel-control {
    border-radius: 1rem;
    overflow: hidden;
}

.carousel:hover .carousel-control {
    opacity: 0.5;
}

.extended-banner-texts {
    position:relative;
    background:none
}

.slick-slider .slick-arrow.slick-next {
    margin-top: -24px !important;
}
.carousel-control:hover:before {
    filter: invert(1);
}

.products-block.slick-slider .slick-arrow {
    top: 50%;
    z-index: 999;
    transform: translateY(-100px);
}

.category-title, .in-klient h1, h1 {
    font-weight: 500;
}

.h4.homepage-group-title,
h4.homepage-group-title {
    font-size: 2.85em;
    font-weight: 600;
}

.type-index .products:before {
    background: #FCFCFC;
}

iframe {
    border-radius: 1rem;
    overflow: hidden;
}

.homepage-box.welcome-wrapper {
    display: none;
}

.hp-news .news-wrapper .news-item {
    background: transparent;
}

.hp-news h1 {
    font-size: 2.85em;
    font-weight: 600;
}

.hp-news .news-wrapper .news-item .text .read-more:hover {
    color: var(--color-primary);
}

.hp-news .news-wrapper .news-item .text .read-more:hover::after {
    background: var(--color-primary);
}

div#newsWrapper .title {
    font-weight: 600;
    font-size: 1.125rem;
} 
.news-item .text .description p {
    margin-top: 0;
}

#newsWrapper .news-item .text .read-more {
    font-size: 1rem;
    font-weight: 500;
    padding: 6px 0;
}

.product-top {
    margin: 0;
    display: grid;
    grid-template-columns: 9fr 8fr;
    grid-gap: 20px;
    position: relative;
}

.product-top .col-xs-12:first-child {
    display: none;
}

.p-detail div.col-xs-12 {
    max-width: 100%;
}

.p-detail .p-image-wrapper {
    float: unset;
    display: flex;
    flex-direction: initial;
}

.p-detail .p-thumbnails>div {
    width: 100%;
    height: auto;
    position: static;
}

/* .p-detail div.col-xs-12.p-info-wrapper {
    padding: 24px 20px 64px !important;
    flex-direction: initial;
} */

.p-detail div.col-xs-12.p-info-wrapper {
    padding: 24px 20px 64px !important;
}

.type-detail .shp-tabs-wrapper .row .shp-tabs-row {
    border-right: none;
    width: 100%;
}

.type-detail .shp-tabs-wrapper #p-detail-tabs {
    background: var(--tertiary-color);
    border-radius: 1rem;
    padding: .75rem 1.5rem;
    flex-direction: row;
    gap: 32px;
}

.type-detail .shp-tabs-wrapper .shp-tabs-row .shp-tabs-holder li a {
    font-size: 1rem;
    line-height: 1;
    border-bottom: none;
}

.type-detail .shp-tabs-wrapper .shp-tabs-row .shp-tabs-holder li.active a:before {
    display: none;
}

.one-column-body.type-detail h1:before {
    content: unset;
}

.product-top .p-final-price-wrapper {
    margin-top: 0;
}

.product-top .availability-label {
    font-size: 1rem;
}

.p-detail .price-line .price-final {
    font-size: 2em;
}

.product-top .p-detail-info .p-short-description {
    font-size: 1rem;
}

.product-top .add-to-cart button.add-to-cart-button {
    font-family: var(--template-font);
    text-transform: none;
    background: var(--color-primary);
}

.copyright .podpis {
    display: none !important;
}

footer .footer-socials .facebook a:before {
    background: url('/user/documents/assets/icons/facebook.svg');
    width: 24px;
    height: 24px;
    /* background-size: px; */
}

footer .footer-socials .instagram a:before {
    background: url('/user/documents/assets/icons/instagram.svg');
    width: 24px;
    height: 24px;
    /* background-size: px; */
}

.contact-banner .mail:before,
footer .footer-contacts .contact-box li .mail:before {
    background: url('/user/documents/assets/icons/mail.svg') no-repeat 50%;
    width: 24px;
    height: 24px;

}
.contact-banner .tel:before,
footer .footer-contacts .contact-box li .tel:before {
    background: url('/user/documents/assets/icons/cellphone.svg') no-repeat 50%;
    width: 24px;
    height: 24px;
}

.footer-links-icons {
    display: none;
}

body footer .container.footer-bottom .copyright a {
    font-weight: 500;}

    
body footer .container.footer-bottom {
    align-items: flex-end;
}

body footer .container.footer-bottom #signature a {
    text-decoration: none;
}

body footer .container.footer-bottom .copyright {
    text-align: right;
    margin-bottom: 0;
}

.footer-banners .footer-banner a:hover img {
    transform: none!important;
}

.footer-banners {
    line-height: normal!important;
}

.contact-banner {
    position: relative;
}

.banner-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 75%;
    height: 100%;
    text-align: left;
    padding: 5rem 3rem 4rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.contact-banner h2 {
    margin: 0;
    font-size: 1.75rem;
}

.contact-banner p {
    margin-bottom: auto;
}

.contact-wrapper a {
    font-weight: 500;
    font-size: 1rem;
}

.contact-wrapper a:hover {
    text-decoration: underline;
}

.contact-banner a {
    display: block!important;
}

.contact-banner .tel:before,
.contact-banner .mail:before {
    content: "";
    width: 36px;
    height: 36px;
    position: absolute;
    left: 1.5rem;
    top:30%
}

.contact-wrapper {
    position: relative;
    width: 100%;
    display: flex;
    margin-top: 2rem;
}

.contact-wrapper >div {
    margin-right: 3rem;
    background:var(--secondary-color);
    padding: 1.5rem 1.5rem 1.5rem 4.5rem;
    border-radius: 1rem;
    position: relative;
}

.popup-widget.cart-widget {
    border-radius: 1rem!important;
}

.in-index footer {
    padding-top: 250px;
}

.footer-banners .footer-banner {
    transform: translateY(55%);
    z-index: 9;
    margin-top: -280px;
}

.footer-banners.banner-wrapper .footer-banner>img, .footer-banners .footer-banner.only-img, .contact-banner img {
    opacity:1!important
}

.flags {
    top:1.25rem!important
}

.flags .flag {
    border-radius: 30px;
}

.flags .flag.flag-custom1, .flags .flag.flag-custom2, .flags .flag.flag-custom3, .flags .flag.flag-custom4, .flags .flag.flag-custom5, .flags .flag.flag-custom6 {
    color:white
}

#carousel .scroll-bottom {
    background: none;
    filter: invert(1);
}

#carousel  .scroll-bottom {
    background: url(/user/documents/assets/icons/arrow-right.svg) no-repeat !important;
    width: 2rem;
    height: 2rem;
    transform: rotate(90deg);
}

#carousel  .scroll-bottom img {
    display: none;
}

#carousel .carousel-indicators {
    max-width: 1560px;
}

.carousel-indicators .active {
    background-color: #bc6125;
}

.h4.homepage-group-title:before, h4.homepage-group-title:before {
    display: none;
}

.productshow-container {
    margin-bottom: 100px;
}

.productshow-container.slick-slider .slick-arrow {
    background: #fff !important;
    border-radius: 1rem;
    width: 46px;
    height: 46px;
    right: 10px !important;
    z-index: 1;
}

.productshow-container.slick-slider .slick-arrow:before {
    width: 46px;
    height: 46px;
}

.productshow-container.slick-slider .slick-prev {
    left: 10px !important;
    z-index: 1;
}

.search fieldset{
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
    padding: 0;
}

.search .search-form button{
    position: absolute;
    height: 100%;
    right: 0;
    top:0;
    padding: 0 30px;
}

.search form  input {
    margin-bottom: 0;
    height: 50px;
    background:none!important;
    border: solid 1px #bc6125;
    border-radius: 1rem 0 0 1rem;
}

.search form .form-control:focus {
    border: solid 1px #bc6125;
    border-radius: 1rem 0 0 1rem;
    outline: none;
}

#header .search-form.hovered fieldset {
    background: none;
}

@media (min-width: 992px) {
    .admin-logged #header .search-form.hovered fieldset {
        margin-top: 0;
    }

        .admin-logged #header .search-form.hovered .search-toggle {
        top: 60px;
    }

        #header .search-form.hovered fieldset input {
        border-radius: 1rem 0 0 1rem !important;
    }

        #header .search-form.hovered fieldset button {
        border-radius: 0 1rem 1rem 0 !important;
        background:#bc6125
    }
}

.quantity, .product-top .quantity {
    border: none;
    background: #f9e7dd38;
    border-radius: 8px;
    margin-right: 0.5rem!important;
}

.quantity .decrease:hover, .quantity .increase:hover {
    background: none!important;
}

.quantity .decrease:hover::before, .quantity .increase:hover::before {
    opacity: 0.5;
}

.btn, .product-top .add-to-cart button.add-to-cart-button, .fixed-cart-line .fcl-form .btn, .cart-content .next-step.next-step--cart a.btn, .cart-content .next-step a, .cart-content .next-step button {
    border-radius: 8px!important;
    box-shadow: none;
}

.product-top .add-to-cart button.add-to-cart-button:hover, .fixed-cart-line .fcl-form .btn:hover, .cart-content .next-step button:hover{
    background:var(--text-color)!important;
}

.msg .container:before{
    display: none!important;
}

.fixed-cart-line .fcl-form .btn {
    font-size: .875rem;
    font-weight: 600;
}

.ordering-process .checkout-box-wrapper .contact-box ul li span.tel:before {
    background: url('/user/documents/assets/icons/phone.svg') no-repeat 50%;
}

.ordering-process .checkout-box-wrapper .contact-box ul li span.facebook:before {
    content: url('/user/documents/assets/icons/facebook.svg');
    width: 14px;
}

.ordering-process .checkout-box-wrapper .contact-box ul li span.instagram:before {
    content: url('/user/documents/assets/icons/instagram.svg');
}


/** hp categories **/

.next-to-carousel-banners .banner-wrapper {
padding:0
}

#kategorie {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
    position:relative
}

#kategorie img {
    opacity: 1;
    max-width: 3rem !important;
    min-height: unset;
    margin-right: 0.5rem;
}


#kategorie .box {
    position:relative;
    top:0;
    transition:top 0.2s ease-in;
    flex-wrap: nowrap;
}
@media (min-width:1201px) {
#kategorie .box:hover {
    top:15px
}}

@media (min-width:1655px) {
#kategorie::after {
    content: "";
    position: absolute;
    right: -20px;
    border-right: #fdebe9 2px solid;
    border-bottom: #fdebe9 2px solid;
    border-top: #fdebe9 2px solid;
    height: calc(100% + 260px);
    width: 60px;
    top: -32px;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
}}




/** Main menu **/
#navigation ul.menu-level-1>li>a {
    display: flex;
    flex-direction: row;
    align-items: center;
}

#navigation ul.menu-level-1>li.menu-item-683>a::before {
    content: '';
    background: url('/user/documents/assets/icons/beds.svg') 50% no-repeat;
    background-size: 100% auto;
    width: 26px;
    height: 18px;
    margin-right: 8px;
    display: block;
}

#navigation ul.menu-level-1>li.menu-item-728>a::before {
    content: '';
    background: url('/user/documents/assets/icons/tables.svg') 50% no-repeat;
    background-size: 100% auto;
    width: 25px;
    height: 18px;
    margin-right: 8px;
    display: block;
}

#navigation ul.menu-level-1>li.menu-item-707>a::before {
    content: '';
    background: url('/user/documents/assets/icons/bedroom.svg') 50% no-repeat;
    background-size: 100% auto;
    width: 11px;
    height: 18px;
    margin-right: 8px;
    display: block;
}

#navigation ul.menu-level-1>li.menu-item-710>a::before {
    content: '';
    background: url('/user/documents/assets/icons/weight.svg') 50% no-repeat;
    background-size: 100% auto;
    width: 17px;
    height: 18px;
    margin-right: 8px;
    display: block;
}

#navigation ul.menu-level-1>li.menu-item-722>a::before {
    content: '';
    background: url('/user/documents/assets/icons/hearth.svg') 50% no-repeat;
    background-size: 100% auto;
    width: 21px;
    height: 18px;
    margin-right: 8px;
    display: block;
}

#navigation ul.menu-level-1>li.menu-item-external-14>a::before {
    content: '';
    background: url('/user/documents/assets/icons/eye.svg') 50% no-repeat;
    background-size: 100% auto;
    width: 24px;
    height: 18px;
    margin-right: 8px;
    display: block;
}

#navigation ul.menu-level-1>li.menu-item-725>a::before {
    content: '';
    background: url('/user/documents/assets/icons/info.svg') 50% no-repeat;
    background-size: 100% auto;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    display: block;
}

#navigation ul.menu-level-1>li.menu-item-29>a::before {
    content: '';
    background: url('/user/documents/assets/icons/phone.svg') 50% no-repeat;
    background-size: 100% auto;
    width: 22px;
    height: 18px;
    margin-right: 8px;
    display: block;
}

/* Header contact */
#navigation {
    width: calc(100% - 720px);}

.header-contact {
    margin-right: 1rem;
    background: var(--tertiary-color);
    padding: .75rem 2rem .75rem 1rem;
    border-radius: 2.5rem;
    border-radius: 1rem;
}
.in-kosik .header-contact,
.ordering-process .header-contact{
margin-right: 11rem;
}

html.scrolled-down .header-contact, html.scrolled-up .header-contact{
    padding: .5rem 1.5rem .5rem 0.5rem;}

.header-contact a {
    position: relative;
    left: 1.75rem;
    font-size: 1rem;
}

.header-contact a::before {
    content:"";
    position: absolute;
    background: url('/user/documents/assets/icons/cellphone.svg') no-repeat 50%;
    width: 20px;
    height: 20px;
    left: -1.75rem;
}

.header-contact img {
    border-radius: 100%;
    border-radius: 8px;
    margin-right: 0.75rem;
}

.header-contact span {
    font-size: 0.75rem;
    text-transform: uppercase;
    font-weight: 300;
}

.header-contact img {
    border: solid 3px var(--secondary-color);
}


/** Benefits **/

.benefitBanner.position--benefitHomepage {
	position:relative;
    margin-bottom: 100px;
}

.homepage-group-title.homepage-products-heading-2, #products-1, #products-2, .in-index main.content {
position:relative
}

.benefitBanner {
    background: transparent;
}

.benefitBanner .benefitBanner__item {
    text-align: left;
    padding: 20px 60px;
    flex-direction: row;
    align-items: flex-start;
}

.benefitBanner .benefitBanner__picture {
    width: auto;
    height: auto;
    margin-right: 1rem !important;
}

.benefitBanner .benefitBanner__picture img {
    width: 100%;
    max-height: 32px;
}

.benefitBanner .benefitBanner__item .benefitBanner__title {
    font-size: 20px;
    font-weight: 400;
    color: var(--text-color);
}

.benefitBanner .benefitBanner__item .benefitBanner__data {
    font-size: 12px;
    color: var(--text-color);
    margin-top: 0;
}

.type-product .benefitBanner .benefitBanner__item {
    flex-direction: row;
    padding: 20px;
}

.type-detail .benefitBanner:before {
    display: none;
}

.type-detail .benefitBanner {
    padding: 50px 0 0;
    margin-bottom: 0;
}

.type-detail .shp-tabs-wrapper #tab-content {
    padding: 1.5rem;
    background:none;
}

.product-help {
    overflow: hidden;
    background: var(--tertiary-color);
    border-radius: 1rem;
    padding: .5rem 1.5rem .5rem .5rem;
    margin: 1rem 0 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
}

.product-help__img {
    height: 100%;
}

.product-help img {
    border-radius: 8px;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.product-help h4 {
    font-weight: 600 !important;
    padding: 0;
    margin: 0 !important;
}

.product-accessories h3 {
    margin-top: 0;
}

.product-accessories .name {
    text-decoration: none;
}

.product-accessories .prices {
    margin-bottom: .5rem;
}

.product-accessories .btn-primary {
    font-family: var(--template-font);
    min-height: 35px;
    padding: 0 12px;
}


/** Homepage global **/
.section-desc {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.4;
    color: #585653;
    max-width: 38%;
    margin: 12px auto 0;
}

.homepage-section-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.homepage-section-content--left {
    padding-right: 64px;
}

.homepage-section-title {
    font-size: 40px;
    margin-bottom: 20px;
}

.homepage-section-image img {
    max-width: 50vw;
}

.homepage-section-text {
    font-size: 1rem;
    color: #585653;
}


/** Homepage banners **/
.banners-row #carousel .carousel-inner .item::before {
    content: '';
    background: linear-gradient(325deg, rgba(20, 22, 23, .5) 0%, rgba(20, 22, 23, 0) 64%),
        linear-gradient(35deg, rgba(0, 0, 0, .5) 0%, rgba(20, 22, 23, 0) 64%);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}

.banners-row #carousel .carousel-control {
    z-index: 2;
}

#carousel .item .extended-banner-texts .extended-banner-title {
    font-size: 4em;
    font-weight: 600;
    color: #fff;
}

#carousel .extended-banner-texts .extended-banner-link {
    line-height: 1.2;
    background: var(--primary-color);
    color: #fff;
    border-radius: 8px;
    padding: 14px 20px;
    font-size: 1rem;
}

#carousel .extended-banner-texts .extended-banner-link::after {
    content: unset;
}

.carousel-miniatures {
    display: flex;
    flex-direction: row;
    gap: 8px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1;
}

.carousel-miniatures>a {
    overflow: hidden;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    max-width: 220px;
}

.carousel-miniatures .extended-banner-texts {
    width: 100% !important;
    height: auto !important;
    padding: 20px !important;
    position: static !important;
}

.carousel-miniatures .extended-banner-texts .extended-banner-title {
    font-size: 1em !important;
    text-decoration: none !important;
    color: #fff !important;
    margin-bottom: 0 !important;
}

.carousel-miniatures .extended-banner-texts .extended-banner-link {
    display: none;
}

@media (min-width: 992px) {
    #carousel .item img {
        max-height: 550px;
    }
}

@media (min-width: 1400px) {
    #carousel .item img {
        max-height: 80vH!important;
    }
}


/** Homepage categories **/
.homepage-categories {}

.homepage-category {
    display: flex;
}

.homepage-category img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/** Homepage productshow **/
.productshow-container .slick-track {
    margin: 0 -20px;
}

.productshow-container .slick-slide {
    margin: 0 20px;
}

.productshow__item {
    position: relative;
}

.productshow__item img {
    max-width: 100%;
}

.productshow__item .product-tag {
    position: absolute;
}

.product-tag__btn {
    background: #fff;
    border: none;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
    width: 22px;
    height: 22px;
    display: block;
    transform: scale(1);
    animation: pulse 2s infinite;
    cursor: pointer;
}

.product-tag__tooltip {
    font-size: 14px;
    color: var(--text-color);
    background-color: #fff;
    border-radius: 4px;
    padding: 8px 16px;
    display: none;
}

.product-tag__tooltip[data-show] {
    display: block;
}

.product-tag__content {
    white-space: nowrap;
    display: flex;
    flex-direction: column;
}

.product-tag__content .product-name {
    font-weight: 500;
    margin-bottom: 6px;
}

.product-tag__content .product-price {
    font-size: 12px;
}

.productshow__item .product-tag--1 {
    top: 32%;
    left: 56%;
}

.productshow__item .product-tag--2 {
    bottom: 22%;
    left: 58%;
}

.productshow__item .product-tag--3 {
    bottom: 27%;
    left: 14%;
}

#tooltipArrow,
#tooltipArrow::before {
    position: absolute;
    width: 8px;
    height: 8px;
    background: inherit;
}

#tooltipArrow {
    visibility: hidden;
}

#tooltipArrow::before {
    visibility: visible;
    content: '';
    transform: rotate(45deg);
}

.product-tag__tooltip[data-popper-placement^='top']>#tooltipArrow,
.product-conf__info--tooltip[data-popper-placement^='top']>#tooltipArrow {
    bottom: -4px;
}

.product-tag__tooltip[data-popper-placement^='bottom']>#tooltipArrow,
.product-conf__info--tooltip[data-popper-placement^='bottom']>#tooltipArrow {
    top: -4px;
}

.product-tag__tooltip[data-popper-placement^='left']>#tooltipArrow,
.product-conf__info--tooltip[data-popper-placement^='left']>#tooltipArrow {
    right: -4px;
}

.product-tag__tooltip[data-popper-placement^='right']>#tooltipArrow,
.product-conf__info--tooltip[data-popper-placement^='right']>#tooltipArrow {
    left: -4px;
}

.product > div {
    background: white;
    border-radius: 2rem;
    box-shadow: 0 3px 30px rgb(213 213 213 / 8%);
}

.flags .flag.flag-new {
    background:#e6a072!important;
    color:white!important;
}

.flags .flag.flag-tip {
     background: var(--tertiary-color)!important;
     color: var(--color-primary)!important;
}
/** Homepage reference **/
.grid-container {
    height: 70vh;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 2fr 0.65fr 0.35fr;
    grid-template-rows: 1fr 1fr;
    gap: 15px;
}

.grid-item {
    overflow: hidden;
    background-size: cover;
    background-position: center;
    /* border-radius: 8px; */
    position: relative;
}

.grid-item>a {
    text-decoration: none;
}

.grid-item>a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.item-1 {
    grid-row: 1 / 3;
    grid-column: 1;
    background-image: url('/user/documents/assets/img/reference/reference1.jpg');
}

.item-2 {
    grid-row: 1;
    grid-column: 2 / 4;
    background-image: url('/user/documents/assets/img/reference/reference2.jpg');
}

.item-3 {
    grid-row: 2;
    grid-column: 2;
    background-image: url('/user/documents/assets/img/reference/reference3.jpg');
}

.item-4 {
    grid-row: 2;
    grid-column: 3;
    background-image: url('/user/documents/assets/img/reference/reference4.jpg');
}

.overlay {
    font-size: 18px;
    font-weight: bold;
    color: white;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
    padding: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

/* Responzivní design */
@media (max-width: 768px) {
    .grid-container {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        height: auto;
    }

    .item-1 {
        grid-row: 1;
        min-height: 400px;
    }

    .grid-item {
        min-height: 250px;
    }
}


/** Product miniature **/
.products-block.products .product {
    background: transparent;
}

.products-block.products .product:hover {
    box-shadow: none;
}

.products-block.products .product .p .name {
    font-size: 1rem;
    font-weight: 500;
    margin: 0;
    min-height: unset;
}

.products-block.products .product .p .name span {
    text-align: center;
    width: 100%;
}

.products-block.products .product .prices {
    justify-content: center;
}

.products-block.products .product .prices.in-discount, .products-block.products .product .prices.in-discount .discount-side {
    flex-direction: row-reverse;
    align-items: center;
}

.products-block.products .product .prices.in-discount .price-side, .products-block.products .product .prices.in-discount .discount-side {
    background: none;
    min-width: unset;
    flex: unset;
    padding: 0;
}
.products-block.products .product .prices.in-discount .price-side .price-final strong {
    color: var(--primary-color);
}
.products-block.products .product .prices.in-discount .percents {
    font-size: .9em;
    font-weight: 600;
    padding: 5px 12px;
    background: var(--primary-color);
    width: max-content;
    border-radius: 2rem;
}

.products-block.products .product .prices {
    margin-bottom: 0;
}

 /** Category page **/

 .type-category #productsTop .product, .type-category #productsTop .product:hover, .type-category .subcategories.with-image li, .type-category .subcategories li {
    border: 0 !important;
}

 .type-category #productsTop .product, .type-category .subcategories li {
    padding: 0 1rem 1rem 0 !important;
    background: none !important;
}

 .type-category #productsTop .product >div, .type-category .subcategories.with-image li, .type-category .subcategories li > a {
    background-color: white;
    border-radius: 1.75rem;
    transition: transform ease-in 0.15s;
 }

 .type-category #productsTop .product > div:hover, .type-category .subcategories.with-image li, .type-category .subcategories li > a:hover {
    transform: scale(0.98);
 }

 aside.sidebar .box {
border-radius: 1rem;
border:none
}

/** Product detail **/

.p-detail {
    border-radius: 1rem;
    /* overflow: hidden; */
}

.product-top .p-final-price-wrapper.in-discount .discount-side {
    background: none;
}

.product-top .p-final-price-wrapper.in-discount .discount-side .price-save {
    background: var(--primary-color);
    color: white;
    border-radius: 1rem;
}

.product-top .p-final-price-wrapper.in-discount .price-side {
    background:none;
}

.product-top .p-final-price-wrapper.in-discount .price-side .price-final .price-final-holder {
    padding: 10px 0;
    color: var(--primary-color)!important;
    font-weight: 600;
}

.p-info-wrapper h1 {
    font-weight: 500;
    margin-bottom: 0;
    order: -2;
}

.sticky-top {
    position: sticky;
    top: 10px;
    align-self: flex-start;
    display: flex;
    flex-direction: column;
}

.flag-dozivotni-zaruka {
    text-indent: -9999px;
    white-space: nowrap;
    background-image: url('/user/documents/assets/img/dozivotni-zaruka.svg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 1rem !important;
    background-size: 78%;
    width: 160px;
    height: auto;
    max-width: unset;
    min-height: 70px;
    padding: 22px 0 !important;
}

.flag-vyrabime-na-miru {
    text-indent: -9999px;
    white-space: nowrap;
    background-image: url('/user/documents/assets/img/vyrabime-na-miru.svg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 1rem !important;
    background-size: 78%;
    width: 124px;
    height: auto;
    max-width: unset;
    min-height: 70px;
    padding: 22px 0 !important;
}

.alert-beton {
    background: #f9dddd;
    border-radius: 1rem;
    padding: 1rem;
    margin: 1rem 0;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.alert-beton__icon {
    display: flex;
}

.alert-beton__icon img {
    width: 30px;
}

.alert-beton__text {
    font-size: 16px;
    font-weight: 500;
}

.products-block .flag-dozivotni-zaruka {
    font-size: 0;
    background-image: url('/user/documents/assets/img/dozivotnizaruka.svg');
    padding: 12px 0 !important;
    min-height: unset;
    width: 94px;
    height: 34px;
    background-size: 70%;
}

.products-block .flag-vyrabime-na-miru {
    font-size: 0;
    background-image: url('/user/documents/assets/img/vyrabime-na-miru.svg');
    padding: 12px 0 !important;
    min-height: unset;
    width: 94px;
    height: 34px;
    background-size: 62%;
}

.flag-pouze-pro-betonovy-strop {
    display: none !important;
}

/* .products-block .flag-dozivotni-zaruka {
    background: #be5718 url(/user/documents/assets/img/dozivotnizaruka.svg) center center !important;
    padding: 12px 0 !important;
    min-height: unset;
    background-repeat: no-repeat !important;
    background-size: 72% !important;
    width: 80px;
    height: 34px;
} */

.type-detail .detail-parameters .custom-variants-list .custom-variants .variant.active {
    color: var(--color-primary);
    border-color: var(--color-primary);
    box-shadow: 0 0 2px var(--color-primary);
}

/** Product configurator **/
#scrollToConf {
    font-size: 1.3em;
    font-weight: 500;
    text-align: center;
    letter-spacing: .2px;
    padding: 8px;
    margin-top: 1rem;
}

.product-conf {
    
}

.product-conf__title {
    font-size: 40px;
    font-weight: 600;
}

.product-conf__row {
    padding: 20px 0;
}

/* .product-conf__row[data-grouped="true"] h3 {
    width: calc(50% - 4px);
    display: inline-flex;
    align-items: center;
} */

.product-conf__info {
    display: inline-flex;
}

.product-conf__info--btn {
    background: none !important;
    width: 22px !important;
    height: 22px;
    min-height: unset !important;
    padding: 0 !important;
}

.product-conf__info--tooltip {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    background-color: #110e0a;
    border-radius: 4px;
    padding: 8px 16px;
    display: none;
}

.product-conf__info--tooltip[data-show] {
    display: block;
}

.product-conf__row[data-grouped="true"] .product-conf__nav {
    /* width: calc(50% - 4px);
    margin-left: auto; */
    width: 100%;
    display: inline-flex;
    justify-content: flex-end;
}

/* .product-conf .product-conf__row:nth-of-type(odd) {
    border-left: 1px solid #f9e7dd;
}

.product-conf .product-conf__row:nth-of-type(even) {
    border-right: 1px solid #f9e7dd;
} */

.product-conf__row h3 {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 10px;
    position: relative;
}

.product-conf__row h3::before {
    /* content: counter(section) "."; */
    content: counter(section);
    counter-increment: section;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    background: #bc6125;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.product-conf__row[data-grouped="true"] .product-conf__items {
    overflow: hidden;
    max-height: 340px;
    position: relative;
}

.product-conf__row[data-grouped="true"] .product-conf__items.showMore {
    overflow: unset;
    max-height: unset;
}

.product-conf__row[data-grouped="true"] .product-conf__items:not(.showMore)::after {
    content: '';
    background: #ffffff;
    background: #ffffff;
    background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF", GradientType=0);
    height: 80px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

.product-conf__items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}

.product-conf__item {
    max-width: calc(50% - 16px);
    flex: 0 0 calc(50% - 16px);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 12px;
    position: relative;
    cursor: pointer;
}

.product-conf__item.selected::after {
    content: '';
    background: var(--color-primary) url('/user/documents/assets/icons/check-white.svg') 50% no-repeat;
    background-size: 50%;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 64px;
    bottom: -10px;
}

.modal-body .product-conf__items {
    gap: 8px;
}

.modal-body .product-conf__item {
    max-width: calc(25% - 6px);
    flex: 0 0 calc(25% - 6px);
    flex-direction: column;
    align-items: flex-start;
    position: relative;
}

.modal-body .product-conf__item[data-func] {
    display: none;
}

.modal-body .product-conf__item.selected::after {
    left: unset;
    right: 20px;
    bottom: 17px;
}

.modal-body .product-conf__img {
    width: 100%;
    height: auto;
    max-height: 340px;
    flex: 0 0 auto;
}

.modal-body .product-conf__img button {
    display: none;
}

.modal-body .product-conf__content {
    color: #fff;
    background: rgba(0, 0, 0, .5);
    padding: 10px 40px 10px 20px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.product-conf__select {}

.product-conf__select select {
    font-size: 15px;
    font-weight: 600;
    color: var(--text-color);
    border-color: #efd7ca;
    border-radius: 0;
    padding: 12px 163px 12px 18px;
    cursor: pointer;
}

.product-conf__img {
    width: 80px;
    height: 80px;
    flex: 0 0 80px;
    position: relative;
}

.product-conf__img img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.product-conf__img button {
    background: #fff !important;
    border-bottom-left-radius: 0.75rem !important;
    min-height: unset !important;
    padding: 5px !important;
    position: absolute;
    top: 0;
    right: 0;
}

.product-conf__img button:hover {
    background: var(--color-primary) !important;
}

.product-conf__img button img {
    max-width: 12px !important;
}

.product-conf__content {
    display: flex;
    flex-direction: column;
}

.product-conf__name {
    font-size: 15px;
    font-weight: 500;
}

.product-conf__nav {
    margin-bottom: 2rem;
}

.product-conf__nav ul {
    list-style-type: none;
    width: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.product-conf__nav li {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 2px solid var(--color-primary);
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1 1 auto;
    cursor: pointer;
}

.product-conf__nav li.selected {
    background: #f9e7dd;
}

.product-conf__nav li button {
    font-size: 13px;
    font-weight: 500;
    background: #e6a072;
    border: none;
    padding: 8px 14px;
    cursor: pointer;
}

.product-conf__summary {
    width: 100%;
    display: flex;
}

.product-conf__totals {
    border: 1px solid #f9e7dd;
    border-radius: 8px;
    width: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
}

.product-conf__selecteditem,
.product-conf__availability {
    font-size: 16px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 20px;
}

.product-conf__selecteditem:last-child {
    margin-bottom: 1rem;
}

.product-conf__prices {
    font-size: 22px;
    margin-bottom: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 20px;
}

.product-conf__prices .price {
    font-weight: 600;
    white-space: nowrap;
}

.product-conf__prices .price-info {
    font-size: 12px;
}

.product-conf__actions button {
    font-family: var(--template-font);
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #fff !important;
    background: var(--color-primary) !important;
    border: none !important;
    border-radius: 1rem !important;
    width: 100% !important;
    padding: 22px !important;
    cursor: pointer !important;
}

.product-conf__actions button:hover {
    background: var(--color-primary-hover) !important;
}

.product-conf__actions #confAvailability {
    margin-top: 1rem;
}

.product-conf__actions #confAvailability .availability-label {
    margin-bottom: 0;
}

.showMoreGrouped {
    font-weight: 600 !important;
    color: var(--text-color) !important;
    background: unset !important;
    padding: 0 !important;
    position: absolute;
    left: 50%;
    bottom: -18px;
    z-index: 1;
    transform: translateX(-50%);
}

.showMoreGrouped.active {
    bottom: -46px;
}

.product-conf__bar {
    background: #fff;
    padding: 10px 0;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
}

#productAccessories .flags {
    display: none;
}

#materialPopup .modal-body {
    text-align: center;
}

.block-manufacture {
    /* background: #fff;
    border-radius: 2rem;
    box-shadow: 0 3px 30px rgb(213, 213, 213, .08); */
    padding: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6rem;
}

.block-manufacture__left {
    width: calc(50% - 3rem);
    flex: 0 0 auto;
}

.block-manufacture__right {
    width: calc(50% - 3rem);
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-gap: 1rem;
}

.block-manufacture__right img {
    width: 100%;
    height: 100% !important;
    max-height: 282px;
    object-fit: cover;
}

.block-manufacture__right img:nth-child(3) {
    object-position: top;
}

.block-manufacture__left h3 {
    font-size: 32px;
}

.block-manufacture__left .btn-primary,
.block-manufacture__left .btn-secondary {
    margin-top: 1rem;
    display: inline-flex !important;
}

.block-manufacture__left .btn-secondary {
    color: #000 !important;
    background: #fdebe9;
    min-height: 55px;
    padding: 0 45px;
}

.block-manufacture__left .btn-secondary:hover {
    color: #fff !important;
}


/** Animations **/
@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}


/** checkout **/

#order-shipping-methods label, #order-billing-methods label {
    border: none !important;
    border-radius: 1rem;
    overflow: hidden;
}

#colorbox[role=dialog] form input, #colorbox[role=dialog] form textarea {
    min-height: 55px;
    border-radius: 8px;
}

#colorbox[role=dialog] form input.btn {
    padding: 6px 1.5rem;
    margin-bottom: 10px;
}
#checkoutContent .form-group .form-control, #checkoutContent .phone-combined-input .country-flags, form .form-group input {
        border-radius: 8px;
        min-height: 50px;
    }

    form .form-control:focus, form textarea {
        border-radius:8px!important;
    }
.cart-widget.popup-widget #continue-order-button {
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
}
#checkoutContent .phone-combined-input .country-flags {
    display: flex;
    align-items: center;
     min-height: 50px;
}

.country-flags-inner {
    top:6px
}

/** contact **/
    .form-group>input.form-control, .form-group>select.form-control {
        max-width: 100%;
    }

    .in-kontakty h2 {
    margin-top: 0;}
     .in-kontakty h3 {
    margin: 0;}

    .in-kontakty p {
    margin:.5rem 0 1rem;}

    .form-wrapper {
    padding: 1.5rem;    
    }

    .form-wrapper>p {
    display: none;
}

.box {
    background: white;
    border-radius: 1rem;
    padding: 1.25rem;
    margin-bottom: 1.25rem;
}

.box--tertiary {
    background: var(--tertiary-color);
}

.contact-box h2 {
    font-size: 1.3125rem;
}

@media (min-width:1201px) {
    .form-wrapper {
        padding: 1.5rem 3rem;
    }
}

/** 4W modals **/
/* Modal Overlay */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
    overflow-y: auto;
}

.modal-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* Vertikální centrování */
.modal-overlay.vertical-center {
    align-items: center;
}

/* Modal Container */
.modal-container {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    max-width: 98vw;
    width: 100%;
    max-height: 98vh;
    position: relative;
    transform: translateY(-20px);
    transition: transform 0.3s ease;
    overflow: hidden;
}

.modal-overlay.active .modal-container {
    transform: translateY(0);
}

/* Modal Header */
.modal-header {
    position: relative;
    padding: 20px;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.modal-title {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
}

/* Close Button */
.modal-close {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    padding: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    color: #666;
    transition: all 0.2s ease;
}

.modal-close:hover {
    background-color: #f5f5f5;
    color: #333;
}

.modal-close:focus {
    outline: 2px solid #007bff;
    outline-offset: 2px;
}

/* Modal Body */
.modal-body {
    padding: 20px;
    max-height: calc(90vh - 40px);
    overflow-y: auto;
}

/* Modal bez headeru */
.modal-container.no-header .modal-body {
    max-height: calc(90vh - 40px);
    padding-top: 50px;
}

.modal-container.no-header .modal-close {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
}

.modal-container.no-padding .modal-body {
    padding: 0;
}

/* FAQs */
.faq-item label::before{display: none !important;}
.faq-item label + div{display: none;}
.faq-item input:checked + label + div{display: block;padding: 0 20px;}
.faq-item{border: 1px solid #dadada;margin-bottom: 12px;}
.faq-item label{margin: 0 !important;cursor: pointer;padding: 16px 52px 16px 20px !important;width: 100%;color: #222 !important;background-color: #fff;font-size: 20px;position: relative !important;display: inline-block;}
.faq-item:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.faq-item label::after{content: "\e911" !important;font-family: shoptet !important;right: 20px;position: absolute !important;line-height: 1 !important;font-size: 14px !important;top: 50% !important;margin-top: -8px;-webkit-transform: rotate(180deg) !important;transform: rotate(180deg) !important;background: none !important;color: #222 !important;left: auto !important;}
.faq-item input:checked + label::after{-webkit-transform: rotate(0deg) !important;transform: rotate(0deg) !important;}
.faq-item:not(.not-last){margin-bottom: 12px;}
.faq-item input{display: none;}

body.template-04 .faq-item label::after {content: "\e620" !important;}

/* Responsive design */
@media (max-width: 768px) {
    .modal-container {
        max-width: 95vw;
        margin: 10px;
    }
    
    .modal-header {
        padding: 15px;
    }
    
    .modal-body {
        padding: 15px;
        max-height: calc(90vh - 100px);
    }
    
    .modal-container.no-header .modal-body {
        max-height: calc(90vh - 30px);
        padding-top: 45px;
    }
}

@media (min-width: 1201px) {
#carousel .item .extended-banner-texts {
    padding: 40px 60px;
}

#carousel .carousel-indicators {
    max-width: 1520px;
}
}
/* Custom šířky */
.modal-container.modal-sm { max-width: 400px; }
.modal-container.modal-md { max-width: 600px; }
.modal-container.modal-lg { max-width: 800px; }
.modal-container.modal-xl { max-width: 1200px; }
.modal-container.modal-full { max-width: 100%; }

/* Disable body scroll when modal is open */
body.modal-open {
    overflow: hidden;
}

/** respo **/
@media (min-width:1655px) {
    #carousel .item .extended-banner-texts {
        left: calc((100% - 1610px) / 2);
        transform: none;
    }

    .extended-banner-texts::before,.extended-banner-texts::after {
        position: absolute;
        content: '';
        display: block;
        z-index: 999;
    }

    .extended-banner-texts::before {
        width: 25%;
        height: 66px;
        top: 0px;
        left: 12px;
        border-right: #fdebe9 2px solid;
        border-bottom: #fdebe9 2px solid;
        border-bottom-right-radius: 32px;
    }

    .wide-carousel {
        position:relative;
    }

    .wide-carousel::before {
        content:"";
        width: 32px;
        height: 66px;
        top: 0px;
        left: 32px;
        border-right: #fdebe9 2px solid;
        border-bottom: #fdebe9 2px solid;
        border-bottom-right-radius: 32px;
        position:absolute
    }

    .extended-banner-texts::after {
        height: calc(100% + 150px)!important;
        width: 32px;
        height: 100%;
        top: 64px;
        left: -20px;
        border-left: #fdebe9 2px solid;
        border-top: #fdebe9 2px solid;
        border-top-left-radius: 32px;
    }

    .benefitBanner.position--benefitHomepage::before {
        position: absolute;
        content: '' !important;
        width: 100%;
        height: calc( 100% + 110px);
        top: -40px;
        left: -20px;
        z-index: 4;
        border-bottom: #fdebe9 2px solid;
        border-left: #fdebe9 2px solid;
        border-bottom-left-radius: 32px;
        pointer-events: none;
    }

    #products-1::after {
        content: "";
        position: absolute;
        right: -20px;
        border-right: #fdebe9 2px solid;
        border-bottom: #fdebe9 2px solid;
        height: calc(100% + 260px);
        width: 60px;
        bottom: -32px;
        border-bottom-right-radius: 30px;
    }

    main > .homepage-group-title.homepage-products-heading-2::after {
        position: absolute;
        content: '' !important;
        width: 70%;
        height: 100%;
        top: 0;
        right: 40px;
        z-index: 4;
        border-top: #fdebe9 2px solid;
        border-left: #fdebe9 2px solid;
        border-top-left-radius: 32px;
        pointer-events: none;
        
    }

    #products-2::after {
        position: absolute;
        content: '' !important;
        width: calc( 45% + 30px);
        height: calc(100% + 2px);
        top: 0;
        left: calc(30% - 40px);
        z-index: 0;
        border-bottom: #fdebe9 2px solid;
        border-left: #fdebe9 2px solid;
        border-bottom-left-radius: 32px;
        pointer-events: none;
    }

    .in-index .content-wrapper-in > main.content::after {
        position: absolute;
        content: '' !important;
        width: 30px;
        height: 500px;
        bottom: -470px;
        left: calc(75% - 10px);
        z-index: 0;
        border-top: #fdebe9 2px solid;
        border-right: #fdebe9 2px solid;
        border-top-right-radius: 32px;
        pointer-events: none;
    }
}

@media (max-width:1286px) {
    #products-1::after {
        height:calc(100% + 282px)
    }
}

@media (max-width:1200px) {
    #kategorie {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 1fr;
        gap:0 1.25rem
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .next-to-carousel-banners .banner-wrapper {
        width: 100%;
    }
}

@media (max-width:946px) {
    #products-1::after {
        height:calc(100% + 304px)
    }
}

@media (max-width:797px) {
    .btn.btn-primary {
        padding: 0 24px !important;
    }

    #content-wrapper {
        margin-top: 40px;
    }

    .header-contact {
        display: none !important;
    }

    #carousel .item .extended-banner-texts {
        background: #f9e7dd;
    }

    #carousel .item .extended-banner-texts .extended-banner-title {
        color: var(--text-color);
    }

    .in-index .content-wrapper-in > main.content::after, #products-2::after, main > .homepage-group-title.homepage-products-heading-2::after, #products-1::after, .benefitBanner.position--benefitHomepage::before {
        display:none
    }

    .product-top {
        display: flex;
        flex-direction: column;
    }

    .product-top .col-xs-12:first-child {
        display: block;
    }

    .p-detail .p-image-wrapper {
        display: block;
    }

    .p-detail .p-thumbnails>div {
        width: 9999em;
        height: 80px;
        position: absolute;
    }

    .p-detail div.col-xs-12.p-info-wrapper {
        padding: 0 !important;
    }

    /** Product configurator **/
    .product-conf__nav ul {
        flex-wrap: wrap;
    }

    .product-conf__totals {
        padding: 16px;
    }

    .product-conf__selecteditem,
    .product-conf__availability {
        font-size: 13px;
    }

    .product-conf__selecteditem .name,
    .product-conf__availability .name {
        max-width: 72%;
    }

    .product-conf__prices {
        font-size: 18px;
    }

    .modal-body .product-conf__item {
        max-width: 100%;
        flex: 0 0 100%;
    }

    /** Manufacture block **/
    .block-manufacture {
        padding: 1rem;
        flex-direction: column;
        gap: 3rem;
    }

    .block-manufacture__left,
    .block-manufacture__right {
        width: 100%;
    }

    .h4.homepage-group-title,
    h4.homepage-group-title,
    .hp-news h1 {
        font-size: 2em;
        padding-left: 0;
        padding-right: 0;
    }

    .section-desc {
        max-width: 100%;
        display: none;
    }

    .benefitBanner.position--benefitHomepage {
        margin-bottom: 2rem;
    }

    .benefitBanner .benefitBanner__item {
        padding: 15px 0;
    }

    .hp-reviews-wrapper .homepage-group-title {
        margin-bottom: 2rem;
    }

    .contact-banner {
        display: flex;
        flex-direction: column;
    }

    .contact-banner img {
        order: 2;
    }

    .contact-banner 

    .banner-content {
        background: #f9e7dd;
        width: 100%;
        padding: 2rem 2rem 3rem;
        position: static;
        order: 1;
    }

    .contact-wrapper {
        flex-direction: column;
        gap: 1rem;
    }

    .contact-wrapper > div {
        margin-right: 0;
    }

    body footer .container.footer-bottom .copyright a {
        text-align: center;
    }

    .slick-slider .slick-arrow.slick-next {
        margin-top: 0 !important;
    }

    .products-top-wrapper .button-wrapper .toggle-top-products {
        color: var(--text-color);
    }

    .listSorting .listSorting__controls li button {
        color: var(--text-color);
    }

    .cp-section--sm .cp-text-center {
        max-width: 100% !important;
    }

    .cp-container div[style*="40px 80px 40px 0"] {
        padding: 40px 0 !important;
    }

    .cp-container-wide div[style*="60px 48px 20px"] {
        padding: 60px 18px 20px !important;
    }

    .cp-team-photo {
        min-height: unset !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .cp-team-photo img {
        position: relative !important;
        top: unset !important;
    }
}

@media (max-width:640px) {
    #kategorie {
        grid-template-columns: repeat(1, 1fr);
    }
}


/** Reviews **/
.hp-reviews-wrapper {
    padding: 20px 0 40px;
    background: #f9e8dd;
}

.hp-reviews-wrapper .homepage-group-title {
    text-align: center;
    margin-bottom: 40px;
}

.hp-reviews .slick-list { margin: 0 -15px; }
.hp-reviews .slick-track { display: flex; }
.hp-reviews .slick-slide { height: auto; }
.hp-reviews .slick-slide > div { height: 100%; display: flex; }

.hp-review-slide {
    padding: 0 15px;
    box-sizing: border-box;
    width: 100%;
    display: flex;
}

.hp-review {
    background: #fff;
    border-radius: 12px;
    padding: 28px 26px;
    width: 100%;
    box-shadow: 0 2px 14px rgba(0,0,0,0.05);
    display: flex;
    flex-direction: column;
}

.hp-review__stars { font-size: 18px; letter-spacing: 2px; margin-bottom: 14px; color: #ddd; }
.hp-review__stars .is-on { color: #f5a623; }
.hp-review__text {
    font-size: 15px;
    line-height: 1.6;
    color: #333;
    flex: 1;
    margin-bottom: 18px;
}

.hp-review__author { font-weight: 600; color: #000; }

.hp-reviews .slick-prev,
.hp-reviews .slick-next { z-index: 1; }
.hp-reviews .slick-prev { left: -10px; }
.hp-reviews .slick-next { right: -10px; }

@media (max-width: 768px) {
    .hp-reviews-wrapper {
        padding: 0 0 40px;
    }

    .hp-review { padding: 22px 20px; }

    .hp-reviews-wrapper .homepage-group-title {
        margin-bottom: 0;
    }
}