/*
Theme Name: Dacnis Child
Template: dacnis
 */
 @font-face {
    font-family: 'SF Pro Text';
    src: url('/wp-content/themes/dacnis-child/fonts/AvenirNextCyr-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF Pro Text';
    src: url('/wp-content/themes/dacnis-child/fonts/AvenirNextCyr-UltraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF Pro Text';
    src: url('/wp-content/themes/dacnis-child/fonts/AvenirNextCyr-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF Pro Text';
    src: url('/wp-content/themes/dacnis-child/fonts/AvenirNextCyr-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF Pro Text';
    src: url('/wp-content/themes/dacnis-child/fonts/AvenirNextCyr-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF Pro Text';
    src: url('/wp-content/themes/dacnis-child/fonts/AvenirNextCyr-Demi.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF Pro Text';
    src: url('/wp-content/themes/dacnis-child/fonts/AvenirNextCyr-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
 @font-face {
    font-family: 'SF Pro Text';
    src: url('/wp-content/themes/dacnis-child/fonts/AvenirNextCyr-Heavy.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}



 html {
  font-size: 10px;
}
:root{
    /* --fancybox-bg:white; */
    /* --fancybox-color:#212121; */

    --green:#C5D043;
    --light-green:#EBF0B1;
    --dark-green:#9FA833;
    --white: #FFFFFF;
    --black:#000000;
    --light-gray:#F3F5F6;
}

*{
    font-family: 'SF Pro Text' !important;
}

.grecaptcha-badge{
    display: none;
}

.widget_top_rated_products{
    display: none;
}

.wp-block-kubio-copyright__outer{
    display: none;
}

.featured-products-section{
    padding: 0 !important;
}

.woocommerce.widget_shopping_cart{
    display: none !important;
}

span.onsale{
    background-color: #FF9973 !important;
}

.add_to_cart_button{
    margin: 0 1rem;
    width: calc(100% - 2rem);
}

.products{
    padding:0!important;
}

.slider-products-container{
    position: relative;
    margin: 0 auto;
    max-width: 133.6rem;
    padding: 0 8rem;
}

.slider-products{
    overflow-x: hidden;
    padding-bottom: 4rem;
}

.slider-products-grid {
    display: none;
    grid-template-columns: repeat(2, 1fr); /* 2 columns */
    grid-template-rows: repeat(2, auto); /* 2 rows */
    gap: 1rem; /* Gap between grid items */
}

.swiper-pagination{
    bottom: 0!important;
}

.slider-products .swiper-button-prev{
    left: 0 !important;
}

.slider-products .swiper-button-next{
    right: 0 !important;
}

.slider-products .swiper-button-prev,.slider-products .swiper-button-next{
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0.1rem solid var(--green);
    border-radius: 1rem;
    height: 6rem!important;
    width: 6rem!important;
}

.swiper-button-prev img,.swiper-button-next img{
    height: 2rem;
    width: 2rem!important;
    max-width: 2rem!important;
}

.swiper-button-prev::after{
    display: none;
}

.swiper-button-next::after{
    display: none;
}

/* .swiper-pagination{
    bottom: 0rem !important;
} */

.swiper-pagination-bullet{
    height: 6px;
    width: 6px;
    background-color: #CED6E0;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active{
    margin: 0 8px;
    background-color: var(--green);
}

.swiper-button-next svg, .swiper-button-prev svg {
    width: 20px!important;
    height: 20px!important;
}

 .swiper-button-prev svg path, .swiper-button-next svg path{
    fill: var(--green);
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    border-color: #CED6E0!important;
    opacity: 1!important;
}

.swiper-button-next.swiper-button-disabled svg path, .swiper-button-prev.swiper-button-disabled svg path {
   fill: #CED6E0;
}

.woocommerce-page ul.products::before{
    display: none;
}

@media screen and (max-width: 600px) {
    .slider-products-container{
        padding: 0;
    }
    .slider-products {
        display: none;
    }

    .slider-products-grid {
        display: grid;
    }
}


/* Footer */

footer {
    padding: 18px 10px 18px 10px;
    display: flex;
    flex-direction: column;
    background-color: inherit;
    font-family: inherit;
}

.footer-top {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 117.6rem;
    margin: 0 auto;
}

.footer-top-inner {
    /* flex: 1; */
    margin: 0 15px;
    display: flex;
    align-items: center;
    text-align: center;
}

.footer-menu-nav .menu-item a{
    color: var(--black)!important;
}

.footer-menu-nav .menu-item:hover a{
    color: var(--dark-green)!important;
}

.footer-menu-nav .menu-item.current-menu-item a{
    color: var(--dark-green)!important;
}
.footer-menu-nav .menu-item a{
    font: 400 16px/19px "SF Pro Text"!important;
    text-decoration: none;
}
.logo-con.footer-top-inner{
    display: flex;
    gap: 20px;
}
#hero{
    display: none;;
}
.logo-inner{
    height: 2.3rem;
    width: 13.4rem;
}

.logo-con .under-logo-text{
    font: 400 16px/19px "SF Pro Text"!important;
    text-align: left;
    color: #707478;
}

.logo-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.logo-inner h1 {
    font-size: 1.8rem;
    margin-bottom: 10px;
}

.under-logo-text {
    width: 100%;
    max-width: 258px;
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.5;
}

.socials-con h3, .navigation-con h3{
    margin-top: 0;
}

.navigation-con,
.socials-con {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 1;
}

.navigation-con h3,
.socials-con h3 {
    font-size: 1.5rem;
    margin-bottom: 15px;
}

.footer-menu {
    display: flex;
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-menu li {
    margin: 8px 0;
}

.footer-menu li a {
    text-decoration: none;
    font-size: 1rem;
}

.socials-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.social-item {
    margin: 0 10px;
}

.social-item a img {
    width: 28px;
    height: 28px;
}

/* Bottom footer styles */
.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    border-top: 1px solid;
    padding-top: 20px;
}

.email-con {
    display: flex;
    align-items: center;
}

.email-con img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.email-con a {
    font-size: 1rem;
    text-decoration: none;
}

.footer-bottom p {
    text-align: right;
}

/* Responsive design for smaller devices */
@media (max-width: 768px) {

    .footer-top {
        flex-direction: column;
        align-items: center;
    }

    .footer-top-inner {
        /* margin-bottom: 30px; */
        text-align: center;
        flex-direction: column;
        align-items: center;
    }

    .footer-bottom {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .email-con,
    .footer-bottom p {
        margin-bottom: 10px;
    }

    .logo-con .under-logo-text{
        text-align: center;
    }

    .navigation-con{
        margin-bottom: 25px;
    }
}

@media (max-width: 480px) {

    footer {
        padding: 20px 10px;
    }

    .logo-inner h1 {
        font-size: 1.5rem;
    }

    .footer-menu li a {
        font-size: 0.9rem;
    }

    .footer-bottom {
        font-size: 0.9rem;
    }

    .logo-con .under-logo-text{
        width: 80%;
    }

}

/* Featured products */
.slider-products ul.products{
flex-wrap: nowrap!important;
}

.woocommerce ul.products {
    padding-top: 10px;
}

.my-featured-product{
    border: 1px solid rgba(var(--kubio-color-6-variant-1), .5);
    border-radius: 10px;
    padding-bottom: 1rem !important;
    overflow: hidden;
}

.featured-products-top-container{
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 20px;
    margin: 0 auto;
    padding: 0 8rem;
    max-width: 133.6rem;
}

.featured-products-top-container .title-container{
    display: flex;
    flex-direction: column;
    align-items: start;
}

.featured-products-top-container .title-container .wp-block-kubio-divider{
    width: 100%;
    display: flex;
}

.featured-products-top-container .title-container h2{
    margin-bottom: 20px;
}

.featured-products-top-container .title-container, .featured-products-top-container .see-all{
    margin-bottom: 20px;
}

@media screen and (max-width: 600px) {
    .featured-products-top-container {
        padding: 0;
    }
}

.product__select{
    width: calc(100% - 2rem);
}

.product-description{
    color: gray;
}

.header-container{
    position: fixed;
    top: 0;
    left: 0;
    margin: 0 auto;
    padding: 21px 132px;
    width: 100%;
    background-color: white;
    z-index: 12;
}

.header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    width: 100%;
}

.header-left{
    display: flex;
    align-items: center;
    gap: 20px
}

.header__logo{
    height: 2.3rem;
    width: 13.4rem;
}

.header__logo img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    filter: grayscale(100%) brightness(0);
}

.header-search{
    position: relative;
    display: flex;
    gap: 6px;
    height: 37px;
}

.header-search__open{
    display: none;
    border: 1px solid var(--dark-green) !important;
    border-radius: 10px !important;
    padding: 9px 8px !important;
    background-color: transparent !important;
}

.header-search__open img{
    width: 18px;
}

.header-search__close{
    display: none;
}

.header-search__input{
    display: flex;
    border: 0.1rem solid #CED6E0;
    border-radius: 10px !important;
    padding: 10px 14px !important;
    height: 100%;
    font: 500 14px/100% "SF Pro Text";
    color: #A4B0BE;
}

.header-search__button[type='submit']{
    display: flex;
    gap: 2px;
    border: 1px solid var(--dark-green) !important;
    border-radius: 10px !important;
    padding: 11px 12px 11px 10px !important;
    background-color: white !important;
}

.header-search__button[type='submit'] span{
    font: 600 12px/100% "SF Pro Text" !important;
    color: var(--dark-green);
    text-transform: uppercase;
}

.header-search__button[type='submit'] img{
    height: 15px;
    width: 15px;
}

.search-autocomplete-container {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 10;
  border-top: none;
  border-radius: 0 0 0.8rem 0.8rem;
  padding: 1rem 0 0 0;
  max-height: 20rem;
  width: 100%;
  overflow-y: auto;
}

.search-autocomplete {
  list-style: none;
  margin: 0;
  padding: 0;
}
.search-autocomplete__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
  border-bottom: 0.2rem solid var(--dark-green);
  padding: 10px 14px;
  background-color: white;
  font: 400 1.4rem/1.7rem "SF Pro Text";
  color: #A4B0BE;
}

.search-autocomplete__item-container{
    display: flex;
    gap: 1.2rem;
}

.search-autocomplete__item-price{
    display: flex;
    flex-direction: column;
}

.search-autocomplete__item-container > img {
 min-width: 20px;
 width: 20px;
 height: 20px;
 object-fit: cover;
}

.search-autocomplete__item-container > span {
  display: block;
}

.search-autocomplete__item span.old-price {
  color: var(--light-gray);
  text-decoration: line-through;
}

.search-autocomplete__item span.price {
  color: var(--dark-green);
}

.search-autocomplete__item-text {
  font: 400 1.2rem/2rem "SF Pro Text";
}
.search-autocomplete__item-loading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.search-autocomplete__item-loading.search-autocomplete__item:hover {
  background-color: white;
  cursor: default;
}
.search-autocomplete__item:hover {
  background-color: var(--light-green);
  cursor: pointer;
}

.header-right{
    display: flex;
    gap: 20px;
    height: 20px;
}

.header-menu{
    display: none;
    gap: 20px;
}

.header-item{
    display: flex;
    gap: 4px;
}

.header-item__img{
    position: relative;
    height: 2rem;
    width: 2rem;
}

.header-item__counter{
    position: absolute;
    top: -0.3rem;
    right: -0.3rem;
    display: none;
    justify-content: center;
    align-items: center;
    border-radius: 999rem;
    height: 1.2rem;
    width: 1.2rem;
    background-color: var(--green);
}
.header-item__counter.active{
    display: flex;
}
.header-item__counter span{
    font: 600 1rem/100% "SF Pro Text";
    color: white;
    text-transform: uppercase;
}

.header-item__text{
    font: 400 16px/100% "SF Pro Text";
    color: #000000;
    text-transform: none;
}

.header-item__text.active{
    color: var(--dark-green);
}

.header-item__text:hover{
    color: var(--dark-green);
}

.header-menu__open{
    display: none;
    border: none !important;
    padding: 0 !important;
    background-color: transparent !important;
}

.wp-block-kubio-section>div{
    z-index: unset;
}

.swiper-slide{
    height: auto!important;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{

}

.woocommerce ul.products::after{
    display: none;
}

.h-section-boxed-container {
    max-width: 1440px !important;
}

@media (min-width: 1200px) {
    .h-section-boxed-container {
        max-width: 1440px!important;
    }
}

@media (max-width: 1024px){
    .header-menu{
        display: none;
        position: fixed;
        top:81px;
        right: 10px;
        flex-direction: column;
        gap: 2.4rem;
        padding: 2rem;
        background-color: white;
    }

    .header-menu.active{
        display: flex;
    }

    .header-menu__open{
        display: flex;
    }

    .header-item{
        display:none;
    }
    .header-item.show{
        display: flex;
    }
}

@media (max-width: 768px){
    .header-container{
        padding: 16px 10px;
    }

    .heaedr-menu{
        top: 70px;
    }

    .header-search{
        display: none;
    }

    .header-search.active{
        display: flex;
        position: fixed;
        top: 56px;
        left: 0;
        padding: 0 10px 10px 10px;
        height: 47px;
        width: 100%;
        background-color: white;
    }

    .header-search__open{
        display: flex;
        padding: 8px 7px !important;
    }
}

@media (max-width: 768px) {
    .featured-products-top-container .title-container h2{
        text-align: start;
    }
}

@media (max-width: 480px){
    .slider-products .swiper-button-prev{
        display: none;
    }
    
    .slider-products .swiper-button-next{
        display: none;    
    }
}

.custom-product-card{
    display: flex!important;
    flex-direction: column;
    border: 1px solid #CED6E0;
    border-radius: 10px;
    height: auto;
    width: 100%;
    /* max-width: 279px; */
    overflow: hidden
}



.custom-product-card__img{
    display: flex;
    justify-content: center;
    margin: 0 auto;
    /* max-width: 200px; */
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
}

.custom-product-card__img img{
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.custom-product-card__brend{
    display: flex;
    margin-top: 14px;
    padding: 0 14px;
    font: 600 12px/14px "SF Pro Text";
    color: #A4B0BE;
}

.custom-product-card__name{
    display: flex;
    margin-top: 4px!important;
    padding: 0 14px!important;
    height: 100%!important;
    font: 500 14px/17px "SF Pro Text"!important;
    color: #000000!important;
    text-align: left!important;
}

.custom-product-card-select{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    margin-top:14px;
    padding: 0 14px;
    width: 100%;
}


.custom-product-card__select-container {
    position: relative;
    display: flex;
    align-items: center;
  }

.custom-product-card__select {
    display: flex;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none !important;
    background: transparent;
    padding: 0 14px 0 0 !important;
    font: 600 12px/15px "SF Pro Text" !important;
    outline: none !important;
    overflow: visible; 
  }

 .custom-product-card__select::-ms-expand {
    display: none;
  }

.custom-product-card-price{
    display: flex;
    align-items: center;
    gap: 6px;
}

.custom-product-card__previous-price{
    min-width: fit-content;
    font: 500 12px/100% "SF Pro Text";
    color: #6A6A6A;
    text-decoration: line-through;
}

.custom-product-card__current-price{
    min-width: fit-content;
    font: 600 15px/100% "SF Pro Text";
    color: #000000;
}

.custom-product-card__button{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 14px;
    border: none !important;
    border-radius: 0 !important;
    padding: 14px !important;
    font: 600 12px/100% "SF Pro Text";
    color: #000000 !important;
    text-transform: uppercase;
}

.custom-product-card__button:hover{
   background-color: var(--black)!important;
   color: var(--white)!important;
}

@media screen and (max-width: 480px){
    .custom-product-card__brend{
        padding: 0 0.8rem!important;
    }
    
    .custom-product-card__name{
        padding: 0 0.8rem!important;
    }
    
    .custom-product-card-select{
        padding: 0 0.8rem!important;
    }

    .custom-product-card__button{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 0.8rem;
        margin-right: 0.8rem;
        margin-bottom: 0.8rem;
        border-radius: 1rem !important;
        padding: 1rem !important;

    }

    .custom-product-card-select{
        flex-direction: column;
    }
    
}

.products{
    /* gap: 20px;
    justify-content: space-around; */
}

.custom-product{
    display: flex;
    flex-direction: column;
    max-width: 120.8rem;
    width: 100%;
}

.custom-product-main{
    display: flex;
    align-items: center;
    gap: 3rem;
    width: 100%;
}

.custom-product-gallery{
    position: relative;
    max-width: 58.4rem;
    width: 100%;
    overflow: hidden;
    /* background-color: #A4B0BE; */
}

.custom-product-gallery img, .custom-product-gallery video{
    border-radius: 1rem;
    max-width: 58.4rem;
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
}

.custom-product-tags{
    position: absolute;
    top: 2rem;
    left: 2rem;
    display: flex;
    gap: 0.8rem;
    z-index: 2;
}

.custom-product__tag{
  display: flex;
  border-radius: 10rem;
  padding: 0.6rem 1rem;
  font: 700 1rem/100% "SF Pro Text";
    color: #FFFFFF;
    text-transform: uppercase;
}

.custom-product__tag.custom-product__tag__on_sale{
    background-color: var(--light-green);
}

.custom-product-info{
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 100%;
    max-width: 59.4rem;
}

.custom-product-info__article{
    font: 500 1.4rem/100% "SF Pro Text";
    color: #8B96A3;
}

.custom-product-info-name{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.custom-product-info-name__name{
    font: 500 2.4rem/100% "SF Pro Text";
    color: #212121;
}

.custom-product-info-name__brand{
    font: 400 2.4rem/100% "SF Pro Text"!important;
    color: #212121!important;
    text-decoration: underline!important;
}

.custom-product-info-name__description{
    font: 500 1.4rem/100% "SF Pro Text";
    color: #8B96A3;
}

.custom-product-info__price{
    display: flex;
    align-items: center;
    font: 600 2.4rem/100% "SF Pro Text";
    color: #212121;
}

.custom-product-info__price-old{
    font: 600 1.4rem/100% "SF Pro Text";
    color: #A4B0BE;
    text-decoration: line-through;
}

.custom-product-info hr{
  height: 0.1rem;
  background-color: #E8EAED;
  border: none; 
  width: 100%;
}

.custom-product-info-form{
    display: flex;
    flex-direction: column;
    width: 100%;
}

.custom-product-info-form > label{
    margin-bottom: 0.6rem;
    font: 600 1.2rem/100% "SF Pro Text";
    color: #212121;
}

.custom-product-info-form-checkboxes{
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    width: 100%;
}

.custom-product-info-form-radio{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
    padding: 1.4rem;
    border: 0.1rem solid #8B96A3;
    border-radius: 1rem;
}

.custom-product-info-form-radio:hover{
    cursor: pointer;
}

.custom-product-info-form-radio input{
   display: none;
}

.custom-product-info-form-radio input:checked ~ .custom-product-info-form-radio__value {
    color: var(--dark-green); /* Change text color when input is checked */
}

.custom-product-info-form-radio input:checked ~ .custom-product-info-form-radio__price {
    color: var(--dark-green); /* Change text color when input is checked */
}

.custom-product-info-form-radio:has(input:checked) {
    border-color: var(--dark-green); /* Change border color when input is checked */
}


.custom-product-info-form-radio__value{
    font: 600 1.2rem/100% "SF Pro Text";
    text-transform: uppercase;
    color: #212121;
}

.custom-product-info-form-radio__price{
    font: 500 1.2rem/100% "SF Pro Text";
    color: #8B96A3;
}

.custom-product-info-form__button{
    display: flex;
    margin-top: 2rem;
    border: none!important;
    border-radius: 3rem!important;
    padding: 1.4rem 2rem!important;
    width: fit-content;
    background-color: var(--green)!important;
    color: var(--black)!important;
}
.custom-product-info-form__button:hover{
    background-color: var(--black)!important;
    color: var(--white)!important;
}


.custom-product-info-form__button > span{
    font: 600 1.2rem/100% "SF Pro Text";
    text-transform: uppercase;
}

.custom-product-info__scent {
    width: 100%;
    border-collapse: collapse; /* Remove default table borders */
    border-radius: 1rem; /* Rounded corners */
    overflow: hidden; /* Ensure rounded corners apply to the table */
}

.custom-product-info__scent tr {
    display: flex; /* Use flexbox for row layout */
    justify-content: space-between;
    padding: 0.6rem 1rem;
}

.custom-product-info__scent td {
    font: 500 1.2rem/100% "SF Pro Text"; /* Font styling */
    color: #212121; /* Text color */
}

.custom-product-info__scent tr:nth-child(odd) {
    background-color: #F3F5F6; /* Background color for odd rows */
}

.custom-product-info__scent tr:nth-child(even) {
    background-color: #E8EAED1A; /* Background color for even rows */
}

.custom-product-info__scent td:first-child {
    width: 11rem; /* Fixed width for the first column */
    flex-shrink: 0; /* Prevent shrinking */
}

.custom-product-info__scent td:last-child {
    flex-grow: 1; /* Take up remaining space */
    padding-left: 3rem; /* Add gap between columns */
}

.custom-product-cart{
    position: fixed;
    bottom: 0;
    left: 0;
    display: none;
    flex-direction: column;
    gap: 2rem;
    padding: 2rem;
    width: 100%;
    background-color: white;
    z-index: 11;
    box-shadow: 0 -0.2rem 0.4rem rgba(0, 0, 0, 0.1); /* Small shadow from the top */

    @media (max-width: 1024px){
        display: flex;
    }
}
.custom-product-cart-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.custom-product-cart .custom-product-info-form__button{
    justify-content: center;
    margin-top: 0;
    width: 100%;
}

.custom-product-description-container{
    display: flex;
    gap: 3rem;
    width: 100%;
}

.custom-product-description-container > .custom-product-card{
        position: sticky;
        top: 12rem;
        height: fit-content !important;
        max-width: 27.9rem;

        @media (max-width: 1024px){
            display: none!important;
        }
    
}

.custom-product-description-container > .custom-product-card .custom-product-card__name{
   height: auto!important;

}

.custom-product-description-col{
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 50%;
}

.custom-product-description{
    display: flex;
    flex-direction: column;
    margin-top: 3rem;
    border: 0.1rem solid #E8EAED;
    border-radius: 1rem;
    padding: 4rem 5rem;
}

.custom-product-description h3{
    margin: 0!important;
    margin-top: 3rem!important;
    font: 700 2rem/2.4rem "SF Pro Text";
    color: #212121;
}

.custom-product-description h3:first-child{
    margin-top: 0!important;
}

.custom-product-description p{
    margin: 0!important;
    margin-top: 1rem!important;
    font: 500 1.6rem/2.6rem "SF Pro Text"!important;
    color: #212121 !important;
}

.custom-product-description p:first-child{
    margin-top: 3rem!important;
}

.custom-product-description-list{
    display: flex;
    flex-direction: column;
    margin-top: 3rem;
}

.custom-product-description-list-item{
    font: 500 1.6rem/2.6rem "SF Pro Text";
    color: #212121;
}

.custom-product-description-list-item__title{
    font: 600 1.6rem/2.6rem "SF Pro Text";
    color: #212121;
}







.custom-product-gallery {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.swiper-container {
    width: 100%;
    height: auto;
}

.main-slider .swiper-slide img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 1rem;
    cursor: pointer;
}

.main-slider .swiper-slide video {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 1rem;
}

.thumbnail-slider {
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.thumbnail-slider .swiper-wrapper {
}

.thumbnail-slider .swiper-slide {
    width: 80px; /* Thumbnail size */
    height: auto;
    opacity: 0.5;
    cursor: pointer;
}

.thumbnail-slider .swiper-slide-thumb-active {
    opacity: 1;
    border-radius: 1rem;
}

.thumbnail-slider .swiper-button-prev,
.thumbnail-slider .swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 4.8rem;
    width: 4.8rem;
    /* z-index: 10;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer; */
}

.thumbnail-slider .swiper-button-prev {
    left: 0;
}

.thumbnail-slider .swiper-button-next {
    right: 0;
}

.thumbnail-container{
    position: relative;
    display: flex;
    padding: 0 8.1rem;
    width: 100%;
    
}


@media screen and (max-width: 800px) {
    .custom-product-main{
        flex-direction: column;
    }
    .custom-product-description{
       padding: 1rem;
    }
}
.fancybox__backdrop{

}

.fancybox__container{
  
}

.fancybox__caption{
    font: 500 2.4rem/3.4rem "SF Pro Text"!important;
    color: white!important;
}

.fancybox__slide{
    gap: 2rem;
    flex-direction: column-reverse!important;
}
.fancybox__image{
    border-radius: 1rem;
}
.custom-product-link{
    display: flex;
    gap: 0.6rem;
    margin-bottom: 1rem;
}

.custom-product-link > a{
  font: 500 1.2rem/100% "SF Pro Text"!important;
  color: #8B96A3!important;
  text-decoration: underline!important;
}

.custom-product-link > span{
    font: 500 1.2rem/100% "SF Pro Text"!important;
    color: #212121!important;
}


.custom-catalog {
    display: grid!important;
    grid-template-columns: repeat(4, 1fr); /* 4 items per row */
    gap: 2rem; /* Gap between items */
}

body .wpc-filters-main-wrap a.wpc-filters-submit-button {
    color: var(--dark-green)!important;
    background-color: transparent!important;
    border-color: #d8d8d8!important;
}

@media (max-width: 1300px) {
    .custom-catalog {
        grid-template-columns: repeat(3, 1fr); /* 3 items per row */
    }
}

@media (max-width: 768px) {
    .custom-catalog {
        grid-template-columns: repeat(2, 1fr); /* 2 items per row */
    }
}

@media (max-width: 480px) {
    .custom-catalog {
        /* grid-template-columns: 1fr; 1 item per row */
    }
}

.empty-cart-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: center; */
    padding: 3rem 0;
    width: 100%;
    height: 50vh;
}
.empty-cart{
    display: flex;
    flex-direction: column;
}

.empty-cart__title{
    margin: 0;
    font: 600 2.4rem/100% "SF Pro Text";
    color: #000000;
}

.empty-cart__content{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap:1rem;
    margin-top: 10.9rem;
}

.empty-cart__content > span{
    font: 600 1.2rem/100% "SF Pro Text";
    color: #A4B0BE;
}

.empty-cart__content > img{
   width: 4rem;
   object-fit: contain;
}

.empty-cart__button{
    display: flex;
    margin-top: 3rem;
    border-radius: 3rem!important;
    padding: 1.4rem 2rem!important;
    width: fit-content;
    background-color:var(--green)!important;
}

.empty-cart__button > span{
    font: 600 1.2rem/100% "SF Pro Text";
    color: white;
    text-transform: uppercase;
}

@media screen and (max-width: 480px) {
    .empty-cart__content{
        margin-top: 22.5rem;
    }

    .empty-cart__title{
    font: 500 2rem/100% "SF Pro Text";
    color: #000000;
    }
}

.select2-container{
    width: fit-content!important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left:0!important ;
    font: 600 1.2rem/100% "SF Pro Text"!important;
    color: #000000;
}

.select2-container--default .select2-selection--single {
    background-color: transparent!important;
    border: none!important;
    border-radius: none !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none; /* Hide the default arrow */
}

.select2-container--default .select2-selection--single {
    position: relative; /* Ensure the pseudo-element is positioned correctly */
}

.select2-container--default .select2-selection--single::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1rem; /* Adjust the size of the arrow */
    height: 1rem;
    background-image: url('/wp-content/themes/dacnis-child/src/images/select-arrow.svg'); /* Path to the SVG */
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none; /* Prevent the arrow from interfering with clicks */
}

/* Style the Select2 dropdown */
.select2-container--default .select2-dropdown {
    width: auto !important; /* Automatically adjust width to the longest option */
    border-radius: 1rem; /* Rounded corners */
    border: 0.1rem solid #CED6E0; /* Border styling */
    padding: 1rem; /* Padding inside the dropdown */
    gap: 0.5rem; /* Gap between options */
}

/* Style the Select2 options */
.select2-container--default .select2-results__option {
    font: 600 1.2rem/100% "SF Pro Text"; /* Font styling */
    color: #000000; /* Text color */
    padding: 0.5rem 1rem; /* Padding for each option */
    margin: 0.2rem 0; /* Add spacing between options */
    border-radius: 0.5rem; /* Optional: Rounded corners for options */
    min-width: max-content;
}

/* Hover effect for options */
.select2-container--default .select2-results__option--highlighted {
    color: var(--dark-green)!important; /* Hover text color */
    background-color: transparent!important; /* Optional: Background color on hover */
}

.select2-container.select2-container--open .select2-dropdown--below {
    border-top: 0.1rem solid #CED6E0 !important;
    border-top-left-radius: 1rem!important;
    border-top-right-radius: 1rem!important;
}

.coupon{
    display: flex!important;
}

.checkout-button{
    font-size: 14px!important;
}

.checkout-button.button.alt.wc-forward{
    font-size: 14px!important;
}

body.woocommerce .cart_totals .wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward, body.woocommerce-page .cart_totals .wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward {
    font-size: 14px!important;
}

.woocommerce-page table.cart td.actions .input-text {
    width: 85px;
}

.checkout-button.button.alt.wc-forward{
    @media (max-width: 768px){
        position: fixed!important;
        bottom: 0;
        left: 0;
        right: 0;
        margin-bottom: 0!important;
        border-top-left-radius: 0!important;
        border-top-right-radius: 0!important;
        border-bottom-left-radius: 0!important;
        border-bottom-right-radius: 0!important;
        width: 100%;
        z-index: 1;
    }
}
@keyframes bleach {
    0% {
        background-color: #ffffff; /* Start with white */
        opacity: 1;
    }
    50% {
        background-color: var(--green); /* Highlight color */
        opacity: 0.8;
    }
    100% {
        background-color: #ffffff; /* Return to white */
        opacity: 1;
    }
}

.bleach-animation {
    animation: bleach 1s ease-in-out; /* Apply the bleach animation */
}

@keyframes light-sweep {
    0% {
        background-position: -100% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

.light-animation {
    position: relative;
    /* overflow: hidden; Ensure the animation stays within the element */
}

.light-animation::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.5) 100%,
        rgba(255, 255, 255, 0) 100%
    );
    background-size: 200% 100%;
    animation: light-sweep 1.5s ease-in-out infinite; /* Adjust duration and easing */
    pointer-events: none; /* Prevent interaction with the animation */
}

@media (max-width: 1024px) {
    .h-row>.h-col-lg-auto {
        width: 100% !important;
    }
}

body.woocommerce .single-product, body.woocommerce-page .single-product {
    display: flex;
    justify-content: center;
}

div.h-section-global-spacing:has(.perfume_widget_class){
    padding-top: 0;
}

.woocommerce-cart-form tr td.actions {
    display: none !important;
}

[data-kubio] a:not([class*=wp-block-button]), .with-kubio-global-style a:not([class*=wp-block-button]), a:not([class*=wp-block-button])[data-kubio], .wp-block-woocommerce-mini-cart-contents a:not([class*=wp-block-button]) {
    font-family: SF Pro Text;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-decoration: none;
    text-transform: none;
    color: var(--dark-green);
}

#kubio .style-lYRSd0qXf-inner {
    background-color: var(--black);
}

#kubio .style-vRDwwt2KuS-formWrapper [type="submit"]:hover, #kubio .style-vRDwwt2KuS-formWrapper .forminator-ui .forminator-row .forminator-col .forminator-button-submit:hover {
    background-color: var(--black);
    color: var(--white);
}

.custom-product-cart-header input[type='button'], .custom-product-cart-header button {
    color: var(--black)!important;
}

.custom-product-cart-header input[type='button']:hover, .custom-product-cart-header button:hover {
    background-color: var(--black)!important;
    border-color: var(--black)!important;
    color: var(--white)!important;
}

#kubio .woocommerce a.button.woocommerce-form-login__submit:hover, #kubio .woocommerce a.button.add_to_cart_button:hover, #kubio .woocommerce a.button.alt:hover, #kubio .woocommerce button.button.woocommerce-form-login__submit:hover, #kubio .woocommerce button.button.add_to_cart_button:hover, #kubio .woocommerce button.button.alt:hover, #kubio .woocommerce input.button.woocommerce-form-login__submit:hover, #kubio .woocommerce input.button.add_to_cart_button:hover, #kubio .woocommerce input.button.alt:hover, #kubio .woocommerce #respond input#submit.woocommerce-form-login__submit:hover, #kubio .woocommerce #respond input#submit.add_to_cart_button:hover, #kubio .woocommerce #respond input#submit.alt:hover {
    background-color: var(--black)!important;
    border-top-color: var(--black)!important;
    border-right-color: var(--black)!important;
    border-bottom-color: var(--black)!important;
    border-left-color: var(--black)!important;
    color: var(--white)!important;
}

/* #kubio .style-local-11-container {
    width: 320px;
} */
 #kubio .style-uoKeJFIYr6-outer {
    background-color: var(--light-green);
 }

 #kubio .style-local-55-container{
    width: 50%;
 }

 #kubio .style-local-45-container {
    width: 50%;
 }

 #kubio .style-local-45-container {

 }

 #kubio .style-Ga0jqTuEz-outer .wp-block-kubio-iconlistitem__text{
    text-transform: none;
 }

.style-local-19-inner{
    margin: 0 auto!important;
    max-width: 117.6rem;
}

.style-local-44-inner{
    margin: 0 auto!important;
    max-width: 117.6rem;
}

.woocommerce-billing-fields__field-wrapper{
    border-radius: 0 0 4px 4px;
    padding: 10px;
    background-color: var(--light-gray);
}

.woocommerce-billing-fields > h3{
    margin-bottom: 0;
    border-radius: 4px 4px 0 0;
    padding: 10px;
    background-color: var(--light-gray);
}

.wcus-checkout-fields{
    margin-top: 20px;
    border-radius: 4px;
    padding: 10px;
    background-color: var(--light-gray);
}

.woocommerce-additional-fields{
    margin-top: 20px;
    border-radius: 4px;
    padding: 10px;
    background-color: var(--light-gray);
}

#ship-to-different-address{
    margin-bottom: 0;
    border-radius: 4px 4px 0 0;
    padding: 10px;
    width: 100%;
    background-color: var(--light-gray);
}

.woocommerce-shipping-fields__field-wrapper{
    border-radius: 0 0 4px 4px;
    padding: 10px;
    background-color: var(--light-gray);
}

@media (max-width: 1024px){
    #kubio .style-DWBvaRgwBg-inner{
        text-align: right!important;
    }
}
.woocommerce-additional-fields{
    display: none; !important;
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{
    width: 100%;
}