:root {

    --grey: #4C4C4C;

    --black: #242424;

    --green: #096D73;

    --white: #fff;

    --desktop-text-to-elements: 48px;

    --desktop-section-to-section: 120px;

    --desktop-main-padding: 64px;

    --grey-BG: #F7F7F7;

    --desktop-small-padding: 16px;

    --light-grey: #E5E4E4;

    --grey-for-stroke: rgba(0, 0, 0, 0.12);

    --green-hover: #075458;

    --desktop-corner-radius: 6px;

    --desktop-title-to-text: 32px;

    --text-width: 428px;

    --gap-width: 113px;

    --sticky-top-margin: 50px;

    --desktop-sction-to-section---small: 100px;

    --transition-5s: all 0.3s ease-in-out;

    --cb-dark:#3d3d3d;
    --cb-icon-bg:#F7F7F7;
    --cb-green:#25d366;
    --cb-text:#3d3d3d;
    --cb-pill-bg:#ffffff;
    --cb-shadow: 0 6px 20px rgba(0,0,0,.15);
    --cb-gap:7px;
    --cb-size:56px;      /* main toggle button size */
    --cb-item-size:45px; /* option icon size */

}

body {

    margin: 0;

    padding: 0;

    background-color: #fff;

    line-height: 23.4px;

    font-size: 18px;

    direction: rtl;

    /*font-family: 'PloniMLv2AAA';*/
    font-family: 'Ploni ML v2 AAA';

    color: var(--grey);

}

p:last-child {

    margin-bottom: 0;

}

img {

    display: block;

}

h1,
h2,
h3,
h4,
h5,
h6 {

    font-weight: 700;

    margin: 0;

    color: var(--black);

}

h1,
h2 {

    font-size: 64px;

    line-height: 57.6px;

}

h3 {

    font-size: 24px;

    line-height: 28.8px;

    letter-spacing: 0.12px;

}

h4 {

    font-size: 16px;

    line-height: 20.8px;

    letter-spacing: 0.08px;

}

input:not([type="submit"]) {

    font-size: 16px;

    font-weight: 400;

    line-height: 20.8px;

    letter-spacing: 0.08px;

    font-family: 'Ploni ML v2 AAA';

    border: none;

    outline: none;

    color: var(--grey);

}

.contact-form input:not([type="submit"]) {

    height: 50px;

    display: flex;

    align-items: center;

    justify-content: flex-start;

    padding: 0 16px;

    background-color: var(--white);

    width: 460px;

    border-radius: 6px;

    border: solid 1px var(--grey-for-stroke);

    text-align: right;

}

input::placeholder {
    /* Chrome, Edge, Safari */

    color: var(--grey);

    opacity: 1;

}



input::-webkit-input-placeholder {
    /* Chrome/Safari */

    color: var(--grey);

    opacity: 1;

}



input::-moz-placeholder {
    /* Firefox */

    color: var(--grey);

    opacity: 1;

}



input:-ms-input-placeholder {
    /* IE 10+ */

    color: var(--grey);

    opacity: 1;

}

.pad-sec-y {

    padding: var(--desktop-section-to-section) 0;

}

.pad-sec-y-small {

    padding: var(--desktop-sction-to-section---small) 0;

}

.pad-main-y {

    padding: var(--desktop-main-padding) 0;

}

.grey-bg {

    background-color: var(--grey-BG) !important;

}

.back-btn {

    color: var(--black);

    text-decoration: none;

    font-size: 14px;

    line-height: 18.2px;

    letter-spacing: 0.07px;

}

.back-btn.invisible-btn {

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

}

.btn-custom {
    height: 50px;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--white);
    text-decoration: none;
    color: var(--black);
    font-weight: 700;
    line-height: 21.6px;
    letter-spacing: 0.09px;
    border-radius: 999px;
    font-size: 18px;
    min-width: 140px;
    transition: all 0.5s ease-in-out;
    padding-top: 6px;
}

.btn-custom.is-disabled {

    pointer-events: none;

    opacity: 0.6;

}

.btn-custom-small {

    padding: 0 16px;

    min-width: 100px;

}

.btn-custom.btn-custom-outline {

    height: 48px;

    border: solid 1px var(--white);

    background-color: transparent;

    color: var(--white);

}

.btn-custom.btn-custom-black {

    background-color: var(--black);

    color: var(--white);

}

.btn-custom.btn-custom-black-outline {

    border: solid 1px var(--black);

    height: 48px;

    background-color: transparent;

    color: var(--black);

}

.btn-custom.btn-custom-green {

    background-color: var(--green);

    color: var(--white);

}

.btn-custom.btn-custom-green:hover {

    background-color: var(--green-hover);

    color: var(--white);

}

.btn-custom.btn-custom-black-outline:hover {

    background-color: var(--black);

    color: var(--white);

}

.btn-custom.btn-custom-black:hover {

    background-color: var(--green-hover);

    color: var(--white);

}

.btn-custom.btn-custom-outline:hover {

    background-color: var(--white);

}

.btn-custom:hover {

    background-color: var(--light-grey);

    color: var(--black);

}

.in-flx-col {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

}

.in-flx-col-center {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

}

.in-flx {

    display: flex;

    justify-content: space-between;

    align-items: center;

    align-self: stretch;

}

.pulse-circle {

    position: absolute;

    width: 28px;

    height: 28px;

    border: solid 1px var(--white);

    border-radius: 80px;

    cursor: pointer;

}

.pulse-circle::before {

    content: '';

    position: absolute;

    top: 50%;

    left: 50%;

    width: 8px;

    height: 8px;

    opacity: 0.7;

    background-color: var(--white);

    border-radius: 80px;

    transform: translate(-50%, -50%);

    animation: pulseDot 5s ease-in-out infinite;

}

@keyframes pulseDot {

    0% {

        transform: translate(-50%, -50%) scale(1);

        opacity: 0.7;

    }

    10% {

        transform: translate(-50%, -50%) scale(2.5);

        opacity: 1;

    }

    30% {

        transform: translate(-50%, -50%) scale(1);

        opacity: 0.7;

    }

    100% {

        transform: translate(-50%, -50%) scale(1);

        opacity: 0.7;

    }

}

.arrow-icon {
    display: block;
    height: 29px;
    width: 24px;
    background-position: center;
    background-image: url("../images/arrow.svg");
    background-repeat: no-repeat;
    margin-top: -1px;
}

.swiper-pagination {}

.swiper-pagination .swiper-pagination-bullet {

    transition: all .5s ease-in-out;

    width: 8px;

    height: 8px;

    border-radius: 7px;

    background-color: var(--white);

    opacity: 0.6;

}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {

    width: 57px;

    opacity: 1;

}

.icon-circle {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    width: 48px;
    height: 48px;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    background-color: var(--white);
    cursor: pointer;

}

.single-projects .project-products .icon-circle,
.project-products .icon-circle,
.our-magzie .icon-circle {
    top: -368px;
    position: absolute;
}

.project-products .p-pr-next,
.our-magzie .om-next.circle-next.icon-circle {
    left: 0;
}

.icon-circle::before,
.icon-circle::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url("../images/chevron-right.svg");
    background-repeat: no-repeat;
    background-position: 54% 50%;
    background-size: 8.657px 13.314px;
    transition: transform 0.4s ease;
}

.icon-circle::before {

    transform: translateX(0);

}

.cicle-prev.icon-circle::after {

    transform: translateX(-120%);

}



.cicle-prev.icon-circle:hover::before {

    transform: translateX(120%);

}



.cicle-prev.icon-circle:hover::after {

    transform: translateX(0);

}



.circle-next.icon-circle::before {

    transform: translateX(0) rotate(180deg);

}



.circle-next.icon-circle::after {

    transform: translateX(120%) translateY(-1px) rotate(180deg);

}



.circle-next.icon-circle:hover::before {

    transform: translateX(-120%) translateY(-1px) rotate(180deg);

}



.circle-next.icon-circle:hover::after {

    transform: translateX(0) rotate(180deg);

}

.cover-center {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center center;

}

.green-arrow-link {

    display: flex;

    align-items: center;

    gap: 8px;

    font-size: 16px;

    font-weight: 700;

    letter-spacing: 0.08px;

    line-height: 20.8px;

    color: var(--black);

    text-decoration: none;

}

.green-arrow-link span {
    width: 32px;
    height: 32px;
    padding: 4px;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1/1;
    display: flex;
    border-radius: 80px;
    background-color: var(--green);
    background-image: url("../images/arrow-white.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 12px;
}


select {

    height: 48px;

    background-color: var(--white);

    border: solid 1px var(--grey-for-stroke);

    font-family: 'PloniMLv2AAA';

    padding: 16px;

    color: var(--black);

    line-height: 18.2px;

    letter-spacing: 0.07px;

}

select:focus,

select:focus-visible {

    outline: none;

}

select option {}

.close-circle {

    width: 40px;

    height: 40px;

    display: block;

    background-image: url("../images/cross.svg");

    background-repeat: no-repeat;

    background-position: center;

    background-size: 16px;

    position: absolute;

    left: 12px;

    top: 12px;

    border-radius: 80px;

    background-color: var(--grey-BG);

    cursor: pointer;

}



.container-custom {

    max-width: 1792px;

    margin: 0 auto;

    padding-left: 57px;

    padding-right: 57px;

    box-sizing: content-box;

}



header {

    background-color: var(--white);

}

header .top-bar {
    background-color: var(--black);
    color: var(--white);
    padding: 9.2px 0 4px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 20.8px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.08px;
}

header .main-top {
    padding: 12px var(--desktop-main-padding) 13px var(--desktop-main-padding);
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    padding-left: 0;
    padding-right: 0;
}

.main-search {

    display: flex;

    width: 240px;

    padding: 8px 12px;

    justify-content: space-between;

    align-items: center;

    border: solid 1px var(--light-grey);

    border-radius: 999px;

}

.main-logo a {

    display: block;

}

.main-search input {

    height: 21px;

}

.main-search img {

    margin-right: auto;

}

.main-right {

    display: flex;

    align-items: center;

    gap: 16px;

}

.main-right .header-icons {
    position: relative;
    display: flex;
    padding-left: 16px;
    gap: 12px;
    align-items: center;
}

.main-right .header-icons img {

    width: 20px;

    height: 20px;

    display: block;

}

.main-right .header-icons:before,

.info-col:first-child:before {

    content: '';

    background-color: var(--grey-for-stroke);

    height: 10px;

    width: 1px;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

}

.perfect-product-link {

    font-size: 16px;

    font-weight: 700;

    color: var(--black);

    letter-spacing: 0.08px;

    text-decoration-line: underline;

    text-decoration-style: solid;

    text-decoration-skip-ink: none;

    text-decoration-thickness: auto;

    text-underline-offset: auto;

    line-height: 20.8px;

}

.main-nav {

    display: flex;

    align-items: center;

    justify-content: center;

    align-self: stretch;

    min-height: 48px;

}

.main-nav nav ul {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 24px;

    flex: 1 0 0;

    list-style: none;

    margin: 0;

    padding: 0;

}

.main-nav nav ul li.has-child {
    background-image: url(../images/chevron-down.svg);
    padding-left: 14px;
    background-position: 0% 49%;
    background-repeat: no-repeat;
    background-size: 8px;
}

.main-nav nav ul li a {
    font-size: 16px;
    font-weight: 400;
    color: var(--black);
    letter-spacing: 0.08px;
    text-decoration: none;
    line-height: 20.8px;
    transition: all 1s;
}


.main-nav nav ul li a:hover {
    color: var(--green, #096D73);

}

.mega-menu li a:hover {
    color: var(--black) !important;
}


.banner {

    height: 784px;

    background-image: url("../images/banner-bg.png");

    background-repeat: no-repeat;

    background-position: center center;

}

.home-banner .container-custom {

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}

.home-banner .banner-inner {

    display: inline-flex;

    flex-direction: column;

    align-items: center;

    gap: var(--desktop-title-to-text);

}

.banner-description {

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 48px;

}

.banner-description p {

    margin: 0;

    color: #fff;

    font-weight: 700;

    letter-spacing: 0.12px;

    line-height: 28.8px;

    font-size: 24px;

}



.logos-carousel {

    padding-top: var(--desktop-section-to-section);

    overflow: hidden;

}



.train-slider .swiper-wrapper {

    transition-timing-function: linear !important;

}



.train-slider .swiper-slide {

    width: auto !important;

    margin-right: 100px;

    display: flex;

    align-items: center;

    height: 48px;

}



.train-slider img {

    display: block;

    height: auto;

    max-width: none;

}



.hop-inner,

.kd-content-wrap,

.om-inner,

.inner-head,

.sm-inner,

.sm-circles,

.sa-inner,

.pp-inner,

.p-pr-inner {

    gap: var(--desktop-text-to-elements);

}

.hop-boxes {

    display: flex;

    height: 533px;

    align-items: center;

    gap: 4px;

    align-self: stretch;

}

.hop-boxes .hop-box {

    height: 533px;

    gap: var(--desktop-small-padding);

    width: 322px;

    cursor: pointer;

    transition: width 0.4s ease;

}

.hop-box .box-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    font-size: 24px;
    font-weight: 700;
    line-height: 28.8px;
    letter-spacing: 0.12px;
    color: var(--black);
}

.hop-box .box-img {

    height: 488px;

    border-radius: var(--desktop-corner-radius);

    position: relative;

}

.hop-boxes .hop-box .box-img:before {

    content: '';

    background: rgba(0, 0, 0, 0.24);

    border-radius: var(--desktop-corner-radius);

    position: absolute;

    width: 100%;

    height: 100%;

    right: 0;

    top: 0;

    visibility: visible;

    opacity: 1;

    transition: all 0.5s ease-in-out;

}

.hop-box.active-box {

    width: 488px;

}

.hop-boxes .hop-box.active-box .box-img:before,

.hop-boxes .hop-box .box-img:hover:before {

    opacity: 0;

    visibility: hidden;

}

.hop-box .box-img img {

    height: 488px;

    border-radius: var(--desktop-corner-radius);

    object-fit: cover;

    object-position: center center;

    width: 100%;

}

.os-inner {

    height: 602px;

    gap: var(--desktop-title-to-text);

}

.os-right,

.os-left {

    display: flex;

    align-items: start;

    align-self: stretch;

    justify-content: flex-start;

    height: 602px;

}

.os-left {

    align-items: end;

}



.os-left .os-img {

    width: 356px;

    height: 487px;

}

.os-right .os-img {

    width: 279px;

    height: 279px;

}

.os-inner .os-img img {

    display: block;

    width: 100%;

    height: 100%;

    border-radius: 3px;

    object-fit: cover;

    object-position: center center;

}

.os-mid {

    max-width: 640px;

    gap: var(--desktop-title-to-text);

}

.os-mid p {

    line-height: 28.8px;

    letter-spacing: 0.12px;

    font-size: 24px;

}







.our-new-series {

    overflow: clip;

}



.ons-inner {

    display: flex;

    height: 930px;

    position: relative;

    align-items: stretch;

}



.ons-inner .ons-right {

    width: var(--text-width);

    height: 100%;

    z-index: 2;

}


.ons-inner .ons-right-ct {
    position: -webkit-sticky;
    position: sticky;
    top: 112px;
    display: flex;
    flex-direction: column;
    gap: var(--desktop-title-to-text);
    padding-top: 12px;
}

.inductance .ons-inner .ons-right-ct {

    margin-top: 64px;

}

.ons-inner .ons-right p {

    letter-spacing: 0.09px;

}



.ons-inner .ons-left {

    position: absolute;

    top: 0;

    bottom: 0;

    left: calc((100vw - 100%) / -2);

    right: calc(var(--text-width) + var(--gap-width));

}



.ons-inner .ons-img {

    width: 100%;

    height: 100%;

}


.ons-inner .ons-img video,
.ons-inner .ons-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

}







.kitchen-design {

    overflow: clip;

    position: relative;

}



.kd-inner {

    display: flex;

    height: 960px;

    align-items: center;

    position: relative;

}

.kd-right {
    width: 46%;
    display: flex;
    justify-content: center;
}

.kd-content {

    display: flex;

    flex-direction: column;

    gap: var(--desktop-title-to-text);

}

.kd-content-wrap p {

    letter-spacing: 0.09px;

}

.kd-content-wrap {

    display: flex;

    max-width: 480px;

    flex-direction: column;

    align-items: flex-start;

}

.kd-left {

    position: absolute;

    top: 0;

    bottom: 0;

    left: calc((100vw - 100%) / -2);

    right: 50%;

}

.kd-img,
.kd-img img {

    width: 100%;

    height: 100%;

}



.kd-img img {

    object-fit: cover;

    object-position: center;

}

.kitchen-design.kd-reverse .kd-inner {

    flex-direction: row-reverse;

}

.kitchen-design.kd-reverse .kd-left {

    left: 50%;

    right: calc((100vw - 100%) / -2);

}



.om-inner {

    position: relative;

}

.om-slider,

.sa-slider,

.st-slider,

.p-pr-slider,

.rs-slider {

    width: 100%;

}

.om-slider .swiper-slide {

    height: auto;

}

.mgz-box {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: var(--desktop-small-padding);
    transition: all 1s;

}

.mgz-box:hover {
    transform: translateY(-30px);
}

.mgz-box .mag-thumb {

    height: 400px;

    width: 100%;

    position: relative;

}

.mgz-box .mag-thumb img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: var(--desktop-corner-radius);

}

.mgz-box .mag-thumb .detail-link {

    background: rgba(0, 0, 0, 0.24);

    position: absolute;

    line-height: 21.6px;

    letter-spacing: 0.09px;

    color: #fff;

    font-weight: 700;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    height: 100%;

    border-radius: var(--desktop-corner-radius);

    text-decoration: none;

    opacity: 0;

    visibility: hidden;

    transition: a11 0.5s ease-in-out;

}

.mgz-box .mag-thumb .detail-link span {
    background-image: url(../images/arrow-white.svg);
    background-repeat: no-repeat;
    background-position: left 5px;
    padding-left: 23px;
}

.mgz-box:hover .mag-thumb .detail-link {

    opacity: 1;

    visibility: visible;

}

.mgz-box .mag-ct {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: 8px;

    align-self: stretch;

    padding-left: 80px;

}

.mgz-box .mag-ct p {

    letter-spacing: 0.09px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    align-self: stretch;
    overflow: hidden;

}

.slider-nav {
    position: absolute;
    z-index: 1;
    width: calc(100% - 48px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}


.our-magzie .slider-nav {
    position: relative;
}



.page-breadcrumbs {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 6px;

    padding: 24px 0;

    line-height: 18.2px;

    font-size: 14px;

    letter-spacing: 0.07px;

    color: var(--black);

}

.page-breadcrumbs a,

.page-breadcrumbs .sep {

    text-decoration: none;

    color: var(--grey);

}

.inner-head {

    padding: 0 var(--desktop-main-padding) var(--desktop-sction-to-section---small) var(--desktop-main-padding);

}

.page-head {

    gap: var(--desktop-title-to-text);

}

.page-head h1 {

    max-width: 800px;

    text-align: center;

}

.page-head p {

    letter-spacing: 0.09px;

    max-width: 588px;

    text-align: center;

}

.page-banner {

    height: 700px;

}



.sm-desc {

    gap: var(--desktop-title-to-text);

    max-width: 628px;

    text-align: center;

}

.sm-desc p {

    letter-spacing: 0.09px;

}

.sm-circles {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

}

.circle-box {

    gap: 16px;

    width: 220px;

}

.circle-box span {

    display: block;

    font-weight: 700;

    letter-spacing: 0.09px;

    color: var(--black);

    line-height: 21.6px;

}

.circle-box .circle-thumb {

    width: 220px;

    height: 220px;

    border-radius: 400px;

}

.circle-box .circle-thumb img {

    border-radius: 400px;

}

.sa-inner {

    position: relative;

}

.sa-slider .mgz-box .mag-thumb {

    height: 380px;

}

.sa-slider .mgz-box .mag-ct p {

    -webkit-line-clamp: 3;

}



.st-inner {

    border-radius: var(--desktop-corner-radius);

    background-color: var(--black);

    justify-content: center;

    padding: 8px;

}

.st-inner .st-left {

    width: 41%;

    flex-shrink: 0;

    gap: var(--desktop-main-padding);

}

.st-inner .st-right {
    width: 59.6%;
    position: relative;
    max-width: 1048px;
}

.st-inner .st-right .slider-nav {
    top: 45.5%;
    transform: translate(-50%);
    left: 50%;
}

.st-inner .sli-top,

.st-inner .sli-bottom {

    width: 353px;

}

.st-inner .sli-top {

    gap: var(--desktop-title-to-text);

}

.st-inner .sli-top p,

.st-inner .sli-top h2 {

    color: var(--white);

}

.st-inner .sli-top p {

    letter-spacing: 0.09px;

}

.st-inner .sli-bottom {

    display: flex;

    align-items: flex-start;

    gap: 8px;

}

.st-slider .swiper-wrapper {

    height: 559px;

}

.st-single-product .st-inner .sli-top{

    width: 360px;

    margin: 0 auto;

}

.st-inner .sli-bottom{
    width: auto;
    margin: 0 auto;
}



.projects-outer {

    padding-bottom: var(--desktop-section-to-section);

}

.proj-inner {

    gap: 24px;

    display: grid;

    grid-template-columns: repeat(3, 1fr);

}

.proj-box {

    gap: 16px;

}

.proj-box .proj-thumb {

    height: 480px;

}

.proj-box .proj-thumb img {

    border-radius: var(--desktop-corner-radius);

}


.project-photos {
    padding-bottom: var(--desktop-section-to-section);
    overflow-x: clip;
}

.pp-inner>h3 {

    font-size: 32px;

    letter-spacing: 0.16px;

    line-height: 32px;

}

.pp-photos {

    gap: 24px;

}

.pp-photos .pp-photo {
    height: 930px;
    position: relative;
}



.tooltip-pop {

    display: inline-flex;

    padding: 16px;

    flex-direction: column;

    align-items: flex-start;

    gap: 16px;

    background-color: var(--grey-BG);

    border-radius: var(--desktop-corner-radius);

}

.tooltip-pop .tp-thumb {

    height: 296px;

    width: 240px;

    background-color: var(--white);

    border-radius: var(--desktop-corner-radius);

}

.tooltip-pop .tp-thumb img {

    width: 154px;

    height: 154px;

}

.tooltip-pop .tp-details p {

    margin-bottom: 0;

    font-size: 16px;

    line-height: 20.8px;

    letter-spacing: 0.08px;

}

.custom-tooltip.tooltip.show {

    opacity: 1;

}

.custom-tooltip .tooltip-arrow {

    display: none;

}

.tooltip-inner {

    max-width: none;

    color: inherit;

    margin: 0;

    padding: 0;

    border-radius: 0;

    text-align: inherit;

    background-color: transparent;

}



.p-pr-inner {

    position: relative;

}

.pr-box {

    padding: 1px;

    border-radius: var(--desktop-corner-radius);

    border: solid 1px var(--light-grey);

    background-color: #fff;

}

.pr-tags {

    padding: 16px;

    position: absolute;

    right: 0;

    top: 0;

    gap: 6px;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 0.12px;

    line-height: 14.4px;

}

.pr-cirlce-tags {

    padding: 16px;

    position: absolute;

    left: 0;

    bottom: 0;

}

.pr-tag {

    border-radius: 4px;

    background-color: var(--green);

    color: var(--white);

    padding: 4px 8px;

}

.tag-grey {

    background-color: var(--light-grey);

    color: var(--green);

}

.pr-circle {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 99px;

    background-color: var(--black);

    color: var(--white);

    height: 60px;

    padding: 0 8px;

    font-size: 14px;

    font-weight: 700;

    line-height: 18.2px;

    letter-spacing: 0.07px;

    width: 60px;

}

.pr-thumb {

    height: 338px;

    margin: 0 auto;

    padding: 36px;

    position: relative;

}

.pr-thumb .pr-thumb-wrap img {

    aspect-ratio: 214 / 169;

}

.prc-top {

    gap: 8px;

}

.prc-top,
.prc-bottom {
    padding: 16px;
    align-self: stretch;
    background-color: #fff;
}

.prc-top h3 {

    font-size: 18px;

    letter-spacing: 0.09px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    line-height: 21.6px;

    text-overflow: ellipsis;

    overflow: hidden;

}

.prc-meta {
    min-height: auto;
}

.prc-top p {

    margin: 0;

    font-size: 16px;

    line-height: 20.8%;

    letter-spacing: 0.08px;

}

.prc-price-markup {
    font-size: 18px;
    font-weight: 700;
    line-height: 21.6px;
    letter-spacing: 0.09px;
    color: var(--black);
    margin: auto;
    margin-left: 0;
    margin-top: 0;
}

.prc-brand img {
    width: 67px;
    object-fit: contain;
}

.side-filters {

    gap: 24px;

    position: sticky;

    top: 50px;

}

.selcted-pills {

    justify-content: flex-start;

    align-self: stretch;

    flex-wrap: wrap;

    gap: 8px;

}

.selcted-pills .selected-pill {

    padding: 4px 8px;

    display: flex;

    align-items: center;

    justify-content: flex-start;

    border-radius: 99px;

    border: solid 1px var(--light-grey);

    background-color: var(--white);

    gap: 4px;

    font-size: 14px;

    letter-spacing: 0.07px;

    line-height: 18.2px;



}

.selcted-pills span {

    width: 8px;

    height: 8px;

    display: block;

    aspect-ratio: 1/1;

    background-image: url("../images/cross.svg");

    background-repeat: no-repeat;

    background-position: center;

    cursor: pointer;

}



.fliters-items,

.fliters-items .item-wrap {

    gap: 16px;

    width: 390px;

}

.item-divider {

    width: 100%;

    height: 1px;

    background-color: var(--grey-for-stroke);

}

.fliters-items .item-options {

    gap: 8px;

    display: none;

}

.fliters-items .item-options {

    font-size: 14px;

    line-height: 18.2px;

    letter-spacing: 0.07px;

    cursor: pointer;

}

.fliters-items .item-options .po-selected {

    font-weight: 700;

}

.fliters-items .item-head {

    cursor: pointer;

}

.fliters-items .item-head img {
    height: 14px;
    transition: transform 0.3s ease;
    width: 14px;
    object-fit: contain;
}

.item-wrap.opened-item .item-head img {

    transform: rotate(180deg);

}





.shop-cats {

    gap: 48px;

}

.cat-circles {
    display: grid;
    grid-template-columns: repeat(5, max-content);
    justify-content: center;
    gap: 32px;
}


.cat-circle {

    gap: 8px;
}

.cat-circle .cat-thumb {
    width: 120px;
    height: 120px;
    padding: 30px;
    justify-content: center;
    aspect-ratio: 1/1;
    border: unset;
    transition: var(--transition-5s);
    border-radius: 80px;
    background: var(--grey-BG, #F7F7F7);
}

.cat-circle .thumb-in {

    justify-content: center;

    width: 60px;

    height: 60px;

    padding: 1.765px 7.059px;

    aspect-ratio: 1 / 1;

    transition: var(--transition-5s);

}

.cat-circle .cat-name {
    font-size: 16px;
    line-height: 20.8px;
    letter-spacing: 0.08px;
    color: var(--black);
    text-align: center;
    font-weight: 400;
    transition: var(--transition-5s);
    width: 140px;
}

.cat-circle:hover .thumb-in {

    width: 70px;

    height: 70px;

}

.cat-circle:hover .cat-name {

    font-weight: 700;

}

.cat-circle .cat-thumb img,
.cat-circle,
.cat-circle .cat-thumb {
    transition: all 1s;
}

.cat-circle .cat-thumb {
    border: 1px solid transparent;
}

.cat-circle:hover .cat-thumb {
    padding: 0;
    border: 1px solid var(--green-hover, #075458);
    background: var(--grey-BG, #F7F7F7);
    transition: all 1s;
}


/* .cat-circle:hover .cat-thumb img {
    transform: scale(1.2);
} */

/*.cat-circle:hover .thumb-in {*/
/*padding: 2.059px 8.236px 2.059px 8.235px*/
/*}*/



.cat-circle .thumb-in {
    margin: auto;
}

.cat-circle .thumb-in img {
    height: auto;
    width: auto;
    object-fit: cover;
}

.cat-nav {

    display: flex;

    align-items: center;

    gap: 32px;

    padding-bottom: 8px;

    border-bottom: solid 1px var(--light-grey);

}

.cat-nav a {

    color: var(--black);

    letter-spacing: 0.09px;

    text-decoration: none;

    position: relative;

    transition: var(--transition-5s);

}

.cat-nav a:after {

    content: '';

    width: 0;

    height: 2px;

    right: 0;

    bottom: -8px;

    position: absolute;

    transition: width 0.3s ease-in-out;

}

.cat-nav a.active-cat-item {

    font-weight: 700;

}

.cat-nav a.active-cat-item:after {

    width: 100%;

    background-color: var(--black);

}





.products-main-outer {

    padding-top: var(--desktop-main-padding);

}

.pmo-inner {

    gap: 20px;

}

.pmo-top {

    gap: 8px;

    align-self: stretch;

}

.pmot-right {

    gap: 40px;

}

.filter-by {

    display: flex;

    align-items: center;

    gap: 24px;

}

.filter-by>strong {
    background-image: url("../images/filter-icon.svg");
    display: flex;
    align-items: center;
    padding-right: 24px;
    background-repeat: no-repeat;
    background-position: 100% 4px;
    font-size: 16px;
    line-height: 20.8px;
    letter-spacing: 0.08px;
    color: var(--black);
    cursor: pointer;
}

.found-by-filter {

    font-size: 12px;

    letter-spacing: 0.12px;

    line-height: 14.4px;

}

.clear-filters {

    cursor: pointer;

    font-size: 12px;

    font-weight: 700;

    line-height: 14.4px;

    letter-spacing: 0.12px;

    display: flex;

    align-items: center;

    border-bottom: solid 1px var(--grey);

    color: var(--grey);

}

.pmot-left {

    display: flex;

    align-items: center;

    gap: 16px;

    font-size: 14px;

    color: var(--black);

    letter-spacing: 0.07px;

    line-height: 18.2px;

}

.custom-select {

    position: relative;

}

.custom-select ul {
    position: absolute;
    background-color: #fff;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 160px;
    right: 0;
    border: solid 1px var(--grey-for-stroke);
    border-top: none;
    display: none;
    z-index: 99;
    margin-top: 9px;
}

.custom-select ul li {

    padding: 12px 16px;

    color: var(--black);

    cursor: pointer;

}

.custom-select ul li.is-selected span {

    font-weight: 700;

    text-decoration-line: underline;

    text-decoration-style: solid;

    text-decoration-skip-ink: none;

    text-decoration-thickness: auto;

    text-underline-offset: auto;

}

.select-styled {

    padding: 16px;

    background-color: var(--white);

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 160px;

    height: 48px;

    border: solid 1px var(--grey-for-stroke);

    line-height: 18.2px;

    cursor: pointer;

}



.pmo-middle {

    align-items: flex-start;

    gap: 64px;

}

.pmo-bottom {

    width: 100%;

}

.shop-products-grid-outer {

    position: relative;

}

.shop-products-grid-outer:before {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background-color: #ffffffb3;

    z-index: 9;

    opacity: 0;

    visibility: hidden;

    transition: all 0.3s ease-in-out;

}

.shop-products-grid-outer.processing-filters:before {

    opacity: 1;

    visibility: visible;

}

.shop-products-grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 64px 24px;

}

.ad-box {

    position: relative;

    max-height: 512px;

}

.ad-details {

    background: rgba(0, 0, 0, 0.50);

    position: absolute;

    width: 100%;

    height: 100%;

    right: 0;

    top: 0;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    align-items: center;

    padding: 48px 64px;

}

.ad-logo img {

    max-width: 94.4px;

}

.ad-content {

    font-size: 24px;

    color: var(--white);

    text-align: center;

    font-weight: 700;

    line-height: 28.8px;

    letter-spacing: 0.12px;

}

.ad-box,

.ad-details,

.ad-box .ad-thumb,

.ad-box .ad-thumb img,

.ad-box-horizontal {

    border-radius: var(--desktop-corner-radius);

}

.ad-box-horizontal {

    background-color: var(--black);

    padding: 8px;

    justify-content: center;

    flex-shrink: 0;

    height: 512px;

    margin: var(--desktop-main-padding) 0;

}

.ad-box-horizontal .ad-right,

.ad-box-horizontal .ad-left {

    width: 50%;

}

.ad-box-horizontal .ad-left {

    padding: 64px;

}

.ad-left-inner {

    max-width: 418px;

    margin: 0 auto;

    gap: var(--desktop-main-padding);

}

.ad-left-inner h3 {

    font-size: 32px;

    color: var(--white);

    line-height: 32px;

    letter-spacing: 0.16px;

}

.ad-left-inner p {

    letter-spacing: 0.09px;

    color: var(--white);

}

.al-content {

    gap: var(--desktop-title-to-text);

}



.wwu-inner {

    gap: var(--desktop-text-to-elements);

}

.title-with-text {

    gap: 24px;

    max-width: 800px;

    margin: 0 auto;

    text-align: center;

}

.title-with-text .title-desc {

    max-width: 540px;

    letter-spacing: 0.09px;

}

.bg-icon-boxes {
    gap: 24px;
    justify-content: center;
}

.bg-icon-box {
    border: solid 1px var(--grey-for-stroke);
    border-radius: var(--desktop-corner-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 0 0;
    padding: 76.5px 145px;
    width: 100%;
}

.bg-icon-box .bib-inner {

    gap: 24px;

    max-width: 140px;

    text-align: center;

}

.bg-icon-box .bib-inner .thumb {

    width: 140px;

    height: 140px;

    background-color: #fff;

    border-radius: 400px;

    padding: 46.5px 46px 45.5px 46px;

}

.bg-icon-box .bib-inner h4 {

    font-size: 18px;

    line-height: 21.6px;

    letter-spacing: 0.09px;

}

.contact-sec {

    height: 930px;

}

.contact-form {

    gap: var(--desktop-title-to-text);

    max-width: 460px;

}

.form-wrap {

    gap: 24px;

}

.form-wrap>p {

    margin: 0;

    text-align: center;

    letter-spacing: 0.09px;

}

.form-note {

    font-size: 14px;

    letter-spacing: 0.07px;

    line-height: 18.2px;

    text-align: right;

    padding-top: 12px;

}

.submit-btn {

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: 56px;

}

.wpcf7-form-control-wrap {

    display: block;

    margin-bottom: 12px;

}

.wpcf7-not-valid-tip {

    font-size: 14px;

    line-height: 18.6px;

    margin-right: 3px;

}

.info-row,

.info-col {

    justify-content: center;

    gap: 12px;

}

.info-row {

    gap: 12px;

}

.info-col {

    gap: 8px
}

.info-col a {

    color: var(--grey);

    text-decoration: none;

    font-size: 16px;

    line-height: 20.8px;

    letter-spacing: 0.08px;

}

.info-col:first-child {

    position: relative;

    padding-left: 12px;

}

.mn-inner {
    gap: var(--desktop-text-to-elements);
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}

.reels-inner {

    gap: 48px;

    position: relative;

}



.reel-box {

    height: 497px;

    aspect-ratio: 279.56/497.00;

    border-radius: var(--desktop-corner-radius);

    background: #636363;

    position: relative;

}

.reel-box .reel-thumb,

.reel-box .reel-thumb img,

.reel-content {

    aspect-ratio: 279.56/497.00;

    border-radius: var(--desktop-corner-radius);

}

.reel-content {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    right: 0;

    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.64) 100%);

}

.reel-content .rc-inner {

    margin-top: auto;

    position: absolute;

    width: 100%;

    padding: 16px 24px;

    font-size: 16px;

    font-weight: 700;

    color: #fff;

    letter-spacing: 0.08px;

    line-height: 20.8px;

    gap: 10px;

    bottom: 0;

}

.reel-content .rc-inner .reel-title {

    max-width: 164px;

}



.accord-inner {

    gap: var(--desktop-main-padding);

}

.accord-items {

    width: 100%;

    max-width: 884px;

    margin: 0 auto;

}

.accord-items,

.ac-title {

    gap: 24px;

}

.ac-title {

    cursor: pointer;

}

.accord-item {

    gap: 12px;

    width: 100%;

}

.ac-title h4 {

    font-size: 18px;

    line-height: 12.6px;

    letter-spacing: 0.09px;

}

.ac-title img {

    transform: rotate(0deg);

    transition: all 0.3s ease-in-out;

}

.accord-item.opened-item img {
    transform: rotate(45deg);
    margin-top: -2px;
}

.ac-content {

    letter-spacing: 0.09px;

    display: none;

}

.horizontal-slides {

    position: relative;

}

.hs-spacer {
    height: calc(795px * 3);
}

.hs-inner {

    position: sticky;

    top: calc(100vh - 784px);

    height: 784px;

    overflow: hidden;

}

.hs-slide {

    display: flex;

    align-items: center;

    justify-content: center;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 784px;

    transform: translateY(100%);

}

.hs-slide:first-child {

    transform: translateY(0);

}



.hs-slide .hs-slide-thumb {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

}

.hs-slide h2 {

    font-size: 88px;

    line-height: 79.2px;

    color: var(--white);

}

.hs-slide .slide-num {

    font-size: 24px;

    font-weight: 700;

    color: var(--white);

    line-height: 28.8px;

    letter-spacing: 0.12px;

}

.hs-slide-content {

    padding: 64px;

    max-width: 538px;

    gap: 16px;

    color: var(--white);

    position: relative;

    text-align: center;

    z-index: 2;

}

.hs-slide-content .hsc-top {

    gap: 12px;

}

.hs-slide p {

    font-weight: 700;

    font-size: 20px;

    line-height: 24px;

    letter-spacing: 0.1px;

}

.hs-slide .hs-slide-overlay {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 100%);

}



.tab-heads {

    justify-content: center;

    position: relative;

    border-bottom: 1px solid var(--grey-for-stroke);

    display: inline-flex;

    gap: 32px;

    width: max-content;

    margin: 0 auto;

    padding-bottom: 8px;

    direction: rtl;

}



.tab-head {

    letter-spacing: 0.09px;

    cursor: pointer;

}



.tab-head.active-head {

    font-weight: 700;

    line-height: 20.6px;

}



.tab-indicator {

    position: absolute;

    bottom: 0;

    height: 2px;

    background: var(--black);

    transition: transform 0.3s ease, width 0.3s ease;

    left: 0;

}



.tab-target-contents {

    width: 100%;

}

.tab-target {

    display: none;

}



.tab-target.active-target-tab {

    display: block;

}





.qr-inner {

    display: flex;

    align-items: flex-start;

    gap: 24px;

    justify-content: center;

}

.qr-box {

    border: solid 1px var(--grey-for-stroke);

    border-radius: var(--desktop-corner-radius);

    max-width: 581px;

}

.qr-thumb {

    height: 279px;

    padding: 32.34px 32.3px 31.7px 32.9px;

}

.qr-thumb .qr-thumb-inner {

    width: 224.398px;

    height: 212.963px;

}

.qr-content {

    background-color: var(--grey-BG);

    flex: 1 0 0;

    align-self: stretch;

    border-top-left-radius: var(--desktop-corner-radius);

}

.qrc-top {

    padding: 24px;

    gap: 16px;

    align-self: stretch;

}

.qr-label {

    display: inline-flex;

    padding: 4px 8px;

    align-items: center;

    justify-content: center;

    font-size: 12px;

    font-weight: 700;

    line-height: 14.4px;

    letter-spacing: 0.12px;

    color: var(--green);

    border-radius: 4px;

    background-color: var(--white);

    border: solid 1px var(--green);

}

.qrc-details {

    gap: 8px;

}

.qrc-details h3 {

    font-size: 18px;

    line-height: 21.6px;

    letter-spacing: 0.09px;

}

.qrc-details p {

    font-size: 16px;

    line-height: 20.8px;

    letter-spacing: 0.08px;

}

.qrc-bottom {

    padding: 24px;

}

.qrbd-heading {

    background-color: var(--grey-BG);

    font-size: 16px;

    letter-spacing: 0.08px;

    line-height: 20.8px;

    padding: 16px 40px;

    border-top: solid 1px var(--grey-for-stroke);

    cursor: pointer;

    border-bottom-right-radius: var(--desktop-corner-radius);

    border-bottom-left-radius: var(--desktop-corner-radius);

}

.qrbd-content {

    gap: 29px;

    padding: 24px 40px;

    align-items: flex-start;

    font-size: 16px;

    line-height: 20.8px;

    letter-spacing: 0.08px;

    height: 0;

    overflow: hidden;

    padding-top: 0;

    padding-bottom: 0;

}

.qrbd-content h4 {

    font-size: 18px;

    line-height: 21.6px;

    letter-spacing: 0.09px;

    align-items: flex-start;

}

.qrbd-content {}

.qrbd-content ul {

    list-style: none;

    margin: 0;

    padding: 0;

    gap: 6px;

}

.qrbd-content ul li {

    display: flex;

    align-items: center;

    gap: 8px;

}

.qrbdc-right,

.qrbdc-left {

    flex: 1 0 0;

    gap: 8px;

}

.qr-box-dropdown {

    border-bottom-right-radius: var(--desktop-corner-radius);

    border-bottom-left-radius: var(--desktop-corner-radius);

}



.rb-inner {

    display: flex;

    justify-content: center;

    gap: 12px;

}

.qrbd-heading img {

    transform: rotate(0deg);

    transition: all 0.3s ease-in-out;

}

.qr-box-dropdown.qr-box-dropdown-active .qrbd-heading img {

    transform: rotate(180deg);

}

#qr-modal .modal-dialog {

    width: 100%;

    max-width: 1062px;

}

#qr-modal .modal-content {

    border-radius: var(--desktop-corner-radius);

}

#qr-modal .modal-dialog .modal-body {

    padding: 0;

}

.qr-modal-step {

    gap: 40px;

    padding: 80px 56px;

}

.qr-step-title {

    gap: 8px;

    text-align: center;

}

.qr-step-title h3 {

    font-size: 32px;

    line-height: 32px;

    letter-spacing: 0.016px;

}

.qr-step-title .qr-step-desc {

    letter-spacing: 0.09px;

}

.qr-step-box {

    max-width: 146px;

    border-radius: var(--desktop-corner-radius);

    border: solid 1px var(--grey-for-stroke);

    background-color: var(--grey-BG);

    padding: 6px 6px 0 6px;

    cursor: pointer;

}

.qr-step-box.selected-box {

    border-color: var(--green);

}

.qrs-thumb {

    height: 133px;

    width: 134px;

}

.qrs-thumb img {

    border-radius: var(--desktop-corner-radius);

}

.qr-step-box h4 {

    font-size: 16px;

    line-height: 20.8px;

    letter-spacing: 0.08px;

    text-align: center;

    padding: 8px 0;

}

.step-boxes {

    justify-content: center;

    gap: 8px;

}

.qr-steps-navi {

    gap: 24px;

    background-color: var(--grey-BG);

    padding: 24px;

    border-bottom-right-radius: var(--desktop-corner-radius);

    border-bottom-left-radius: var(--desktop-corner-radius);

}

.step-dots {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 5px;

}

.step-dots span {

    width: 6px;

    height: 6px;

    border-radius: 20px;

    background-color: var(--black);

    opacity: 0.2;

}

.step-dots span.active-dot {

    width: 8px;

    height: 8px;

    border-radius: 7px;

    background-color: var(--green);

    opacity: 1;

}



.breadcrumbs strong,
.breadcrumbs a {
    color: var(--grey, #4C4C4C);
    text-align: right;

    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 18.2px */
    letter-spacing: 0.07px;

    text-decoration: none;
}

.breadcrumbs strong {
    font-weight: 700;
    color: #242424;
}

.breadcrumbs {
    padding: 24px 64px 24px 64px;
    width: 50%;
}


.breadcrumbs .flx {
    display: flex;
    align-items: center;
    gap: 6px;
}

.characteristics .text-wrapper .heading h3 {
    color: var(--black, #242424);
    text-align: right;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 32px */
    letter-spacing: 0.16px;

}

.characteristics .text-wrapper .heading p {
    color: var(--grey, #4C4C4C);
    text-align: right;

    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 18.2px */
    letter-spacing: 0.07px;
}



.characteristics .text-wrapper .heading {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 510px;
}

.woo-variation-swatches.wvs-show-label .variations th .woo-selected-variation-item-name,
.woocommerce div.product form.cart .variations label,
.characteristics .text-wrapper .color-picker span {
    color: var(--black, #242424);
    text-align: right;

    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 18.2px */
    letter-spacing: 0.07px;
}


.characteristics .text-wrapper .price h6 {
    color: var(--black, #242424);
    text-align: right;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0.12px;
    margin-bottom: 16px;
    display: flex;
    flex-direction: row-reverse;
    align-items: end;
    gap: 7px;
    justify-content: start;
}

.characteristics .text-wrapper .price h6 strong {
    color: var(--black, #242424);

    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: 0.08px;
}


.characteristics .text-wrapper .price .btn-custom {
    color: var(--white, #FFF);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0.09px;
    width: 188px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    text-decoration: none;
    border-radius: 999px;
    background: var(--green, #096D73);
    min-width: auto;
    transition: all 1s;
}

.characteristics .text-wrapper .price .btn-custom:hover {
    background: var(--green-hover, #075458) !important;

}


.characteristics .text-wrapper .price .price-detail .p_flx {
    display: flex;
    align-items: center;
    gap: 0px;
}

.share-wrapper.sales,
.characteristics .text-wrapper .price .share-wrapper {
    position: relative;
    display: inline-block;
    padding-right: 7px;
}

.share-wrapper.sales .share-socials ,
.characteristics .text-wrapper .price .share-socials {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-170%);
    display: flex;
    gap: 10px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.3s ease;
}
.share-wrapper.sales.active .share-socials,
.characteristics .text-wrapper .price .share-wrapper.active .share-socials {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.share-wrapper.sales .share-socials a,
.characteristics .text-wrapper .price .share-socials a {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fff;
    color: #fff;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    padding-top: 0px;
}

.share-wrapper.sales .share-icon{
    display: flex;
    width: 40px;
    height: 40px;
    padding: 13px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 999px;
    border: 1px solid var(--grey-for-stroke, rgba(0, 0, 0, 0.12));
    background: var(--white, #FFF);
}
.characteristics .text-wrapper .price .share-icon {
    display: flex;
    width: 50px;
    height: 50px;
    padding: 13px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 999px;
    border: 1px solid var(--grey-for-stroke, rgba(0, 0, 0, 0.12));
    background: var(--white, #FFF);
}


.share-wrapper.sales .share-icon img{
    width: 18px;
    height: 18px;
    object-fit: cover;
}
.characteristics .text-wrapper .price .share-icon img {
    width: 24px;
    height: 24px;
    object-fit: cover;
}


.characteristics .text-wrapper .price .price-detail a.aditional {
    color: var(--black, #242424);
    text-align: right;

    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 20.8px */
    letter-spacing: 0.08px;

    text-decoration: underline;
}


.characteristics .text-wrapper .price .price-detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.special_discount {
    padding: 19.6px 24px 27.6px 24px;
    width: 100%;
    border-radius: var(--desktop-corner-radius, 6px);
    background: var(--black, #242424);
}

.special_discount .s_flx {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}


.special_discount .s_flx .s_logo img {
    width: 94px;
    height: 16px;
    aspect-ratio: 47/8;
    margin-bottom: 12px;

}


.special_discount .s_flx .s_logo p {
    color: var(--white, #FFF);
    text-align: center;

    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 14.4px */
    letter-spacing: 0.12px;
    max-width: 104px;
}


.special_discount .s_flx strong {
    color: var(--white, #FFF);
    text-align: right;
    max-width: 280px;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 21.6px */
    letter-spacing: 0.09px;
}


.t .s_flx .img-wrapper img {
    display: flex;
    width: 32px;
    height: 32px;
    padding: 4px;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1/1;

    border-radius: 80px;
    background: var(--white, #FFF);
}


.characteristics_faq {
    border: 1px solid #cfdede;
    border-radius: 10px;
}

.characteristics_faq .accordion .acc-item {
    color: var(--black, #242424);
    text-align: right;

    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0.09px;
}

.characteristics_faq .accordion .acc-title {
    cursor: pointer;
    padding: 15px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    padding-bottom: 0;
}

.characteristics_faq .accordion .acc-content {
    display: none;
    padding: 0;
}

.characteristics_faq .accordion .acc-content ul {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    text-wrap: auto;
}

.characteristics_faq .accordion .acc-content p,
.characteristics_faq .accordion .acc-content ol li,
.characteristics_faq .accordion .acc-content li {
    color: var(--grey, #4C4C4C);
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.08px;
    position: relative;
    list-style: none;
}

.characteristics_faq .accordion .acc-content ol li::after,
.characteristics_faq .accordion .acc-content li::after {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 99px;
    background: var(--green, #096D73);
    position: absolute;
    right: -17px;
    top: 0.4em;
    display: block;
}

.characteristics_faq .accordion .acc-content p span,
.characteristics_faq .accordion .acc-content ol li span,
.characteristics_faq .accordion .acc-content li span {
    color: var(--black, #242424);
}
.characteristics_faq .accordion .acc-content li span.c-attr-name {
    font-weight: bold;
}

.characteristics_faq .accordion .icon {
    transition: transform 0.3s ease;
}

.characteristics_faq .accordion .acc-item.active .icon {
    transform: rotate(180deg);
}

/*
.characteristics_faq .accordion */

.characteristics_faq .accordion .acc-content .content-flx {
    /*display: grid;*/
    /*grid-template-columns: repeat(3, 1fr);*/
    gap: 30px;

}


.characteristics_faq {
    margin-bottom: 8px;
    border-radius: var(--desktop-corner-radius, 6px);
    border: 1px solid rgba(9, 109, 115, 0.30);
    padding: 10px;
    max-width: 900px;
    padding: 16px 16px 10.78px 16px;
}

.characteristics_faq:last-child {
    border-bottom: 1px solid rgba(9, 109, 115, 0.30);
    border-bottom-left-radius: var(--desktop-corner-radius, 6px);
    border-bottom-right-radius: var(--desktop-corner-radius, 6px);
}

.characteristics .text-wrapper {
    max-width: 560px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.characteristics_faq .accordion .acc-content ul {
    padding-right: 18px;
    width: 100%;

}

.characteristics_faq .accordion .acc-item.attri .acc-content ul{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    row-gap: 0;
}

.characteristics.grey-bg {
    display: flex;
    justify-content: center;
    padding-top: 72px;
}

footer {
    background: var(--black, #242424);
    padding: 48px 64px 0 64px;
}


footer .top-footer .f-nav strong {
    color: var(--white, #FFF);
    text-align: right;

    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 21.6px */
    letter-spacing: 0.09px;
}


footer .top-footer .f-nav ul li a {
    color: var(--white, #FFF);
    text-align: right;

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 20.8px */
    letter-spacing: 0.08px;
    text-decoration: none;
}


footer .top-footer .footer-nav {
    display: flex;
    gap: 64px;
}


footer .top-footer .f-nav ul {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 0;
    padding-top: 16px;

}

footer .top-footer .f-nav ul li {
    list-style: none;
}

footer .newsletter span,
footer .newsletter h2 {
    color: var(--white, #FFF);
    text-align: right;

    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0.12px;
    margin-bottom: 48px;
}

footer .newsletter form input::placeholder,
footer .newsletter form input {
    color: var(--white, #FFF);
    text-align: right;

    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 23.4px */
    letter-spacing: 0.09px;
}


footer .newsletter form {
    max-width: 343px;
    width: 100%;
}


footer .newsletter form input {
    padding-bottom: 6px;
    border-bottom: 1px solid #fff;
    width: 100%;
    background: transparent;
}

footer .newsletter .footer-circle {
    width: 56px;
    height: 56px;
    border-radius: 100%;
    position: relative;
    background: #fff;
    overflow: hidden;
}

footer .newsletter .footer-circle::after,
footer .newsletter .footer-circle::before {
    content: '';
    background: url('../images/footer_circle.png') no-repeat center/cover;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 50%;
    transition: all 0.5s ease;
    background-size: cover;
}

footer .newsletter .footer-circle::after {
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
}

footer .newsletter .footer-circle::before {
    top: 120%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

footer .newsletter .footer-circle:hover::after {
    top: -20%;
    opacity: 0;
}

footer .newsletter .footer-circle:hover::before {
    top: 50%;
    opacity: 1;
}



footer .newsletter_flx {
    display: flex;
    gap: 46px;
}

footer .footer-logo {
    max-width: 131px;
    height: 23px;
}


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

footer .top-footer {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 48px;
    border-bottom: 1px solid #4C4C4C;
}

footer label.newsletter-checkbox {
    display: flex;
    gap: 10px;
    justify-content: start;
    color: var(--white, #FFF);
    text-align: right;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0.12px;
    margin-top: 17px;
}

footer label.newsletter-checkbox input[type="checkbox"] {
    width: 16px;
    height: 16px;
    background: transparent;
    background-color: transparent;
    accent-color: transparent;
}


footer .newsletter form input {
    background: transparent;
    width: 343px;
}


footer .footer-bottom .visit_us p,
footer .footer-bottom .fb_flx .time,
footer .footer-bottom .fb_flx a {
    color: var(--white, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0.08px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    text-wrap-mode: nowrap;
}

footer .footer-bottom .fb_flx a::after {
    content: '';
    width: 1px;
    height: 8px;
    background: var(--grey, #4C4C4C);
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
}


footer .footer-bottom .fb_flx .time strong,
footer .footer-bottom .fb_flx a strong {
    font-weight: 700;
}


footer .footer-bottom .fb_flx {
    display: flex;
    gap: 34px;

}

footer .footer-bottom {
    padding: 32px 0;
}


footer .footer-bottom .visit_us p {
    opacity: 0.64;
    padding-left: 10px;
    margin: 0;
}


footer .footer-bottom .visit_us img {
    margin: 0 6px;
}

footer .footer-bottom .visit_us {
    display: flex;
    align-items: center;
    z-index: 999999999;
    position: relative;
}


footer .footer-bottom .bottom_flx {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}



.mgz-box .mag-ct {
    position: relative;
}

.mgz-box .mag-ct::after {
    content: '';
    position: absolute;
    top: 8px;
    left: 6px;
    display: block;
    width: 12px;
    height: 12px;
    background-position: center;
    background-image: url("../images/arrow.svg");
    background-repeat: no-repeat;
}

.characteristics_faq .accordion .desc .acc-content .content-flx {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
}

.characteristics_faq .accordion .desc .acc-content ul {
    padding-right: 18px;
}

.characteristics_faq .accordion .desc .acc-content img,
.characteristics_faq .accordion .desc .acc-content p img {
    margin: 0;
}

.characteristics_faq .accordion .desc .acc-content h1 {
    font-size: 26px;
    line-height: normal;
}

.characteristics_faq .accordion .desc .acc-content h2 {
    font-size: 24px;
    line-height: normal;
}

.characteristics_faq .accordion .desc .acc-content h3 {
    font-size: 22px;
    line-height: normal;
}

.characteristics_faq .accordion .desc .acc-content h4 {
    font-size: 20px;
    line-height: normal;
}

.characteristics_faq .accordion .desc .acc-content h5 {
    font-size: 18px;
    line-height: normal;
}

.characteristics_faq .accordion .desc .acc-content h6 {
    font-size: 16px;
    line-height: normal;
}

.characteristics_faq .accordion .icon img {
    transform: rotate(180deg);
}

.single-images-section {
    width: 50%;
    padding: 121px 192px 66px 193px;
    position: relative;
}

.main-product-area {
    display: flex;
}

.single-images-section span.onsale {
    display: none;
}

.single-product ins {
    text-decoration: none;
}

.single-product .price span.woocommerce-Price-amount.amount bdi {
    color: var(--black, #242424);
    text-align: right;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: 0.08px;
    margin-bottom: 0;
}

.characteristics .text-wrapper .color-picker span.woocommerce-Price-currencySymbol {
    font-weight: 600;
    color: var(--black, #242424);
    font-size: 16px;
    font-style: normal;
    line-height: 130%;
    letter-spacing: 0.08px;
}

.woo-variation-swatches.rtl .variable-items-wrapper.color-variable-items-wrapper .variable-item:not(.radio-variable-item) {
    border-radius: 80px;
    width: 32px;
    height: 32px;
}

.woo-variation-swatches.rtl .variable-items-wrapper.color-variable-items-wrapper span.variable-item-span.variable-item-span-color {
    border-radius: 80px;
}

.woocommerce div.product form.cart .variations {
    margin-bottom: 30px;
}

.single-product .single_add_to_cart_button.btn-custom {
    color: var(--white, #FFF) !important;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0.09px;
    width: 188px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    text-decoration: none;
    border-radius: 999px;
    background: var(--green, #096D73) !important;
    min-width: auto;
}

.single-product.woocommerce .quantity .qty {
    display: none;
}

.single-product.woocommerce div.product form.cart {
    margin-bottom: 0;
}

.woocommerce-page div.product div.images {
    width: 100%;
}

.woocommerce div.product div.images .flex-control-thumbs {
    padding-top: 50px;
    display: flex;
    gap: 10px;
    margin: auto;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    max-width: calc(3 * 76px);
    justify-content: flex-start;
    margin: auto;
    padding-bottom: 5px;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    flex: 0 0 58px;
    scroll-snap-align: center;
}

.woocommerce div.product div.images .flex-control-thumbs li.flex-active {
    scroll-snap-align: center;
}

.woocommerce div.product div.images .flex-control-thumbs::-webkit-scrollbar {
    height: 5px;

}

.woocommerce div.product div.images .flex-control-thumbs::-webkit-scrollbar-thumb {
    background: #ccc;
    position: relative;
}




.woocommerce div.product div.images .flex-control-thumbs li {
    border: 1px solid var(--black, #242424);
    margin-left: 8px;
    width: 58px;
    height: 58px;
}

ul.flex-direction-nav {
    position: relative;
    direction: ltr;
}

li.flex-nav-next {
    position: absolute;
    top: 12px;
    display: block;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    left: 130px;
}

li.flex-nav-prev {
    position: absolute;
    top: 12px;
    display: block;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    right: 90px;
}

li.flex-nav-next a,
li.flex-nav-prev a {
    visibility: hidden;
    position: relative;
}

li.flex-nav-prev a:before {
    content: '';
    background-image: url("../images/single-pro-nav.png");
    font-size: 36px;
    font-weight: 600;
    line-height: unset;
    display: block;
    height: unset;
    opacity: 1;
    visibility: visible;
    top: -57px;
    position: absolute;
    left: 0px;
    width: 5.657px;
    height: 11.314px;
    background-size: contain;
    background-repeat: no-repeat;
    width: 9px;
    height: 15px;
}

li.flex-nav-next a:before {
    content: '';
    background-image: url("../images/single-pro-nav-left.png");
    font-size: 36px;
    font-weight: 600;
    line-height: unset;
    display: block;
    height: unset;
    opacity: 1;
    visibility: visible;
    top: -57px;
    position: absolute;
    right: 0px;
    width: 5.657px;
    height: 11.314px;
    background-size: contain;
    background-repeat: no-repeat;
    width: 9px;
    height: 15px;
}

.single-product .breadcrumbs {
    padding-bottom: 48px;
    height: auto;
}

a#popup-custom-form {
    display: none;
}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
footer .newsletter form {
    direction: rtl;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner.submit-newsletter {
    display: none;
}

footer .wpcf7 form.invalid .wpcf7-response-output,
footer .wpcf7 form.unaccepted .wpcf7-response-output,
footer .wpcf7 form.payment-required .wpcf7-response-output {
    color: #fff;
    font-size: 14px;
}

footer .wpcf7 form.sent .wpcf7-response-output {
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 14px;
}


.maya_dror .flx .heading strong {
    color: var(--black, #242424);
    text-align: right;

    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0.12px;
}


.maya_dror .flx .f_button .f_project {
    color: var(--black, #242424);
    text-align: right;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0.09px;
    text-decoration: none;
    position: relative;
}


.maya_dror .flx .f_button .f_project {
    position: relative;
    /* overflow: hidden; */
    display: flex;
    justify-content: space-between;
    margin: auto;
    margin-right: 0;
    width: 100%;
    align-items: center;
}


.maya_dror .flx .f_button .f_project::after {
    content: '';
    background: url('../images/f_project-btn.svg') no-repeat center / cover;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.4s ease, opacity 0.4s ease;
    opacity: 1;
    margin-top: -2px;
}

.maya_dror .flx .f_button .f_project::before {
    content: '';
    background: url('../images/f_project-btn.svg') no-repeat center / cover;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-50%, 100%);
    transition: transform 0.4s ease, opacity 0.4s ease;
    opacity: 0;
}

.maya_dror .flx .f_button .f_project:hover::after {
    transform: translate(-50%, -150%);
    opacity: 0;
}

.maya_dror .flx .f_button .f_project:hover::before {
    transform: translate(-50%, -50%);
    opacity: 1;
}


.maya_dror .flx .heading {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 430px;
    width: 100%;
    height: 100%;

}


.maya_dror .f_button {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding-top: 16px;
    border-top: 1px solid #E5E4E4;
    padding-left: 10px;
    padding-right: 2px;
}


.maya_dror .swiper {
    width: 100%;
    height: 100%;
    position: relative;
}

.maya_dror .swiper-pagination {
    text-align: left !important;
    padding-left: 16px !important;
    bottom: 13px !important;
}

.maya_dror .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background-color: #fff !important;
    /* White dots */
    opacity: 0.6;
    border-radius: 20px;
    transition: all 0.5s ease-in-out;
    /* Smooth transition */
}


.maya_dror .swiper-pagination-bullet-active {
    border-radius: 20px;
    background: var(--white, #FFF);
    opacity: 1;
    width: 57px;
    height: 8px;
}

.maya_dror .dror_slider {
    max-width: fit-content;
    width: 100%;
    height: 100%;
}

.maya_dror .img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 3px;
}


.maya_dror .image {
    max-width: 430px;
    height: 100%;
    width: 100%;
}

.maya_dror .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 3px;
}

.maya_dror .flx {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    height: 598px;
}

.maya_dror {
    padding: var(--desktop-section-to-section) 0;
}



/* Container */
.ons-img {
    position: relative;
    display: block;
    width: 100%;
}

.ons-hotspot {
    position: absolute;
    z-index: 10;
}

.hotspot-dot {
    position: relative;
    width: 28px;
    height: 28px;
    border-radius: 80px;
    border: 1px solid var(--white, #FFF);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

/* center dot */
.hotspot-dot::after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;

    /* smooth in & out */
    transform: scale(1);
    transition: transform 0.5s ease;

    /* pulse */
    animation: hotspot-pulse 2s ease-in-out infinite;
}

/* hover state */
.hotspot-dot:hover::after {
    animation: none;
    transform: scale(2.5);
}

/* pulse animation */
@keyframes hotspot-pulse {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(2.5);
    }
}


.pos-1 {
    bottom: 32.3%;
    right: 50%;
    transform: translateX(485px);
}

.pos-2 {
    top: 20%;
    left: 50%;
    transform: translateX(-165px);
}

.pos-3 {
    right: 67%;
    top: 50%;
    transform: translateY(160px);
}

/* --- Tooltip Card (Common Style) --- */
.ons-tooltip-card {
    position: absolute;
    bottom: 0;
    right: auto;
    width: 272px;
    border-radius: 6px;
    padding: 16px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    pointer-events: none;
    left: 0;
    background: var(--grey-BG, #F7F7F7);
    min-height: 386px;
    height: 100%;
}

/* Show on Hover */
.ons-hotspot:hover .ons-tooltip-card {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

/* .ons-hotspot:hover .hotspot-dot {
    background: #fff;
    transform: scale(1.2);
} */

/* Inner Details */
.ons-tooltip-img {
    background: #fff;
    border-radius: 6px;
    padding: 0;
    margin-bottom: 0;
    max-width: 240px;
    height: 296px;
}

.ons-tooltip-img img {
    width: 100%;
    border-radius: 6px;
    height: 100%;
    object-fit: cover;
}

.ons-tooltip-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* flex-direction: row-reverse; */
    gap: 20px;
    padding-top: 16px;
}


.ons-text p {
    color: var(--black, #242424);
    text-align: right;

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 20.8px */
    letter-spacing: 0.08px;
}

.ons-arrow {
    width: 12px;
    height: 12px;
}

.ons-arrow img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pos-1 .ons-tooltip-card {
    left: -274px;
    bottom: 30px;
}


.pos-2 .ons-tooltip-card {
    top: 10px;
    bottom: auto;
    left: 30px;
}


.pos-3 .ons-tooltip-card {
    bottom: 30px;
    left: 30px;
}

.ons-tooltip-card a {
    text-decoration: none;
}


.ons-hotspot::after {
    content: '';
    width: 40px;
    height: 60px;
    position: absolute;
    bottom: 0;
    left: -40px;
    display: block;
    z-index: 1;
}


.pos-2::after {
    left: 20px;
    bottom: -50px;
}

.pos-3::after {
    left: 30px;
    bottom: 10px;
}


.maya_dror .img-wrapper {
    width: 100%;
    height: 100%;
}

.page-template-template-blog .pad-sec-y {
    padding-top: 0;
}

.for-mobile {
    display: none;
}

.woocommerce table.shop_table td {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
}

ul.wc_payment_methods.payment_methods.methods li {
    list-style: none;
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
    background: #fff;
}

ul.wc_payment_methods.payment_methods.methods li .woocommerce-info {
    font-size: 16px;
    color: var(--black, #242424);
}

span.woocommerce-terms-and-conditions-checkbox-text,
.woocommerce-privacy-policy-text p {
    color: var(--grey, #4C4C4C);
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0.07px;
}

.woocommerce-checkout .checkbox input[type="checkbox"] {
    width: 16px;
    position: relative;
    top: 0;
    height: 16px;
    border: 1.4px solid var(--grey-for-stroke, rgba(0, 0, 0, 0.12));
    background: var(--white, #FFF);
    accent-color: var(--green, #096D73);
}

.woocommerce-privacy-policy-text {
    margin-bottom: 6px;
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
    float: none;
    border-radius: 999px;
    background: var(--green, #096D73);
    display: flex;
    height: 50px;
    min-width: 140px;
    padding: 0 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    text-align: center;
    margin: 0 auto;
    padding-top: 4px;
}

.woocommerce form .form-row label,
label.screen-reader-text.required_field {
    padding-bottom: 5px;
}

textarea#order_comments {
    height: 100px !important;
}

.woocommerce-info a,
.woocommerce-info {
    color: #242424;
}

.checkout_coupon .form-row button {
    border-radius: 999px;
    background: var(--green, #096D73);
    display: flex;
    height: 50px;
    min-width: 140px;
    padding: 0 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    text-align: center;
    color: #fff;
    transition: all 0.5s ease-in-out;
}

.checkout_coupon .form-row button:hover {
    background-color: var(--green-hover);
    color: var(--white);
}

.shop-products-grid.search-page {
    grid-template-columns: repeat(4, 1fr);
}

.search-results section.our-magzie.pad-sec-y,
.search-results .products-main-outer {
    padding-top: 0;
    padding-bottom: 70px;
}

.search-results .kd-content {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 50px;
}

.search-layout {
    display: grid;
    grid: initial;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

img.default-image {
    object-fit: scale-down !important;
}

.btn-custom.no-price {
    color: var(--white, #FFF) !important;
    text-align: center;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 120% !important;
    letter-spacing: 0.09px;
    width: 188px;
    height: 50px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    text-decoration: none;
    border-radius: 999px !important;
    background: var(--green, #096D73) !important;
    min-width: auto;
}







/* Hide Popup initially */
.no-price-popup {
    display: none;
    position: fixed;
    z-index: 10000;
    inset: 0;
}

.no-price-popup .popup-overlay {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.no-price-popup .popup-content {
    width: 100%;
    max-width: 592px;
    padding: 0;
    position: relative;
    border-radius: var(--desktop-corner-radius, 6px);
    background: #FFF;
}

.no-price-popup .close-btn {
    position: absolute;
    left: 12px;
    top: 12px;
    cursor: pointer;
    display: flex;
    max-width: 40px;
    height: 40px;
    padding: 12px;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1/1;
    padding: 0;
}

.no-price-popup .close-btn img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.no-price-popup h3 {
    color: var(--black, #242424);
    text-align: right;

    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 28.8px */
    letter-spacing: 0.12px;
}

.no-price-popup p {
    color: var(--black, #242424);
    text-align: right;

    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 23.4px */
    letter-spacing: 0.09px;
    margin-top: 4px;
}

.no-price-popup input {
    color: var(--grey, #4C4C4C);
    text-align: right;

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 20.8px */
    letter-spacing: 0.08px;
    padding: 0 16px;
    height: 50px;
    width: 100%;

    border-radius: 6px;
    border: 1px solid var(--grey-for-stroke, rgba(0, 0, 0, 0.12));
    background: var(--white, #FFF);
}

.no-price-popup input::placeholder {
    color: var(--grey, #4C4C4C);
    text-align: right;

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 20.8px */
    letter-spacing: 0.08px;
}

.no-price-popup .checkbox-row {
    display: flex;
    align-items: center;
    margin-top: 4px;
}

.no-price-popup .submit-btn {
    display: flex;
    height: 50px;
    min-width: 140px;
    padding: 0 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 999px;
    background: var(--green, #096D73);
    color: var(--white, #FFF);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0.09px;
    margin: auto;
    margin-top: 20px;
    width: fit-content;
    margin-right: 0;
    transition: all 1s;
}

.no-price-popup .submit-btn:hover {

    background: var(--green-hover, #075458);
}


.no-price-popup .whatsapp-footer {
    background: var(--grey-BG, #F7F7F7);
    display: flex;
    padding: 24px 56px;
    justify-content: start;
    align-items: center;
    gap: 12px;
}

.no-price-popup .whatsapp-footer a {
    color: var(--black, #242424);
    text-align: right;

    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 20.8px */
    letter-spacing: 0.08px;

    display: flex;
    gap: 12px;
    align-items: center;
}

.no-price-popup form {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 32px;
}

.no-price-popup input#marketing-check {
    width: 16px;
    height: 16px;
    background-color: var(--white, #FFF);
    border: 1px solid rgba(0, 0, 0.14);
    margin-left: 10px;
}

.no-price-popup .checkbox-row label {
    color: var(--grey, #4C4C4C);
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0.07px;
}

.no-price-popup .inner_div {
    padding: 56px;
}






/* ADITIONAL POPUP CSS START */

/* Overlay Background */
.aditional-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: 9999;
}

/* Modal Open State */
.aditional-modal-overlay.is-visible {
    opacity: 1;
    pointer-events: auto;
}

/* Modal Box */
/* .aditional_popup {
    padding: 56px;
    border-radius: var(--desktop-corner-radius, 6px);
    background: var(--white, #FFF);
    transform: translateY(-20px);
    transition: transform 0.3s ease;
} */

/* Modal Box */
.aditional-modal-container {
    background: #fff;
    width: 100%;
    max-width: 592px;
    position: relative;
    transform: translateY(-20px);
    transition: transform 0.3s ease;
    padding: 56px;
    border-radius: var(--desktop-corner-radius, 6px);
    background: var(--white, #FFF);
    transform: translateY(-20px);
    transition: transform 0.3s ease;
}

.custom-modal-overlay.is-visible .aditional-modal-container {
    transform: translateY(0);
}

.aditional-modal-overlay.is-visible .aditional-modal-container {
    transform: translateY(0);
}

.aditional-modal-close {
    position: absolute;
    left: 12px;
    top: 12px;
    cursor: pointer;
    display: flex;
    max-width: 40px;
    height: 40px;
    padding: 12px;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1/1;
    padding: 0;
}

/* Text Content */
.aditional_popup h3 {
    color: var(--black, #242424);
    text-align: right;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 28.8px */
    letter-spacing: 0.12px;
}

.aditional_popup p {
    color: var(--grey, #4C4C4C);
    text-align: right;

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 20.8px */
    letter-spacing: 0.08px;
    margin: 32px 0;
}

.aditional-modal-body p {
    color: #4C4C4C;
    line-height: 20.8px;
    font-size: 16px;
}

.aditional_popup p:last-child {
    margin: auto;
}

.aditional_popup h4 {
    color: var(--black, #242424);
    text-align: right;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0.09px;
    margin-bottom: 4px;
}

/* ADITIONAL POPUP CSS END */



.characteristics_faq .accordion .acc-item {
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    margin-bottom: 18px;
}


.characteristics_faq .accordion .acc-item:last-child {
    border-bottom: transparent;
    padding-bottom: 0;
    margin-bottom: 0;
}

.pulse-circle::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;

}

.our_shekel .heading {
    display: flex !important;
    gap: 8.81px !important;
    align-items: start !important;
    margin-bottom: 8px;
    flex-direction: row !important;
}

.our_shekel .heading img {
    width: 18px;
    height: 18px;
    aspect-ratio: 1/1;
    object-fit: cover;
}

.our_shekel .heading h6 {
    color: var(--black, #242424);
    text-align: right;

    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 21.6px */
    letter-spacing: 0.09px;
}

.our_shekel .shl_flx p {
    color: var(--grey, #4C4C4C);
    text-align: right;

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 20.8px */
    letter-spacing: 0.08px;
    max-width: 512px;
}


.our_shekel {
    padding: 16px;
    border-radius: var(--desktop-corner-radius, 6px);
    border: 1px solid rgba(229, 228, 228, 0.50);
    background: var(--white, #FFF);
    display: flex;
    align-items: center;
    margin-top: 43px;
    position: relative;
}

.our_shekel::after {
    content: '';
    background: var(--grey-for-stroke, rgba(0, 0, 0, 0.12));
    height: 1px;
    width: 100%;
    position: absolute;
    top: -24px;
    left: 0;
    display: block;
}


.single-product .pr-thumb .pr-thumb-wrap {
    overflow: hidden;
}


body.rtl .xoo-wsc-sum-col {
    padding-right: 20px !important;
}

.xoo-wsc-img-col img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.xoo-wsc-ft-totals {
    padding-bottom: 24px;
}

body.rtl span.xoo-wsch-text {
    margin-right: 8px;
    margin-left: 0;
    color: var(--black, #242424);
    text-align: right;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0.12px;
}

.xoo-wsc-icon-cross:before {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}


.page-id-17 .woocommerce-notices-wrapper {
    width: 100%;
}

.page-id-17.woocommerce-cart .container-custom .woocommerce {
    display: flex;
    gap: 20px;
    justify-content: right;
    flex-wrap: wrap;
}

/* BASIC */
.summary-title.single-product-page {
    position: relative;
}

.summary-title.single-product-page .st-inner {
    display: flex;
    align-items: center;
}

.summary-title.single-product-page .st-right,
.summary-title.single-product-page .st-left {
    width: 50%;
}

/* ---------- HALF STYLE (DEFAULT) ---------- */
.summary-title.half-style .st-right {
    position: relative;
    overflow-x: clip;
    width: 60%;
}

.summary-title.single-product-page .st-left {
    width: 41%;
}

/* ---------- FULL STYLE ---------- */
.summary-title.full-style {
    position: relative;
}

.summary-title.full-style .st-right {
    position: absolute;
    /* inset: 0; */
    width: 100%;
    z-index: 1;
}

.summary-title.full-style .st-left {
    position: relative;
    z-index: 2;
    width: 41%;
    margin: auto;
    margin-left: 0;
    pointer-events: none;
}

/* NAV */
.summary-title.single-product-page .slider-nav {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 5;
}

.summary-title.single-product-page .st-inner .st-right .slider-nav {
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 99;
}

.summary-title.full-style .st-inner {
    display: flex;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    max-width: 1777px;
    height: 559px;
}

.summary-title.full-style .om-slider,
.summary-title.full-style .sa-slider,
.summary-title.full-style .st-slider,
.summary-title.full-style .p-pr-slider,
.summary-title.full-style .rs-slider {
    width: 100%;
    max-width: 1776px;
}


.summary-title.single-product-page .container-custom {
    height: 559px;
}


.summary-title.single-product-page .st-next.icon-circle {
    transform: scaleX(-1);
}

.summary-title.single-product-page .st-inner .sli-top,
.summary-title.single-product-page .st-inner .sli-bottom {
    position: relative;
    z-index: 99999999999;
    pointer-events: all;
}


.summary-title.full-style .st-slider .swiper-wrapper {
    height: 543px;
    padding: 4px;
    top: -10px;
}




.savoy-reels .reel-box {
    width: 100%;
}

.savoy-reels .slider-nav {
    top: 50%;
    transform: translateY(50%);
    position: relative;
}

.savoy-reels .icon-circle {
    position: absolute;
    top: -330px;
}

.savoy-reels .rs-next {
    left: 0;
}


.mega-menu strong {
    color: var(--black, #242424);
    text-align: right;

    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 28.8px */
    letter-spacing: 0.12px;
}

.mega-menu .main_links ul li {
    list-style-type: none;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.mega-menu .main_links ul li::after,
.mega-menu .main_links ul li::before {
    content: '';
    background: url("../images/mega-menu-arrow.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    width: 24px;
    height: 24px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.mega-menu .main_links ul li::before {
    bottom: -100%;
    opacity: 0;
}

.mega-menu .main_links ul li::after {
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
}


.mega-menu .main_links ul li:hover::before {
    bottom: 50%;
    transform: translateY(50%);
    opacity: 1;
}

.mega-menu .main_links ul li:hover::after {
    top: -100%;
    opacity: 0;
}


.mega-menu .main_links ul li a {
    color: var(--black, #242424);
    text-align: right;

    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 23.4px */
    letter-spacing: 0.09px;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--light-grey, #E5E4E4);
    padding: 12px 0;
    width: 100%;
}

.mega-menu .main_links ul li:first-child a {
    padding-top: 0;
}



.mega-menu .main_links {
    /* max-width: 340px; */
    min-height: 484px;
    padding: 24px;
    border-radius: 3px;
    background: var(--grey-BG, #F7F7F7);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 340px;
    gap: 20px;
}

.by_brand ul,
.mega-menu .by-type ul,
.mega-menu .main_links ul {
    padding: 0;
    margin: 0;
}

.mega-menu .main_links .ctm_btn {
    color: var(--white, #FFF);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0.09px;
    display: flex;
    height: 50px;
    min-width: 148px;
    padding: 0 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 999px;
    background: var(--green, #096D73);
    text-decoration: none;
    padding-top: 5px;
    max-width: 148px;
    width: 100%;
    transition: none;
}

.mega-menu .main_links .ctm_btn:hover {
    background: var(--green-hover, #075458);
}

.mega-menu .flx {
    display: flex;
    /* justify-content: space-between; */
    /* align-items: center; */
    gap: 64px;

}

.mega-menu .by-type ul li {
    display: flex;
    gap: 16px;
    align-items: center;
    transition: all 1s;
    padding-bottom: 12px;
    position: relative;
    width: 240px;
}

.mega-menu .by-type ul li::after {
    content: '';
    height: 1px;
    width: 174px;
    opacity: 0.5;
    background: var(--light-grey, #E5E4E4);
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
}

.mega-menu .by-type ul li a {
    color: #000;
    text-align: right;

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 20.8px */
    letter-spacing: 0.08px;

    text-decoration: none;
}


.mega-menu .by-type ul li .img-wrapper {
    display: flex;
    width: 50px;
    height: 50px;
    /* padding: 6px 11px; */
    justify-content: center;
    align-items: center;
    border-radius: 120px;
    border: 1px solid var(--light-grey, #E5E4E4);
    background: var(--white, #FFF);
    overflow: hidden;
    transition: all 1s;
}

.mega-menu .by-type ul li .img-wrapper img {
    /* width: 28px; */
    height: 36px;
    object-fit: cover;
}


.mega-menu .by-type ul li:hover .img-wrapper {
    border: 1px solid rgba(94, 93, 93, 0.50);
}

.mega-menu .by-type ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mega-menu .type_flx {
    display: flex;
    justify-content: space-between;
    gap: 48px;
    padding-top: 48px;
    align-items: flex-start;
}


.mega-menu .main_links ul {
    padding-top: 48px;
    flex-direction: column;
    align-items: self-start;
    gap: 0;
}

.mega-menu {
    padding: 16px;
    border-radius: 3px;
    background: var(--white, #FFF);
    max-width: 1331px;
    width: 100%;
    margin: auto;
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

.mega-menu .by_brand,
.mega-menu .by-type {
    padding: 24px 0;
}

.mega-menu .by_brand .strong {
    padding-bottom: 48px;
}

.mega-menu .by_brand ul li {
    list-style-type: none;
    width: 95px;
}

.mega-menu .by_brand ul li a {
    color: var(--grey, #4C4C4C);
    text-align: right;

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 20.8px */
    letter-spacing: 0.08px;
    text-decoration: none;
}

.mega-menu .by_brand ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: baseline;
}

.mega-menu .by_brand .brand_flx .b_flx {
    display: flex;
    gap: 24px;
    padding-top: 48px;
    align-items: start;
}

.mega-menu .by_brand {
    padding-right: 65px;
    border-right: 1px solid var(--light-grey, #E5E4E4);
    min-height: 484px;
}

.mega-menu .by_brand .ctm_brand {
    color: var(--black, #242424);
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0.08px;
    width: 214px;
    padding-top: 12px;
    border-top: 1px solid var(--light-grey, #E5E4E4);
    position: relative;
    display: block;
    text-decoration: none;
    overflow: hidden;
    padding-bottom: 24px;
}

.mega-menu .by_brand .ctm_brand::after,
.mega-menu .by_brand .ctm_brand::before {
    content: '';
    background: url("../images/mega-menu-arrow.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    width: 24px;
    height: 24px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    margin-top: -6px;
}

.mega-menu .by_brand .ctm_brand::before {
    bottom: -100%;
    opacity: 0;
}

.mega-menu .by_brand .ctm_brand::after {
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
}

.mega-menu .by_brand .ctm_brand:hover::before {
    bottom: 58.1%;
    transform: translateY(50%);
    opacity: 1;
}

.mega-menu .by_brand .ctm_brand:hover::after {
    top: -100%;
    opacity: 0;
}

.mega-menu .by_brand .brand_flx {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.mega-menu .tab-content {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    /* transform: translateY(12px); */
    transition: opacity .35s ease, transform .35s ease, visibility .35s;
}

.mega-menu .tab-content.is-active {
    opacity: 1;
    visibility: visible;
    /* transform: translateY(0); */
    position: relative;
    /* height calculate hogi */
}


.mega-menu .tab_flx,
.mega-menu .tab-flx {
    display: flex;
    gap: 64px;
}

.mega-menu .tab-contents {
    position: relative;
}

header nav ul {
    position: relative;
}

header .mega-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 1331px;
    background: #fff;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px) translateX(-50%);
    transition: all 0.3s ease-in-out;
    pointer-events: none;
    top: 60px;
}

/* Hover State */
header .has-child:hover .mega-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) translateX(-50%);
    pointer-events: auto;
}

header .tab-content {
    display: none;
}

header .tab-content.is-active {
    display: block;
}

.slider-nav {
    top: 49%;
}

.series-additional .slider-nav {
    top: 50%;
    transform: translateY(-50%);
    position: relative;
}

.series-additional .icon-circle {
    position: absolute;
    top: -390px;
}

.series-additional .sa-next {
    left: 0;
}


.project-products .slider-nav {
    top: 51%;
    transform: translateY(-120%);
    position: relative;
}



img.mobile-menu-trigger {
    display: none;
}

.mobile-close-search-btn {
    display: none;
}

.mobile-nav-container {
    display: none !important;
}


.mobile-menu {
    display: none;
}

.mobile.tab-panel {
    display: none;
}

.mobile.tab-panel.is-active {
    display: block;
}

.item-option.color-option {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.color-box {
    width: 40px;
    height: 40px;
}

/*.item-wrap.in-flx-col.color.opened-item .item-options.in-flx-col.color {*/
/*display: grid;*/
/*width: 100%;*/
/*grid-template-columns: repeat(5, 1fr);*/
/*align-items: center;*/
/*gap: 15px;*/
/*}*/

header .main-logo a img {
    width: 115px;
    height: 19px;
    object-fit: contain;
}

header .main-left .search-spinner {
    border: unset;
}

.search-spinner img {
    object-fit: contain;
    width: 20px;
    height: 20px;
}

header ul li.megamenu::after {
    content: '';
    width: 100%;
    height: 85px;
    position: absolute;
    bottom: -80px;
    left: 0;
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    z-index: 9999;
}

header ul li.megamenu:hover::after {
    opacity: 1;
    visibility: visible;
}


.kitchen-design .btn-custom {
    width: 142px;
}

section.kitchen-design.kd-reverse .btn-custom {
    width: 171px;
}


.our-magzie .swiper {
    overflow: visible;
    overflow-x: clip;
}

/* 
.our-magzie .swiper-slide::after {
    content: '';
    width: 500px;
    height: 80px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    display: block;
} */


.our-magzie .mgz-box .mag-ct::after {
    display: none;
}

footer .container-custom {
    padding-right: 0;
    padding-left: 0;
}


header {
    border-bottom: 1px solid var(--grey-for-stroke, rgba(0, 0, 0, 0.12));
    background: var(--white, #FFF);
}

.page-template-template-home header {
    border-bottom: unset;
}


.summary-title .cover-center {
    border-radius: var(--desktop-corner-radius, 6px);
    padding-right: 5px;
}

.summary-title .icon-circle {
    background: rgba(32, 32, 32, 0.40);
}


.summary-title .icon-circle::before,
.summary-title .icon-circle::after {
    background-image: url("../images/white-chevron-right.svg");

}

.summary-title .btn-custom {
    max-width: 164px;
    width: 100%;
}

.summary-title a.btn-custom.btn-custom-outline {
    max-width: 155px;
    height: 50px;
}


.series-additional .mgz-box:hover {
    transform: unset;
}


.project-photos .cover-center {
    border-radius: var(--desktop-corner-radius, 6px);
}

.project-photos .container-custom {
    width: 1791px;
}

.project-products .prc-top,
.project-products .prc-bottom {
    background: var(--white, #FFF);
}

.prc-top .more-meta p {
    margin: 0;
    color: var(--grey, #4C4C4C);
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0.08px;
    color: var(--black);
}

.prc-top .more-meta {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.main-note h3 {
    color: var(--black, #242424);
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0.16px;
}

.main-note .mn-inner {
    gap: 32px;
}

.savoy-reels .swiper {
    overflow: visible;
    overflow-x: clip;
}

.savoy-reels span.reel-play {
    margin-top: -6px;
}

.our-magzie .proj-box .proj-detail img {
    margin-top: -3.1px;
}

section.our-magzie.pad-sec-y {
    padding-bottom: 50px;
    margin-top: 3px;
}
.kitchen-design.kd-reverse.grey-bg.contact-sec .kd-right {
    margin-top: -36px;
}

.contact-form .checkbox a {
    color: #242424;
}


section.kitchen-design.kd-reverse.contact-sec .btn-custom {
    width: 140px;
}

.page-template-template-kitchen-designs .series-additional .slider-nav {
    top: 54%;
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
}


.series-additional .btn-custom {
    width: 100%;
    max-width: 219px;
    margin: auto;
    margin-top: 48px;
}

.info-col a img {
    position: relative;
    top: -2px;
}

/* .series-additional .sa-next.circle-next.icon-circle {
    left: 0;
}

.series-additional .icon-circle {
    top: -380px;
} */

.project-products .icon-circle {
    top: -429px;
}


.project-products .prc-top {
    min-height: 130px;
}

.page-template-template-kitchen-designs .series-additional .icon-circle {
    position: absolute;
    top: -340px;
    right: 45px;
}

.page-template-template-kitchen-designs .series-additional .sa-next {
    left: -56px;
    right: auto;
}

.cat-circle .cat-thumb {
    margin: auto;
}

.products-main-outer .select-styled img {
    width: 14px;
    height: 14px;
    object-fit: scale-down;
}

.products-main-outer .prc-top {
    min-height: auto !important;
    gap: 8px;
}

.shop-products-grid .green-arrow-link span {
    position: relative;
    top: -2px;
}

.shop-products-grid .green-arrow-link {
    padding-top: 5px;
}

.products-main-outer .btn-custom.btn-custom-black-outline {
    height: 50px;
}

.breadcrumbs .container-custom {
    padding-right: 0;
}

.woo-variation-swatches.rtl .variable-items-wrapper.color-variable-items-wrapper span.variable-item-span.variable-item-span-color {
    border-radius: 80px;
    width: 23px;
    height: 23px;
}

.postid-51957 .summary-title.single-product-page {
    border-top: 1px solid var(--grey-for-stroke, rgba(0, 0, 0, 0.12));
    background: var(--white, #FFF);
}


/* Default (sab thumbnails) */
.woocommerce div.product div.images .flex-control-thumbs li {

    border: 1px solid rgba(0, 0, 0, 0.12);
}

.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs li img:hover {
    opacity: 1;
    border: 1px solid #242424;
}


.summary-title .btn-custom {
    text-wrap-mode: nowrap;
}


.single-product-page .st-slider .swiper-wrapper {
    height: 571px;
}

header.sticky {
    z-index: 9999;
}

.postid-51957 .st-inner .sli-top {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.single-product-page .btn-custom {
    text-wrap-mode: nowrap;
    max-width: max-content;
}

/*.postid-51957 .summary-title.single-product-page {*/
/*padding-bottom: 25px;*/
/*}*/


.postid-51957 .project-products .slider-nav {
    display: none;
}

.woocommerce img,
.woocommerce-page img {
    height: 100%;
}

.our-magzie .icon-circle {
    top: -350px;
}

section.why-with-us.pad-sec-y.for-desktop {
    border-top: 1px solid var(--grey-for-stroke, rgba(0, 0, 0, 0.12));
    background: var(--white, #FFF);
    padding-bottom: 100px;
    padding-top: 100px;
}


.xoo-wsc-container .xoo-wsc-container .xoo-wsc-btn {
    padding-top: 13px;
}

.savoy-reels a {
    border-radius: 6px;
    width: 100%;
    display: block;
    height: 100%;
}

.savoy-reels .reel-box {
    width: 100%;
}


.reel-box .reel-thumb,
.reel-box .reel-thumb img,
.reel-content {
    aspect-ratio: unset;
    border-radius: var(--desktop-corner-radius);
    height: 100%;
}


.page-id-51793 .contact-sec {
    margin-top: -56px;
}


.page-id-51849 section.why-with-us.pad-sec-y.for-desktop {
    border-top: unset;
    padding-top: 0;
}


.prc-bottom {
    height: 64px;
}

a.xoo-wsc-ft-btn-checkout .amount {
    font-style: normal !important;
}

.woocommerce form .form-row label,
label.screen-reader-text.required_field {
    text-align: right;
    direction: ltr;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    text-align: right;
}

.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover,
.woocommerce-cart #shipping-calculator-form button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background: var(--green-hover, #075458) !important;
}

.woocommerce-cart .wc-proceed-to-checkout a {
    padding-top: 5px !important;
}

.woocommerce-account .page-breadcrumbs,
.woocommerce-checkout .page-breadcrumbs,
.woocommerce-cart .page-breadcrumbs {
    justify-content: center;
    margin: auto;
}

.ajax-search-results {
    right: 50%;
    transform: translateX(50%);
    display: none;
}


/*.woocommerce div.product div.images img {*/
/*border: 1px solid var(--grey-for-stroke, rgba(0, 0, 0, 0.12));*/
/*}*/

.characteristics .color-picker {
    margin-top: -12px;
}

footer .footer-bottom .fb_flx img {
    width: auto;
    height: 15.2px;
    object-fit: cover;
}

.xoo-wsc-empty-cart a.xoo-wsc-btn {
    padding-top: 12px;
}

span.color-name {
    text-align: center;
    min-height: 36px;
}

.woocommerce-checkout form.checkout.woocommerce-checkout {
    flex-wrap: wrap;
}

.woocommerce-checkout .inner-flex {
    display: flex;
    gap: 52px;
}

ul.woocommerce-error {
    padding: 1em 3.5em 1em 2em;
}

.characteristics_faq .accordion .acc-content .meta_details {
    font-size: 16px;
}

.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn,
.xoo-wsc-container .xoo-wsc-btn {
    background-color: #096D73 !important;
}

.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn:hover,
.xoo-wsc-container .xoo-wsc-btn:hover {
    background-color: #075458 !important;
}

a.xoo-wsc-ft-btn.xoo-wsc-btn.xoo-wsc-ft-btn-cart:hover {
    color: #fff !important;
}

.woocommerce-cart a.checkout-button.button.alt.wc-forward {
    display: none !important;
}

.woocommerce-cart a.checkout-button.button.alt.wc-forward.show-this {
    display: flex !important;
}

.woocommerce-cart .checkout-note {
    color: var(--black, #242424);
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 16.8px */
    letter-spacing: 0.14px;
    margin-bottom: 0;
}

.characteristics_faq .accordion .desc .acc-content ul {
    margin-bottom: 20px;
}

a.aditional.second-acc {
    font-size: 16px;
    text-decoration: underline;
    font-weight: bold;
    color: var(--black, #242424);
}

.error404 section.kitchen-design.kd-reverse .btn-custom {
    width: 199px;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image a img {
    height: 475px;
    object-fit: contain;
}

.characteristics_faq .accordion .desc .acc-content .content-flx img {
    height: auto;
}

html {
    scroll-padding-top: 0;
    scroll-behavior: unset !important;
}

.no-price-popup .submit-btn {
    padding-top: 4px;
}

span.wpcf7-form-control-wrap.pro-var {
    display: none;
}

span.xoo-wsc-pname {
    width: 199px;
}

.xoo-wsc-img-col img {
    border-radius: 2px;
}

span.xoo-wsc-smr-del+.xoo-wsc-smr-ptotal {
    height: 88px;
    margin-top: auto;
    display: flex;
    align-items: end;
}

.xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-product {
    padding-right: 0 !important;
}

.xoo-wsc-body {
    width: 90%;
    margin: 0 auto;
}

.xoo-wsc-header {
    width: 90%;
    margin: 0 auto;
    padding-right: 0;
}

span.xoo-wsc-footer-txt {
    text-align: right !important;
    font-size: 14px;
}

.woocommerce-cart .inner-head.in-flx-col-center {
    padding-bottom: 0;
}

.general-page .kd-content {
    gap: 0;
}

.search-results a.cat-page-single-pro.no-price {
    display: none !important;
}

.why-with-us.for-mobile,
.why-with-us.for-mobile .container-custom,
.why-with-us.for-mobile .wwu-inner,
.why-with-us.for-mobile .swiper-container {
    min-width: 0;
    width: 100%;
}

.single-product .yith-wcwl-wishlistaddedbrowse,
.single-product .yith-wcwl-add-to-wishlist {
    cursor: pointer;
    position: absolute;
    right: 0em;
    top: 1em;
    z-index: 99;
}
.single-product .yith-wcwl-add-to-wishlist {
    margin-top: 0 !important;
}

/*.yith-wcwl-add-to-wishlist {*/
    /*position: relative;*/
/*}*/

#yith-wcwl-popup-message {
    display: none !important;
}

.woocommerce.woocommerce-wishlist table.wishlist_table tbody td,
.woocommerce.woocommerce-wishlist table.wishlist_table thead th {
    text-align: center;
}

.single-product .summary-title .btn-custom {
    padding-top: 4px;
}

.woocommerce.woocommerce-wishlist table.wishlist_table tbody td a {
    color: #242424;
}

table.wishlist_table.shop_table {
    border-collapse: collapse;
    border-color: #242424;
}

.woocommerce.woocommerce-wishlist table.wishlist_table thead th {
    border-top: transparent;
    border-left: transparent;
}

.characteristics_faq .accordion .desc .acc-content .content-flx table {
    width: 100% !important;
}

.characteristics_faq .accordion .internal .acc-content {
    height: 400px;
    overflow-y: auto;
}

.pr-tag {
    z-index: 9;
    padding-top: 5px;
}

.summary-title.full-style .st-right {
    max-width: 100%;
}

.summary-title.full-style .cover-center {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mega-menu .by_brand ul li:last-child {
    display: none;
}

.characteristics_faq .accordion .active .acc-title {
    padding-bottom: 16px;
}

.summary-title.full-style .st-right::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.24);
    z-index: 9;
}

.pr-thumb .pr-thumb-wrap img {
    object-fit: contain !important;
}

.maya_dror .image {
    display: none;
}


.maya_dror.for-desktop {
    overflow-x: clip;
}

.maya_dror .dror_slider {
    max-width: fit-content;
    width: 75%;
    height: 100%;
    margin: auto;
    margin-left: 0;
}

.maya_dror .swiper-pagination {
    text-align: left !important;
    padding-left: 16px !important;
    bottom: 13px !important;
    left: 50% !important;
    transform: translateX(-170%);
    width: fit-content !important;
}

.maya_dror .container-custom {
    /* padding-left: 0; */
    max-width: 100%;
}

.selcted-pills.inside-mob.in-flx {
    display: none;
}

.prc-top h3 {
    font-size: 16px !important;
    font-weight: normal !important;
}

.prc-brand.in-flx span.price {
    color: var(--black, #242424);
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: 0.08px;
}

header .main-top .main-logo {
    position: relative;
    left: -80px;
}

header .main-nav nav ul li:nth-child(6) {
    position: relative;
    margin-left: 24px;
}

header .main-nav nav ul li:nth-child(6)::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 10px;
    left: -24px;
    background: rgb(0 0 0 / 67%);
    top: 50%;
    transform: translateY(-50%);
}

.cat-circle.no-image .cat-thumb {
    margin: auto;
    display: none;
}

.cat-circle.no-image .cat-name a {
    position: relative;
    top: 0;
    color: #000;
    text-align: center;
    font-weight: 400;
    transition: var(--transition-5s);
    width: fit-content;
    background: #F7F7F7;
    padding: 10px 30px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    padding-top: 16px;
    width: 100%;
    min-width: 140px;
}

.cat-circle.no-image .cat-name {
    font-size: 16px;
    line-height: 20.8px;
    letter-spacing: 0.08px;
    color: var(--black);
    text-align: center;
    font-weight: 400;
    transition: var(--transition-5s);
    width: fit-content;
    background: transparent;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}


.cat-circle.no-image .cat-name:hover a {
    background: #000;
    color: #D4D4D4 !important;
}

.cat-circles {
    gap: 20px;
}

.prc-top p.brand-name-text {
    color: var(--black, #242424);
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 20.8px */
    letter-spacing: 0.08px;
}

.fliters-items .item-option {
    padding: 4px 0;
}

.fliters-items .item-option:last-child {
    padding-bottom: 0;
}

.prc-top h3 {
    min-height: 43.88px;
    min-height: auto !important;
}

/*.page-template-template-kitchen-designs .bg-icon-boxes {*/
    /*gap: 24px;*/
    /*justify-content: center;*/
    /*display: grid;*/
    /*grid-template-columns: repeat(4, 1fr);*/
/*}*/

.contact-sec .contact-form h2 {
    text-align: center;
}

.tax-product_cat .main-accordion{
    padding: 50px 0;
    padding-bottom: 70px;
}

section.why-with-us.why-with-us-new.pad-sec-y.for-desktop {
    padding: 70px 0 149px 0;
}
section.why-with-us.why-with-us-new .wwu-inner {
    gap: 25px;
}
section.why-with-us.why-with-us-new .title-with-text {
    gap: 18px;
}
section.why-with-us.why-with-us-new .bg-icon-boxes {
    gap: 20px;
}
section.why-with-us.why-with-us-new .bg-icon-box {
    padding: 23px 34px 26px 34px;
    border: none;
    width: auto;
    height: auto;
    flex: none;
}
section.why-with-us.why-with-us-new .bg-icon-box .bib-inner .thumb {
    width: 45px;
    height: 45px;
    padding: 0;
}
section.why-with-us.why-with-us-new .bg-icon-box .bib-content-area {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
section.why-with-us.why-with-us-new .bg-icon-box .bib-content-area p {
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0.08px;
}
.lobby-area .sa-slider {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 38px;
    row-gap: 56px;
}
.lobby-area .mgz-box .mag-ct::after{
    right: 0;
    left: auto;
}
.lobby-area .mgz-box .mag-ct h3{
    padding-right: 20px;
}
.lobby-area{
    padding-bottom: 147px;
}
.lobby-area .sa-slider .mgz-box .mag-thumb{
    height: 321px;
}
.lobby-area .sa-slider .mgz-box .mag-thumb img{
    border-radius: 0;
}
.lobby-area .mgz-box .mag-ct {
    padding-left: 50px;
}
.lobby-area .mgz-box .mag-ct h3{
    min-height: 54px;
}
section.why-with-us.why-with-us-new .bg-icon-box .bib-inner h4{
    margin-bottom: 5px;
}
section.why-with-us.why-with-us-new .bg-icon-box .bib-inner .thumb{
    margin-bottom: 31px;
}
section.why-with-us.why-with-us-new .bg-icon-box .bib-inner{
    gap:0;
}
section.why-with-us.why-with-us-new .bg-icon-box .bib-inner p{
    font-size: 16px;
}
.single-product section.why-with-us.why-with-us-new .bg-icon-box .bib-inner p{
    min-height: 62px;
}
.child-nav-layer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.25);
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
    z-index: 90;
    pointer-events: none;
}

.child-nav-layer.active {
    opacity: 1;
    visibility: visible;
}
.prc-top .more-meta p span {
    font-weight: bold;
}
.single-product .breadcrumbs.for-mobile{
    display: none;
}
.single-product .special-discount-new{
    background: #242424;
    padding: 26px 65px 25px 65px;
    border-radius: 6px;
}
.single-product .special-discount-new .content-new{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.single-product .special-discount-new p{
    color: #EDEBE6;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px; /* 115% */
    margin-bottom: 0;
}
.single-product .special-discount-new a{
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; /* 250% */
}
.woocommerce div.product div.images.woocommerce-product-gallery{
    position: unset;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger{
    right: 0.3rem;
    text-indent: -9999px;
    top: 3rem;
    left: auto;
}
.cover-wrapper{
    height: 100% !important;
}
.single-product .mgz-box .mag-thumb img{
    object-fit: contain;
}

/*floating icon css*/
/* -------- Container -------- */
#cbWidget{
    position:fixed;
    bottom:24px;
    left:24px;
    z-index:99999;
    display:flex;
    flex-direction:column;
    align-items:flex-end; /* icons hug the right edge, labels extend left */
    gap:var(--cb-gap);
}

/* -------- Options list -------- */
#cbOptions{
    display:flex;
    flex-direction:column; /* first item ends up just above toggle */
    gap:var(--cb-gap);
    margin-bottom:0;
}

.cb-item{
    display:flex;
    flex-direction:row-reverse; /* icon on the right, label to its left */
    align-items:center;
    gap:10px;
    text-decoration:none;
    opacity:0;
    transform:translateY(16px) scale(.9);
    pointer-events:none;
    transition:opacity .28s ease, transform .28s ease;
}

/* staggered reveal when open */
#cbWidget.cb-open .cb-item{
    opacity:1;
    transform:translateY(0) scale(1);
    pointer-events:auto;
}
#cbWidget.cb-open .cb-item:nth-child(1){ transition-delay:.16s; }
#cbWidget.cb-open .cb-item:nth-child(2){ transition-delay:.11s; }
#cbWidget.cb-open .cb-item:nth-child(3){ transition-delay:.06s; }
#cbWidget.cb-open .cb-item:nth-child(4){ transition-delay:0s; }

.cb-icon{
    flex:0 0 auto;
    width:var(--cb-item-size);
    height:var(--cb-item-size);
    border-radius:50%;
    background:var(--cb-icon-bg);
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:none;
}
.cb-icon svg{ width:22px; height:22px; display:block; }
.cb-icon.is-green svg{ stroke:var(--cb-green); }
.cb-icon.is-dark svg{ stroke:var(--cb-text); }

.cb-label{
    color: #4C4C4C;
    font-size: 12px;
    line-height: 1;
    white-space: nowrap;
    padding: 6px 12px;
    border-radius: 15px;
    box-shadow: none;
    border: 1px solid #F7F7F7;
    background: #fff;
}

/* -------- Toggle button -------- */
#cbToggle{
    width:45px;
    height:45px;
    border-radius:50%;
    border:none;
    cursor:pointer;
    background:transparent;
    box-shadow:none;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
}
#cbToggle svg{
    width:24px;
    height:24px;
    stroke:#fff;
    position:absolute;
    transition:opacity .2s ease, transform .25s ease;
}
#cbToggle .cb-icon-chat{ opacity:1; transform:rotate(0deg) scale(1);
    position: absolute;
}
#cbToggle .cb-icon-close{ opacity:0; transform:rotate(-45deg) scale(.5);
    position: absolute;
}

#cbWidget.cb-open #cbToggle{ background:#2b2b2b; }
#cbWidget.cb-open #cbToggle .cb-icon-chat{ opacity:0; transform:rotate(45deg) scale(.5); }
#cbWidget.cb-open #cbToggle .cb-icon-close{ opacity:1; transform:rotate(0deg) scale(1); }

@media (max-width:480px){
    #cbWidget{ bottom:16px; right:16px; }
    .cb-label{ font-size:13px; padding:12px 16px; }
}

@media (prefers-reduced-motion: reduce){
    .cb-item, #cbToggle svg{ transition:none !important; }
}
.cb-icon img{
    width: 20px !important;
    height: 20px !important;
    object-fit: cover;
}
/* -------- Options container (opening/closing animation) -------- */
#cbOptions{
    transition: opacity .5s ease, transform .5s ease;
    opacity: 0;
    transform: translateY(40px) scale(.9);
    pointer-events: none;
}

#cbWidget.cb-open #cbOptions{
    opacity: 1;
    transform: translateY(0) scale(1);
    pointer-events: auto;
}

/* -------- Toggle button rotation -------- */
#cbToggle{
    transition: transform .7s cubic-bezier(0.4, 0, 0.2, 1),
    background-color .7s cubic-bezier(0.4, 0, 0.2, 1);
    transform: rotate(0deg);
}

#cbWidget.cb-open #cbToggle{
    transform: rotate(180deg);
}

/* -------- Icon swap fade (matches their opacity crossfade) -------- */
#cbToggle .cb-icon-chat,
#cbToggle .cb-icon-close{
    transition: opacity .5s ease;
}
.exclusive-product {
    position: absolute;
    top: 14px;
    left: 15px;
    z-index: 99;
}

.single-product p.fixed-text-var{
    padding-top: 12px;
    position: absolute;
    bottom: 30px;
}

.copy {
    position: relative;
}

.copy-message {
    position: absolute;
    top: -40px;
    left: 0;
    background: #000;
    color: #fff !important;
    padding: 4px 10px !important;
    font-size: 12px !important;
    border-radius: 4px;
    white-space: nowrap;
    animation: fadeInOut 2s ease forwards;
    z-index: 10;
}

@keyframes fadeInOut {
    0% { opacity: 0; transform: translateY(5px); }
    10% { opacity: 1; transform: translateY(0); }
    85% { opacity: 1; }
    100% { opacity: 0; }
}
.characteristics .text-wrapper .price .share-socials a.wa{
    padding-top: 0;
}
.characteristics .text-wrapper .price .share-socials a.wa img{
    height: auto;
}
.characteristics .text-wrapper .price .share-socials a.copy img{
    width: 18px;
    height: auto;
}
.pr-tag.tag-grey img{
    width: 118px;
    height: 28px;
    object-fit: cover;
}
.footer-bottom .fb_flx .time.waze img{
    filter:invert(1);
}
footer .footer-bottom .fb_flx .time.waze a::after{
    left: auto;
    right: -16px;
}
.per-product-socials.cat {
    position: absolute;
    top: 14px;
    right: 15px;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.social-shares-per-pro img{
    width: 25px;
    height: 20px;
    object-fit: contain;
}
.per-product-socials img{
    width: 18px;
    height: 18px;
    object-fit: contain;
}
.social-shares-per-pro {
    position: absolute;
    right: 0.6rem;
    top: 6rem;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.single-product .special-discount-new{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
/*new price popup*/
.no-price-popup.second-style p,
.no-price-popup.second-style h2,
.no-price-popup.second-style h3{
    text-align: center;
}
.no-price-popup.second-style h3{
    font-size: 23px;
}
.no-price-popup.second-style h2{
    color: var(--black, #242424);
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.12px;
}
.no-price-popup.second-style .submit-btn{
    margin-right: auto;
    background: #242424 !important;
    outline: none;
    border: none;
    box-shadow: none;
    margin-top: 13px;
}
.no-price-popup .checkbox-row label a{
    color: var(--grey, #4C4C4C);
    font-size: 14px;
    font-weight: normal;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.no-price-popup.second-style p{
    color: var(--black, #242424) !important;
    text-align: center !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 130% !important;
    letter-spacing: 0.27px !important;
    margin-bottom: 5px !important;
}
.no-price-popup.second-style form{
    margin-top: 0;
}
.form-step {
    display: none;
}
.form-step.active {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 32px;
}
.wpcf7-error {
    border-color: red !important;
}
.popup-heading {
    display: none;
}
.popup-heading.active {
    display: block;
}
p.helper-text {
    color: var(--grey, #4C4C4C);
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0.07px;
}
.form-step.second span.wpcf7-form-control-wrap{
    width: 60%;
    margin: 0 auto;
    margin-bottom: 12px;
}
.form-step.second span.wpcf7-form-control-wrap:last-child{
    margin-bottom: 0;
}
.form-step.second span.wpcf7-form-control-wrap input{
    border-radius: 50px;
}
.form-step.second span.wpcf7-form-control-wrap input::placeholder {
    text-align: center;
}
.form-step.second{
    gap:0;
}
.popuplar-search-categories {
    padding-top: 20px;
}
ul.popular-search-list {
    padding-top: 20px !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    gap: 15px !important;
}
ul.popular-search-list li {
    width: auto !important;
    margin-bottom: 0 !important;
    border: 1px solid var(--light-grey, #E5E4E4);
    border-radius: 100px;
    padding: 10px 20px !important;
}
ul.popular-search-list li a{
    font-size: 14px !important;
}
ul.popular-search-list li::after{
    display: none !important;
}
.banner{
    position: relative;
}
video.wrapper__video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}
.home-banner .container-custom{
    position: relative;
}
.single-post .kd-content{
    width: 100%;
}
.signature-author-box {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 40px;
}
.author-img-wrap {
    width: 250px;
    height: 220px;
    border-radius: 100px;
    overflow: hidden;
}
.author-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.signature-author-box .author-content h2 {
    margin-top: 20px;
}
button#cbToggle img {
    width: 55px;
}
.prc-brand.in-flx span.price ins{
    text-decoration: none;
}
.prc-brand.in-flx span.price del{
    font-weight: 400;
    color: #4C4C4C;
}
.pr-tag.tag-grey img.additional-tag {
    object-fit: contain;
}
.filter-heading-title{
    font-size: 16px;
    line-height: 20.8px;
    letter-spacing: 0.08px;
    font-weight: 700;
    margin: 0;
    color: var(--black);
}
.new-tag-colors img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin-bottom: 8px;
}