.ks-styling-banner.is-layoutL {
    .g-ImageTextIconItem__inner .g-ImageTextIconItem__content {
        width: 60%;
        margin-right: 140px;
    }
}
.ks-styling-banner.is-layoutR {
    .g-ImageTextIconItem__inner .g-ImageTextIconItem__content {
        width: 60%;
        /* margin-left: 140px;  */
    }
    strong {
        font-family: 'HurmeGeometricSans-Bold';
    }
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgb(255 255 255 / 50%);
    border: none;
    color: white;
    padding: 20px 20px;
    font-size: 50px;
    border-radius: 50%;
    cursor: pointer;
}

.play-button::after {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23A4A2C3' d='M8 5.14v14l11-7z'/%3E%3C/svg%3E");
}

.background-lightblue {
    background: #f7fafc;
}

.img-fit img {
    max-height: 398px;
    object-fit: contain;
}

.background-lightpurple {
    background: #f9f7fb;
}

.ks-product-listing .ks-product-title {
    text-transform: uppercase;
}

.ks-styling-banner {
    .g-ImageTextIconItem__inner {
        column-gap: 30px;
    }
    .ks-styling-banner-heading {
        /* width: 70%; */
        margin-bottom: 35px;
        .l-HeadingTitle__h2 {
            font-size: 44px;
            line-height: 44px;
            letter-spacing: 4.4px;
        }
    }
    .l-Text {
        font-size: 20px;
        line-height: 20px !important;
        letter-spacing: 0.42px;
        font-family: 'HurmeGeometricSans-Light';
        margin-bottom: 0;
    }
    .g-TextLinkUnit__link>.cmn-richtext {
        width: 90%;
        font-size: 17px;
        text-align: center;
        line-height: 20px;
        letter-spacing: 0.51px;
    }
    .g-TextLinkUnit__link>.cmn-richtext strong {
        font-family: 'HurmeGeometricSans-Bold';
    }
}

.styling-products-heading {
    margin-top: 50px;
    margin-bottom: 30px !important;
    .l-HeadingTitle--v2__h2 {
        font-size: 44px;
        line-height: 44px;
        letter-spacing: 4.4px;
    }
}

.ks-hero-heading {
    width: 70%;
    margin: auto;
    padding-bottom: 23px;
    .l-HeadingTitle--v2__h3 {
        font-size: 30px;
        line-height: 44px;
        letter-spacing: 4.4px;
        /* width: 80%; */
        /* margin: unset; */
    }
}

.set-display {
    .g-HeadingTitle--v2__titleBlock__titleBox__title {
        display: none;
    }
    .l-Text {
        margin-top: 20px;
    }
}

.styling-products-tiles {

    .l-HeadingTitle--v2__h3 {
        line-height: 30px;
        letter-spacing: 3px;
    }

    .g-ImageCarouselP__nav {
        display: none !important;
    }

    .l-ImageCarouselP__nextArrow, .l-ImageCarouselP__prevArrow {
        top: 40%;
        width: 66px;
        height: 66px;
        background-color: #DEDAEB !important;
        padding: 0 !important;
        position: absolute;
        border-radius: 0;
    }
    .l-ImageCarouselP__nextArrow:before, .l-ImageCarouselP__prevArrow:before {
        color: #5E5757!important;
        font-size: 42px;
    }

    .g-GroupBox {
        position: relative !important;
        text-align: center;
        display: flex;
        flex-direction: column;
        .g-HeadingTitle--v2__titleBlock__titleBox {
            display: flex;
            flex-direction: column;
            height: 100%;
            .g-HeadingTitle--v2__titleBlock__titleBox__title {
                margin: 0 0px auto;
                min-height: 60px;
            }
        }
        .g-ButtonP__list {
            display: flex;
            align-items: center;
            justify-content: center;
            column-gap: 12px;
        }
        .g-ButtonP__list:after {
            display: none;
        }
    }
    .l-ButtonUnit__link {
        padding: 0 45px;
        border: unset;
        border-radius: 0;
    }
}

body:not(.is-authoring) .and-text {
    display: none;
}

.ks-styling-contact {
    .kw-prod-cat-sec1-description {
        width: 70%;
    }

}

.ks-styling-btns {
    /* Container styles */
/* Container styles */
.g-ButtonP__list {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    justify-content: center;
    max-width: 800px;
    margin: 0 auto;
}

/* Individual button item styles */
.g-ButtonP__list__item {
    flex: 1 1 calc(50% - 9px); /* 50% minus half of gap */
    height: 50px;
    min-width: 200px; /* Minimum width to prevent too narrow buttons */
}

/* Button unit styles */
.g-ButtonUnit {
    height: 100%;
    width: 100%;
}

/* Button link styles */
.g-ButtonUnit__link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    text-decoration: none;
    text-align: center;
}


.black-font .cmn-richtext {
    color: #000000 !important;
}
/* Responsive adjustments */
@media (max-width: 480px) {
    .g-ButtonP__list {
        flex-direction: column;
        transform: translateY(0) !important;
    }
    .g-ButtonP__list__item {
        flex: 0 0 50px;
        width: 100%;
    }
}
}

.hero-product-tiles {
    .slider-ampersand {
        display: inline-block;
        text-align: center;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        font-size: 100px;
        z-index: 1;
        text-align: center;
        pointer-events: none;
        /* font-family: HurmeGeometricSans-Bold;
        color: #9DB2CB; */
      }
      
      .slick-track {
        display: flex;
        align-items: center;
      }
      
      /* Optional: Add animation for smooth appearance */
      .slider-ampersand {
        animation: fadeIn 0.3s ease-in;
      }
      
      @keyframes fadeIn {
        from { opacity: 0; }
        to { opacity: 1; }
      }
}
.is-layoutR.ks-styling-banner .cmn-richtext {
    text-align: justify;
}

.shop-now-btn-black {
    width: 20px !important;


    .g-ButtonUnit__link.l-ButtonUnit__link::after {
        display: inline-block;
        width: 2em;
        height: 2em;
        content: url(/content/dam/sites/kaousa/www-kerasilk-com/master/spinner/Shopping-kart.png);
        position: relative;
        top: 5px;
        /* top: 0px; */
    }

    /* a.g-ButtonUnit__link.l-ButtonUnit__link.js-anchorLink:hover::after {
        content: url("/content/dam/sites/kaousa/www-goldwell-com/content/master/cooking-show/cart-icon-black.svg");
        top: 0px;
        width: 2em;
        height: 2em;
    } */

    .g-ButtonUnit__link.l-ButtonUnit__link {
        padding: 8px 8px !important;
        background-color: #575656;
        border-radius: 0;
    }
    /* a.g-ButtonUnit__link.l-ButtonUnit__link.js-anchorLink:hover {
        background-color: #ffffff;
    } */
}


body:not(.is-authoring) .mobile-text {
    display: none;
}

body:not(.is-authoring) .desktop-text {
    display: block;
}


@media only screen and (min-width:641px) and (max-width:1024px) {

    .styling-font .cmn-richtext {
        font-size: 12px !important;
        line-height: 14px !important;
    }

    body:not(.is-authorring) .ks-article-d-sec1-col1--v2 .ks-article-d-sec1-col1-image-text .g-ImageTextHP__contentsBlock__text__moreinfo.l-ImageTextHP__contentsBlock__text__moreinfo {
        max-width: 340px;
        padding: 31px 35px 20px;
        margin: 0 auto;
    }

    .ks-styling-banner {
        .l-Text {
            font-size: 13px !important;
            line-height: 20px !important;
            letter-spacing: 0.42px;
            font-family: 'HurmeGeometricSans-Light';
            margin-bottom: 0;
        }
        .ks-styling-banner-heading {
            .l-HeadingTitle__h2 {
                font-size: 33px !important;
                line-height: 33px;
                letter-spacing: 4.4px;
            }
             .l-HeadingTitle--v2__h2 {
                font-size: 33px !important;
                line-height: 33px;
                letter-spacing: 4.4px;
            }
        }
    }
    .ks-article-d-sec1-col1--v2 .g-ImageTextHP__contentsBlock__text__moreinfo {
        margin-top: 75px !important;
    }
    body:not(.is-authorring) .ks-article-c-heading .g-HeadingTitle__h2 {
        font-size: 33px !important;
        line-height: 33px !important;
        /* height: 102px; */
    }
    body:not(.is-authorring) .ks-article-c-carousel .g-ImageCarouselPUnit .g-GroupBox {
        margin-top: -10px !important;
        max-width: 400px !important;
    }
    body:not(.is-authorring) .ks-article-c-description {
        margin-top: 20px !important;
    }
    .ks-specialists-links .kw-cmn-btn .g-ButtonUnit__link {
        padding: 9px 10px 9px 10px !important;
    }

    /* Section 1: START */
   .ks-stylings-column-separator {
        background-color: #DFDBEC;
        height: 546px;
        .ks-article-item-img {
            margin: 0px 70px 0px 71px;
        }
    }

    .play-button {
        font-size: 25px;
        padding: 13px 13px;
    }

    .ks-stylings-heading-title {
        min-height: 102px;
        margin: 47px auto 22px !important;
        color: #EDB2B8;
        font-size: 40px;
        line-height: 40px;
        .l-HeadingTitle__h2 {
            font-size: 44px;
            line-height: 59px;
            letter-spacing: 2px;
        }
    }

    .ks-styling-banner {
        .ks-styling-banner-heading {
            width: 100%;
            margin-bottom: 35px;
        }
        .g-ImageTextIconItem__inner .g-ImageTextIconItem__content {
            width: 77%;
            margin: 0 10%;
        }
        ul.g-TextLinkP__list.l-TextLinkP__list {
            flex-direction: column;
        }
        .g-TextLinkP__list__item-md-2 {
            width: 66%;
        }
        .g-TextLinkUnit__link>.cmn-richtext {
            text-align: left;
            line-height: 31px;
            letter-spacing: 0.01px;
        }
        .g-ImageTextIconItem__image {
            width: 85%;
        }
    }

    .ks-styling-banner.is-layoutR .g-ImageTextIconItem__inner {
        flex-direction: column;
    }

    .ks-styling-banner.is-layoutR {
        .g-ImageTextIconItem__inner .g-ImageTextIconItem__content {
            width: 70%;
            margin-left: 10%;
            margin-top: 15%;
        }
        .l-HeadingTitle__h2 {
            font-size: 39px;
            line-height: 58px;
            letter-spacing: 0.6px;
        }
        .l-Text {
            font-size: 21px;
            line-height: 30px !important;
            letter-spacing: 0.1px;
            font-family: 'HurmeGeometricSans-Light';
            strong {
                font-family: 'HurmeGeometricSans-Bold';
            }
        }
    }

    .ks-styling-banner.is-layoutL {
        .g-ImageTextIconItem__inner {
            flex-direction: column-reverse;
        }

    }
    .styling-products-heading {
        .l-HeadingTitle--v2__h2 {
            font-size: 40px;
            line-height: 59px;
            letter-spacing: 0.6px;
            text-align: left;
            width: 70%;
            margin-left: 10%;
        }
    }

    .styling-products {
        .l-HeadingTitle--v2__h2 {
            font-size: 41px;
            line-height: 61px;
            letter-spacing: 0.6px;
            text-align: center;
            width: 100%;
            margin-left: 0;
        }
    }

    .styling-products-tiles {
        width: 80%;
        margin: auto;
        .l-HeadingTitle--v2__h3 {
            font-size: 31px;
            line-height: 58px;
            letter-spacing: 0.6px;
        }
        .l-Text {
            font-size: 25px;
        }
        .l-ButtonUnit__link {
            font-size: 21px;
            line-height: 31px;
            font-family: 'HurmeGeometricSans-Bold';
            height: 80px !important;
            width: 350px;
        }
        .shop-now-btn-black {
            .g-ButtonUnit__link.l-ButtonUnit__link {
                min-width: 80px;
            }
            .g-ButtonUnit__link.l-ButtonUnit__link::after {
                top: 0px;
                transform: scale(1.7);
                transform-origin: center top;
            }
        }
    }

    .ks-hero-heading {
        padding-bottom: 0px;
        .l-HeadingTitle--v2__h3 {
            font-size: 27px;
            line-height: 40px;
            letter-spacing: 2.16px;
            width: 75%;
            margin: auto;
        }
    }

    body:not(.is-authoring) .mobile-text {
        display: block !important;
    }
    
    body:not(.is-authoring) .desktop-text {
        display: none !important;
    }

    .hero-product-tiles {
        .slider-ampersand {
            font-size: 50px;
            height: 60px;
            padding: 20px 0;
            transform: translateY(0%);
        }
        .g-HeadingTitle--v2__titleBlock__titleBox__title {
            display: none;
        }
        .slick-track {
            flex-direction: column;
        }
        .g-ImageCarouselPUnit:first-child, .slick-initialized .g-ImageCarouselPUnit, .is-authorring .g-ImageCarouselPUnit, .g-ImageCarouselPUnit--v2:first-child, .slick-initialized .g-ImageCarouselPUnit--v2, .is-authorring .g-ImageCarouselPUnit--v2 {
            display: block;
            width: 100% !important;
        }
        .g-HeadingTitle--v2 {
            margin: 12px 0;
        }
    }
    .margin-tablet-top-0 {
        margin-top: 0 !important;
    }

    .ks-styling-contact {
        .g-Column__inner {
            flex-direction: column-reverse;
        }
        .g-Column__cols:last-child {
            margin-left: 8%;
        }
        .kw-prod-cat-sec1-image .g-Image__img img {
            height: unset !important;
        }
        .kw-prod-cat-sec1-description .g-Text p {
            font-size: 12px;
            line-height: 17px;
            width: unset !important;
            letter-spacing: 0.36px;
        }
    }

}

/* Desktop View: START */
@media only screen and (min-width:1440px) {

    /* Section 1: START */
   .ks-stylings-column-separator {
        background-color: #DFDBEC;
        height: 381px;
    }
    
    .ks-stylings-heading-title {
        max-width: 80%;
        min-height: 95px;
        /* margin: 66px 360px 38px 360px !important; */
        padding: 66px 0px 38px 0px !important;
        margin: 0 auto;
        color: #EDB2B8;
        font-size: 44px;
        line-height: 44px;
    }

}



/* Mobile View: START */
@media only screen and (max-width:640px) {

    .play-button {
        font-size: 25px;
        padding: 13px 13px;
    }

    .ks-stylings-column-separator {
         background-color: #DFDBEC;
         height: 500px;
     }
     .ks-stylings-heading-title {
         min-height: 92px;
         margin: 57px 0px 31px 0px !important;
         color: #EDB2B8;
         font-size: 44px;
         line-height: 44px;
         .l-HeadingTitle__h2 {
            font-size: 21px;
            line-height: 31px;
            letter-spacing: 0.03px;
        }

     }

      .ks-styling-banner {
        .ks-styling-banner-heading {
            width: 100%;
            margin-bottom: 35px;
            .l-HeadingTitle__h2 {
                font-size: 21px;
                line-height: 31px;
                letter-spacing: 0.03px;
            }
        }
        .l-Text {
            font-size: 11px;
            line-height: 16px !important;
            letter-spacing: 0.01px;
            font-family: 'HurmeGeometricSans-Light';
        }
        .g-TextLinkUnit__link>.cmn-richtext {
            text-align: left;
            line-height: 16px;
            letter-spacing: 0.01px;
            font-size: 11px;
        }
        .g-ImageTextIconItem__inner .g-ImageTextIconItem__content {
            width: 77%;
            margin: 0 10%;
        }
        ul.g-TextLinkP__list.l-TextLinkP__list {
            flex-direction: column;
        }
        .g-TextLinkP__list__item-md-2 {
            width: 66%;
        }
        .g-ImageTextIconItem__image {
            width: 85%;
        }
    }

    .ks-styling-banner.is-layoutR .g-ImageTextIconItem__inner {
        flex-direction: column;
    }

    .ks-styling-banner.is-layoutL {
        .g-ImageTextIconItem__inner .g-ImageTextIconItem__content {
            width: 85%;
            margin-right: 140px;
        }
    }

    .ks-styling-banner.is-layoutR {
        .g-ImageTextIconItem__inner .g-ImageTextIconItem__content {
            width: 70%;
            margin-left: 10%;
            margin-top: 15%;
        }
        .l-HeadingTitle__h2 {
            font-size: 21px;
            line-height: 31px;
            letter-spacing: 0.6px;
        }
        .l-Text {
            font-size: 11px;
            line-height: 16px !important;
            letter-spacing: 0.01px;
            font-family: 'HurmeGeometricSans-Light';
            strong {
                font-family: 'HurmeGeometricSans-Bold';
            }
        }
    }

    .ks-styling-banner.is-layoutL {
        .g-ImageTextIconItem__inner {
            flex-direction: column-reverse;
        }

    }

    .styling-products-heading {
        margin-top: 0px;
        margin-bottom: 0px !important;
        .l-HeadingTitle--v2__h2 {
            font-size: 21px;
            line-height: 31px;
            letter-spacing: 0.3px;
            text-align: center;
            width: 100%;
            margin-left: 0;
        }
    }


    .mobile-padding-0 .g-Column__cols {
        padding: 0 !important;
    }

    .styling-products-tiles {
        width: 80%;
        margin: auto;
        .l-ImageCarouselP__nextArrow, .l-ImageCarouselP__prevArrow {
            top: 35%;
            width: 33px;
            height: 33px;
        }
        .l-ImageCarouselP__nextArrow:before, .l-ImageCarouselP__prevArrow:before {
            color: #5E5757!important;
            font-size: 25px;
        }
        .l-HeadingTitle--v2__h3 {
            font-size: 20px;
            line-height: 30px;
            letter-spacing: 0.3px;
        }
        .l-Text {
            font-size: 14px;
        }
        .l-ButtonUnit__link {
            font-size: 11px;
            line-height: 16px;
            font-family: 'HurmeGeometricSans-Bold';
            height: 40px !important;
            width: 178px;
        }
        .shop-now-btn-black {
            .g-ButtonUnit__link.l-ButtonUnit__link {
                min-width: 40px;
            }
            .g-ButtonUnit__link.l-ButtonUnit__link::after {
                top: 0px;
                transform: scale(1);
                transform-origin: center top;
            }
        }
    }

    body:not(.is-authoring) .mobile-text {
        display: block !important;
    }
    
    body:not(.is-authoring) .desktop-text {
        display: none !important;
    }

    .ks-hero-heading {
        padding-bottom: 0px;
        .l-HeadingTitle--v2__h3 {
            font-size: 14px;
            line-height: 21px;
            letter-spacing: 1.12px;
            width: 80%;
            margin: auto;
        }
    }

    .hero-product-tiles {
        .slider-ampersand {
            font-size: 40px;
            height: 60px;
            padding: 10px 0;
            transform: translateY(0%);
        }
        .g-HeadingTitle--v2__titleBlock__titleBox__title {
            display: none;
        }
        .slick-track {
            flex-direction: column;
        }
        .g-ImageCarouselPUnit:first-child, .slick-initialized .g-ImageCarouselPUnit, .is-authorring .g-ImageCarouselPUnit, .g-ImageCarouselPUnit--v2:first-child, .slick-initialized .g-ImageCarouselPUnit--v2, .is-authorring .g-ImageCarouselPUnit--v2 {
            display: block;
            width: 100% !important;
        }
        .g-HeadingTitle--v2 {
            margin: 12px 0;
        }
    }
    .margin-tablet-top-0 {
        margin-top: 0 !important;
    }

    .ks-styling-contact {
        .kw-heading-title .g-HeadingTitle__h2 {
            font-size: 22px !important;
            text-align: left;
        }
        .g-Column__inner {
            flex-direction: column-reverse;
        }
        .g-Column__cols:last-child {
            margin-left: 8%;
        }
        .kw-prod-cat-sec1-image .g-Image__img img {
            height: unset !important;
        }
        .kw-prod-cat-sec1-description .g-Text p {
            font-size: 12px;
            line-height: 17px;
            width: unset !important;
            letter-spacing: 0.36px;
            text-align: left;
        }
        .kw-prod-cat-sec1-description {
            padding: 0 !important;
            width: 80%;
        }
    }

    .ks-styling-btns {
        .g-ButtonP__list {
            row-gap: 18px;
        }
        .g-ButtonP__list__item {
            flex: 0 0;
            width: 50%;
            min-width: unset;
        }
    }
 }
 
 @media only screen and (max-width: 480px),
only screen and (max-device-width: 480px) {
    .ks-stylings-column-separator {
        height: 360px;
    }
    .ks-styling-banner-heading {
            .l-HeadingTitle--v2__h2 {
                font-size: 21px;
                line-height: 31px;
                letter-spacing: 0.03px;
            }
        }
        .btn-sec-1.is-gutter--m .l-ButtonP__list {
            width: 100%;
            margin-left: 5%;
            margin-top: 5%;
        }
}


@media screen and (min-width: 1025px) and (max-width: 1439px) {
    .g-GroupBox {
        .g-HeadingTitle--v2__titleBlock__titleBox {
            .g-HeadingTitle--v2__titleBlock__titleBox__title {
                min-height: 100px !important;
            }
        }
    }
    .img-fit img {
        max-height: 265px;
        object-fit: contain;
    }
    #common_column_separator_7 .g-Image--v2__img img:nth-child(1) {
        height: 510px;
        object-fit: cover;
    }
    #common_column_separator_9 .g-Image--v2__img img:nth-child(1) {
        height: 510px;
        object-fit: cover;
    }

    .ks-styling-banner .g-Image{
        height: 100%;
        .g-Image__img {
            height: 100%;
            img {
                height: 100%;
                object-fit: cover;
            }
        }
    }
    .ks-styling-contact {
        .kw-prod-cat-sec1-description {
            width: 100%;
        }
    }
}