/** Shopify CDN: Minification failed

Line 2258:6 Unexpected "/"

**/
.sliderArrow {
    position: static !important;
}

.sliderArrow button.slider-button {
    position: absolute;
    top: 50%;
}

.sliderArrow button.slider-button.slider-button--prev {
    left: 0;
}

.sliderArrow button.slider-button.slider-button--next {
    right: 0;
}

.sliderArrow button.slideshow__autoplay.slider-button.no-js-hidden,
.sliderArrow .slider-counter.slider-counter--dots {
    display: none;
}

.sliderArrow button.slider-button svg.icon {
    width: 40px;
    height: 40px;
    stroke: #fff3e2;
}

.commonBanner .innerBlockBanner {
    width: 100vw;
    max-width: 100%;
    padding: 0;
    display: unset;
}

.commonBanner .innerBlockBanner .bannerTextArea {
    position: absolute;
    z-index: 1;
    width: 100%;
    text-align: center;
    left: 50%;
    transform: translate(-50%);
    top: 50%;
    padding: 0;
}

.commonBanner {
    height: calc(100vh - 30vh);
    padding: 0 !important;
    position: relative;
}

.commonBanner .innerBlockBanner .collection-hero__image-container.media.gradient.bannerBGImage {
    height: 100%;
    margin: 0;
    border-radius: 0;
}

.commonBanner .innerBlockBanner .bannerTextArea h1.collection-hero__title {
    color: #f32735;
    font-size: 70px;
}

.linkedin-icon img {
    width: 100%;
    max-width: 25px;
}

.list-social__item .icon {
    height: 2.6rem !important;
    width: 2.6rem !important;
}

.social-icons-wrap {
    display: flex;
    align-items: center;
}

footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:nth-child(3) .menu-icon-cstm ul.footer-block__details-content.list-unstyled li a {
    color: #fef4e0;
    padding-top: 0.5rem;
}

footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:nth-child(3) .menu-icon-cstm .social-icons-wrap .linkedin-icon a {
    display: flex;
    height: 47px;
    align-items: center;
}

footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:nth-child(3) .menu-icon-cstm .social-icons-wrap {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    flex-wrap: wrap;
    margin-top: 35px;
}

footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:nth-child(3) .menu-icon-cstm .social-icons-wrap ul.footer__list-social.list-unstyled.list-social li.list-social__item:not(:first-child) {
    display: none;
}

body a {
    text-decoration: none !important;
}

.cstm-language-selector #gt_float_wrapper {
    position: static !important;
    margin-left: 10px;
}

.cstm-language-selector #gt_float_wrapper .gt_float_switcher {
    background: transparent;
    box-shadow: unset;
    line-height: normal;
    position: relative;
    top: 1px;
    overflow: unset;
}

.cstm-language-selector #gt_float_wrapper .gt-selected {
    background: transparent;
}

.gt_float_switcher .gt-selected .gt-current-lang {
    padding: 0;
}

.gt_float_switcher .gt-selected .gt-current-lang img {
    width: 100%;
    max-width: 20px;
}

.gt_float_switcher .gt-selected .gt-current-lang .gt-lang-code {
    font-size: 14px;
    color: #fef4e0;
}

.gt_float_switcher .gt_options a img {
    width: 20px;
    float: left;
    position: absolute;
    left: 15px;
}

.gt_float_switcher .gt_options a {
    text-decoration: none !important;
    padding: 6px 15px 6px 15px !important;
    color: #fff !important;
    transition: color .4s linear !important;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
}

.gt_float_switcher .gt_options a:hover {
    background: #6070a000 !important;
}

.gt_float_switcher .gt-selected .gt-current-lang .gt_float_switcher-arrow {
    background-image: unset !important;
    position: relative;
}

.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow.gt_arrow_rotate::after {
    top: 5px;
}

.gt_float_switcher .gt-selected .gt-current-lang .gt_float_switcher-arrow::after {
    content: '\f107';
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0;
    top: 2px;
    font-family: "Font Awesome 5 Free";
    color: #fff;
    font-size: 14px;
    transform: rotate(180deg);
}

.cstm-language-selector #gt_float_wrapper .gt_float_switcher .gt_options {
    position: absolute;
    bottom: -32px;
    padding: 0;
    left: 0px;
}

#player-container #play-pause {
    cursor: pointer;
    text-indent: -999999px;
    height: 40px;
    width: 40px;
    padding: 12px 18px;
    z-index: 2;
    background-image: url(/cdn/shop/files/sound.png?v=1695801216);
    background-repeat: no-repeat !important;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50px;
}

.play {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMiAyNHYtMjRsMjAgMTItMjAgMTJ6Ii8+PC9zdmc+);
}

.sound_wave {
    position: absolute;
    border: 3px solid transparent;
    border-right: 3px solid #000;
    border-radius: 50%;
    transition: all 200ms;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 34px;
    right: 0;
    margin-left: 1rem;
    border-right: 3px solid #F32735;
    display: block !important;
}

.pause .sound_wave.three {
    visibility: hidden;
}

.sound_wave.three {
    width: 40px;
    height: 40px;
    left: 30px;
}

.sound_wave.mute {
    width: 26px;
    height: 28px;
}

.sound_wave.soundOn {
    width: 19px;
    height: 16px;
}


.pause .sound_wave {
    border-radius: 0;
    width: 19px;
    height: 16px;
    border-width: 0 3px 0 0;
}

.pause .sound_wave.mute {
    transform: rotate(-45deg) translate3d(0, 50%, 0);
}

.pause .sound_wave.soundOn {
    transform: rotate(45deg) translate3d(0, -50%, 0);
}

/*  */
.main-mirror-banner-cstm .banner__content.banner__content--middle-center {
    align-items: end !important;
}

.main-mirror-banner-cstm .banner__content.banner__content--middle-center .banner__box.content-container.content-container--full-width-mobile.color-background-1.gradient {
    background: transparent;
    max-width: 100% !important;
}

.utility-bar {
    background: #f32735;
}

.announcement-bar__message span {
    display: block;
    color: #fef4e0;
    font-size: 14px;
}

slideshow-component.announcement-bar .announcement-bar-slider.slider-buttons {
    width: 100%;
}

header .header__icons img {
    width: 100%;
    max-width: 45px;
}

.header__inline-menu ul li a:hover {
    color: #fef4e0;
}

html body header * {
    grid-area: unset !important;
}

html body header {
    display: flex !important;
    justify-content: space-between;
    width: 100%;
    max-width: 100% !important;
    align-items: flex-start !important;
}

sticky-header.header-wrapper {
    position: absolute;
    width: 100%;
    top: 0;
    background: transparent;
    background-color: transparent;
}

.slideshow__text-wrapper.banner__content {
    height: 100vh !important;
}

.header__heading-logo {
    transition: all 0.9s linear;
    /* margin-top: 15px; */
    margin-left: 20px;
}

.scrolled-past-header header h1.header__heading img.header__heading-logo.motion-reduce {
    max-width:100px;
    /* display: none !important; */
    transition: all 1s linear;
}

header.header h1.header__heading {
    flex: 0 0 15%;
    max-width: 15%;
}

html body header .header__icons .search-icon-image img {
    object-position: 0px 3px;
}

.header {
    padding-top: 0px !important;
    padding-bottom: 2px !important;
}

.header__active-menu-item {
    color: #fef4e0;
}


.banner__media {
    height: 100vh !important;
}

html body header .header__icons {
    max-width: 300px;
    flex: 0 0 15%;
    justify-content: end;
    padding-top: 5px;
}

.main-mirror-banner-cstm {
    overflow: hidden;
    height: 100vh;
}

.main-mirror-banner-cstm .banner__content.banner__content--middle-center.page-width.scroll-trigger.animate--slide-in {
    height: 100vh;
}

.section-template--21150579720479__product-grid-padding {
    padding: 60px 0 !important;
}

.audio-music {
    position: fixed;
    left: 0;
    bottom:25px;
    width: max-content;
    transform: translate(-50%);
    margin-left: 30px;
    padding: 0 20px;
    z-index: 999;
}

#Slider-template--21150580048159__slideshow::before,
#Slider-template--21150580048159__slideshow .media::before {
    padding-bottom: 0 !important;
}

.header__inline-menu ul li a {
    color: #F32735;
    font-size: 20px;
    font-weight: 700;
}

.scrolled-past-header header {
    background: #F32735;
}

.scrolled-past-header header ul li a {
    color: #fef4e0;
}

.sound_wave.three {
    width: 40px;
    height: 40px;
    left: 30px;
}

.main-mirror-banner-cstm .banner__content.banner__content--middle-center .banner__box.content-container h2.banner__heading {
    font-size: 70px;
    color: #fef4e0;
    width: 100%;
    text-align: center;
    max-width: 1200px;
    letter-spacing: -0.75px;
}

.featured-products-cstm ul li .card.card--card {
    border: 0;
    text-align: center;
    background: transparent;
    --ratio-percent: unset !important;
}

.featured-products-cstm .heading-product-grid {
    text-align: center;
}

.featured-products-cstm .heading-product-grid h2 {
    font-size: 57px;
    color: #F32735;
    margin: 0rem 0 7rem;
}

.featured-products-cstm .product-grid-container ul {
    justify-content: center;
}

.featured-products-cstm ul li .card.card--card .price {
    text-align: center;
}

.featured-products-cstm h2.title.inline-richtext {
    text-align: center;
}

.featured-products-cstm ul li .card.card--card * {
    transition: opacity .3s ease-in-out, border-radius 1s cubic-bezier(.25, .46, .45, .94);
}

.featured-products-cstm ul li .card.card--card:hover .card__inner .card__media {
    border-radius: 500px 500px 0 0;
}

.featured-products-cstm ul li .card.card--card .card__inner.ratio .card__media {
    width: 100%;
    max-width: 100%;
    margin: 0;
    height: auto;
    position: static;
    overflow: hidden;
}

.featured-products-cstm ul li .card.card--card .card__content {
    padding: 0;
    margin-top: 15px;
}

.featured-products-cstm ul li .card.card--card .card__inner.ratio+.card__content .card__information {
    width: 100%;
    max-width: 100%;
    display: flex;
    padding: 0px 0 0;
    /* align-items: center; */
}

.featured-products-cstm ul li .card.card--card .card__inner.ratio+.card__content .card__information h3 {
    text-align: left;
    font-size: 20px;
    font-weight: 400 !important;
}

.why-ghilli-cstm h2,
.why-ghilli-cstm .image-with-text__grid .image-with-text__text-item p {
    color: #f32735;
}

.featured-products-cstm ul li .card.card--card .card__inner.ratio+.card__content .card__information .card-information span.price-item {
    font-size: 19px;
    display: block;
}

.featured-products-cstm ul li .card.card--card .card__inner.ratio+.card__content .card__information .card-information .price {
    text-align: right;
    font-weight: 400;
    margin: 0;
}


.rich-text h2.rich-text__heading,
.rich-text__wrapper p {
    color: #F32735;
}

.why-ghilli-cstm .image-with-text__grid .image-with-text__media-item {
    flex: 0 0 40%;
}

.why-ghilli-cstm .image-with-text__grid .image-with-text__text-item {
    flex: 0 0 60%;
    max-width: 60%;
}

.why-ghilli-cstm .image-with-text__grid .image-with-text__text-item .image-with-text__content {
    padding: 0 30px;
}

.why-ghilli-cstm .image-with-text__grid .image-with-text__media-item img {
    aspect-ratio: 1/1;
    position: static;
    object-position: 0 100%;
}

.why-ghilli-cstm .image-with-text__grid .image-with-text__media-item .image-with-text__media {
    padding-bottom: 0 !important;
}

.why-ghilli-cstm .image-with-text {
    padding: 30px 15px;
}

.why-ghilli-cstm .image-with-text__grid .image-with-text__text-item * {
    width: 100%;
    max-width: 100%;
}

.why-ghilli-cstm .image-with-text__grid .image-with-text__text-item br {
    display: none;
}

.why-ghilli-cstm .image-with-text__grid {
    justify-content: center;
}

/* .featured-products-cstm.shampoo-bar .collection.page-width ul#product-grid li.grid__item.scroll-trigger.animate--slide-in {
    max-width: unset;
} */

.how-to-use-cstm .main-video-sec {
    display: flex;
    justify-content: center;
}

.how-to-use-cstm {
    max-width: 1155px;
    margin: auto;
    padding: 30px 15px;
}

.how-to-use-cstm .main-heading h2.text-image {
    text-align: center;
    font-size: 57px;
    color: #f32735;
    margin: 0rem 0 7rem;
}

.heading-why-gill h2 {
    text-align: center;
    font-size: 50px;
    margin-top: 0;
    letter-spacing: normal;
}

.how-to-use-cstm .main-video-sec .left-video-area {
    position: relative;
    flex: 0 0 50%;
    overflow: hidden;
    height: 500px;
}
.Body.Bars .how-to-use.custom-section {
    display: none;
}
.how-to-use-cstm .main-video-sec .left-video-area .icon-video img {
    width: 100%;
    max-width: 150px;
    margin: auto;
    /* filter: contrast(0.5); */
}
.Body.Bars .card-information {
    width: 50%;
}
.how-to-use-cstm .main-video-sec .right-text-area ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

.how-to-use-cstm .main-video-sec .right-text-area ul li {
    line-height: 41px;
    color: #f32735;
    font-size: 27px;
    margin-bottom: 14px;
}

.how-to-use-cstm .main-video-sec .left-video-area .icon-video {
    position: absolute;
    /* width: 100%; */
    /* height: 100%; */
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    cursor: pointer;
}

.how-to-use-cstm .main-video-sec .left-video-area:after {
    content: '';
    position: absolute;
    background-image: url(/cdn/shop/files/000024540012_de202657-1753-49b3-ba26-3b15f56147fb.jpg?v=1695792035);
    width: 100%;
    height: 100%;
    left: 0;
    background-size: 100%;
    top: 0;
}

.how-to-use-cstm .main-video-sec .left-video-area.removeImg:after {
    display: none;
}

.how-to-use.custom-section {
    background: #fff;
    padding: 60px 0;
}

.how-to-use-cstm .main-video-sec .left-video-area video#use_video {
    width: 100%;
    height: 100%;
    aspect-ratio: unset;
    /* transform: scale(1.9); */
}
.how-to-use-cstm .main-video-sec .right-text-area {
    padding: 0 30px;
}

.how-to-use-cstm .main-video-sec .right-text-area p.text-image {
    color: #f32735;
}

footer.footer.color-inverse {
    background: #f32735;
    padding-bottom: 25px;
}

footer.footer.color-inverse .footer__content-top.page-width {
    max-width: 100%;
    margin: 0 !important;
    padding-left: 0 !important;
}

.copyright__content {
    font-size: 14px;
    /* letter-spacing: normal; */
    color: #fef4e0 !important;
}

.footer__copyright {
    margin-top: 0 !important;
}

footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    row-gap: unset;
    padding: 0 30px;
    justify-content: flex-start;
}

footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:nth-child(1) {
    flex: 0 0 10%;
    max-width: 10%;
}

footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:not(:first-child) {
    flex: 0 0 100%;
    max-width: calc(100% - 200px);
    padding-right: 0;
    margin: 0 auto;
}

.footer-block__details-content>li:not(:last-child) {
    margin-right: 2.5rem !important;
}

footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:nth-child(2) h2 {
    font-size: 24px;
    text-align: center;
    max-width: 740px;
    margin: auto;
    color: #fef4e0;
    line-height: 1.6;
}

footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:nth-child(3) .menu-icon-cstm {
    display: flex;
    /* flex-wrap: wrap; */
    max-width: max-content;
    margin: auto;
    align-items: center;
}

footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:nth-child(3) .menu-icon-cstm ul.footer-block__details-content.list-unstyled {

    display: flex;
    align-items: center;
    /* justify-content: center; */
}

footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:nth-child(3) .menu-icon-cstm ul+ul li a {
    font-size: 16px;
    margin: 0 !important;
    line-height: normal;
    color: #fef4e0;
    display: block;
    padding: 0;
    font-weight: 400;
}

footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:nth-child(3) {
    margin-top: 0px;
    margin-right: 0px;
}

footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:nth-child(3) .menu-icon-cstm li.list-social__item a.link.list-social__link svg path {
    fill: #fef4e0;
}

footer.footer.color-inverse .footer__content-top.page-width+.footer__content-bottom.scroll-trigger.animate--slide-in {
    display: none;
}


.featured-products-cstm ul li .card.card--card .card__content .card__badge.top.left {
    display: none;
}

/* Product page css */
.product section.page-width {
    padding: 120px 0 0;
    width: 100%;
    max-width: 100%;
}

.product .product.grid .product__info-wrapper.grid__item {
    padding: 0;
    width: 100%;
    max-width: 100%;
}

.product .product.grid .product__info-wrapper.grid__item .product__info-container {
    max-width: 100%;
}

.product .product__info-container .all-product-images+div {
    margin-top: 35px !important;
}

.product .product__info-container .all-product-images~div {
    max-width: 650px;
    margin: 0 auto;
    padding: 0 15px;
}

.product .product .product__title {
    max-width: var(--page-width);
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.product .product .product__title h1 {
    font-size: 57px;
    margin: 0 0 28px;
    color: #f32735;
    margin-bottom: 0;
}

.product__subtitle {
    text-align: center;
    color: red;
    font-size: 24px;
    margin-top: 0 !important;
    letter-spacing: normal;
}

.product-img.slider-product {
    overflow-x: hidden;
}

.product-img.slider-product p {
    margin: 0 10px !important;
    position: relative;
}

.main-wrapper-desc .desc-cstm-product h3:nth-child(3) {
    padding-top: 25px;
}

.product-img.slider-product .slick-list.draggable {
    margin: 0 -10px;
}

.product-img.slider-product p img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-img.slider-product p::after {
    display: block;
    padding-bottom: 100%;
    content: '';
}

.product-img.slider-product button {
    display: none !important;
}

.product__info-container .product__description,
.product__info-container .product__description p {
    line-height: 41px;
    color: #f32735;
    font-size: 27px;
    margin-bottom: 14px;
}

.product__info-container .product-specification-cstm p {
    line-height: 41px;
    color: #f32735;
    font-size: 27px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    margin: 0 0 15px;
}


.details-product.active i {
    transform: rotate(-180deg);
}

.product-specification-cstm ul {
    padding: 0;
    margin: 0;
    display: none;
    list-style: none;
}

.product-specification-cstm .details-product.active ul {
    display: block;
}

.product-specification-cstm ul li {
    line-height: normal;
    color: #f32735;
    font-size: 20px;
    font-family: inherit !important;
    padding-top: 0;
    letter-spacing: normal;
}

.product__info-container .product-specification-cstm .details-product {
    margin: 30px 0 50px;
}

.product__info-container .product__description p {
    margin: 18px 0 0;
}

.price span.badge,
.product .product__tax.caption.rte {
    display: none;
}

.product .price-item {
    line-height: 41px;
    color: #f32735;
    font-size: 27px;
}

.price {
    text-align: right;
}

.product__info-container .product-form__quantity p {
    margin: 0 0 10px;
    line-height: 1;
    color: #f32735;
    font-size: 25px;
}

.product__info-container .product-form__quantity .quantity {
    border-radius: 0 !important;
    border: 1px solid #F32735;
}

.product__info-container .product-form__quantity .quantity::after,
.product__info-container .product-form__quantity .quantity::before {
    box-shadow: none;
}

.product__info-container .product-form__quantity .quantity button svg {
    color: #F32735;
}

.product__info-container .product-form__quantity .quantity input {
    color: #F32735;
    font-size: 18px;
}

.product .shopify-payment-button__button {
    display: none;
}

.product-form__buttons {
    max-width: 100%;
}

.product-form__buttons button.product-form__submit {
    border-radius: 0;
    border: 1px solid #F32735;
    background-color: #F32735;
    opacity: 1;
    padding: 15px 20px;
}

.product-form__buttons button.product-form__submit::before,
.product-form__buttons button.product-form__submit::after {
    box-shadow: none;
}

.product-form__buttons button.product-form__submit span {
    color: #fef4e0;
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;
}

.product__info-container .all-product-images~div product-form.product-form {
    margin-top: 12px;
}

.product .collection__title.title-wrapper .title {
    color: #F32735;
    margin: 0 0 6rem !important;
    font-size: 57px;
}

.product .featured-products-cstm .page-width ul.product-grid li {
    width: 100%;
    max-width: calc(100%/3 - 12px);
}

.product .featured-products-cstm ul li .card.card--card a,
.product .featured-products-cstm ul li .card.card--card span.price-item {
    font-size: 20px !important;
}

.product .featured-products-cstm ul li .card.card--card .card-information {
    width: 50%;
}

/* .featured-products-cstm ul li .card.card--card .card__inner.ratio {
    --ratio-percent: 129.84337349397592% !important; 
} */
/* .index .featured-products-cstm ul li .card.card--card .card__inner.ratio {
	--ratio-percent: 135.843% !important;
} */
.index .featured-products-cstm ul li .card.card--card {
    --ratio-percent: unset !important;
    /* height: 100%; */
    /* min-height: 350px;
    max-height: 350px; */
}

.product__info-container .all-product-images~div product-form.product-form .product-form__buttons {
    max-width: 100%;
}

#menu-drawer {
    background: #f32735 !important;
}

.banner__box.content-container.content-container--full-width-mobile.color-background-1.gradient {
    height: 100vh;
}

.banner__box.content-container.content-container--full-width-mobile.color-background-1.gradient {
    background: transparent;
}

.banner__content.banner__content--top-left.page-width.scroll-trigger.animate--slide-in .banner__box.content-container h2 {
    color: #f32735 !important;
    font-size: 80px;
}

.banner__content.banner__content--top-left.page-width.scroll-trigger.animate--slide-in .banner__box.content-container {
    color: #f32735;
    width: 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 120px;
}
.banner__box h2.banner__heading.inline-richtext.h1 {
	color: #fdf4e3;
	font-size: 65px;
}
.page-width-desktop {
    max-width: 1470px !important;
    padding: 0 15px !important;
}

.index .banner__box.content-container.content-container--full-width-mobile {
    display: grid;
    place-items: flex-end;
    background-color: transparent !important;
}

/* .product .featured-products-cstm ul li .card.card--card .card__inner.ratio {
	--ratio-percent: 130.843% !important;
} */

.product .slider-mobile-gutter.page-width.page-width-desktop #Slider-template--21150580211999__87e6eb82-9024-4fd7-a567-317449c8b466 {
    max-width: 1050px;
    margin: 0 auto;
    width: 100%;
}


/* .collection .card-wrapper .card.card--card .card__inner.ratio {
	--ratio-percent:130.843% !important;
} */
.collection .card-wrapper .card.card--card .card__inner.ratio {
    --ratio-percent: unset !important;
}

.featured-products-cstm ul li .card.card--card .card__inner.ratio .card__media .media {
    position: relative;
    overflow: hidden;
}

.featured-products-cstm ul li .card.card--card .card__inner.ratio .card__media .media img:first-child {
    position: relative;
}
.featured-products-cstm ul li .card.card--card .card__inner.ratio .card__media .media img {
    height: 100%;
    object-fit: cover;
}

.featured-products-cstm ul li .card.card--card .card__inner.ratio .card__media+.card__content {
    display: none;
}

.image-with-text__text.rte.body p {
    font-size: 19px;
    line-height: normal;
}

.gtranslate_wrapper.gt_container--hich1m .gt_switcher_wrapper {
    position: relative !important;
    /* left: 50%; */
    /* top: 50%; */
    /* transform: translate(-50% , -50%); */
    display: flex;
    justify-content: center;
    align-items: center;
    left: -30px;
    margin-top: 30px;
}

.gt_container--hich1m .gt_switcher {
    border-radius: 5px;
}

.cstm-language-selector {
    position: relative;
    z-index: 9999;
}

/* 10.10 */
.collection-hero__title {
    text-transform: uppercase;
}

.commonBanner .innerBlockBanner .collection-hero__image-container.media.gradient.bannerBGImage {
    height: 100%;
    margin: 0;
    border-radius: 0;
    /* min-height: 1020px; */
}

.Shampoo.Bars .collection-hero__image-container.media.gradient.bannerBGImage img {
    height: 70vh;
}

.Über.uns .banner__media.media.scroll-trigger.animate--fade-in img {
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.cstm-language-selector #gt_float_wrapper .gt_float_switcher img {
    display: none;
}

.Über.uns .main-mirror-banner-cstm .banner__content.banner__content--middle-center.page-width.scroll-trigger.animate--slide-in {
    height: 100%;
}

.Über.uns .banner__media.media {
    height: 100% !important;
}

.Über.uns .main-mirror-banner-cstm {
    height: 78vh;
}

.Über.uns .main-mirror-banner-cstm .banner {
    height: 100%;
}

.Privacy.Policy h1.main-page-title {
    color: #f32735;
    padding-top: 30px;
}

/* slideshow-component .slideshow.banner img {
  position: relative;
}
slideshow-component .slideshow.banner .slideshow__media.banner__media.media {
  position: relative;
}
.slideshow__text-wrapper.banner__content {
	height: auto !important;
}
.index .banner__content.banner__content--middle-center ,
.index .banner__content.banner__content--middle-center .slideshow__text.banner__box,
.index .banner__box.content-container.content-container--full-width-mobile,
.index .banner__content.banner__content--middle-left {
  padding: 0 !important;
} */
/* 12/10 */
.banner-below-text {
    text-align: center;
}

.banner-below-text .heading-text h2 {
    color: #f32735;
    font-size: 40px;
    font-weight: 700;
}

.collection__description.body.rte.scroll-trigger.animate--slide-in p {
    text-align: center;
    font-size: 21px;
    font-weight: 500;
    color: #f32735;
    line-height: normal;
}

.slideshow__controls .slider-button {
    display: none;
}

.why-ghilli-cstm .button-cstm {
    max-width: 350px !important;
    background: #f32735;
    font-size: 22px;
    padding: 10px 0;
    text-align: center;
    border-radius: 35px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    width: 100%;
}

.why-ghilli-cstm .button-cstm a {
    color: #fef4e0;
    font-weight: 500;
}

.why-ghilli-cstm .image-with-text__text-item.grid__item .image-with-text__text.rte.body p {
    display: flex;
    flex-direction: column;
    font-size: 18px;
    margin-top: 5px;
    font-weight: 400;
}

.image-with-text__text.rte.body h3 {
    color: #f32735;
    font-weight: 500;
    font-size: 21px;
    margin-bottom: 0 !important;
    /* font-family: "Font-1695205850329" !important; */
}

.why-ghilli-cstm {
    margin-bottom: 20px;
}

.banner__box {
    width: 100% !important;
}

.banner__box .banner__heading.inline-richtext.h1 {
    position: absolute;
    top: 35%
}

.ghili-bann-text-below {
    text-align: center;
}

.ghili-bann-text-below .heading-text h2 {
    color: #f32735;
    font-size: 50px;
    margin-bottom: 0;
}

.ghili-bann-text-below .heading-text p {
    color: #f32735;
    font-size: 22px;
    max-width: 770px;
    margin: 0 auto;
    line-height: normal;
    letter-spacing: normal;
}

.image-with-text__content {
    height: auto !important;
}

.gt_float_switcher .gt_options a {
    display: block;
    /* text-overflow: ellipsis; */
    word-wrap: break-word;
    overflow: hidden;
    max-height: 3.6em;
    line-height: 1.8em;
    width: 26px;
    white-space: nowrap;
    min-width: 37px;
}

/* 17.10 */
.header--middle-left .header__heading-link,
.header--top-left .header__heading-link {
    margin-left: -6.95rem !important;
}

.ghilli-destination-section {
    background: #fff0d9;
    padding-bottom: 50px;
}

.heading-subtext-wrapper {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 30px;
}

.heading-subtext-wrapper h2 {
    font-size: 50px;
    letter-spacing: normal;
    color: #f32735;
    margin-bottom: 0;
    line-height: normal;
}

.heading-subtext-wrapper p {
    margin-top: 0;
    font-size: 21px;
    color: #f32735;
    max-width: 773px;
    text-align: center;
    margin: 0 auto;
    font-weight: 400;
    line-height: normal;
    letter-spacing: normal;
}

.image-text-bars-cstm {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 40px;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.image-left-text-wrap img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    object-position: center;
}

.image-text-bars {
    max-width: 770px;
    width: 100%;
    margin: 0 auto;
}

.image-right-text h3 {
    margin: 0;
    color: #f32735;
    font-size: 22px;
}

.image-right-text p {
    margin: 8px 0;
    color: #f32735;
}

.image-right-text p:nth-child(2) {
    font-size: 18px;
    font-weight: 500;
}

.image-right-text p:nth-child(3) {
    letter-spacing: normal;
    font-size: 18px;
    max-width: 460px;
    line-height: 1.6;
}

.text-on-img {
	position: absolute;
	top: 18%;
	left: 50%;
	transform: translate(-50% , -50%);
	width: 100%;
}
.image-text-bars-cstm .image-left-text-cstm {
    max-width: 300px;
    width: 100%;
}

.image-text-bars-cstm .image-right-text {
    width: 100%;
    max-width: calc(100% - 340px);
}

.image-left-text-wrap {
    position: relative;
}

.text-on-img h3 {
    color: #f32735;
    font-size: 26px;
    letter-spacing: normal;
    text-align: center;
    margin-top: 15px;
}

.footer__content-top {
    padding-bottom: 2rem !important;
    display: block;
}

.ghilli-destination-section .button-cstm.ghilli-button {
    max-width: 350px !important;
    background: #f32735;
    font-size: 22px;
    padding: 10px 0;
    text-align: center;
    border-radius: 35px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    width: 100%;
}

.button-cstm.ghilli-button {
    margin: 0 auto;
    margin-top: 20px;
}

.button-cstm.ghilli-button a {
    color: #fff0d9;
}

.Mission .main-mirror-banner-cstm {
    overflow: hidden;
    height: 100%;
}

.Mission .banner__media img {
    object-fit: cover;
    object-position: top center;
}

.heading-first {
    text-align: center;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.heading-first h2 {
    margin-bottom: 0;
    color: #f32735;
    font-size: 34px;
    letter-spacing: normal;
}

.heading-content-first p {
    margin-top: 0;
    font-size: 20px;
    letter-spacing: normal;
    max-width: 640px;
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
    color: #f32735;
}

.mission-content-section {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
}

.Mission .banner__box.content-container.content-container--full-width-mobile.color-background-1.gradient {
    height: 100%;
}

.mission-content-section .first-section-img img {
    width: 100%;
    max-width: 150px;
    margin: 0 auto;
    text-align: center;
}

.mission-content-section .first-text-content {
    margin: 0 auto;
    text-align: center;
}

.first-text-content .first-section-img img {
    padding-top: 15px;
}

.first-text-content .second-heading2 h2 {
    letter-spacing: normal;
    font-size: 30px;
    margin-bottom: 10px;
    color: #f32735;
}

.first-text-content .heading-content-second p {
    margin-top: 0;
    font-size: 18px;
    letter-spacing: normal;
    color: #f32735;
}

.first-text-content .heading-content-second p {
    margin-top: 0;
    font-size: 18px;
    letter-spacing: normal;
    color: #f32735;
    max-width: 620px;
    margin: 0 auto;
    line-height: 1.6;
    padding-bottom: 10px;
    padding-top: 20px;
    font-size: 18px;
    line-height: 1.5;
}

.mission-content-section .main-image-content img {
    margin: 0;
    width: 100%;
    max-width: 100%;
    margin-top: 25px;
    display: block;
}

.main-image-content {
    width: calc(100vw - 0px);
    left: 50%;
    position: relative;
    overflow: hidden;
    transform: translateX(-50vw);
    max-width: 100vw !important;
}

.img-on-img img {
    width: 100%;
    max-width: 150px !important;
}

.img-on-img {
    position: absolute;
    top: 30px;
    left: 80px;
}

.Mission .main-mirror-banner-cstm h2.banner__heading.inline-richtext.h1 {
    color: #f32735 !important;
    padding-top: 110px;
}

.first-text-content .heading-content-first p {
    padding-bottom: 10px;
    padding-top: 20px;
    font-size: 18px;
    line-height: 1.5;
}

.first-text-content .heading-content-first p:nth-child(3) {
    padding-bottom: 10px;
    padding-top: 0px;
}

.heading-first.heading-content-first p {
    padding-bottom: 30px;
    padding-top: 15px;
}

.social-icons-wrap .footer__content-bottom-wrapper {
    width: 100%;
    padding: 0;
}

.contact-page-content {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: 140px;
}

.contact-page-content .contact-heading h2 {
    color: #f32735;
    font-size: 56px;
    letter-spacing: normal;
    margin-bottom: 0;
}
.slideshow__media.banner__media .banner-below-text {
	display: none;
}
.contact-page-content .text-contact-cstm p {
    font-size: 36px;
    color: #f32735;
    letter-spacing: normal;
    max-width: 550px;
    text-align: center;
    margin: 0 auto;
    line-height: normal;
    padding-top: 25px;
}

.mail-cstm {
    padding-top: 40px;
}

.contact-page-content .mail-cstm a {
    color: #f32735;
    font-size: 30px;
    text-decoration: underline !important;
}

.Kontakt .contact-page-content {
    padding-bottom: 40px;
}

.Privacy.Policy h1.main-page-title {
    color: #f32735;
    text-align: center;
}

.Shampoo.Bars .collection-hero__image-container.media.gradient.bannerBGImage img {
    object-fit: cover;
    object-position: top;
}

button.disclosure__button.localization-form__select.localization-selector.link.link--text.caption-large span {
    font-size: 15px;
}

.Shampoo.Bars .collection-hero__inner {
    height: 100%;
    display: block;
}

.Shampoo.Bars .commonBanner {
    height: 70vh !important;
}

.Accessories .how-to-use.custom-section {
    display: none;
}

.list-social__link {
    align-items: center;
    display: flex;
    padding: 1.3rem;
    color: rgb(var(--color-foreground));
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

a.link.list-social__link {
    padding: 0;
}

li.list-social__item {
    margin-right: 10px;
}

.gt_float_switcher .gt-selected .gt-current-lang {
    padding: 0px 15px !important;
    color: #333;
    font-weight: bold;
}

.featured-products-cstm ul li .card.card--card .price,
.featured-products-cstm h2.title.inline-richtext {
    text-align: center;
    letter-spacing: normal;
    font-size: 50px;
}

.footer-block__image-wrapper {
    position: relative;
    top: 0;
    left: 0;
}

.password__footer {
    display: none;
}

.Mission .banner__media.media.scroll-trigger.animate--fade-in img {
    height: 70vh;
}

/* .banner--small:not(.banner--adapt).main-mirror-banner-cstm {
    min-height: 70vh;
} */
.main-mirror-banner-cstm .banner__content.banner__content--middle-center.page-width.scroll-trigger.animate--slide-in {
    height: 70vh;
    padding: 0;
}

/* .banner--small:not(.banner--adapt) {
    min-height: 100vh !important;
}  */
.main-mirror-banner-cstm .banner__media {
    height: 70vh !important;
}

.main-mirror-banner-cstm .banner__content.banner__content--middle-center {
    align-items: center;
}

.banner--small:not(.banner--adapt) {
    min-height: 45rem !important;
}

.coming-soon-wrap .coming-image-mobile {
    display: none;
}

.coming-soon-wrap .coming-image {
    display: block;
}

/* product-page 23-10*/
.BODY.BAR .product .product__subtitle {
    margin: 0 auto;
    text-align: center;
    color: #f32735;
    font-size: 24px;
    line-height: normal;
}

.Privacy.Policy h1.main-page-title {
    color: #f32735;
    text-align: center;
    font-size: 42px;
}

.BODY.BAR .product__title h1 {
    margin-bottom: 0 !important;
}

.BODY.BAR .product__description h2 {
    color: #f32735;
    margin-bottom: 0;
}

.BODY.BAR .product__description h3 {
    color: #f32735;
    font-weight: 400;
    font-size: 23px;
    margin: 0;
}

.product__info-container .product__description,
.product__info-container .product__description p {
    line-height: 28px;
    color: #f32735;
    font-size: 21px;
    margin-bottom: 14px;
    letter-spacing: normal;
}

.product__info-container .product-specification-cstm p {
    font-size: 20px;
}

.product__info-container .product-specification-cstm p {
    font-size: 20px;
    LETTER-SPACING: NORMAL;
    LINE-HEIGHT: 30PX;
    margin-bottom: 0;
}

.price__regular .price-item--regular {
    margin-right: 0;
    font-size: 20px;
}

.desc-cstm-product {
    max-width: 490px;
    margin: 0 auto;
    width: 100%;
}

.section-template--21150580211999__related-products-padding {
    padding-top: 0px;
    padding-bottom: 20px;
}

.index .main-mirror-banner-cstm {
    overflow: hidden;
    height: 70vh;
}

.product .product__info-container .product-specification-cstm {
    max-width: 490px !important;
    width: 100%;
    padding: 0 !important;
}

.product .product__info-container .all-product-images~div .price,
.product .product__info-container .all-product-images~div.product-form__quantity,
.product__info-container .all-product-images~div product-form.product-form,
.product-specification-cstm {
    width: 100%;
    margin: 0 auto;
    max-width: 490px;
    padding: 0;
}

.product__info-container .all-product-images~div product-form.product-form {
    margin-top: 20px;
}

/* 31.10.2023 */
.FAQ\'S .page-width h1.main-page-title,
.Datenschutzrichtlinie .page-width h1 {
    text-align: center;
    color: #f32735;
    font-size: 35px;
    padding-top: 50px;
}

.AGHALI.MARI.SHAMPOO.BAR .desc-cstm-product p {
    margin: 0;
}

.aghali-mari {
    padding: 15px 0;
}

.faq-page h2 {
    color: #f32735;
}

.content-faq-cstm h3 {
    color: #f32735;
    margin: 0;
}

.content-faq-cstm p {
    color: #f32735;
    margin: 0;
    padding-bottom: 20px;
    font-size: 18px;
    line-height: normal;
}

.privacy-policy-page .content-privacy-policy-cstm p {
    color: #f32735;
    font-size: 18px;
    letter-spacing: normal;
    line-height: normal;
}

.privacy-policy-page .content-privacy-policy-cstm h3 {
    color: #f32735;
    font-size: 21px;
    font-weight: 700;
}

.content-privacy-policy-cstm a {
    color: #f32735;
    font-size: 20px;
    text-decoration: underline !important;
}

.content-privacy-policy-cstm span {
    padding-right: 15px;
}

.CEFAL\d9.BLU.SHAMPOO .main-wrapper-desc h2,
.CEFAL\d9.BLU.SHAMPOO .main-wrapper-desc h3 {
    color: #f32735;
    font-size: 23px;
    margin: 0;
}

.CEFALÙ.BLU.SHAMPOO.BAR .desc-cstm-product span {
    padding-right: 10px;
}

.CEFAL\d9.BLU.SHAMPOO .main-wrapper-desc h3 {
    font-weight: 400 !important;
}

.product-specification-cstm .details-product.active p {
    padding-top: 10px;
}

.AGHALI.MARI.SHAMPOO .main-wrapper-desc h2 {
    color: #f32735;
    margin-bottom: 0;
}

.AGHALI.MARI.SHAMPOO.BAR .desc-cstm-product span {
    padding-right: 10px;
}

.AGHALI.MARI.SHAMPOO .desc-cstm-product h3 {
    color: #f32735;
    font-weight: 400;
    font-size: 23px;
    margin-top: 0;
}

.PALOMA.SHAMPOO.BAR .main-wrapper-desc h2 {
    color: #f32735;
}

.PALOMA.SHAMPOO.BAR .desc-cstm-product h3 {
    color: #f32735;
}

.GHILLI.TRAVEL.CASE .product__description h2 {
    color: #f32735;
}

.main-wrapper-desc h2 {
    color: #f32735;
}
.list-menu__item {
    color: #fef4e0 !important;
}
.desc-cstm-product a {
    color: #f32735;
    text-decoration: underline !important;

}
.all-product-images ul.slick-dots {
    display: none !important;
}
.desc-cstm-product a:hover {
    color: #f32735;
}
.product nav.header__inline-menu ul li span {
    color: #f32735;
}
.GHILLI.SHOWER.CLIP .product__subtitle {
    text-align: center;
    margin-top: 0;
    line-height: normal;
    font-size: 25px;
    color: #f32735;
}

.related-products .card__information {
    display: flex;
    padding-top: 5px;
}

.related-products .card-information .price__container .price__regular span {
    font-size: 16px;
}

product-recommendations.related-products {
    padding-top: 50px;
    padding-bottom: 0;
}

product-recommendations {
    max-width: 1100px !important;
    margin: 0 auto;
    width: 100%;
}

.CEFALÙ.BLU.SHAMPOO p {
    margin: 0;
}

.GHILLI.TRAVEL.CASE .details-product {
    display: none !important;
}

.PLAGE.PALOMA.SHAMPOO.BAR .desc-cstm-product p {
    margin: 0;
}

.PLAGE.PALOMA.SHAMPOO.BAR .desc-cstm-product h4 {
    color: #f32735;
    font-size: 23px;
    font-weight: 400;
    margin-bottom: 0;
}

h2.cart__empty-text {
    color: #f32735;
}

.cart-drawer__empty-content a.button {
    background: #f32735;
}

.cart-drawer__empty-content a.button::after,
.cart-drawer__empty-content a.button::before {
    display: none;
}

.GHILLI.SHOWER .desc-cstm-product h3 {
    color: #f32735;
}

.PALOMA.SHAMPOO.BAR .desc-cstm-product h3 {
    margin-top: 0;
    font-weight: 400;
    font-size: 23px;
}

.CEFALÙ.BLU.SHAMPOO.BAR .desc-cstm-product p {
    padding-top: 0px;
}

.main-wrapper-desc .product__description ul li {
    list-style: none;
    padding-left: 40px;
    font-weight: 400 !important;
}

.GHILLI.SHOWER.SHELL .details-product {
    display: none;
}

.CEFAL\d9.BLU.SHAMPOO .main-wrapper-desc h3 {
    font-weight: 400 !important;
    padding-bottom: 20px;
}

/* .GHILLI.SHOWER .details-product {
    display: none;
} */
.PALOMA.SHAMPOO.BAR .main-wrapper-desc h2 {
    margin-bottom: 0;
}

.desc-cstm-product span {
    padding-right: 10px;
}

.GHILLI.SHOWER.CLIP.animate--hover-default.product .desc-cstm-product p {
    margin: 0;
}

/* 02.11 */
button.disclosure__button.localization-form__select.localization-selector.link.link--text.caption-large {
    background: transparent;
    border: none !important;
    margin: 0 !important;
}
button.disclosure__button.localization-form__select.localization-selector.link.link--text.caption-large span {
    margin-right: 10px;
}
button.disclosure__button.localization-form__select.localization-selector.link.link--text.caption-large svg.icon.icon-caret {
    top: auto;
}

.disclosure__list-wrapper {
    background: transparent;
    background-color: #f32735 !important;
    border: 0 !important;
}

.disclosure__list-wrapper ul li a {
    color: #f8f0d6;
    font-weight: 700;
    text-transform: uppercase;
}

button.disclosure__button.localization-form__select.localization-selector.link.link--text.caption-large span {
    color: #f8f0d6;
    font-weight: 700;
    text-transform: uppercase;
}

.facets__form {
    color: #f32735 !important;
}

.facet-filters__field .select__select,
.mobile-facets__sort .select__select {

    color: #f32735 !important;
}

h2.product-count__text.text-body span {
    color: #f32735 !important;
}
.header__icon--menu .icon {
    color: #f3e3a4 !important;
}
svg.icon.icon-close {
    color: #f5e5aa!important;
}
/* .collection .page-width {
    padding: 0 15px;
} */
h2.related-products__heading.h2 {
    color: #f32735;
}
/* .how-to-use-cstm .main-video-sec .left-video-area::after {
    background-repeat: no-repeat !important;
} */
.menu-drawer__navigation {
    padding: 2.6rem 0 !important;
}
.template-search__results ul li:hover .card__inner.ratio .card__media {
    border-radius: 500px 500px 0 0px;
}

.card--card.gradient,
.card__inner.gradient {
    transform: perspective(0);
    background: transparent !important;
    border: 0 !important;
}

.template-search__results ul li .card__inner.ratio .card__media {
    transition: all 0.5s;
}
.related-products__heading {
    margin: 0 0 1rem !important;
}
/* .template-search__results ul li .card.card--card .card__inner.ratio .card__media {
    width: 100%;
    max-width: 100%;
    margin: 0;
    height: auto;
    position: static;
    overflow: hidden;
}
.template-search__results ul li .card.card--card:hover .card__inner .card__media {
    border-radius: 500px 500px 0 0;
} */
.cstm-language-selector .localization-form {
    margin-left: 10px;
}

.facet-filters__field h2 {
    color: #f32735;
}

.card__badge.top.left span {
    color: #f32735 !important;
}

.cstm-language-selector .localization-form .disclosure {
    border: none !important;
}

.cstm-language-selector .localization-form .disclosure button::after {
    content: none;
}

.localization-selector+.disclosure__list-wrapper {
    margin-left: 0 !important;
}

.disclosure__list-wrapper {
    bottom: 63% !important;
}

.localization-selector+.disclosure__list-wrapper .disclosure__item a {
    padding-top: 0;
    padding-bottom: 0;
}

.localization-selector+.disclosure__list-wrapper {
    margin-left: 0 !important;
    max-width: fit-content;
    width: 100%;
    border: 1px solid #fef4e0;
}

.localization-selector+.disclosure__list-wrapper ul {
    min-height: auto;
}

.search-modal.modal__content.gradient {
    background: white;
}

.modal__close-button.link {
    color: #f32735;
}

.search__input.field__input {
    color: #f32735;
    border: 1px solid #f32735;
    background: transparent;
}

.template-search__search .search .field:before,
.template-search__search .search .field:after {
    display: none;
}

.template-search p {
    text-align: center;
}

.template-search__header h1 {
    color: #f32735;
}

.predictive-search.predictive-search--header {
    background: transparent;
}

.animate-arrow .icon-arrow path {
    color: #f32735 !important;
}

/* predictive-search.search-modal__form {
    background: transparent !important;
    border: 1px solid #f32735;
    border-radius: 27px;
} */
.field__label,
.customer .field label {
    font-size: 15px !important;
    line-height: normal !important;
    color: #f32735 !important;
}

.search__input.field__input {
    padding-right: 9.8rem;
    color: #f32735;
    outline: none;
    box-shadow: none;
}

button.predictive-search__item.predictive-search__item--term span {
    color: #f32735;
}

button.search__button.field__button {
    color: #f32735;
}

.predictive-search__item--term {
    padding: 1.3rem 1.7rem !important;

}

.predictive-search__item--term .icon-arrow {
    color: #f32735;
    margin-left: 0px !important;
}

.index .card-information {
    width: 50%;
}

.index .main-mirror-banner-cstm .banner__media {
    height: 80vh !important;
}

.index .main-mirror-banner-cstm {
    height: 80vh !important;
}

.header__heading-logo-wrapper img {
    max-width: 220px;
    width: 100%;
}

.header:not(.header--middle-left, .header--middle-center) .header__inline-menu {
    margin-top: 0.5rem !important;
}
/* .collection .card-wrapper .card.card--card .card__inner.ratio, .related-products .card-wrapper .card.card--card .card__inner.ratio, .search .collection .card-wrapper .card.card--card .card__inner.ratio {
	min-height: 400px;
	max-height: 330px;
} */
 .card-wrapper .card.card--card .card__inner.ratio, .related-products .card-wrapper .card.card--card .card__inner.ratio, .search .collection .card-wrapper .card.card--card .card__inner.ratio {
	min-height: 400px;
	max-height: 330px;
}
/* .related-products .card-wrapper .card.card--card .card__inner.ratio,
/* .product-recommendations .card-wrapper .card.card--card .card__inner.ratio, */
/* .search .collection .card-wrapper .card.card--card .card__inner.ratio {
    min-height:400px;
    max-height: 330px;
} */ */


.search .card__information {
    padding-bottom: 0;
    padding-top: 0;
    display: flex;
    width: 100%;
}

.search .card-information {
    width: 60%;
}

.search h3.card__heading.h5 {
    font-weight: 400;
    font-size: 18px;
}

.search .price__container .price__regular span {
    font-size: 18px;
}

.search .card__content {
    padding: 10px 0;
}

.predictive-search.predictive-search--header {
    background: #f32735;
}

.scroll-to-top-btn.visible {
    position: fixed;
    bottom:25px;
    right: 20px;
    z-index: 999;
    background: #f32735;
    padding: 20px;
    border-radius: 100%;
    height: 30px;
    width: 30px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 5px #fff;
}

.scroll-to-top-btn i {
    font-size: 15px;
    color: #fff;
}

.scroll-to-top-btn {
    display: none;
}

.template-404 p {
    color: #000;
    font-size: 19px;
    padding-top: 20px;
}

.template-404 a.button {
    background: #f32735;
    color: #fef4e0;
    font-size: 18px;
    text-transform: capitalize;
    outline: none;
    border: none !important;
}

.drawer__header h2 {
    color: #f32735;
}

.drawer__inner {
    padding: 0 15px !important;
}

.cart-count-bubble {
    position: absolute;
    background-color: rgb(var(--color-button));
    width: 1.7rem;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: #f32735;
    top: 0;
    right: 0;
}

.quantity__rules-cart span {
    color: #f32735;
}

.shopify-payment-button__more-options {
    color: #f32735 !important;
    font-size: 16px;
}

.cart-drawer .cart-items thead th:nth-child(2) {
    width: 50%;
    padding-left: 0;
    font-size: 12px;
    color: #f32735;
    font-weight: 600;
}
.localization-form:only-child
{
    padding:0 !important;
}
.cart-drawer .cart-items th {
    border-bottom: .1rem solid rgba(var(--color-foreground), .08);
    color: #f32735;
    font-weight: 600;
}

td.cart-item__details a {
    color: #f32735;
}

.cart-drawer__footer {
    color: #f32735;
}

h2.totals__subtotal {
    color: #f32735;
}

button#CartDrawer-Checkout {
    background: #f32735 !important;
    border: none;
    box-shadow: none;
    outline: none;
    border: 1px solid #f32735;
}

button#CartDrawer-Checkout::after,
button#CartDrawer-Checkout::before {
    border: none;
    outline: none;
    box-shadow: none;
}

.drawer__close {
    color: #f32735 !important;
}

.cart-item__price-wrapper span {
    color: #f32735;
}

.product-option {
    color: #f32735;
}

.product-form__buttons button.product-form__submit:before,
.product-form__buttons button.product-form__submit:after {
    display: none;
}

quantity-input.quantity.cart-quantity {
    color: #f32735 !important;
    border: 1px solid #f32735 !important;
}

quantity-input.quantity.cart-quantity:before,
quantity-input.quantity.cart-quantity:after {
    display: none;
}

.quantity__button:not(:focus-visible):not(.focused),
.quantity__input:not(:focus-visible):not(.focused) {
    box-shadow: inherit;
    background-color: inherit;
    color: #f32735 !important;
}

cart-remove-button .button {
    min-width: 3.5rem;
    min-height: 3.5rem;
    color: #f32735 !important;
}

table.cart-items tr {
    color: #f32735;
    font-size: 14px;
    font-weight: 700;
}

.template-search__results .grid.product-grid {
    gap: 0;
}

.template-search__results .grid.product-grid li.grid__item {
    width: 100%;
    max-width: calc(100% / 3 - 7px);
    margin-right: 10px;
}

.template-search__results .grid.product-grid li.grid__item:nth-child(3n) {
    margin-right: 0;
}

.template-search__results .grid.product-grid li.grid__item .card__media {
    margin: 0 0 20px;
    width: 100%;
}

.template-search__results .grid.product-grid li.grid__item img {
    width: 100%;
}

.title-wrapper-with-link h1,
.title-wrapper-with-link a {
    color: #f32735 !important;
}

p.totals__subtotal-value,
small.tax-note.caption-large.rte {
    color: #f32735 !important;
}

.cart__ctas button {
    width: 100%;
    background: #f32735
}

.cart__ctas button:after,
.cart__ctas button::before {
    display: none;
}

.search .card--card.gradient,
.card__inner.gradient {
    transform: perspective(0);
    background: transparent !important;
    border: none;
}

.card__badge.top.left {
    position: absolute;
    bottom: 40px;
    left: 15px;
}
body.collection .featured-products-cstm .collection.page-width ul#product-grid {
	justify-content: flex-start;
}
body.product .featured-products-cstm slider-component li {
	display: block !important;
	max-width: calc(100% / 4 - 12px) !important;
}
body.collection.Shampoo.Bars .collection-hero .collection-hero__image-container img {
	object-position: center !important;
}
/* responsive start*/
@media (max-width:1439px) {

    /* .index .featured-products-cstm ul li .card.card--card .card__inner.ratio {
        --ratio-percent: 145.843% !important;
    } */
    .featured-products-cstm ul li .card.card--card .card__inner.ratio+.card__content .card__information h3 {
        font-size: 20px;
    }

    .Mission .main-mirror-banner-cstm h2.banner__heading.inline-richtext.h1 {
        color: #f32735 !important;
        padding-top: 120px;
    }

    .list-menu__item--link {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }

    .disclosure__list-wrapper {
        bottom: 84% !important;
    }

    .disclosure .localization-form__select {
        padding-top: 0 !important;
    }

    .localization-selector.link {
        padding-bottom: 28px !important;
    }

    /* .localization-form__select .icon-caret {
        top: 5px !important;
    }
 */
    /* accessory */
    /* .collection .card-wrapper.product-card-wrapper .card.card--card .card__inner.ratio {
        --ratio-percent: 85.843% !important;
    } */
  button.disclosure__button.localization-form__select.localization-selector.link.link--text.caption-large {

    top: 10px;
}

}

@media (max-width:1365px) {

    .featured-products-cstm ul li .card.card--card .price,
    .featured-products-cstm h2.title.inline-richtext {
        font-size: 46px;
    }
  button.disclosure__button.localization-form__select.localization-selector.link.link--text.caption-large {
    top: 0px;
}
    .banner__box h2.banner__heading.inline-richtext.h1 {
        color: #fdf4e3;
        font-size: 40px;
    }
    .search .card__information {
        grid-row-start: 2;
        padding: 0;
    }

    .featured-products-cstm ul li .card.card--card .card__inner.ratio+.card__content .card__information h3 {
        font-size: 20px;
    }

    .main-mirror-banner-cstm .banner__content.banner__content--middle-center .banner__box.content-container h2.banner__heading {
        font-size: 50px;
    }

    /* .index .featured-products-cstm ul li .card.card--card .card__inner.ratio {
        --ratio-percent: 165.843% !important;
    } */
    .heading-why-gill h2, .custm-sect-locyt-main h2 {
        font-size: 47px;
    }

    footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:nth-child(2) h2 {
        font-size: 24px;
    }

    .footer-block__details-content {
        margin-bottom: 30px !important;
    }

    .list-social__link {
        padding-top: 4px !important;
    }

    footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:nth-child(3) .menu-icon-cstm {
        align-items: unset !important;
    }

    /* shampoo-bars */
    .featured-products-cstm .heading-product-grid h2 {
        font-size: 40px;
        margin-bottom: 40px !important;
    }

    .banner__content.banner__content--top-left.page-width.scroll-trigger.animate--slide-in .banner__box.content-container h2 {
        font-size: 60px;
    }

    .how-to-use.custom-section {
        background: #fff;
        padding: 0 !important;
    }

    .how-to-use-cstm .main-heading h2.text-image {
        font-size: 40px;
    }

    .how-to-use-cstm .main-video-sec .right-text-area ul li {
        font-size: 24px;
    }

    /* .collection .featured-products-cstm ul li .card.card--card .card__inner.ratio {
        --ratio-percent: 118.843% !important;
    } */
    .how-to-use-cstm .main-heading h2.text-image {
        font-size: 40px;
        margin-bottom: 30px !important;
        margin-top: 20px !important;
    }

    /* .product */
    .product section.page-width {
        padding: 145px 0 0;
    }

    .product .product .product__title h1 {
        font-size: 40px;
    }

    .product__info-container .product-specification-cstm p {
        font-size: 22px;
        margin: 0 0 15px;
    }

    .product .price-item {
        line-height: 34px;
        font-size: 20px;
    }

    .product-form__buttons button.product-form__submit span {
        color: #fef4e0;
        font-size: 19px;
    }

    .section-template--21150580211999__87e6eb82-9024-4fd7-a567-317449c8b466-padding {
        padding-top: 20px;
    }

    .product .collection__title.title-wrapper .title {
        font-size: 47px;
        margin: 0 0 3rem !important;
    }

    .section-template--21150580211999__87e6eb82-9024-4fd7-a567-317449c8b466-padding {
        padding-top: 20px;
        padding-bottom: 112px;
    }
  /* .collection .card-wrapper .card.card--card .card__inner.ratio, .related-products .card-wrapper .card.card--card .card__inner.ratio, .search .collection .card-wrapper .card.card--card .card__inner.ratio {
	min-height: 380px;
	max-height: 330px;
} */
.card-wrapper .card.card--card .card__inner.ratio {
	min-height: 380px;
	max-height: 330px;
}
}

@media (max-width:1199px) {
    .header__inline-menu ul li a {
        font-size: 16px;
    }

    /* .collection .card-wrapper .card.card--card .card__inner.ratio
    {
    /* .product-recommendations .card-wrapper .card.card--card .card__inner.ratio { */
        /* min-height: 320px;
        max-height: 320px; */
/*     
    .collection .card-wrapper .card.card--card .card__inner.ratio {
        min-height: 290px;
        max-height: 290px;
    } */
    .card-wrapper .card.card--card .card__inner.ratio {
        min-height: 290px;
        max-height: 290px;
    }
    .featured-products-cstm ul li .card.card--card .card__inner.ratio+.card__content .card__information {
        margin-top: 20px;
    }
    .section-template--21150580048159__featured-collection-0-padding {
        padding-bottom: 20px;
    }

    footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:nth-child(2) h2 {
        font-size: 24px;
    }

    footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:nth-child(3) .menu-icon-cstm ul+ul li a {
        font-size: 15px;
    }

    .why-ghilli-cstm h2,
    .why-ghilli-cstm .image-with-text__grid .image-with-text__text-item p {
        font-size: 17px;
    }

    footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:nth-child(2) h2 {
        font-size: 20px;
    }

    footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:nth-child(3) .menu-icon-cstm ul+ul li a {
        font-size: 14px;
    }

    .why-ghilli-cstm .image-with-text__grid .image-with-text__text-item p {
        font-size: 16px;
    }

    /* .featured-products-cstm ul li .card.card--card .card__inner.ratio {
        --ratio-percent:158.843% !important;
    }  */
    .featured-products-cstm ul li .card.card--card .card__inner.ratio+.card__content .card__information .card-information span.price-item {
        font-size: 16px;
        display: block;
    }

    .featured-products-cstm ul li .card.card--card .card__inner.ratio+.card__content .card__information h3 {
        font-size: 17px;
    }

    .featured-products-cstm ul li .card.card--card .card__inner.ratio .card__media {
        height: 320px;
    }

    .heading-why-gill h2, .custm-sect-locyt-main h2 {
        font-size: 40px;
    }

    .why-ghilli-cstm .image-with-text {
        padding: 60px 15px;
    }

    /* shampoo */
    .how-to-use-cstm .main-video-sec .right-text-area ul li {
        font-size: 22px;
    }

    .how-to-use-cstm .main-video-sec .left-video-area {
        height: 320px !important;
    }

    /* accessory */
    /* .collection .card-wrapper.product-card-wrapper .card.card--card .card__inner.ratio {
        --ratio-percent: 78.843% !important;
    } */
}

@media (max-width:1023px) {

    .featured-products-cstm ul li .card.card--card .price,
    .featured-products-cstm h2.title.inline-richtext {
        font-size: 36px;
    }
    .featured-products-cstm ul li .card.card--card .card__inner.ratio+.card__content .card__information {
        margin-top: 0px;
    }
    .Privacy.Policy h1.main-page-title {
        color: #f32735;
        text-align: center;
        font-size: 42px;
        padding-top: 40px;
    }

    /* .collection .card-wrapper .card.card--card .card__inner.ratio
    /* .product-recommendations .card-wrapper .card.card--card .card__inner.ratio { */
      /* {  min-height: 260px;
        max-height: 290px;
    } */ 
    .card-wrapper .card.card--card .card__inner.ratio
    /* .product-recommendations .card-wrapper .card.card--card .card__inner.ratio { */
      {  min-height: 260px;
        max-height: 290px;
    }
    .main-mirror-banner-cstm .banner__content.banner__content--middle-center .banner__box.content-container h2.banner__heading {
        font-size: 40px;
    }

    .heading-why-gill h2, .custm-sect-locyt-main h2 {
        font-size: 38px !important;
    }

    .why-ghilli-cstm .image-with-text__grid .image-with-text__media-item img {
        aspect-ratio: 1.1 !important;
        position: unset;
        object-position: center;
    }

    .why-ghilli-cstm h2,
    .why-ghilli-cstm .image-with-text__grid .image-with-text__text-item p {
        font-size: 15px;
    }

    footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:nth-child(2) h2 {
        font-size: 18px;
    }

    footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:nth-child(3) .menu-icon-cstm ul+ul li a {
        font-size: 12px;
    }

    /* .index .featured-products-cstm ul li .card.card--card .card__inner.ratio {
	--ratio-percent: 136.843% !important;
}  */
    .featured-products-cstm ul li .card.card--card .card__inner.ratio .card__media {
        height: 260px;
    }

    /* shampoo */
    .banner__content.banner__content--top-left.page-width.scroll-trigger.animate--slide-in .banner__box.content-container h2 {
        font-size: 49px;
    }

    .featured-products-cstm .heading-product-grid h2 {
        font-size: 36px;
        margin-bottom: 40px !important;
    }

    /* .collection .featured-products-cstm ul li .card.card--card .card__inner.ratio {
	--ratio-percent: 101.843% !important;
} */
    .how-to-use-cstm .main-heading h2.text-image {
        font-size: 36px;
    }

    .how-to-use-cstm .main-video-sec .right-text-area ul li {
        font-size: 21px;
    }

    .how-to-use-cstm .main-video-sec .left-video-area {
        height: 330px !important;
    }

    .button-cstm.ghilli-button {
        margin: 0 auto;
        margin-top: 30px;
    }

    .Mission .main-mirror-banner-cstm h2.banner__heading.inline-richtext.h1 {
        padding-top: 63px;
    }

    .banner__box .banner__heading.inline-richtext.h1 {
        top: 132px;
    }

    /* .collection .card-wrapper.product-card-wrapper .card.card--card .card__inner.ratio {
	--ratio-percent: 67.843% !important;
} */
}

@media (max-width:991px) {
    .announcement-bar__message span {
        font-size: 13px;
    }
    .banner__box h2.banner__heading.inline-richtext.h1 {
        color: #fdf4e3;
        font-size: 32px;
    }
    .product .featured-products-cstm ul li .card.card--card a, .product .featured-products-cstm ul li .card.card--card span.price-item {
        font-size: 16px !important;
    }
    .featured-products-cstm .product-grid-container ul {
        justify-content: flex-start;
    }
    .featured-products-cstm.shampoo-bar .collection.page-width ul#product-grid li {
        max-width: calc(100% / 2 - 12px);
        width: 100%;
    }
    .cstm-drawer-logo img {
        max-width: 150px;
        width: 100%;
        padding-left: 28px;
    }
    .header__heading-logo {
        transition: all .9s linear;
        margin-left: 44px;
    }
    .Privacy.Policy h1.main-page-title {
        color: #f32735;
        text-align: center;
        font-size: 36px;
        padding-top: 60px;
    }

    .search .price__container .price__regular span {
        font-size: 14px;
    }

    .search .section-template--21150580244767__main-padding {
        padding-top: 120px;
        padding-bottom: 60px;
    }

    .collection .card-wrapper .card.card--card .card__inner.ratio
    {
    /* .product-recommendations .card-wrapper .card.card--card .card__inner.ratio { */
        min-height: 330px;
        max-height: 350px;
    }
    .product .collection .card-wrapper .card.card--card .card__inner.ratio
    {
    /* .product-recommendations .card-wrapper .card.card--card .card__inner.ratio { */
        min-height: 300px;
        max-height: 330px;
    }
    .section-template--21150580048159__featured-collection-0-padding {
        padding-top: 60px;
        padding-bottom: 35px;
    }

    html body header .header__icons {
        padding-top: 0;
    }

    .localization-selector.link {
        padding-bottom: 28px !important;
    }

    .featured-products-cstm ul li .card.card--card .price,
    .featured-products-cstm h2.title.inline-richtext {
        font-size: 30px;
    }

    .main-mirror-banner-cstm .banner__content.banner__content--middle-center .banner__box.content-container h2.banner__heading {
        font-size: 34px;
    }

    .heading-why-gill h2, .custm-sect-locyt-main h2 {
        font-size: 30px !important;
    }

    .why-ghilli-cstm .image-with-text__grid .image-with-text__text-item p {
        font-size: 18px;
    }

    .collection__description.body.rte.scroll-trigger.animate--slide-in p {
        font-size: 20px;

    }

    footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:nth-child(2) h2 {
        font-size: 16px;
    }

    .ghili-bann-text-below .heading-text h2 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .ghili-bann-text-below .heading-text p {
        color: #f32735;
        font-size: 20px;
        max-width: 930px;
        margin: 0 auto;
        line-height: normal;
    }

    .why-ghilli-cstm .image-with-text {
        padding: 47px 15px;
        padding-bottom: 0;
    }

    .why-ghilli-cstm .image-with-text__grid .image-with-text__media-item {
        flex: 100%;
        width: 100%;
    }
    .why-ghilli-cstm .image-with-text__grid .image-with-text__text-item {
        flex: 0 0 100%;
        max-width: 100%!important;
        padding-top: 40px;
        width: 100%;
    }
    .why-ghilli-cstm .image-with-text__grid .image-with-text__text-item {
        flex: 100%;
        max-width: 100%;
    }

    /* .index .featured-products-cstm ul li .card.card--card .card__inner.ratio {
        --ratio-percent: 120.843% !important;
    } */
    .featured-products-cstm ul li .card.card--card .card__inner.ratio+.card__content .card__information .card-information span.price-item {
        font-size: 15px;
    }

    .featured-products-cstm ul li .card.card--card .card__inner.ratio .card__media {
        height: 360px;
    }

    .why-ghilli-cstm .image-with-text__grid .image-with-text__media-item img {
        aspect-ratio: unset !important;
        position: unset;
        object-position: center;
    }

    /* shampoo */
    .banner__content.banner__content--top-left.page-width.scroll-trigger.animate--slide-in .banner__box.content-container {
        padding-bottom: 167px;
    }

    .list-social__link {
        padding-top: 0px !important;
    }

    /* accessory */
    /* .collection .card-wrapper.product-card-wrapper .card.card--card .card__inner.ratio {
        --ratio-percent: 58.843% !important;
    } */
    /* product */
    .product section.page-width {
        padding: 115px 0 0;
    }

    .product .product .product__title h1 {
        font-size: 33px;
        margin: 0 0 38px;
    }

    .product .collection__title.title-wrapper .title {
        margin: 0 0 2rem !important;
        font-size: 32px;
    }

    .section-template--21150580211999__related-products-padding {
        padding-top: 0px !important;
        padding-bottom: 30px;
    }

    footer.footer.color-inverse {
        margin-top: 0px;
    }

    .product .product-card-wrapper .card.card--card.card--media .card__inner.ratio .card__media {
        height: 290px;
    }

    footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:nth-child(3) .menu-icon-cstm ul.footer-block__details-content.list-unstyled {
        display: flex;
        align-items: unset;
    }

    .gt_float_switcher .gt-selected .gt-current-lang {
        padding: 0 !important;
    }

    .list-social__item .icon {
        height: 1.8rem !important;
        width: 1.8rem !important;
    }

    footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:nth-child(3) .menu-icon-cstm .social-icons-wrap .linkedin-icon a {
        display: flex;
        height: 40px;
        align-items: center;
    }

    footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:nth-child(3) .menu-icon-cstm ul.footer-block__details-content.list-unstyled li a {
        color: #fef4e0;
        padding-top: 0;
    }

    footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:nth-child(3) .menu-icon-cstm .social-icons-wrap {
        margin-top: 60px;
    }

    .linkedin-icon img {
        width: 100%;
        max-width: 20px;
    }

    .commonBanner .innerBlockBanner .bannerTextArea h1.collection-hero__title {
        font-size: 60px;
    }

    .Mission .main-mirror-banner-cstm h2.banner__heading.inline-richtext.h1 {
        padding-top: 20px;
    }

    .contact-page-content .text-contact-cstm p {
        font-size: 29px;
        padding-top: 20px;
    }

    .mail-cstm {
        padding-top: 25px;
    }

    footer.footer.color-inverse {
        background: #f32735;
        padding-bottom:40px;
    }
}

@media (max-width:767px) {
  .how-to-use-cstm .main-video-sec .left-video-area {
    height: auto !important;
    position: relative;
    padding-bottom: 100%;
}

.slideshow__media.banner__media .banner-below-text {
    display: flex;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


/* .slideshow__media.banner__media .banner-below-text {
	display: block;
} */
.slideshow__media.banner__media .banner-below-text .heading-text {
    position: relative;
    /* top: 30%; */
  }
  .slideshow__media.banner__media .banner-below-text .heading-text h2 {
    color: #fff0d9;
  }
  .how-to-use-cstm .main-video-sec .left-video-area video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
    .announcement-bar__message.h5 span {
        font-size: 12px;
    }
    .featured-products-cstm.shampoo-bar .collection.page-width ul#product-grid li {
        max-width: calc(100% / 2 - 4px);
        width: 100%;
    }
    .banner__box h2.banner__heading.inline-richtext.h1 {
        color: #fdf4e3;
        font-size: 36px;
    }
    .product-specification-cstm ul li {
        line-height: normal;
        color: #f32735;
        font-size: 16px;
    }
    .related-products  .card.card--card.card--media .card__inner.ratio .card__media {
        width: 100%;
        height: auto;
    }
    .CEFAL\d9.BLU.SHAMPOO .main-wrapper-desc h2, .CEFAL\d9.BLU.SHAMPOO .main-wrapper-desc h3 {
        font-size: 20px;
    }
    html body header .header__icons {
        padding-top: 0;
        display: flex;
    }
    .product-recommendations .product .product-card-wrapper .card.card--card.card--media .card__inner.ratio .card__media {
        height: auto;
        width: 100%;
        max-width:100%;
    }
    .social-icons-wrap .footer__content-bottom-wrapper {
        justify-content: center !important;
    }
     .cstm-language-selector {
        margin-top: -2px;
    } 
    footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:nth-child(3) .menu-icon-cstm .social-icons-wrap {
        right: 0;
        justify-content: center;
    }
    .footer__copyright {
        text-align: center!important;
    }
    footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:nth-child(1) {
        max-width: 25% !important;
        flex:100%;
    }
    .footer-block__image-wrapper {
        margin-bottom: 1rem !important;
        overflow: hidden!important;
    }
    .featured-products-cstm .color-background-2.isolate.gradient {
        padding-bottom: 30px;
    }
    .header__heading-logo {
        margin-left: 45px;
    }
    .commonBanner .innerBlockBanner .bannerTextArea h1.collection-hero__title {
        font-size: 32px;
    }

    .template-search__results .grid.product-grid li.grid__item {
        width: 100%;
        max-width: calc(100% / 2 - 10px);
        margin-right: 10px;
    }

    .search .header__heading-logo-wrapper img {
        max-width: 160px;
        width: 100%;
    }

    .search h3.card__heading.h5 {
        font-weight: 400;
        font-size: 14px;
    }


    .collection .card-wrapper .card.card--card .card__inner.ratio {
        min-height: 333px;
        max-height: 355px;
    }
    .product .collection .card-wrapper .card.card--card .card__inner.ratio {
        min-height: 268px;
        max-height: 325px;
    }
    .search .card-information>*:not(.visually-hidden:first-child)+*:not(.rating) {
        margin-top: 0 !important;
    }

    footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:not(:first-child) {
        max-width: calc(100% - 13px);
        padding-right: 0;
        margin: 0 auto;
    }

    .cstm-language-selector .localization-form {
        margin-left: 0px;
    }

    .localization-form:only-child {
        padding: 0rem 0 !important;
    }

    .header {
        padding-top: 0 !important;
        padding-bottom: 4px !important;
    }

    html body header .header__icons {
        padding-top: 0;
    }

    .banner--mobile-bottom:not(.banner--stacked) .banner__content {
        display: none;
    }

    .featured-products-cstm ul li .card.card--card .price,
    .featured-products-cstm h2.title.inline-richtext {
        font-size: 26px;
    }

    .featured-products-cstm ul li .card.card--card .card__inner.ratio+.card__content .card__information h3 {
        font-size: 17px;
    }
 .card-wrapper .card.card--card .card__inner.ratio {
        min-height: 335px;
        max-height: 355px;
    }
    .why-ghilli-cstm .image-with-text {
        padding: 44px 15px;
    }

    .why-ghilli-cstm .image-with-text__grid {
        justify-content: center;
        flex-direction: column;
    }

    .why-ghilli-cstm .image-with-text__grid .image-with-text__media-item img {
        aspect-ratio: 1.1;
        position: static;
        object-fit: cover;
    }

    .why-ghilli-cstm .image-with-text__grid .image-with-text__text-item {
        flex: 0 0 60%;
        max-width: 100% !important;
        padding-top: 40px;
    }

    footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:nth-child(2) h2 {
        font-size: 16px;
    }

    footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:nth-child(3) {
        margin-top: 0;
    }

    .menu-icon-cstm .footer-block__details-content.list-unstyled {
        margin-bottom: 0 !important;
    }

    .section-template--21150580048159__featured-collection-0-padding {
        padding-top: 30px !important;
        padding-bottom: 0 !important;
    }

    /* .index .featured-products-cstm ul li .card.card--card .card__inner.ratio {
        --ratio-percent: 148.843% !important;
    } */
    .footer-block.grid__item {
        margin: 0 !important;
    }

    .footer__content-top {
        padding-bottom: 3rem;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper {
        justify-content: center !important;
        column-gap: 100px;
    }

    footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:not(:first-child) {
        padding-right:0px !important;
    }

    footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:nth-child(3) .menu-icon-cstm ul+ul li a {
        font-size: 11px;
    }

    .footer-block__details-content>li:not(:last-child) {
        margin-right: 1.5rem !important;
    }

    .footer__content-top.page-width .footer-block__details-content {
        margin-bottom: 1rem !important;
    }

    .why-ghilli-cstm .image-with-text__grid .image-with-text__text-item .image-with-text__content {
        padding: 0 10px;
    }

    .menu-drawer__menu-item {
        font-size: 14px !important;
    }

    /* shampoo */
    .featured-products-cstm .heading-product-grid h2 {
        font-size: 28px;
        margin-bottom: 30px !important;
    }

    .how-to-use-cstm .main-heading h2.text-image {
        font-size: 28px;
        margin-top: 0 !important;
    }

    .how-to-use-cstm .main-video-sec {
        flex-direction: column;
    }

    .how-to-use-cstm .main-video-sec .right-text-area {
        padding: 10px 0;
    }

    .how-to-use-cstm .main-video-sec .right-text-area ul li {
        font-size: 18px;
    }

    .how-to-use-cstm .main-video-sec .right-text-area ul li {
        line-height: 31px;
        margin-bottom: 12px;
    }

    .how-to-use-cstm {
        padding: 15px 15px !important;
    }

    .list-social__link {
        padding-top: 0px !important;
    }

    /* .collection .card-wrapper.product-card-wrapper .card.card--card .card__inner.ratio {
        --ratio-percent: 75.843% !important;
    } */
    /* product */
    .product section.page-width {
        padding: 90px 0 0;
    }

    .product .product .product__title h1 {
        font-size: 29px;
        margin: 0 0 30px;
    }

    .product__info-container .product-form__quantity p {
        font-size: 21px;
    }

    .section-template--21150580211999__related-products-padding {
        padding-top: 0px;
        padding-bottom: 10px;
    }

    .product .collection__title.title-wrapper .title {
        margin: 0 0 1rem !important;
        font-size: 27px;
    }

    .product .product-card-wrapper .card.card--card.card--media .card__inner.ratio .card__media {
        height: 260px;
    }

    .collection__description.body.rte.scroll-trigger.animate--slide-in p {
        font-size: 18px;
    }

    .ghili-bann-text-below .heading-text h2 {
        font-size: 26px;
        margin-bottom: 10px;
    }

    .ghili-bann-text-below .heading-text p {
        color: #f32735;
        font-size: 18px;
        max-width: 540px;
    }

    .heading-why-gill h2, .custm-sect-locyt-main h2 {
        font-size: 30px !important;
        margin-bottom: 0;
    }

    .why-ghilli-cstm .button-cstm {
        font-size: 18px;
    }

    .heading-subtext-wrapper h2 {
        font-size: 30px;
    }

    .heading-subtext-wrapper p {
        font-size: 18px;
        max-width: 713px;
    }

    footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:nth-child(3) .menu-icon-cstm .social-icons-wrap {
        margin-top: 35px;
    }

    .footer__content-bottom-wrapper {
        justify-content: flex-start !important;
    }

    footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:nth-child(3) .menu-icon-cstm .social-icons-wrap {
        width:100%;
    }

    .why-ghilli-cstm .image-with-text {
        padding-bottom: 0;
    }

    .heading-subtext-wrapper p {
        padding: 0 10px;
    }

    .heading-subtext-wrapper {
        text-align: center;
        padding-top: 20px;
        padding-bottom: 15px;
    }

    .heading-subtext-wrapper h2 {
        margin-top: 0;
    }

    .image-text-bars-cstm {
        flex-direction: column;
    }

    .image-text-bars-cstm .image-left-text-cstm {
        max-width: 100%;
        width: 100%;
    }

    .image-text-bars-cstm {
        gap: 20px;
    }

    .text-on-img {
        position: absolute;
        top:8%;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        padding: 0 15px;
    }

    .image-text-bars-cstm .image-right-text {
        width: 100%;
        max-width: 100%;
        padding: 0 15px;
    }

    .image-right-text h3 {
        text-align: center;
    }

    .image-right-text p:nth-child(2) {
        font-size: 18px;
        text-align: center;
    }

    .image-right-text p:nth-child(3) {
        max-width: 100%;
        text-align: center;
    }

    .image-left-text-wrap {
        margin-top: 10px;
    }

    .why-ghilli-cstm .image-with-text__grid .image-with-text__text-item p {
        font-size: 17px;
    }

    .header__heading-logo {
        transition: all .9s linear;
        margin-top: 0 !important;
        /* margin-top: 15px; */
    }

    .section-template--21150580048159__featured-collection-0-padding {
        padding-top: 45px !important;
        padding-bottom: 0px !important;
    }

    .heading-first h2 {
        font-size: 20px;
    }

    .first-text-content .heading-content-first p {
        font-size: 19px;
    }
    .first-text-content .heading-content-first p {
        padding: 19px 10px 10px 10px;
        font-size: 18px;
    }

    .first-text-content .second-heading2 h2 {
        font-size: 22px;
        margin-bottom: 10px;
        margin-top: 0;
    }

    .first-text-content .heading-content-second p {
        font-size: 16px;
        padding: 0 10px;
    }

    .first-text-content .heading-content-first p {
        font-size: 16px;
    }

    .img-on-img img {
        width: 100%;
        max-width: 92px !important;
    }

    .img-on-img {
        top: 20px;
        left: 20px;
    }

    .contact-page-content .contact-heading h2 {
        font-size: 44px;
    }

    .contact-page-content .text-contact-cstm p {
        font-size: 25px;
    }

    .contact-page-content .mail-cstm a {
        font-size: 25px;
    }

    .banner--small:not(.banner--adapt) {
        min-height: 30rem !important;
    }

    .coming-soon-wrap .coming-image {
        display: none;
    }

    .coming-soon-wrap .coming-image-mobile {
        display: block;
    }
  
.header__icon.header__icon--menu.header__icon--summary.link.focus-inset {
	position: relative;
	z-index: 9;
}
  .header__icon.header__icon--menu.header__icon--summary.link.focus-inset::before {
    content:none;
  }
sticky-header.header-wrapper header-drawer .menu-drawer-container.menu-opening #menu-drawer {
	top: 0;
}
    button.disclosure__button.localization-form__select.localization-selector.link.link--text.caption-large {
    top: 2px;
}
sticky-header.header-wrapper header-drawer .menu-drawer-container #menu-drawer {
	max-width: 250px;
}
body.product .featured-products-cstm slider-component li {
	max-width: calc(100% / 2 - 12px) !important;
	margin: 0 auto;
}
body.collection.Shampoo.Bars .collection-hero .collection-hero__image-container img {
	object-position: 30% !important;
}
}

@media (max-width:567px) {

    .card-information {
        width: 50% !important;
    }
    .featured-products-cstm ul li .card.card--card .card__inner.ratio .card__media .media {
 
        height: 100%;
    }
    .featured-products-cstm ul li .card.card--card .card__inner.ratio .card__media .media img:first-child {
      
        height: 100%;
    }
    .product__description h2 {
        font-size: 20px;
    }
    .Privacy.Policy h1.main-page-title {
        color: #f32735;
        font-size: 30px;
        text-align: center;
        padding-top: 40px;
    }
    .PALOMA.SHAMPOO.BAR .desc-cstm-product h3 {
        font-size: 19px;
        margin-bottom: 5px;
        margin-top: 9px;
    }
    .featured-products-cstm ul li .card.card--card .card__content {
        margin-top: 20px;
    }

    .content-faq-cstm p {
        font-size: 17px;
    }

    .Datenschutzrichtlinie .section-template--21429148909855__main-padding {
        padding-top: 60px;
    }

    .FAQ\'S .page-width h1.main-page-title,
    .Datenschutzrichtlinie .page-width h1 {
        font-size: 30px;
        padding-top: 20px;
    }

    .why-ghilli-cstm .image-with-text__text-item.grid__item .image-with-text__text.rte.body p {
        font-size: 17px;
    }

    .commonBanner .innerBlockBanner .bannerTextArea h1.collection-hero__title {
        font-size: 32px;
    }

    .localization-selector+.disclosure__list-wrapper .disclosure__item a {
        font-size: 12px;
    }

    .footer-block__details-content .list-menu__item--link {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper {
        padding: 0 16px;
        justify-content: flex-start;
    }

    footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:nth-child(3) .menu-icon-cstm ul.footer-block__details-content.list-unstyled {
        margin-top: 4px;
    }
    .collection .card-wrapper .card.card--card .card__inner.ratio {
        min-height: 253px !important;
        max-height: 285px !important;
    }
    button.disclosure__button.localization-form__select.localization-selector.link.link--text.caption-large span {
        font-size: 11px;
    }

    .media>img {
        object-fit: cover;
        object-position: top center;
        transition: opacity .4s cubic-bezier(.25, .46, .45, .94);
    }

    header .header__icons img {
        width: 100%;
        max-width: 33px;
    }

    .section-template--21150580048159__featured-collection-0-padding {
        padding-top: 30px !important;
        padding-bottom: 0 !important;
    }
    .featured-products-cstm ul li .card.card--card .price,
    .featured-products-cstm h2.title.inline-richtext {
        font-size: 21px;
    }

    .heading-why-gill h2, .custm-sect-locyt-main h2 {
        font-size: 22px !important;
    }

    .why-ghilli-cstm .image-with-text__grid .image-with-text__text-item .image-with-text__content {
        padding: 0 5px;
    }

    footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:not(:first-child) {
        padding-right: 0px !important;
    }

    .menu-drawer__menu-item {
        padding: 1.1rem 3.2rem;
        text-decoration: none;
        font-size: 13px !important;
    }

    .banner__media {
        height: 420px !important;
    }

    .main-mirror-banner-cstm {
        overflow: hidden;
        height: 360px !important;
    }

    .why-ghilli-cstm .image-with-text {
        padding: 30px 15px;
    }

    footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:nth-child(2) h2 {
        font-size: 13px;
    }

    .footer {
        margin-top: 20px;
    }

    .featured-products-cstm ul li .card.card--card .card__inner.ratio+.card__content .card__information .card-information span.price-item {
        font-size: 13px;
    }
/* 
    .featured-products-cstm ul li .card.card--card .card__inner.ratio .card__media {
        height: 275px;
    } */

    /* shampoo */
    .section-template--21150579720479__product-grid-padding {
        padding: 30px 0 !important;
    }

    .featured-products-cstm .heading-product-grid h2 {
        font-size: 24px;
        margin-bottom: 15px !important;
    }

    .how-to-use-cstm .main-heading h2.text-image {
        font-size: 26px;
        margin-top: 20px !important;
        margin-bottom: 15px !important;
    }

    .how-to-use-cstm .main-video-sec .right-text-area ul li {
        line-height: 31px;
        font-size: 16px;
        margin-bottom: 10px;
    }

    .how-to-use-cstm .main-heading h2.text-image {
        font-size: 21px;
    }

    .list-social__link {
        align-items: flex-start;
        padding: 0 5px !important;
    }

    footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:not(:first-child) {
        flex: 100%;
        max-width: 100%;
    }

    footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:nth-child(3) .menu-icon-cstm ul.footer-block__details-content.list-unstyled {
        display: flex;
        align-items: flex-start;
    }

    .footer-block__details-content>li:not(:last-child) {
        margin-right: 20px !important;
    }

    /* product */
    .product .product .product__title h1 {
        font-size: 20px;
        margin: 0 0 0px;
    }
    .product__subtitle {
        font-size: 20px;
    }
    .product__info-container .product-specification-cstm p {
        font-size: 16px;
        margin: 0 0 10px;
    }

    .product__info-container .product-form__quantity p {
        font-size: 18px;
    }

    .product .price-item {
        line-height: 34px;
        font-size: 16px;
    }

    .product-form__buttons button.product-form__submit span {
        color: #fef4e0;
        font-size: 14px;
    }

    .section-template--21150580211999__87e6eb82-9024-4fd7-a567-317449c8b466-padding {
        padding-top: 10px !important;
    }

    .product .collection__title.title-wrapper .title {
        margin: 0 0 1rem !important;
        font-size: 21px;
    }

    .section-template--21150580211999__related-products-padding {
        padding-top: 0px;
        padding-bottom: 16px !important;
    }

    footer.footer.color-inverse {
        margin-top: 0px;
    }

    .product .featured-products-cstm .page-width ul.product-grid li {
        width: 100%;
        max-width: 100%;
    }

    .collection__description.body.rte.scroll-trigger.animate--slide-in p {
        font-size: 15px;
    }

    .ghili-bann-text-below .heading-text h2 {
        font-size: 17px;
        margin-bottom: 10px;
    }

    .ghili-bann-text-below .heading-text p {
        color: #f32735;
        font-size: 15px;
    }

    .image-with-text__text.rte.body h3 {
        font-size: 18px;
    }

    .why-ghilli-cstm .image-with-text__grid .image-with-text__text-item {
        padding-top: 20px;
    }

    .why-ghilli-cstm .image-with-text__grid .image-with-text__text-item p {
        font-size: 15px;
        margin-top: 10px;
    }

    .why-ghilli-cstm .button-cstm a {
        font-size: 15px;
    }

    footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:nth-child(3) .menu-icon-cstm ul.footer-block__details-content.list-unstyled li a {
        color: #fef4e0;
        font-size: 11px;
    }
    .gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code {
        position: relative;
        top: 0 !important;
    }
    .gt_float_switcher .gt_options a {
        padding: 6px 13px !important;
    }
    .image-right-text h3 {
        margin: 0;
        color: #f32735;
        font-size: 21px;
    }
    .heading-subtext-wrapper h2 {
        font-size: 21px;
    }
    .heading-subtext-wrapper p {
        font-size: 16px;
    }
    .button-cstm.ghilli-button a {
        font-size: 16px;
    }
    .featured-products-cstm ul li .card.card--card .card__inner.ratio+.card__content .card__information h3 {
        font-size: 15px;
    }
    .image-right-text p:nth-child(2) {
        font-size: 16px;
    }
    .image-right-text p:nth-child(3) {
        font-size: 17px;
    }
    .featured-products-cstm ul li .card.card--card .card__inner.ratio .card__media {
        height: 250px;
    }
    .img-on-img img {
        width: 100%;
        max-width: 60px !important;
    }
    .heading-first h2 {
        font-size: 20px;
    }
    footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:nth-child(3) .menu-icon-cstm .social-icons-wrap {
        right: 0;
    }
    footer.footer.color-inverse .footer__content-top.page-width .footer__blocks-wrapper .footer-block.grid__item:nth-child(3) .menu-icon-cstm .social-icons-wrap {
        right: 0;
        justify-content:center;
    }
    .footer__copyright {
        text-align: center !important;
        margin-top: 1.5rem;
        width: 100% !important;
        max-width: 100%;
    }
    .contact-page-content .contact-heading h2 {
        font-size: 39px;
    }
.contact-page-content .text-contact-cstm p {
        font-size: 20px;
    }
    .contact-page-content .mail-cstm a {
        font-size: 20px;
    }
    .first-text-content .second-heading2 h2 {
        font-size: 21px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .BODY.BAR .product__description h2 {
        font-size: 20px;
    }
    .BODY.BAR .product__description h3 {
        font-size: 18px;
        margin: 0;
    }
    .product-form__input.product-form__quantity {
        padding-left: 17px !important;
    }
    .product__info-container .all-product-images~div product-form.product-form .product-form__buttons {
        max-width: 100%;
        margin-top: 10px;
    }
    .BODY.BAR .product .product__subtitle {
        font-size: 17px;
    }
    .product .product__info-container .all-product-images+div {
        margin-top: 20px !important;
    }
    .product__info-container .product__description,
    .product__info-container .product__description p {
        font-size: 16px;
        margin-top: 10px;
    }
    .product .featured-products-cstm ul li .card.card--card a,
    .product .featured-products-cstm ul li .card.card--card span.price-item {
        font-size: 16px !important;
    }
      button.disclosure__button.localization-form__select.localization-selector.link.link--text.caption-large {
    top: 0px;
}
}
@media (max-width:420px) {
    
    .image-right-text p br {
        display: none;
    }
    .image-right-text p {
        margin: 3px 0;
    }
    .ghilli-destination-section {
        background: #fff0d9;
        padding-bottom: 10px;
    }
  .banner-below-text .heading-text h2{
    font-size:33px;
  }
  /* .slideshow__media.banner__media .banner-below-text .heading-text {
	top: 38%;
} */
  body.FAQ\'S.page #MainContent > section > .page-width {
	padding-top: 70px;
}
}
.Shampoo.Bars .commonBanner {
    height: 100vh;
}
body.Body.Bars.collection .card__media .media.media--transparent.media--hover-effect {
	height: 100%;
}
.media.media--transparent.media--hover-effect {
    height: 100%;
}
body.page-imprint > main {
	padding-top: 50px;
} 
body.page-imprint .main-page-title, body.page-imprint .imprint-page-content, body.page-imprint .imprint-page-content a, body.page-imprint .imprint-page-content h2 {
  color: #f32735;
}
#stockist-widget .stockist-result .stockist-result-image img {
    max-width: 75px !important;
    width: 100%;
}

/* 22-05-2024 */

.stockist-note {
	position: absolute;
	left: auto;
	right: 100px;
	top: 100px;
	background: #fbf5e3;
	width: 100%;
	max-width: 320px;
	z-index: 2;
	border-radius: 30px;
	padding: 25px 30px;
	box-shadow: 5px 5px 5px #00000061;
}
.custm-stocklist-map {
	position: relative;
}
.stockist-note p, .stockist-note p a {
	color: #f32735;
	font-weight: 700;
	font-size: 19px;
	line-height: 30px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.10px;
	margin: 0;
}
.stockist-note p:first-child {
	font-family: "Font-1695205850329" !important;
}

.stockist-note p:nth-child(2) {
	margin-top: 12px;
	font-family: "Font-1695205914450" !important;
}
.stockist-note p:nth-child(2), .stockist-note p:nth-child(2) a {
	font-size: 20px;
	text-transform: unset;
	display: block;
	font-weight: 400;
}
.stockist-note p:nth-child(2) {
	margin-top: 12px;
}

@media (max-width:1365px){

.stockist-note {
	right: 50px;
}
}
@media (max-width:1199px){
.stockist-note {
	right: 30px;
}
}



@media (max-width:991px){
.stockist-note {
  top: 70px;
  right: 20px;
}
.stockist-note p, .stockist-note p a {
	font-size: 20px;
	line-height: 25px;
}
.stockist-note p:nth-child(2), .stockist-note p:nth-child(2) a {
	font-size: 20px;
}
}


@media (max-width:767px){
.stockist-note {
	max-width: 100%;
	position: unset;
	border-radius: 0;
	width: 100%;
}

  .stockist-note p, .stockist-note p a {
	text-align: left;
}
  .stockist-note p:nth-child(2), .stockist-note p:nth-child(2) a {
	display: unset;
}
  .stockist-note p, .stockist-note p a {
	font-size: 22px;
	line-height: 30px;
}
}

@media (max-width:567px){
.stockist-note p, .stockist-note p a {
	font-size: 17px;
	line-height: 25px;
}
  .stockist-note p:nth-child(2), .stockist-note p:nth-child(2) a {
	font-size: 18px;
}
}

/* 22-may-2024 */
.custm-sect-locyt-main h2 {
    text-align: center;
    font-size: 50px;
    margin-top: 0;
    letter-spacing: normal;
    color: #f32735;
}
.custm-stocklist-map div#stockist-widget {
    padding-bottom: 45px;
}






/* 5june */



.Body.Bars.animate--hover-default.collection , body.gradient.Accessoires ,body.gradient.All.Products , body.Shampoo.Bars.animate--hover-default.collection {
    background: #fff0d9;
}
@media screen and (max-width: 749px) {
    .collection-hero--with-image .collection-hero__inner {
        padding-bottom: 0 !important;
    }
}

body.gradient.Accessoires .how-to-use.custom-section {
    display: none;
}
body.SHAMPOO.BAR.AGHALI.MARI main#MainContent, body.SHAMPOO.BAR.AGHALI.MARI quantity-input.quantity::before {
    background: #fff0d9;
}
body.SHAMPOO.BAR.AGHALI.MARI .color-background-1.isolate.gradient {
    background: #fff0d9;
}
@media screen and (max-width: 749px) {
body.gradient.Mission p br {
    display: none;
}
}

  slideshow-component:not(.page-width) .slider-buttons {
    display: none !important;
}


/* 18 feb */
.heading-content-second a {
    color: #f32735;
    text-decoration: underline !important;
}


@media(max-width:1440px){
.header__inline-menu ul li a {
    font-size: 18px;
}
header.header h1.header__heading {
    flex: 0 0 10%;
    max-width: 10%;
}
}

@media(max-width:1276px){
.header__inline-menu ul li a {
    font-size: 16px;
}
}


/* 19-11-25 */

.featured-products-cstm .collection .collection__title {
    max-width: 1470px;
    padding: 0 15px;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 60px;
    align-items:center;
}

.featured-products-cstm .collection .collection__title h2.title {
    max-width: 24%;
    width: 100%;
    text-align: left;
    margin-bottom: 0;
}

.featured-products-cstm .collection .collection__title .collection__description {
    max-width: 650px;
    width: 100%;
    text-align: left !important;
    padding-left: 50px;
}

.featured-products-cstm .collection .collection__title .collection__description p {
    text-align: left;
}

.featured-products-cstm .collection .collection__title .collection__description p br {
    display: none;
}
.featured-products-cstm .collection .collection__title .collection__description p {
    text-align: left !important;
    font-size: 25px !important;
}
body.index .featured-products-cstm ul li .card.card--card .card__content {display: flex;flex-direction: column;justify-content: flex-start;}

body.index .featured-products-cstm ul li .card--card .card__heading:after{
    display:none;
}


body.index .featured-products-cstm ul li .card.card--card .card__inner.ratio+.card__content .card__information h3 {
    width: 50%;
    font-size: 19px;
    font-weight: 600 !important;
}

body.index .featured-products-cstm ul li .card--standard.card--text a:after, .card--card .card__heading a:after{
    display:none;
}

.featured-products-cstm ul li .extra_description {
    display: none;
}

body.index .featured-products-cstm ul li .extra_description {
    display:block;
}

body.index .featured-products-cstm ul li .extra_description p {
    font-weight: 600;
    text-align: left;
    margin-top: 0;
    color: #f32735;
}

body.index  .featured-products-cstm ul li .card.card--card .card__inner.ratio + .card__content .card__information .card-information span.price-item {
    font-weight: 600;
}

@media(max-width:1199px){
.featured-products-cstm .collection .collection__title h2.title {
    font-size: 40px;
}
body.index .featured-products-cstm ul li .card.card--card .card__inner.ratio+.card__content .card__information h3 {
    font-size: 16px;
}
body.index  .featured-products-cstm ul li .card.card--card .card__inner.ratio + .card__content .card__information .card-information span.price-item {
    font-size: 16px !important;
}
body.index .featured-products-cstm ul li .extra_description p {
    font-size: 16px;
}
}
@media(max-width:991px){
.featured-products-cstm .collection .collection__title h2.title {
    font-size: 33px;
}
.featured-products-cstm .collection .collection__title .collection__description p {
    font-size: 21px !important;
}
body.index .featured-products-cstm ul li .card.card--card .card__inner.ratio+.card__content .card__information h3 {
    font-size: 14px;
}
body.index  .featured-products-cstm ul li .card.card--card .card__inner.ratio + .card__content .card__information .card-information span.price-item {
    font-size: 14px !important;
}
body.index .featured-products-cstm ul li .extra_description p {
    font-size: 14px;
}
}
@media(max-width:800px){
.featured-products-cstm .collection .collection__title h2.title {
    font-size: 32px;
}
}
@media(max-width:767px){
    .featured-products-cstm .collection .collection__title {
    flex-direction: column;
    margin-bottom: 20px;
}

.featured-products-cstm .collection .collection__title h2.title {
    max-width: 100%;
    text-align: center;
    font-size:30px;
}

.featured-products-cstm .collection .collection__title .collection__description {
    padding-left: 0;
    max-width: 100%;
    width: 100%;
}

.featured-products-cstm .collection {
    padding-top: 20px;
}
.featured-products-cstm .collection .collection__title .collection__description p {
    font-size: 18px !important;
    text-align: center !important;
}
body.index .featured-products-cstm ul li .extra_description p {
    margin-top: 10px;
}
body.index .featured-products-cstm ul li .card.card--card .card__inner.ratio+.card__content .card__information h3 {
    font-size: 15px;
}
body.index  .featured-products-cstm ul li .card.card--card .card__inner.ratio + .card__content .card__information .card-information span.price-item {
    font-size: 15px !important;
}
}
@media(max-width:567px){
   .featured-products-cstm .collection .collection__title .collection__description p {
    font-size: 16px !important;
} 
.featured-products-cstm .collection .collection__title h2.title {
    font-size:21px;
}
body.index .featured-products-cstm ul li .card.card--card .card__inner.ratio+.card__content .card__information h3 { 
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
body.index .featured-products-cstm ul li .extra_description p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
}
@media(max-width:480px){
    body.index .featured-products-cstm ul li .card.card--card .card__inner.ratio+.card__content .card__information h3 {
    font-size: 14px;
}
body.index  .featured-products-cstm ul li .card.card--card .card__inner.ratio + .card__content .card__information .card-information span.price-item {
    font-size: 14px !important;
}
}
.banner__box.content-container.content-container--full-width-mobile.color-background-1.gradient {
    max-width: 1470px;
    padding: 0;
    width: 100%;
    align-items: flex-end;
    text-align: left;
    justify-content: flex-end;
    align-content: center;
    display: flex;
    padding-bottom: 140px;
}

.slider.slider--everywhere .slider__slide .slideshow__text-wrapper {
    max-width: 1470px;
    padding: 0 15px;
}

.banner__box.content-container.content-container--full-width-mobile.color-background-1.gradient h2.banner__heading {
    text-align: left;
    width: 100%;
    position: unset;
    line-height: 1;
}

.banner__box.content-container.content-container--full-width-mobile .banner__text {
    max-width: 100%;
    width: 100%;
    margin: 0;
}

.banner__box.content-container.content-container--full-width-mobile .banner__text p {
    font-size: 40px;
    color: #fdf4e3;
    font-weight: 700;
    line-height: 1.3;
}
li.tmenu_item.tmenu_item_level_1.tmenu_col.tmenu_col-3.tmenu_item_submenu_type_automatic.tmenu_item_has_child.tmenu_item_layout.tmenu_item_layout_text>a {
    display: none;
}

@media(max-width:1365px){
    .banner__box.content-container.content-container--full-width-mobile .banner__text p {
    font-size: 30px;
}
}

@media(max-width:1199px){
    .banner__box.content-container.content-container--full-width-mobile .banner__text p {
    font-size: 26px;
}
}


/* 20-11-25 */


.tmenu--wrap .tmenu_nav li.tmenu_item a.tmenu_item_link {
    color: #fdf4e3 !important;
    font-size: 20px;
}
.tmenu-watermark.tmenu_item_link {
    top: -1050%;
}
body li:not(.tmenu_item_mobile) .tmenu_submenu .tmenu_item_link:not([tmenu-disabled-link]):hover {
    color: #fdf4e3 !important;
}
header.header.active {
    background: #f52433;
}
html body header .header__icons a.header__icon svg.icon.icon-account {
    color: #fdf4e3 !important;
    width: 30px;
    height: 30px;
}

header.header h1.header__heading {
    z-index: 999;
}
.tmenu--wrap .tmenu_nav {
    gap: 67px;
}
.tmenu_transition_fade .tmenu_submenu {
    justify-content: flex-end;
}
.tmenu_transition_fade .tmenu_submenu {
    justify-content: flex-end;
}
.tmenu_submenu_type_mega>.tmenu_item a.tmenu_item_link .tmenu_image img {
    height: 100%;
    width: 100%;
    max-height: 295px !important;
    object-fit: cover;
    min-height: 295px;
    aspect-ratio: 1;
}
.tmenu_submenu_type_mega>.tmenu_item {
    display: flex;
    align-items: flex-start;
}
.tmenu--wrap .tmenu_nav li.tmenu_item a.tmenu_item_link:hover {
    color: #B2A25C !important;
}
.tmenu-watermark.tmenu_item_link span {color: #fff;}

.tmenu-watermark.tmenu_item_link a {
    color: #fff !important;
}
html .tmenu_item--root>.tmenu_submenu {
    box-shadow: unset !important;
}
.collection .collection__view-all a {
    background: #F32735;
    color: #fdf4e3;
    text-transform: uppercase !important;
}

.featured-products-cstm {
    position: relative;
    z-index: 2;
}
 
.collection__view-all {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;

}
 
.collection .collection__view-all a:before,.collection .collection__view-all a:after{
    display:none;
}



slideshow-component.main-banner-section .banner__buttons {
    max-width: 100%;
    width: 100%;
    margin: 5px;
}

slideshow-component.main-banner-section .banner__buttons a.button {
    background: #F32735;
    color: #fdf4e3;
    text-transform: uppercase !important;
 }

slideshow-component.main-banner-section .banner__buttons a.button:after {
    box-shadow: none;
}

body.product .product.product--small.product--left.product--thumbnail_slider,
body.product .featured-products-cstm .color-background-1.isolate.gradient,
body.product .featured-products-cstm {
    background-color: #fdf4e3;
}



@media(max-width:1665px){
    .tmenu_alignment_center .tmenu_nav>li.tmenu_item>ul.tmenu_submenu_type_mega>li.tmenu_item {
    max-width: 300px;
    width: 100%;
    flex: 100%;
}
.tmenu_alignment_center .tmenu_nav>li.tmenu_item>ul.tmenu_submenu_type_mega>li.tmenu_item>ul.tmenu_submenu_type_automatic {
    align-content: space-between;
    height: 100%;
}
.tmenu_alignment_center .tmenu_nav>li.tmenu_item>ul.tmenu_submenu_type_mega>li.tmenu_item>ul.tmenu_submenu_type_automatic>li.tmenu_item>a.tmenu_item_link {
    font-size: 18px;
}

.tmenu_alignment_center .tmenu_nav>li.tmenu_item>ul.tmenu_submenu_type_mega>li.tmenu_item:first-child {
    max-width: 290px;
}

.tmenu_alignment_center .tmenu_nav>li.tmenu_item>ul.tmenu_submenu_type_mega>li.tmenu_item .tmenu_image.tmenu_image--above {
    max-width: 300px;
    width: 100%;
}

.tmenu_alignment_center .tmenu_nav>li.tmenu_item>ul.tmenu_submenu_type_mega>li.tmenu_item .tmenu_image.tmenu_image--above img {
    max-height: max-content !important;
    min-height: unset !important;
}
}

@media(max-width:1530px){
.tmenu--wrap .tmenu_nav {
    gap: 40px;
}

.tmenu_item_submenu_type_mega.tmenu_item_active .tmenu_submenu {
    height: 100%;
}

}
@media(max-width:1365px){
   .tmenu--wrap .tmenu_nav {
    gap: 30px;
} 
.tmenu_submenu_type_mega>.tmenu_item a.tmenu_item_link .tmenu_image img {
    max-height: 220px !important;
    min-height: 220px;
}
.tmenu_alignment_center .tmenu_nav>li.tmenu_item>ul.tmenu_submenu_type_mega>li.tmenu_item:first-child {
    max-width: 240px;
}
}

@media(max-width:1199px){
       .tmenu--wrap .tmenu_nav {
    gap: 20px;
} 
.tmenu--wrap .tmenu_nav li.tmenu_item a.tmenu_item_link {
    font-size: 15px;
}
.tmenu_submenu_type_mega>.tmenu_item a.tmenu_item_link .tmenu_image img {
    max-height: 188px !important;
    min-height: 188px;
}
}


@media(max-width:1023px){
           .tmenu--wrap .tmenu_nav {
    gap: 10px;
} 
}

/* 21-11-25 */
@media (min-width:768px) and (max-width:991px){
    header.header header-drawer {
    display: none;
}
}

@media(max-width:991px){
    .header__heading-logo-wrapper img {
    max-width: 100px !important;
    width: 100%;
}
.tmenu_submenu_type_mega>.tmenu_item a.tmenu_item_link .tmenu_image img {
    max-height: 210px !important;
    min-height: 210px;
}
}
@media(max-width:840px){
.tmenu--wrap .tmenu_nav {
    gap: 0px;
}
.tmenu--wrap .tmenu_nav li.tmenu_item a.tmenu_item_link {
    font-size: 14px;
}
.header__heading-logo-wrapper img {
    max-width: 80px !important;
    width: 100%;
}
}
@media(max-width:767px){

li.tmenu_item.tmenu_item_level_1.tmenu_col.tmenu_col-3.tmenu_item_submenu_type_automatic.tmenu_item_has_child.tmenu_item_layout.tmenu_item_layout_text>a {
    display: block;
}

    .tmenu_app_mobile .tmenu_item_mobile.tmenu_item_level_0 > .tmenu_item_link {
    color: #fdf4e3 !important;
}
.tmenu_item_mobile .tmenu_item_text {
    color: #fdf4e3 !important;
}
.tmenu_item_mobile .tmenu_indicator span.tmenu_indicator_icon {
    color: #fdf4e3 !important;
}
.tmenu_item_active.tmenu_item_mobile>.tmenu_submenu {
    padding-left: 0 !important;
}
nav.menu-drawer__navigation .cstm-drawer-logo {
    display: flex;
    justify-content: center;
    align-items: center;
}
header.header h1.header__heading {
    z-index: 2;
}
.cstm-drawer-logo img {
    max-width: 120px;
}
.tmenu_item_content_alignment_center>.tmenu_image--above>img {
    min-height: 220px;
    max-height: 220px !important;
    object-fit: cover;
}
}

/* 4-12-25 */
body.product .product-layout {
    width: 100%;
    align-items:flex-start;
}

body.product .product-layout .product-info {
    max-width: 50% !important;
    width: 100% !important;
    padding-left: 16px;
    padding-right: 0 !important;
    display: flex;
    justify-content: center;
}

body.product .product-layout .product-images {
    max-width: 50% !important;
    width: 100% !important;
}

body.product .product .product.grid .product__info-wrapper.grid__item {
    width: 100%;
}

.product .product.grid .product__info-wrapper.grid__item {
    padding: 0;
    width: 100%;
    max-width: 864px;
    padding-top: 56px;
    padding-bottom: 24px;
}

body.product .product-img.slider-product p {
    margin: 0 !important;
}

.product .product .product__title {
    text-align: left;
}

.product .product .product__subtitle {
    text-align: left !important;
}

.product .product .price.price--large {
    text-align: left;
}

.product .product.grid .product__info-wrapper.grid__item .product__info-container>div:nth-child(3) {
    margin-top: 12px;
    margin-bottom: 0px !important;
}

.product .product.grid .product__info-wrapper.grid__item .product__info-container .product-form-wrapper {
    display: flex;
    justify-content: flex-start;
    width:100%;
}

.product .product__info-container .product-form__quantity .quantity {
    border-radius: 100px !important;
}

.product .product.grid .product__info-wrapper.grid__item .product__info-container .product-form-wrapper product-form.product-form form .product-form__buttons button.product-form__submit {
    border-radius: 100px !important;
    height: 47px !important;
}

.product .accordion .summary__title h2:hover {
  color: #f32735
}

body.product .featured-products-cstm .collection .collection__title {margin-bottom: 0 !important;}

body.product .featured-products-cstm .collection .collection__title h2 {
    max-width: 100%;
    width: 100%;
    margin-bottom: 25px !important;
}

body.product .featured-products-cstm {
    padding-top: 24px;
    padding-bottom: 24px;
}
.product .product.grid .product__info-wrapper.grid__item .product__info-container .product-form-wrapper product-form.product-form {
    margin: 0;
    display: flex;
    align-items: flex-end;
}

.product .product.grid .product__info-wrapper.grid__item .product__info-container .product-form-wrapper product-form.product-form form .product-form__buttons button.product-form__submit span {
    font-size: 20px;
}
body.product .product-info {
    position: sticky;
    top: 77px;
}
.product .product.grid .product__info-wrapper.grid__item .product__info-container .product-form-wrapper .product-form__input label.quantity__label {
    display: none;
}
.product .product.grid .product__info-wrapper.grid__item .product__info-container .product-form-wrapper .product-form__input {
    max-width: 15rem;
}
.product-form__buttons button.product-form__submit {
    border-radius: 100px;
    height: 47.25px;
}

.product .accordion .summary__title h2 {
    color: #f32735;
    font-size: 20px;
}

.product .accordion .accordion__content {
    color: #f32735;
    font-size: 18px !important;
}


.product .accordion svg>path {
    fill: #f32735;
}

.product__accordion.accordion {
    border-color: #f32735;
}

@media(max-width:991px){
    .product .product.grid .product__info-wrapper.grid__item .product__info-container .product-form-wrapper product-form.product-form form .product-form__buttons button.product-form__submit span {
    font-size: 14px;
}
}
@media(max-width:749px){
    .product-layout {
    flex-direction: column-reverse;
}

body.product .product-layout .product-images {
    max-width: 100% !important;
    width: 100% !important;
    flex: unset !important;
}

body.product .product-layout .product-info {
    max-width: 100% !important;
    width: 100% !important;
    position: static !important;
    flex: unset !important;
}
body.product .product-layout .product-info {
    padding-right: 16px !important;
}
.product .product__info-container .product-form__quantity .quantity {
    max-width: 120px;
}
.product .product.grid .product__info-wrapper.grid__item .product__info-container .product-form-wrapper .product-form__input {
    max-width: 12rem;
}
}
@media(max-width:567px){
.product .product.grid .product__info-wrapper.grid__item .product__info-container .product-form-wrapper .product-form__quantity {
    padding-left: 0 !important;
}
}






.card-wrapper.product-card-wrapper>.card {
    position: relative;
}

.card-wrapper.product-card-wrapper>.card .card__content {
    position: static;
}
.card-wrapper.product-card-wrapper>.card .card__content .card__information h3 {
    position: static;
}

.card-wrapper.product-card-wrapper>.card .card__content .card__information h3 a {
    position: static;
}

.card-wrapper.product-card-wrapper>.card .card__content .card__information h3 a:before {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    background-color: transparent;
    width: 100%;
    height: 100%;
}
.product__subtitle.short_description {
    margin-top: 10px !important;
}