/*
Theme Name: VibGroup Theme
Theme URI: https://und3fined.it/
Template: generatepress
Author: Gabriele Visconti
Author URI: https://und3fined.it/
Description: Questo tema è stato realizzato dal developer team di Vib. G.V
Tags: two-columns,three-columns,one-column,right-sidebar,left-sidebar,footer-widgets,blog,e-commerce,flexible-header,full-width-template,buddypress,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,rtl-language-support,featured-images,theme-options
Version: 1.52
Updated: 2025-04-30 16:41:41

*/
.section-alternate-rows .row:last-child,
ul.sb-sublist.sb-sublist--grouped > li:last-child {
    margin-bottom: 0;
}
body {
    font-size: clamp(14px, 0.93vw, 18px);
    line-height: clamp(26px, 1.55vw, 30px);
}
.block--title__70 {
    font-size: clamp(28px, 3.64vw, 70px);
    line-height: clamp(38px, 4.16vw, 80px);
}
#to-the-top {
    display: flex;
    background-color: #11111173;
    width: 50px;
    height: 50px;
    border-radius: 25px 0 0 25px;
    position: fixed;
    bottom: 30px;
    right: 0;
    transition:
        background-color 0.3s,
        opacity 0.5s,
        visibility 0.5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    justify-content: center;
    align-items: center;
}
a#to-the-top svg {
    width: 20px;
    height: 20px;
    fill: #fff;
    transition: 0.3s;
}
#to-the-top:hover {
    cursor: pointer;
    background-color: #333;
}
#to-the-top:active {
    background-color: #555;
}
#to-the-top.show {
    opacity: 1;
    visibility: visible;
}
.footer-main,
.section.section-home-hero,
div#content {
    background: #f4f2ec;
}
.hero-content-wrapper {
    max-width: 90%;
    margin: 0 auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 30px;
    padding-bottom: 60px;
    justify-content: space-between;
}
.hero-slide-images {
    height: 100%;
}
.block--subtitle {
    text-transform: uppercase;
    color: #c7b299;
}
.hero-text-wrapper .block--title h3 {
    text-transform: uppercase;
    font-weight: 300;
    text-wrap: balance;
}
.hero-text-wrapper .block--title strong {
    font-weight: 400;
}
.hero-slide-text-wrapper .block--paragraph {
    margin: 15px 0 30px;
    font-weight: 300;
}
.block--button--primary {
    text-transform: uppercase;
    color: #323031;
    text-decoration: none;
    transition:
        gap 0.3s,
        color 0.3s;
    font-weight: 300;
    display: flex;
    align-items: center;
    gap: 11px;
}
.block--button--primary:before {
    content: "";
    width: clamp(25px, 2.59vw, 50px);
    height: 1px;
    background: #c7b299;
    display: block;
    transition:
        width 0.3s,
        background 0.3s;
}
.block--button--primary:hover {
    gap: 20px;
    color: #333;
    transition-duration: 0.5s;
}
.block--button--primary:hover:before {
    width: clamp(35px, 3.12vw, 60px);
    background: #333;
    transition-duration: 0.5s;
}
.hero-slide-controls {
    margin-top: 25px;
}
.hero-controls-wrapper {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
    font-size: 10px;
}
.hero-progress-track {
    background: #b6b4af;
}
.hero-slide-progressbar {
    background: #2f2e2b;
    height: 1.2px;
    width: 0%;
}
.hero-control-button {
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 300;
    opacity: 0.5;
    display: flex;
    gap: 5px;
    transition:
        opacity 0.3s,
        font-weight 0.3s,
        gap 0.3s;
}
.faq-title span,
.hero-control-button span {
    color: #c7b299;
}
.hero-control-button.is-active {
    font-weight: 400;
    opacity: 1;
}
.hero-slide-text-wrapper,
.slide-image-wrapper {
    height: 0;
    visibility: hidden;
    pointer-events: none;
    transition-behavior: allow-discrete;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    pointer-events: none;
}
.hero-slide-text-wrapper.is-active,
.slide-image-wrapper.is-active {
    height: max-content;
    visibility: visible;
    pointer-events: auto;
    transition:
        opacity 1s ease-in-out,
        visibility 1s;
    opacity: 1;
    pointer-events: auto;
}
.slide-image-wrapper,
.slide-image-wrapper img {
    object-fit: cover;
}
@media (max-width: 340px) {
    .hero-controls-wrapper {
        display: none;
    }
}
@media (max-width: 1024px) {
    .hero-slide-text-wrapper .block--paragraph {
        max-width: 600px;
    }
}
@media (min-width: 1025px) {
    .hero-control-button {
        gap: 8px;
    }
    .hero-slide-controls {
        margin-top: 20px;
    }
    .hero-slide-text-wrapper .block--paragraph {
        margin: 20px 0 50px;
        max-width: 92%;
    }
    .hero-content-wrapper {
        max-width: 75%;
        margin: 0 auto;
        height: 100%;
        display: flex;
        flex-direction: column;
        padding-top: clamp(80px, 8.32vw, 160px);
        padding-bottom: clamp(80px, 6.24vw, 120px);
        justify-content: space-between;
    }
    .block--subtitle {
        margin-bottom: 5px;
    }
    .hero-controls-wrapper {
        display: flex;
        gap: 20px;
        align-items: center;
        justify-content: space-between;
        margin-top: 25px;
        font-size: unset;
    }
}
@media (min-width: 1025px) and (max-width: 1180px) {
    .hero-controls-wrapper {
        font-size: 9px;
        gap: 15px;
    }
}
@media (min-width: 1181px) and (max-width: 1440px) {
    .hero-controls-wrapper {
        font-size: 10px;
        gap: 10px;
    }
}
.custom-bg-alternate-section,
.section-faq-section,
.section-home-products {
    background: #2f2e2b;
    color: #fff;
}
.block--title__45 {
    font-size: clamp(28px, 2.33vw, 45px);
    line-height: clamp(43px, 3.12vw, 60px);
}
.home-product-selection-main-title .block--title h1 {
    text-transform: uppercase;
    font-weight: 300;
}
.about-intro-text .block--title__70 strong,
.alternate-row-text-wrapper .block--title__45 strong,
.block--alternate-box-text .block--title__45 strong,
.block-home-box-hover-main-text .block--title__45 strong,
.home-background-box-wrapper .block--title__45 strong,
.home-product-selection-main-title .block--title strong,
.section-faq-section .block--title__45 strong {
    font-weight: 400;
}
.home-product-repeater {
    margin-top: clamp(60px, 10.41vw, 200px);
}
.home-product-text h3 {
    font-size: clamp(24px, 1.87vw, 36px);
    font-weight: 300;
    text-transform: uppercase;
}
.home-product-text .block--paragraph {
    margin: 15px 0 50px;
    max-width: 330px;
    font-size: 16px;
    font-weight: 300;
}
a.block--button--primary.white {
    color: #fff;
}
a.block--button--primary.white:hover:before {
    background: #fff;
}
.home-product-image .block--image {
    margin-bottom: 20px;
}
.home-product-repeater .column:first-child .home-product-wrapper {
    padding-bottom: 59px;
}
.home-product-repeater .column:last-child .home-product-wrapper {
    padding-top: 59px;
    border-top: 1px solid #ffffff3d;
}
.home-product-wrapper {
    display: flex;
    flex-direction: column-reverse;
}
.home-product-image .block--image img {
    max-width: 140px;
}
.home-background-box-wrapper {
    background: #2f2e2bc4;
    max-width: 100%;
    padding: 40px 20px;
    color: #fff;
    position: relative;
    z-index: 10;
}
.home-background-box-wrapper .block--title__45 {
    text-transform: uppercase;
    text-wrap: balance;
    font-weight: 300;
}
.home-background-box-wrapper .block--paragraph {
    margin: 10px 0 30px;
    font-weight: 300;
}
.home-background-absolute {
    position: absolute;
    width: 100%;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 3;
}
.home-background-absolute img,
.single-post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.block--alternate-box-text .block--title__45 {
    text-transform: uppercase;
    font-weight: 300;
    text-wrap: balance;
}
.block--alternate-box-text .block--paragraph {
    margin: 20px 0 30px;
    max-width: 635px;
    font-weight: 300;
}
.block--alternate-box-text {
    margin: 0 auto;
    max-width: 90%;
    padding: 60px 0;
}
.gif-container img:nth-child(2),
.gif-container:hover img:first-child,
.related-post-grid.desktop,
.section-home-alternate-box.no_image_mobile > .row--fluid .column:first-child {
    display: none;
}
.home-video-box iframe {
    width: 100%;
    height: clamp(360px, 31.24vw, 600px);
    transform: scale(2);
}
.home-video-box {
    overflow: hidden;
    position: relative;
    height: 100%;
    width: 100%;
}
.no-padding-top,
.no_padding_top {
    padding-top: 0 !important;
}
.block-home-box-hover-main-text .block--title__45 {
    text-transform: uppercase;
    font-weight: 300;
    max-width: 80%;
    margin-bottom: 20px;
    text-wrap: balance;
}
.block-home-box-hover-repeater {
    margin-top: clamp(60px, 5.2vw, 100px);
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-top: 1px solid #e3d9cb;
    position: relative;
}
.block-home-box-hover-repeater:after {
    content: "";
    height: 40px;
    width: 1px;
    background: #e3d9cb;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}
.block-home-box-hover-repeater .home-box-hover-wrapper .block--image {
    max-width: 60px;
    max-height: 60px;
}
.home-box-hover-wrapper .block--title {
    margin: 20px 0 10px;
    text-transform: uppercase;
    text-wrap: balance;
    max-width: 89%;
}
.home-box-hover-wrapper .block--title h4 {
    font-size: clamp(26px, 1.45vw, 28px);
    line-height: clamp(36px, 1.97vw, 38px);
}
.home-box-hover-wrapper .block--paragraph {
    margin-bottom: 40px;
}
.home-box-hover-images {
    position: relative;
    padding-left: clamp(60px, 5.2vw, 100px);
}
.block-home-box-hover-main-text .block--paragraph {
    max-width: clamp(380px, 26.03vw, 500px);
    margin-top: clamp(15px, 1.55vw, 30px);
}
.block-home-box-hover-repeater .home-box-hover-wrapper:first-child {
    padding-right: clamp(29px, 4.16vw, 80px);
    padding-top: clamp(10px, 1.34vw, 26px);
    margin-top: clamp(15px, 1.55vw, 30px);
    border-right: 1px solid #e3d9cb;
}
.block-home-box-hover-repeater .home-box-hover-wrapper:last-child {
    padding-left: clamp(29px, 4.16vw, 80px);
    padding-top: clamp(10px, 1.34vw, 26px);
    margin-top: clamp(15px, 1.55vw, 30px);
}
@media (max-width: 850px) {
    .block-home-box-hover-main-text .block--title__45 {
        text-transform: uppercase;
        font-weight: 300;
        max-width: 100%;
        margin-bottom: 20px;
    }
    .block-home-box-hover-repeater {
        display: grid;
        grid-template-columns: 1fr;
        border-top: 1px solid #e3d9cb;
        position: relative;
        gap: 20px;
        border: none;
    }
    .block-home-box-hover-repeater .home-box-hover-wrapper:first-child {
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 39px;
        margin-top: 0;
        border-bottom: 1px solid #e3d9cb;
        border-right: 0px;
        border-top: 0;
    }
    .block-home-box-hover-repeater .home-box-hover-wrapper:last-child {
        margin-top: 0;
        border-right: 0px;
        border-top: 0;
        padding: 39px 0 0;
    }
    .block-home-box-hover-repeater:after {
        display: none;
    }
}
.about-intro-text .block--title__70 {
    font-weight: 200;
    text-transform: uppercase;
    text-wrap: balance;
}
.alternate-row-text-wrapper .block--title__45,
.section-faq-section .block--title__45 {
    text-wrap: balance;
    font-weight: 300;
    text-transform: uppercase;
}
.about-intro-text .block--paragraph {
    margin-top: 20px;
    max-width: 600px;
}
.custom-padding-for-bg {
    padding-top: clamp(60px, 7.8vw, 150px);
    padding-bottom: clamp(60px, 13vw, 250px);
}
@media (min-width: 1025px) {
    .home-product-repeater .column:first-child .home-product-wrapper {
        padding-bottom: 0;
    }
    .home-product-repeater .column:last-child .home-product-wrapper {
        padding-top: 0;
        border-top: none;
    }
    .home-product-image .block--image img {
        max-width: 310px;
        width: 100%;
    }
    .home-product-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
        gap: 20px;
    }
    .home-product-image .block--image {
        margin-bottom: unset;
    }
    .home-product-selection-main-title {
        max-width: 60%;
        text-wrap: balance;
    }
    .home-background-box-wrapper .block--paragraph {
        margin: 10px 0 50px;
    }
    .home-background-box-wrapper {
        background: #2f2e2bc4;
        max-width: 48%;
        padding: clamp(40px, 5.2vw, 100px);
        color: #fff;
        position: relative;
        z-index: 10;
    }
    .section-home-background-box .row {
        position: relative;
    }
    .home-background-absolute {
        position: absolute;
        width: 90%;
        right: -10%;
        top: 50%;
        transform: translate(0, -50%);
        z-index: 3;
    }
    .section-home-alternate-box.no_image_mobile > .row--fluid .column:first-child {
        display: block;
    }
    .block--alternate-box-text {
        margin: 0 auto;
        max-width: clamp(600px, 41.66vw, 800px);
        padding: 0 20px;
    }
    .block--alternate-box-text .block--paragraph {
        margin: 20px 0 50px;
        max-width: 635px;
        font-weight: 300;
    }
    .home-video-box iframe {
        width: 100vw;
        height: 85vh;
        transform: scale(1.25);
    }
    .about-intro-text {
        max-width: 70%;
    }
    .about-intro-text .block--paragraph {
        margin-top: 20px;
        max-width: clamp(400px, 46.87vw, 900px);
    }
    .background-image-set1 {
        background-repeat: no-repeat;
        background-size: clamp(380px, 22.3vw, 440px);
        background-position: 83% 77%;
    }
}
.alternate-row-text-wrapper .block--paragraph {
    max-width: 680px;
    margin-top: 20px;
}
.section-alternate-rows .row {
    margin-bottom: clamp(60px, 7.8vw, 150px);
}
.section-faq-section .block--title__45 {
    color: #fff;
}
.faq-text-wrapper .block--paragraph {
    margin: 30px 0 50px;
    max-width: clamp(500px, 35.93vw, 690px);
}
.faq-title {
    border-bottom: 1px solid #c7b299;
    padding-bottom: 19px;
    display: flex;
    gap: 10px;
}
.faq-toggle-wrapper {
    max-width: clamp(500px, 34.37vw, 660px);
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-family: montserrat;
    font-weight: 300;
}
.block--image.icon-image {
    max-width: clamp(50px, 3.9vw, 75px);
    max-height: clamp(50px, 3.9vw, 75px);
    margin-bottom: 20px;
}
.no-padding-bottom {
    padding-bottom: 0 !important;
}
.custom-padding-bottom {
    padding-bottom: clamp(60px, 5.2vw, 100px);
}
.contact-information-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 39px 20px;
}
.contact-information-wrapper .block--image {
    justify-content: center;
    margin-bottom: 20px;
    width: clamp(50px, 3.9vw, 75px);
    height: clamp(50px, 3.9vw, 75px);
}
.block-contact-informations,
.header-contacts-list {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.block-contact-informations a {
    text-decoration: none;
    color: unset;
    transition: 0.3s;
}
.block-contact-informations a:hover,
.footer-menu-wrapper a:hover {
    text-decoration: underline;
    transition: 0.3s;
}
.row-contact-informations .column:nth-child(2) {
    border-top: 1px solid #c7b299ad;
    border-bottom: 1px solid #c7b299ad;
}
.block-user-buttons {
    margin: 30px auto 0;
    max-width: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}
.block-user-buttons a:first-child {
    background: #2f2e2b;
    padding: 12px 20px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    transition: 0.3s;
    min-width: 180px;
    display: flex;
    justify-content: center;
}
.block-user-buttons a:first-child:hover {
    background: #c7b299;
    transition: 0.3s;
    color: #2f2e2b;
}
.block-user-buttons a:last-child {
    background: #c7b299;
    padding: 12px 20px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    transition: 0.3s;
    min-width: 180px;
    display: flex;
    justify-content: center;
}
.crf-field.full-width-field input,
.crf-rows input,
.login-input-wrapper input {
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 1px solid #ccc;
    padding: 10px 20px;
    background: 0 0;
}
.block-user-buttons a:last-child:hover,
.catalog-item-wrapper .catalog-button:hover {
    background: #2f2e2b;
    transition: 0.3s;
    color: #fff;
}
@media (max-width: 600px) {
    .block-user-buttons a {
        width: 100%;
    }
}
.catalog-item-wrapper .block-image img,
.single-post-content figure.wp-block-image.size-full img {
    width: 100%;
    height: 100%;
}
.catalog-item-wrapper .block-image,
.crf-actions,
.megamenu-columns-shower,
.post-sharing-links a {
    display: flex;
}
.catalog-item-wrapper .block--title h4 {
    font-size: clamp(22px, 1.55vw, 30px);
    text-transform: uppercase;
}
.catalog-item-wrapper .block--title {
    margin: 24px 0 30px;
}
.catalog-item-wrapper .catalog-button {
    text-align: center;
    border: 1px solid #2f2e2b;
    display: flex;
    gap: 10px;
    padding: 14px 20px;
    justify-content: center;
    text-decoration: none;
    color: #2f2e2b;
    transition: 0.3s;
    align-items: center;
    text-transform: uppercase;
}
.catalog-item-wrapper .catalog-button:hover svg {
    transition: 0.3s;
    fill: #fff;
}
.catalog-item-wrapper .catalog-button svg {
    transition: 0.3s;
    height: 20px;
    width: 20px;
}
.catalogs-grid-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
    row-gap: 80px;
}
.section-catalogs-informations .about-intro-text.block--title--center {
    margin: 0 auto 60px;
}
.crf-rows {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}
.crf-grid {
    margin: 0 auto;
}
.collections-grid.accessory-bath .collection-card,
.crf-field,
ul.sidebar-menu li {
    display: flex;
    flex-direction: column;
}
.crf-field.full-width-field input,
.crf-rows input {
    color: #333;
}
.crf-field.full-width-field,
.header-phones {
    margin: 20px 0;
}
.crf-field.optin-field {
    margin: 30px 0 40px;
    justify-content: center;
    display: flex;
    justify-content: center;
    text-align: left;
    line-height: 1.1;
}
.block-login-form a,
.crf-field.optin-field a,
nav.pagination a {
    color: unset;
}
.login-input-wrapper input {
    color: #333;
    width: 100%;
}
.single-shower-gallery ul.splide__pagination.splide__pagination--ltr button,
.slider-cards-wrapper ul.splide__pagination.splide__pagination--ltr button {
    width: 15px;
    height: 15px;
}
.login-input-wrapper {
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.block-login-form {
    max-width: 600px;
    margin: 40px auto 0;
}
.block-login-form p.submit {
    margin-top: 30px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slider-card-item.is-active {
    opacity: 1;
    transition: 0.3s;
}
.slider-card-item.is-next {
    opacity: 0.4;
    transition: 0.3s;
}
.slider-card-item .block-image {
    max-width: clamp(400px, 27.59vw, 530px);
}
.slider-cards-wrapper .splide__track {
    overflow: visible;
}
.slider-cards-wrapper .block-text h4 {
    text-transform: uppercase;
    font-weight: 300;
    font-size: clamp(22px, 1.97vw, 38px);
    line-height: clamp(24px, 2vw, 40px);
}
.section.section--padding-sm.form-section-wrapper.title-color__gold.faraglioni-bg.section-single-related
    h5.block--title__45
    strong,
.single-page-product-info .block--title__60 strong {
    font-weight: 400;
}
.slider-cards-wrapper .block--title {
    margin-bottom: 10px;
}
.arrow-navigation {
    display: none;
    cursor: pointer;
}
.slider-card-item {
    display: flex;
    gap: 30px;
    transition: 0.3s;
    flex-direction: column;
}
.section-cards-carousel .column,
.section.section--padding-sm.form-section-wrapper.title-color__gold.faraglioni-bg.section-single-related .column {
    overflow: hidden;
}
@media (min-width: 1025px) {
    .alternate-row-text-wrapper .block--title__45,
    .faq-image-wrapper .block--image {
        max-width: 80%;
    }
    .alternate-row-image-wrapper .block--image {
        max-width: 80%;
        margin: 0 auto;
    }
    .alternate-row-text-wrapper .block--paragraph {
        max-width: clamp(600px, 39.31vw, 755px);
        margin-top: 20px;
    }
    .background-image-set2 {
        background-size: clamp(600px, 44.68vw, 860px);
        background-repeat: no-repeat;
        background-position: 100% 100%;
    }
    .background-image-set2 .block--paragraph {
        max-width: clamp(400px, 40vw, 770px);
    }
    .faq-toggle-wrapper {
        font-size: clamp(20px, 1.34vw, 26px);
        font-weight: 300;
    }
    .background-image-set3 {
        background-repeat: no-repeat;
        background-size: clamp(600px, 41.66vw, 800px);
        background-position: 90% 60%;
    }
    .background-image-set3 .about-intro-text {
        max-width: 50%;
    }
    .custom-row-grid .row--fluid {
        grid-template-columns: 1fr 1fr;
    }
    .section-home-alternate-box.reverse-row {
        direction: rtl;
    }
    .section-home-alternate-box.reverse-row .column {
        direction: ltr;
    }
    .block-user-buttons {
        margin: 30px auto 0;
        max-width: 500px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        gap: 20px;
    }
    .row-contact-informations .column:nth-child(2) {
        border-right: 1px solid #c7b299ad;
        border-left: 1px solid #c7b299ad;
        border-top: 0;
        border-bottom: 0;
    }
    .crf-rows {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
    .section-cards-carousel .column {
        overflow: visible;
        position: relative;
    }
    .slider-card-item .block-text {
        max-width: clamp(280px, 22.39vw, 430px);
        padding-top: clamp(80px, 6.76vw, 130px);
    }
    .arrow-navigation {
        position: absolute;
        left: 60vw;
        top: 55%;
        display: block;
        width: clamp(25px, 2.07vw, 40px);
    }
    .slider-card-item {
        display: flex;
        gap: clamp(30px, 3.12vw, 60px);
        align-items: center;
        transition: 0.3s;
        flex-direction: row;
        max-width: 60vw;
    }
    .slider-cards-wrapper .block--title {
        margin-bottom: 15px;
    }
}
.slider-cards-wrapper ul.splide__pagination.splide__pagination--ltr {
    position: unset;
    padding-top: 30px;
}
.single-shower-gallery button.splide__pagination__page.is-active,
.slider-cards-wrapper button.splide__pagination__page.is-active {
    background: #c7b299;
}
@media (max-width: 1024px) {
    .box-home-background-section {
        padding: 0 !important;
    }
    .no_padding_bottom_mobile {
        padding-bottom: 0 !important;
    }
    .no_padding_top_mobile {
        padding-top: 0 !important;
    }
    .column.home-hover-column-images {
        display: none;
    }
    .background-image-set1,
    .background-image-set2,
    .background-image-set3 {
        background-image: none !important;
    }
    .section-catalogs-informations .about-intro-text .block--title__70 {
        text-wrap: unset;
    }
    .slider-card-item .block-image {
        max-height: 90vw;
        overflow: hidden;
        width: 100%;
        height: 100%;
        max-width: 100%;
    }
    .slider-card-item .block-image img {
        object-fit: cover;
        height: 100%;
        width: 100%;
    }
}
@media (min-width: 1921px) {
    .background-image-set1 {
        background-repeat: no-repeat;
        background-size: 550px;
        background-position: 82% 77%;
    }
    .about-intro-text {
        max-width: 65%;
    }
    .slider-card-item {
        display: flex;
        gap: 110px;
        align-items: center;
        transition: 0.3s;
        flex-direction: row;
    }
    .slider-card-item .block-image {
        max-width: clamp(600px, 41.66vw, 800px);
    }
}
.post-card-item a {
    display: flex;
    overflow: hidden;
    margin-bottom: 20px;
}
.post-card-item .post-card-title a {
    text-decoration: none;
    color: unset;
    font-size: clamp(22px, 1.34vw, 26px);
}
.post-card-item a.post-card-thumb:hover img {
    transform: scale(1.1);
    transition: 1s;
}
.blog-post-content {
    margin: 20px 0 30px;
}
.post-card-item .post-card-thumb img {
    transition: 0.5s;
}
.blog-posts-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
}
@media (min-width: 980px) and (max-width: 1280px) {
    .blog-posts-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }
}
nav.pagination ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    list-style: none;
    margin-top: 50px;
}
.single-post-image {
    overflow: hidden;
    width: 100%;
    display: flex;
}
.single-post-content-text .single-post-content {
    background: #fff;
    padding: 20px 5%;
}
.post-sharing-links svg {
    height: 15px;
    width: 15px;
    transition: 0.3s;
}
.post-sharing-links {
    display: flex;
    align-items: center;
    gap: 5px;
}
.single-post-sharing {
    display: flex;
    gap: 5px;
    align-items: center;
    line-height: 1;
}
.single-bottom-content {
    display: flex;
    padding-top: 29px;
    border-top: 1px solid #151515;
    margin-top: 60px;
    justify-content: space-between;
    gap: 10px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    color: #c7b299;
}
.single-author {
    display: flex;
    align-items: center;
    gap: 5px;
    line-height: 1;
}
.block--title.gloock.block--title--center {
    margin-bottom: 50px;
    line-height: 1.2em;
}
.single-post-content.with-title h1.block--title__80.block--title--center {
    text-wrap: balance;
}
.single-post-content-text .single-post-content h1,
.single-post-content-text .single-post-content h2,
.single-post-content-text .single-post-content h3,
.single-post-content-text .single-post-content h4,
.single-post-content-text .single-post-content h5,
.single-post-content-text .single-post-content h6,
.single-post-content-text .single-post-content p {
    margin-bottom: 25px !important;
    display: block;
}
.single-post-content figure.wp-block-image.size-full {
    margin: 10px;
}
.post-meta {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin: 15px 0 80px;
}
.single-post-date,
.user {
    display: flex;
    align-items: center;
    gap: 6px;
}
.single-post-content-text .single-post-content h1,
.single-post-content-text .single-post-content h2,
.single-post-content-text .single-post-content h3,
.single-post-content-text .single-post-content h4,
.single-post-content-text .single-post-content h5,
.single-post-content-text .single-post-content h6 {
    font-size: clamp(30px, 1.87vw, 36px);
}
.my-slider-progress {
    background: #ccc;
    height: 3px;
    max-width: 80%;
    margin: 40px auto 0;
}
.my-slider-progress-bar {
    background: #151515;
    height: 3px;
    width: 0;
    transition: width 0.4s;
}
.section.section--padding-sm.form-section-wrapper.title-color__gold.faraglioni-bg.section-single-related,
div#cf-installations .cf-installations-wrapper:first-child {
    padding-top: 0;
}
.single-post-sharing svg {
    fill: #c7b299;
}
.single-post-content.with-title .block--title h1 {
    text-transform: uppercase;
    font-weight: 300;
}
.section.section--padding-sm.form-section-wrapper.title-color__gold.faraglioni-bg.section-single-related
    h5.block--title__45 {
    text-transform: uppercase;
    font-weight: 300;
    text-wrap: balance;
}
.footer-main > .row {
    border-top: 1px solid #e3d9cb;
}
.footer-column .block--title h5 {
    text-transform: uppercase;
}
.footer-column .block--title {
    margin-bottom: 20px;
}
.footer-menu-wrapper ul {
    list-style: none;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.footer-menu-wrapper a {
    text-decoration: none;
    color: unset;
    transition: 0.3s;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1;
}
.footer-address,
.footer-column .block--paragraph,
.footer-company-description {
    font-size: 14px;
    line-height: 26px;
}
.footer-company-description {
    margin: 10px 0 25px;
}
.footer-socials {
    display: flex;
    gap: 10px;
    align-items: center;
}
.footer-socials a {
    display: flex;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 10px;
    transition: 0.3s;
    background: #2f2e2b;
    align-items: center;
    justify-content: center;
}
.footer-socials svg {
    width: 30px;
    height: 30px;
    transition: 0.3s;
    fill: #fff;
}
.footer-socials a:hover {
    background: #c7b299;
    transition: 0.3s;
}
.footer-socials a:hover svg {
    fill: #2f2e2b;
    transition: 0.3s;
}
.footer-column .block--button {
    margin-top: 20px;
}
.footer-address,
.footer-mails,
.footer-phones,
.megamenu-shower-link-list.megamenu-collection-list,
.megamenu-shower-link-list.megamenu-openings-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.footer-contacs {
    display: flex;
    flex-direction: column;
    gap: 15px;
    line-height: 1;
}
.footer-columns-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 60px;
}
@media (min-width: 769px) and (max-width: 1440px) {
    .footer-main > .row {
        gap: 80px;
    }
    .footer-columns-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 50px;
        row-gap: 80px;
    }
}
.block--documents,
.block--documents a,
.block--openings,
.gif-container,
.product-crystal-image {
    display: flex;
    display: flex;
}
.openings-terms-child-icon {
    display: flex;
    height: 45px;
    width: 45px;
}
@media (min-width: 1441px) {
    .footer-columns-wrapper {
        display: flex;
        justify-content: space-between;
        gap: 30px;
        padding-left: 5%;
    }
    .footer-column {
        flex: 0 1 300px;
        max-width: max-content;
    }
}
.bottom-footer {
    background: #f4f2ec;
    padding: 0 0 30px;
    font-size: 14px;
}
.footer-legal-information a {
    color: unset;
    text-decoration: none;
    transition: 0.3s;
}
.footer-legal-information a:hover {
    color: unset;
    text-decoration: underline;
    transition: 0.3s;
}
.block--documents a:nth-child(3) {
    border: 1px solid #2f2e2b;
    color: #2f2e2b;
    padding-top: clamp(12px, 0.93vw, 16px);
    padding-bottom: clamp(12px, 0.93vw, 16px);
    padding-left: clamp(12px, 1.03vw, 18px);
    padding-right: clamp(12px, 1.03vw, 18px);
}
.block--documents a:nth-child(3) svg {
    fill: #2f2e2b;
}
.block--documents a:nth-child(2) {
    background: #c7b299;
    color: #fff;
}
.block--documents a:nth-child(2) svg {
    fill: #fff;
}
.block--documents a:nth-child(2):hover,
.block--documents a:nth-child(3):hover {
    background: #2f2e2b;
    color: #fff;
    transition: 0.3s;
}
.block--documents a:nth-child(2) svg,
.block--documents a:nth-child(3):hover svg {
    fill: #fff;
    transition: 0.3s;
}
.block--documents a:first-child {
    background: #2f2e2b;
    color: #fff;
}
.block--documents a:first-child svg,
.header-search-bar.mobile form.search-form path {
    fill: #fff;
}
.block--documents a:first-child:hover {
    background: #c7b299;
    color: #fff;
    transition: 0.3s;
}
.single-shower-gallery button.splide__arrow.splide__arrow--next,
.single-shower-gallery button.splide__arrow.splide__arrow--prev {
    width: clamp(20px, 2.6vw, 50px);
    height: clamp(40px, 4.16vw, 80px);
    border-radius: 0;
    background-size: contain;
    background-color: transparent !important;
}
.block--documents a:first-child:hover svg {
    fill: #fff;
    transition: 0.3s;
}
.block--documents svg {
    width: clamp(18px, 1.14vw, 22px);
    height: clamp(18px, 1.14vw, 22px);
    transition: 0.3s;
}
.block--documents a {
    justify-content: center;
    align-items: center;
    padding-top: clamp(14px, 0.93vw, 18px);
    padding-bottom: clamp(14px, 0.93vw, 18px);
    padding-left: clamp(14px, 1.03vw, 18px);
    padding-right: clamp(14px, 1.03vw, 18px);
    text-transform: uppercase;
    font-size: clamp(9px, 0.67vw, 13px);
    text-decoration: none;
    line-height: 1;
    align-items: center;
    gap: 10px;
    transition: 0.3s;
    width: 100%;
}
.single-page-product-info .block--paragraph {
    font-size: 16px;
}
.block--title__60 {
    font-size: clamp(30px, 3.12vw, 60px);
    text-transform: uppercase;
    font-weight: 300;
}
.block--openings {
    font-size: clamp(22px, 1.55vw, 30px);
    font-weight: 300;
    text-transform: uppercase;
    align-items: center;
    gap: 25px;
    margin: 5px 0 15px;
}
.block--documents {
    gap: clamp(15px, 1.55vw, 30px);
    justify-content: space-between;
    align-items: center;
    margin-top: 50px;
    flex-direction: column;
}
@media (min-width: 1661px) {
    .single-page-product-info {
        max-width: 90%;
    }
}
@media (min-width: 601px) {
    .block--documents {
        display: flex;
        gap: clamp(15px, 1.55vw, 30px);
        justify-content: space-between;
        align-items: center;
        margin-top: 50px;
        flex-direction: row;
    }
}
.gif-container {
    position: relative;
    transition: 0.3s;
    width: 80px;
    height: 80px;
    margin: 60px auto;
    cursor: pointer;
}
.gif-container img {
    position: absolute;
    width: 80px;
    height: auto;
    top: 0;
    left: 0;
}
.gif-container:hover img:nth-child(2) {
    display: block;
}
.single-shower-gallery button.splide__arrow.splide__arrow--prev {
    left: -6%;
    background-image: url(/wp-content/uploads/2025/08/arrow-left.svg) !important;
    background-repeat: no-repeat;
}
.single-shower-gallery button.splide__arrow.splide__arrow--next {
    right: -6%;
    background-image: url(/wp-content/uploads/2025/08/right-arrow.svg) !important;
    background-repeat: no-repeat;
}
.single-shower-gallery button.splide__arrow.splide__arrow--next svg,
.single-shower-gallery button.splide__arrow.splide__arrow--prev svg {
    opacity: 0;
}
.single-shower-gallery ul.splide__pagination.splide__pagination--ltr {
    padding-bottom: 20px;
}
.product-crystal-image {
    height: 300px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.block--title__40 {
    font-size: clamp(26px, 2.07vw, 40px);
    font-weight: 300;
    text-transform: uppercase;
}
.product-details-heading .block--title {
    border-bottom: 1px solid #c7b2995c;
    padding-bottom: 19px;
    margin-bottom: clamp(30px, 3.12vw, 60px);
}
.block--product-crystal {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}
.block--product-crystal-item .block--image {
    max-width: 220px;
    margin-bottom: 20px;
    height: auto;
}
.block--product-crystal-item .block--image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.product-crystal-label {
    font-weight: 300;
    text-wrap: balance;
}
.finiture-father {
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 20px;
}
.child-finiture-item {
    display: grid;
    grid-template-columns: 30% 65%;
    align-items: center;
    gap: 5%;
}
.block--product-caracteristic,
.child-finitures {
    gap: 20px;
    row-gap: clamp(40px, 3.12vw, 60px);
    grid-template-columns: 1fr 1fr;
}
.child-finitures {
    display: grid;
}
.child-finiture-item .block--image {
    height: auto;
}
.child-finiture-item .block--title {
    padding: 0;
    margin: 0;
    border: none;
    line-height: 1.5;
    font-size: 14px;
}
.finiture-wrapper {
    margin-bottom: clamp(50px, 3.12vw, 60px);
}
.block--product-finitures .finiture-wrapper:last-child {
    margin: 0;
}
.child-finiture-item .block--title span:first-child,
.header-menu-wrapper.desktop,
.header-search-bar.desktop,
.hedaer-sidebar-description,
.megamenu-images-wrapper .megamenu-image {
    display: none;
}
.block--product-caracteristic {
    display: grid;
}
.block--product-caracteristic-item img {
    width: 100%;
}
@media (min-width: 679px) {
    .block--product-crystal {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        gap: 40px;
    }
}
@media (min-width: 1281px) {
    .blog-posts-grid {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 35px;
    }
    .block--product-caracteristic,
    .child-finitures {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        row-gap: clamp(40px, 3.12vw, 60px);
    }
    .child-finitures {
        gap: 30px;
    }
    .block--product-caracteristic {
        gap: 60px;
    }
}
.block--product-caracteristic-item {
    display: grid;
    grid-template-columns: 30% 65%;
    gap: 5%;
    align-items: center;
    line-height: 1.4;
}
.taxonomy-collection .about-intro-text.block--title--center,
div#cf-collections .block--image {
    max-width: 100%;
}
.cf-installations-wrapper .block--image {
    max-width: 180px;
    height: auto;
    margin: 0 auto;
}
.bath-accessory-color .finiture-wrapper,
.cf-installations-wrapper .block--subtitle {
    margin: 0;
}
.cf-installations-wrapper .block--title {
    text-transform: uppercase;
    font-size: 20px;
    line-height: 1;
    font-weight: 300;
}
.bath-accessory .block--paragraph,
.cf-installations-wrapper .block-text,
.collection-card__body {
    margin-top: 20px;
}
.cf-collections-title .block--title__45,
.cf-results-title .block--title__45.block--title--center {
    font-weight: 300;
    text-transform: uppercase;
    text-wrap: balance;
    max-width: 600px;
    margin: 0 auto;
}
.cf-collections-title .block--title,
.cf-results-title .block--title {
    display: flex;
    justify-content: center;
    margin-top: clamp(60px, 7.8vw, 150px);
    margin-bottom: clamp(60px, 5.2vw, 100px);
    padding-top: clamp(60px, 5.2vw, 100px);
    border-top: 1px solid #c7b29960;
}
.cf-results__loader {
    padding-top: clamp(60px, 5.2vw, 100px);
    padding-bottom: clamp(60px, 5.2vw, 100px);
}
#cf-results .cf-results__loader,
div#cf-collections .cf-results__loader {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
#cf-results .spinner circle {
    stroke: currentColor;
}
.cf-results__grid .cf-card {
    opacity: 0;
    transform: translateY(-8px);
    transition:
        opacity 0.28s ease-out,
        transform 0.28s ease-out;
}
.cf-results__grid.is-visible .cf-card {
    opacity: 1;
    transform: translateY(0);
}
.cf-results__grid.is-visible .cf-card:nth-child(5) {
    transition-delay: 120ms;
}
.cf-results__grid article.cf-card a,
.search-card__content a {
    text-decoration: none;
    color: unset;
}
div#cf-installations {
    display: flex;
    justify-content: center;
    margin-top: clamp(60px, 7.8vw, 150px);
    flex-direction: column;
}
div#cf-installations .cf-installations-wrapper:last-child {
    border-bottom: 0;
}
.cf-installations-wrapper {
    padding-top: clamp(40px, 4.16vw, 80px);
    padding-bottom: clamp(40px, 4.16vw, 80px);
    padding-right: 20px;
    padding-left: 20px;
    border-bottom: 1px solid #c7b29960;
    text-align: center;
    opacity: 1;
    transition: 0.4s;
    cursor: pointer;
}
.cf-results__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: clamp(30px, 3.12vw, 60px);
    max-width: 1120px;
    row-gap: 60px;
    margin: 0 auto;
}
.cf-installations-wrapper:hover {
    opacity: 1;
    transition: 0.6s;
}
.collection-card__body a:before,
div#cf-collections h3.collection-card__title:before {
    content: "";
    height: 1px;
    width: 30px;
    transition: 0.3s;
    background: #2f2e2b;
    display: block;
}
.collection-card__body a:hover:before,
div#cf-collections h3.collection-card__title:hover:before {
    content: "";
    height: 1px;
    width: 40px;
    transition: 0.3s;
    background: #2f2e2b;
    display: block;
}
.collection-card__body a,
div#cf-collections .collection-card__body h3.collection-card__title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 300;
    color: #2f2e2b;
    text-decoration: none;
    text-transform: uppercase;
}
.collection-card a {
    display: flex;
    overflow: hidden;
    transition: 0.7s;
}
.collection-card a:hover img {
    transform: scale(1.04);
    transition: 0.6s;
}
.collection-card img {
    transition: 0.3s;
}
.row-collection-loop .collections-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 60px;
    row-gap: 100px;
}
.bath-accessory-color .finiture-wrapper .child-finiture-item .block--title span:first-child,
.collection-loop .about-intro-text .block--title strong,
.megamenu-images-wrapper .megamenu-image.active {
    display: block;
}
div#cf-collections .cf-installations-wrapper {
    padding: 0 !important;
    border: none !important;
}
.cf-installations-wrapper.is-active {
    opacity: 1;
    transition: 0.5s;
}
.cf-results__grid.is-visible .cf-card:first-child,
.cf-results__grid.is-visible .cf-installations-wrapper:first-child {
    transition-delay: 0s;
}
.cf-results__grid.is-visible .cf-card:nth-child(2),
.cf-results__grid.is-visible .cf-installations-wrapper:nth-child(2) {
    transition-delay: 30ms;
}
.cf-results__grid.is-visible .cf-card:nth-child(3),
.cf-results__grid.is-visible .cf-installations-wrapper:nth-child(3) {
    transition-delay: 60ms;
}
.cf-results__grid.is-visible .cf-card:nth-child(4),
.cf-results__grid.is-visible .cf-installations-wrapper:nth-child(4) {
    transition-delay: 90ms;
}
div#cf-collections .cf-results__grid {
    grid-template-columns: 1fr;
    gap: 60px;
}
.accessory-image-wrapper .block--image {
    display: flex;
    justify-content: center;
}
.accessory-image-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    max-width: 100%;
    text-align: center;
    padding: 30px;
}
.block--documents.bath-accessory a {
    width: max-content;
    border: 1px solid #2f2e2b;
    background: 0 0;
    color: #2f2e2b;
}
.block--documents.bath-accessory svg {
    fill: #2f2e2b !important;
}
.block--documents.bath-accessory a:hover {
    background: #2f2e2b;
    color: #fff;
}
.block--documents.bath-accessory a:hover svg {
    fill: #fff !important;
}
.bath-accessory .block--documents.bath-accessory {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.collections-grid.accessory-bath {
    grid-template-columns: 1fr;
    row-gap: 60px;
}
.accessory-bath-items img,
.collections-grid.accessory-bath .block--image img {
    width: 100%;
}
@media (min-width: 980px) and (max-width: 1330px) {
    .catalogs-grid-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
        row-gap: 80px;
    }
    .collections-grid.accessory-bath {
        grid-template-columns: 1fr 1fr;
        row-gap: clamp(40px, 4.16vw, 80px);
    }
}
.header-main-wrapper {
    background: #f4f2ec;
    position: relative;
}
.header-content-wrapper {
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: space-between;
}
.header-actions-wrapper {
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: flex-end;
}
.header-burger-wrapper {
    cursor: pointer;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.header-burger-wrapper span {
    width: 40px;
    transition: 0.3s;
    height: 1px;
    background: #2f2e2b;
}
.header-menu-wrapper.desktop {
    gap: clamp(20px, 2.07vw, 40px);
    align-items: center;
}
.menu-submenu-wrapper {
    display: flex;
    flex-direction: column;
    gap: clamp(15px, 1.29vw, 25px);
    background: #fff;
    position: absolute;
    min-width: max-content;
    padding-top: clamp(30px, 2.59vw, 50px);
    padding-bottom: clamp(30px, 2.59vw, 50px);
    padding-left: clamp(20px, 2.07vw, 40px);
    padding-right: clamp(20px, 2.07vw, 40px);
    opacity: 0;
    height: 0;
    transition: 0.3s;
    z-index: 50;
    visibility: hidden;
}
.menu-item-wrapper.with-megamenu-accessories:hover .menu-megamenu-wrapper,
.menu-item-wrapper.with-submenu:hover .menu-submenu-wrapper {
    opacity: 1;
    visibility: visible;
    height: auto;
    transition: 0.3s;
}
.menu-submenu-wrapper a {
    text-decoration: none;
    color: #2f2e2b;
    transition: 0.3s;
    line-height: 1;
}
.megamenu-accessory-links a:hover,
.menu-submenu-wrapper a:hover {
    opacity: 0.8;
    transition: 0.3s;
    font-weight: 500;
}
.menu-item-wrapper.with-megamenu-accessories > a,
.menu-item-wrapper.with-megamenu-shower > a,
.menu-item-wrapper.with-submenu > a {
    cursor: pointer;
}
.menu-megamenu-wrapper {
    background: #fff;
    position: absolute;
    left: 0;
    width: 100%;
    padding-top: clamp(40px, 4.68vw, 90px);
    padding-bottom: clamp(40px, 4.68vw, 90px);
    opacity: 0;
    visibility: hidden;
    height: 0;
    z-index: 20;
    transition: 0.3s;
}
.menu-megamenu-layout {
    max-width: 90%;
    margin: 0 auto;
    display: flex;
    gap: 20px;
}
.megamenu-labe-title {
    color: #c7b299;
    text-transform: uppercase;
    font-family: Montserrat;
    font-size: clamp(20px, 1.24vw, 24px);
    margin-bottom: 20px;
}
.megamenu-accessory-links {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 20px;
    line-height: 1;
}
.block-megamenu-column-accessory {
    width: 15%;
}
.menu-megamenu-layout .block-megamenu-column-accessory:last-child {
    border-left: 1px solid #70707050;
    padding-left: clamp(39px, 5.2vw, 99px);
    width: 30%;
}
.megamenu-accessory-links a {
    line-height: 1;
    color: #2f2e2b;
    text-decoration: none;
    transition: 0.3s;
}
.menu-item-wrapper.with-megamenu-shower:hover .menu-megamenu-wrapper {
    visibility: visible;
    opacity: 1;
    height: auto;
    transition: 0.3s;
}
.menu-item-wrapper.with-megamenu-shower .menu-megamenu-layout.with-megamenu-shower {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}
.megamenu-columns-shower .megamenu-shower-column:first-child {
    padding-right: clamp(49px, 5.2vw, 100px);
}
.megamenu-columns-shower .megamenu-shower-column:last-child {
    padding-left: clamp(49px, 5.2vw, 100px);
    border-left: 1px solid #7070704d;
}
.megamenu-shower-link-list.megamenu-collection-list a,
.megamenu-shower-link-list.megamenu-openings-list a {
    line-height: 1;
    text-decoration: none;
    color: #2f2e2b;
    transition: 0.3s;
}
.header-menu-wrapper .menu-item-wrapper > a:hover,
.megamenu-shower-link-list.megamenu-collection-list a:hover,
.megamenu-shower-link-list.megamenu-openings-list a:hover {
    font-weight: 500;
    opacity: 0.8;
    transition: 0.3s;
}
.megamenu-shower-column {
    width: 45%;
}
.megamenu-images-wrapper,
.megamenu-images-wrapper .megamenu-image {
    position: relative;
}
.megamenu-shower-link-list.megamenu-collection-list > a {
    display: flex;
    align-items: center;
    gap: 8px;
    transition: 0.3s;
}
.megamenu-shower-link-list.megamenu-collection-list > a:before {
    content: "";
    width: 0;
    height: 1px;
    background: #2f2e2b;
    display: flex;
    transition: 0.3s;
}
.megamenu-shower-link-list.megamenu-collection-list > a:hover:before {
    content: "";
    width: 20px;
    height: 1px;
    display: flex;
    transition: 0.3s;
}
.header-menu-wrapper .menu-item-wrapper > a {
    color: #2f2e2b;
    transition: 0.3s;
    text-decoration: none;
    text-transform: uppercase;
    font-size: clamp(14px, 0.82vw, 16px);
    line-height: clamp(60px, 5.2vw, 100px);
}
.saerchbar-content form.search-form {
    position: relative;
    max-width: clamp(140px, 9.37vw, 180px);
    overflow: hidden;
}
.saerchbar-content form.search-form button.search-submit {
    background: 0 0;
    transition: 0.3s;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 60px;
    padding: 0 !important;
}
.saerchbar-content form.search-form button.search-submit svg {
    width: 18px;
    height: auto;
}
.saerchbar-content input.search-field {
    border-radius: 30px;
    border: 1px solid #2f2e2b;
    background: 0 0;
    padding: 4px 60px 4px 20px;
}
input::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
.header-sidebar-wrapper {
    max-width: 100%;
    display: flex;
}
.header-sidebar-row {
    width: 100%;
    max-width: 90%;
    margin: 0 auto;
    height: 100vh;
    overflow-y: auto;
}
.header-sidebar-clos {
    position: relative;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: flex-end;
    margin: 0 0 0 auto;
    cursor: pointer;
}
.header-sidebar-clos span {
    width: 35px;
    height: 1px;
    background: #fff;
    transition: 0.3s;
    position: absolute;
    top: 50%;
}
.header-sidebar-clos span:first-child {
    transform: rotate(45deg);
}
.header-sidebar-clos span:last-child {
    transform: rotate(-45deg);
}
.header-sidebar-logo {
    margin-bottom: 30px;
}
.hedaer-sidebar-description {
    margin-bottom: clamp(30px, 2.07vw, 40px);
    color: #fff;
}
.header-sidebar-company-informations .block--title h5 {
    color: #c7b299;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.header-sidebar-company-informations a {
    color: #fff;
    transition: 0.3s;
    text-decoration: none;
    line-height: 1;
}
.header-sidebar-company-informations a:hover {
    text-decoration: underline;
}
.header-sidebar-wrapper .footer-socials {
    margin-top: clamp(40px, 4.16vw, 80px);
}
.header-sidebar-wrapper {
    background: #2f2e2b;
    height: 100vh;
    padding-top: clamp(30px, 3.12vw, 60px);
    padding-bottom: 160px;
    transition: 0.5s;
    display: flex;
    position: absolute;
    right: -10000px;
    z-index: 100;
    width: 100%;
    top: 0;
}
.header-sidebar-wrapper.active {
    right: 0;
    z-index: 100;
    transition: 0.4s;
}
html.no-scroll {
    overflow-y: hidden;
}
.header-sidebar-mobile-menu ul.sidebar-menu {
    color: #fff;
    list-style: none;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.header-sidebar-mobile-menu ul.sidebar-menu a {
    line-height: 1;
    text-decoration: none;
    color: #fff;
    transition: 0.3s;
}
a.sb-toggle {
    display: flex;
    gap: 10px;
    justify-content: space-between;
}
.toggle-icon-header {
    position: relative;
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.toggle-icon-header span {
    display: flex;
    width: 13px;
    height: 1px;
    background: #fff;
    transition: 0.3s;
}
.toggle-icon-header span:first-child {
    transition: 0.3s;
    transform: rotate(90deg);
    position: absolute;
}
.toggle-icon-header.is-open span:first-child {
    transition: 0.3s;
    transform: rotate(0);
}
ul.sb-sublist.sb-sublist--grouped {
    padding: 19px 15px;
    margin: 19px 0 0;
    border-top: 1px solid #cccccc4f;
    border-bottom: 1px solid #cccccc4f;
}
ul.sb-sublist.sb-sublist--grouped > li {
    margin-bottom: 15px;
}
.header-sidebar-mobile-menu {
    display: block;
    margin-bottom: 60px;
}
.header-sidebar-logo {
    margin-top: 40px;
    max-width: 150px;
}
.header-search-bar.mobile form.search-form {
    max-width: 100%;
    margin-bottom: 40px;
}
.header-search-bar.mobile form.search-form input {
    border: 1px solid #fff;
    color: #fff;
    width: 100%;
}
.header-search-bar.mobile form.search-form input::placeholder {
    color: #ffffff9c;
}
.header-sidebar-company-informations {
    color: #fff;
    display: none;
}
@media (min-width: 1181px) {
    .header-search-bar.desktop,
    .header-sidebar-company-informations,
    .hedaer-sidebar-description {
        display: block;
    }
    .header-search-bar.mobile,
    .header-sidebar-mobile-menu {
        display: none;
    }
    .header-menu-wrapper.desktop {
        display: flex;
    }
}
.header-sidebar-company-informations .block--title {
    margin-bottom: 5px;
}
div#splide-shower img{
    object-fit: cover;
}

@media (min-width: 1025px) {
    .single-post-content.with-title,
    .single-post-content.with-title .block--title,
    div#splide-shower {
        max-width: 90%;
        margin: 0 auto;
    }
    .my-slider-progress {
        background: #ccc;
        height: 3px;
        max-width: 100%;
        margin: 60px auto 0;
    }
    .single-post-image {
        overflow: hidden;
        width: 100%;
        display: flex;
        height: clamp(500px, 38vw, 730px);
    }
    .related-post-grid.mobile {
        display: none;
    }
    .related-post-grid.desktop {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 25px;
    }
    .post-sharing-links svg {
        height: 20px;
        width: 20px;
        transition: 0.3s;
    }
    .single-post-content-text .single-post-content {
        padding: 80px 60px;
    }
    .section.section--padding-sm.form-section-wrapper.title-color__gold.faraglioni-bg.section-single-related
        h5.block--title__45 {
        text-transform: uppercase;
        font-weight: 300;
        max-width: 60%;
        margin: 0 auto !important;
        text-wrap: balance;
    }
    .child-finiture-item .block--title {
        font-size: inherit;
    }
    .product-crystal-label {
        max-width: 80%;
    }
    .child-finiture-item .block--title span:first-child {
        text-transform: uppercase;
        display: block;
    }
    .cf-installations-wrapper {
        text-align: center;
        opacity: 0.5;
        transition: 0.4s;
        cursor: pointer;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-right: clamp(40px, 4.16vw, 80px);
        padding-left: clamp(40px, 4.16vw, 80px);
        border-right: 1px solid #c7b29960;
        border-bottom: 0;
    }
    div#cf-installations .cf-installations-wrapper:first-child {
        padding-top: 20px;
    }
    .cf-results__grid {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: clamp(30px, 3.12vw, 60px);
        max-width: 1120px;
        margin: 0 auto;
    }
    div#cf-installations .cf-installations-wrapper:last-child {
        border-right: 0;
        border-bottom: 0;
    }
    div#cf-installations {
        flex-direction: row;
    }
    .row-collection-loop .collections-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 60px;
        row-gap: 100px;
        padding-top: 20px;
    }
    div#cf-collections .cf-results__grid {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 30px;
    }
    .accessory-image-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        background: #fff;
        max-width: 90%;
        text-align: center;
        padding: 30px;
    }
    .header-sidebar-logo {
        margin-top: clamp(60px, 99.99vw, 100px);
        max-width: unset;
    }
    .header-sidebar-row {
        width: 100%;
        max-width: 80%;
        margin: 0 auto;
        overflow-y: unset;
    }
    .header-sidebar-wrapper {
        background: #2f2e2b;
        height: 100vh;
        padding-top: clamp(30px, 3.12vw, 60px);
        padding-bottom: clamp(30px, 3.12vw, 60px);
        transition: 0.5s;
        max-width: 30%;
        display: flex;
        position: absolute;
        right: -10000px;
        z-index: 100;
        top: 0;
    }
}
li.sb-item.sb-item--submenu ul.sb-sublist {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 19px 0;
}
.sb-panel ul.sb-sublist {
    gap: 15px;
}
@media (max-width: 1180px) {
    .header-sidebar-wrapper {
        overflow-y: auto !important;
    }
    .header-main-wrapper {
        padding: 15px 0;
    }
    .header-logo-wrapper {
        max-width: 120px;
    }
}
.search-results-loop {
    display: grid;
    grid-template-columns: 1fr;
    gap: 60px;
    margin-top: 60px;
}
.search-results-loop a.search-card__thumb img {
    width: 100%;
    object-fit: cover;
}
span.search-card__type-label {
    padding: 7px 20px;
    display: flex;
    width: max-content;
    margin: 10px 0 20px;
    font-size: 16px;
    line-height: 1;
    background: #c7b299;
    color: #fff;
}
.accessory-bath-term .block--title {
    border-bottom: 1px solid #c7b29959;
    padding-bottom: 24px;
    margin-bottom: 59px;
}
.accessory-bath-items {
    display: grid;
    grid-template-columns: 1fr;
    gap: 25px;
    row-gap: 60px;
}
.section.section-loop-cabin .column {
    display: flex;
    flex-direction: column;
    gap: 100px;
}
h3.accessory-bath-item__title a {
    text-transform: uppercase;
    text-decoration: none;
    color: unset;
    font-size: clamp(22px, 1.81vw, 35px);
}
.accessory-bath-item__content {
    margin-top: 10px;
}
@media (min-width: 981px) and (max-width: 1330px) {
    .search-results-loop {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 60px;
        margin-top: 60px;
        row-gap: 100px;
    }
    .accessory-bath-items {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 25px;
        row-gap: 60px;
    }
}
@media (min-width: 1331px) {
    .catalogs-grid-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 30px;
        row-gap: 80px;
    }
    .collections-grid.accessory-bath {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        row-gap: clamp(40px, 4.16vw, 80px);
    }
    .search-results-loop {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 60px;
        margin-top: 80px;
        row-gap: 100px;
    }
    .accessory-bath-items {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        gap: 25px;
        row-gap: 60px;
    }
}
.sb-panel.sb-panel--level2 ul.sb-sublist {
    margin: 20px 0;
    display: flex;
    flex-direction: column;
}