@font-face {
    font-family: "peyad-regular";
    src: url(../fonts/peyda/woff/PeydaWeb-Regular.woff) format("woff"), url(../fonts/peyda/woff2/PeydaWeb-Regular.woff2) format("woff2")
}

@font-face {
    font-family: "peyad-light";
    src: url(../fonts/peyda/woff/peydaWeb-light.woff) format("woff"), url(../fonts/peyda/woff2/peydaWeb-light.woff2) format("woff2")
}

@font-face {
    font-family: "peyad-bold";
    src: url(../fonts/peyda/woff/PeydaWeb-ExtraBold.woff) format("woff"), url(../fonts/peyda/woff2/PeydaWeb-ExtraBold.woff2) format("woff2")
}

:root {
--mainColor: #F5F0E8;
    --mainDarkColor: #3F4938;
    --mainLightColor: #FAF8F3;
    --creamColor: #3F4938;
    --lightCreamColor: #C99A8E;
    --purpleColor: #C99A8E;
    --color-primary: #3F4938;
    --color-primary-dark: #30382C;
    --color-background: #FAF8F3;
    --color-surface-alt: #F5F0E8;
    --color-surface: #FFFFFF;
    --color-text: #24241F;
    --color-text-muted: #77766F;
    --color-border: #DDD9D0;
    --color-accent: #C99A8E;
    --color-accent-light: #E5D0CB;
    --color-dark: #1F211D;
}

body, body > * {
    font-size: 12px;
    font-family: "OptimaNovaLTProRegular", "peyad-regular";
    color: #24241F;
}

.family-bold {
    font-family: "peyad-bold";
}

.family-light {
    font-family: "peyad-light";
}

h1, h2, h3, h4, h5, h6, .f-bold {
    font-family: "peyad-bold" !important;
}

a {
    color: #383431;
}

a:hover {
    color: var(--creamColor);
}

footer {
    border-top: none;
    background: var(--mainColor);
}

.bg-light-cream {
    background: var(--mainLightColor);
}

.bg-dark-cream {
    background: var(--mainDarkColor);
}
.cream-color {
    color: #3F4938;
}

.description {
    font-size: 13px;
}

.social-link svg .cls-1 {
    /*stroke: var(--creamColor) !important*/
}

.email-icon .cls-1 {
    /*fill: var(--creamColor) !important*/
}

.main-btn {
    border: 1px solid;
    min-width: 150px;
    max-width: 100%;
    height: 40px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    background: transparent;
    padding: 5px 15px;
    font-size: 15px;
    font-weight: 500;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.main-btn.fill-btn {
    color: var(--purpleColor);
}

.main-btn.fill-cream-btn {
    background: var(--lightCreamColor);
    color: white;
    border-color: var(--lightCreamColor);
}

.main-btn.fill-cream-btn:hover {
    background: transparent;
    color: var(--lightCreamColor);
}

.main-btn.fill-btn:hover {
    background: var(--purpleColor);
    color: white;
}

.main-btn.cream-btn {
    color: var(--creamColor);
    border-color: var(--creamColor);
}

.main-btn.cream-btn:hover {
    background: var(--creamColor);
    color: white;
}

.main-btn.white-btn {
    color: white;
    border-color: white;
}

.main-btn.white-btn:hover {
    background: white;
    color: var(--creamColor);
}

.main-btn.white-fill-btn {
    background: white;
    color: var(--creamColor);
    border-color: white;
}

.main-btn.white-fill-btn:hover {
    background: transparent;
    color: white;
}

.main-btn:hover {
    background: white;
    color: var(--mainColor);
}

.owl-box {
    position: relative;
}
.owl-box .owl-box-detail{
    padding: 15px 0;
}
.owl-box .owl-box-detail:not(.blog) {
    display: flex;
    display: -webkit-flex;
    width: 100%;
    align-items: start;
    justify-content: space-between;
}

.owl-box .owl-box-detail .owl-box-price {
    font-size: 1.4rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: end;
    color: var(--creamColor);
    font-weight: 600;
    min-width: 110px;
}

.owl-box .owl-box-detail .owl-box-price .old-price {
    text-decoration: line-through;
    font-size: 13px;
    margin-left: 5px;
    color: #ff2d2d;
}

.owl-nav-center.white-arrow .owl-nav [class*=owl-] svg {
    fill: white;
}

.center-banner {
    position: relative;
    display: flex;
    display: -webkit-flex;
    flex: 1 0 0;
    height: 400px;
    align-items: flex-end;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    overflow: hidden;
}

.center-banner .center-banner-detail {
    padding: 80px;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 3;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.center-banner:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(to top, #79583a4d, transparent);
    background: -webkit-linear-gradient(to top, #79583a4d, transparent);
    z-index: 2;
}

.style-box .style-image {
    position: relative;
}

.style-box .style-image:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(to top, #79583a4d, transparent);
    background: -webkit-linear-gradient(to top, #79583a4d, transparent);
    z-index: 2;
}
.style-box .style-image:after{
    position: absolute;
    content: '';
    width: 80%;
    height: 80%;
    bottom: 10%;
    right: 10%;
    left: 10%;
    border: 2px solid var(--lightCreamColor);
    z-index: 3;
}
.style-box .detail {
    position: absolute;
    z-index: 4;
}

.style-box.right {
    padding-right: 80px;
}

.style-box.left {
    padding-left: 80px;
}
.style-box.right .style-image{
    border-top-right-radius: 128px;
    overflow: hidden;
    box-shadow: 0 10px 10px rgba(0,0,0,0.3);
}
.style-box.right .style-image:after{
    border-top-right-radius: 150px;
}
.style-box.left .style-image{
    border-bottom-left-radius: 128px;
    overflow: hidden;
    box-shadow: 0 10px 10px rgba(0,0,0,0.3);
}
.style-box.left .style-image:after{
    border-bottom-left-radius: 150px;
}
.style-box.left .detail {
    bottom: 35%;
    left: 0;
}

.style-box.right .detail {
    bottom: 5%;
    right: 0;
}

.cream-overlay {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(199, 160, 104, 0.8), transparent);
    background: -webkit-linear-gradient(to top, rgba(199, 160, 104, 0.8), transparent);
    z-index: 1;
}

.fullbanner-content {
    width: 100%;
    padding-top: 200px;
    padding-bottom: 120px;
    position: relative;
}

.half-banner {
    position: relative;
}

.half-banner .half-banner-detail {
    height: 100%;
    width: 50%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    color: white;
    padding: 80px;
}

.half-banner .half-banner-image {
    height: 100%;
    width: 50%;
    position: relative;
}

.owl-slider {
    height: calc(100vh - 100px);
    position: relative;
    width: 100%;
}

.owl-slider figure {
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 0;
}

.owl-slider figure img {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    margin: auto;
}

.owl-slider .owl-slider-detail {
    color: white;
    right: 120px;
    bottom: 10%;
    position: absolute;
    max-width: 45%;
    z-index: 3;
}
/*.no-scrollbar::-webkit-scrollbar {*/
/*    display: none;*/
/*}*/
.no-scrollbar {
    overflow: scroll;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    flex-grow: 0;
    scrollbar-width: none;
}
.white-space-nowrap {
    white-space: nowrap;
}
.space-right{
    padding-right: 100px;
}
.line-header{
    height: 30px;
    position: relative;
}
.line-header img{
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    position: absolute;
    background: white;
}
.line-header:before{
    height: 1px;
    position: absolute;
    background: #D3D3D3;
    width: 100%;
    content: '';
    top: 0;
    bottom: 0;
    margin: auto;
}
.on-top-number{
    background: var(--mainDarkColor);
}
.main-header .nav-link:hover:before, .main-header .nav-link.active:before{
    background: var(--mainDarkColor);
}
.nav-child-box{
    border-color: var(--mainDarkColor);
}
.icon-btn:hover svg{
    fill: var(--mainDarkColor);
    stroke: var(--mainDarkColor);
}
.main-bg{
    background: var(--mainDarkColor);
}
#sizeGuid{
    position: relative;
    z-index: 1000;
}
.popup__wrapper {
    -ms-overflow-style: none!important;
    scrollbar-width: none!important;
    position: fixed;
    z-index: 999;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    max-width: 375px;
    height: 100%;
    max-height: 100vh;
    padding: 0;
    overflow: hidden;
    overflow-y: auto;
    background-color: #fff;
    transition: .5s all ease;
}
.popup__wrapper.right {
    top: 0;
    right: 0;
    transform: translate(100%);
}
.popup.visible .popup__wrapper.left, .popup.visible .popup__wrapper.right {
    transform: translate(0);
}
.product-sizes-popup {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    -ms-overflow-style: none!important;
    scrollbar-width: none!important;
}
.size-guide-popup-rings {
    overflow-y: scroll;
}
.product-sizes-popup__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 21px 20px;
    border-bottom: 1px solid #e0e0e0;
}
.product-sizes-popup__title {
    margin: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    text-transform: uppercase;
    letter-spacing: .03em;
}
.product-sizes-popup__close-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    background: none;
    border: none;
    outline: transparent;
}
.popup main {
    /*min-height: calc(100vh - var(--footer-full-height) - var(--header-top-padding));*/
    padding: 15px 15px 15px 15px;
}
.size-guide-popup-rings__description {
    margin-bottom: 18px;
}
.image-wrapper {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}
.size-guide-popup-rings__media {
    margin-bottom: 20px;
}
.size-guide-popup-rings__media.image-wrapper:before {
    padding-top: 57%;
}
.image-wrapper img, .image-wrapper svg, .image-wrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: contain;
    object-position: contain;
}
.size-guide-popup-rings__table {
    width: 100%;
    margin-bottom: 24px;
}
.size-guide-popup-rings__table-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 12px 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
}
.size-guide-popup-rings__table-row:first-child {
    font-weight: 500;
    border-bottom: 1px solid black;
}
.size-guide-popup-rings__table-data {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: start;
    min-width: 52px;
}
.size-guide-popup-rings__table-data.necklaces {
    width: 33.3333333333%;
}
.size-guide-popup-rings__table-data:first-child {
    min-width: 127px;
}
.size-guide-popup-rings__table-row:first-child td {
    margin-top: auto;
}
.size-guide-popup-rings__table-data:first-child.necklaces {
    width: 33.3333333333%;
    min-width: auto;
    font-weight: 500;
}
.size-guide-popup-rings__table-row:not(:last-child):not(:first-child) {
    border-bottom: 1px solid #e0e0e0;
}
.size-guide-popup-rings__bootom-description-title {
    margin-bottom: 12px;
}
.popup__background {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998;
    display: block;
    width: 100%;
    max-width: 100vw;
    height: 100%;
    max-height: 100vh;
    visibility: hidden;
    background-color: #0009;
    opacity: 0;
    transition: .5s opacity ease;
}
.popup.visible .popup__background {
    visibility: visible;
    opacity: 1;
}
@media (max-width: 992px){
    html{
        font-size: 10px;
    }
    #mostSell, #preSell {
        background-size: cover;
    }
    .half-banner .half-banner-image, .half-banner .half-banner-detail{
        width: 100%;
        height: auto;
    }
    .half-banner .half-banner-detail{
        padding: 80px 25px;
    }
    .center-banner{
        height: 400px;
        flex: none;
    }
    .center-banner figure, .center-banner img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .owl-slider .owl-slider-detail{
        max-width: 90%;
        right: 25px;
    }
    .center-banner .center-banner-detail{
        padding: 100px 25px;
    }
    .style-box.right .detail{
        right: 25px;
    }
    .style-box.left .detail {
        left: 25%;
    }
    .space-right{
        padding-right: 30px;
    }
    .owl-slider{
        height: calc(100vw*1.5);
        aspect-ratio: 1 / 1.5;
    }
    /*.owl-slider figure img{*/
    /*    height: 100%;*/
    /*    width: auto!important;*/
    /*}*/
    .owl-slider figure img{
        position: relative;
    }
    .style-box .detail {
        position: absolute;
        z-index: 3;
    }

    .style-box.right {
        padding-right: 0;
    }

    .style-box.left {
        padding-left: 0;
    }

    .style-box.left .detail, .style-box.right .detail {
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        top: auto;
        position: relative;
        display: flex;
        display: -webkit-flex; flex-direction: column; align-items: center;
        justify-content: center;
    }
    .style-box.left .detail h2, .style-box.right .detail h2{
        font-size: 1.4rem;
    }
    .style-box .style-image:after{
        width: 90%;
        height: 90%;
        bottom: 5%;
        right: 5%;
        left: 5%;
    }
    .style-box.left .style-image{
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        border-bottom-left-radius: 30px
    }
    .style-box.right .style-image:after{
        border-top-right-radius: 30px
    }
    .style-box.right .style-image{
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        border-top-right-radius: 30px
    }
    .style-box.left .style-image:after{
        border-bottom-left-radius: 30px
    }
}
/* New Product style*/
.ais-hits-container.one-col .ais-InfiniteHits-item {
    width: 100% !important;
}

.ais-collection-top-menu {
    position: sticky;
    top: 68px;
    left: 0;
    z-index: 6;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 27px 45px !important;
    background-color: #fff;
}

.ais-facets-switcher-container {
    display: flex;
}

.ais-facets-switcher {
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 140% !important;
    cursor: pointer;
}

.ais-facets-switcher:before {
    margin-left: 10px;
    content: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 5.5V3.5H0.5V2.5H3.5V0.5H4.5L4.5 5.5H3.5Z' fill='black'/%3E%3Cpath d='M15.5 2.5H5.5V3.5H15.5V2.5Z' fill='black'/%3E%3Cpath d='M10.5 8.5V9.5H0.5V8.5H10.5Z' fill='black'/%3E%3Cpath d='M15.5 8.5H12.5V6.5H11.5V11.5H12.5V9.5H15.5V8.5Z' fill='black'/%3E%3C/svg%3E%0A");
}

.ais-facets-switcher-total-text {
    margin-right: 20px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    cursor: default;
}

.ais-custom-sort-popup-switcher {
    position: relative;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    cursor: pointer;
}

.ais-custom-sort-popup-switcher:before {
    margin-left: 11px;
    content: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0.499999L14 0.5L14 1.5L-4.37114e-08 1.5L-2.21972e-08 1.00781L0 0.499999ZM4 4.5L14 4.5L14 5.00781L14 5.5L4 5.5L4 4.5ZM14 8.5L8 8.5L8 9.5L14 9.5L14 9.00781L14 8.5Z' fill='black'/%3E%3C/svg%3E%0A");
}

.ais-custom-sort-popup {
    position: absolute;
    top: 57px;
    left: 45px;
    z-index: 2;
    width: -moz-max-content;
    width: max-content;
    padding: 24px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
}

.ais-sort-popup-item {
    display: flex;
    align-items: center;
}

.ais-sort-popup-item:not(:last-child) {
    margin-bottom: 18px;
}

.ais-sort-popup-item input {
    display: none;
}

.ais-sort-popup-item label {
    position: relative;
    display: inline-block;
    margin-right: 32px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    cursor: pointer;
}

.ais-sort-popup-item label:before {
    position: absolute;
    bottom: 1px;
    right: -32px;
    width: 20px;
    height: 20px;
    content: "";
    border: 1px solid #e0e0e0;
    border-radius: 50%;
}

.ais-sort-popup-item input:checked + label:before {
    position: absolute;
    bottom: 16px;
    right: -56px;
    width: 20px;
    height: 20px;
    content: url("data:image/svg+xml,%3Csvg width= '68' height= '68' viewBox= '0 0 68 68' fill= 'none' xmlns= 'http://www.w3.org/2000/svg' %3E%3Cg filter= 'url(%23filter0_d_5019_11164)' %3E%3Ccircle cx= '34' cy= '26' r= '6' fill= 'black' /%3E%3Crect x= '24.5' y= '16.5' width= '19' height= '19' rx= '9.5' stroke= 'black' /%3E%3C/g%3E%3Cdefs%3E%3Cfilter id= 'filter0_d_5019_11164' x= '0' y= '0' width= '68' height= '68' filterUnits= 'userSpaceOnUse' color-interpolation-filters= 'sRGB' %3E%3CfeFlood flood-opacity= '0' result= 'BackgroundImageFix' /%3E%3CfeColorMatrix in= 'SourceAlpha' type= 'matrix' values= '0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result= 'hardAlpha' /%3E%3CfeOffset dy= '8' /%3E%3CfeGaussianBlur stdDeviation= '12' /%3E%3CfeColorMatrix type= 'matrix' values= '0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0' /%3E%3CfeBlend mode= 'normal' in2= 'BackgroundImageFix' result= 'effect1_dropShadow_5019_11164' /%3E%3CfeBlend mode= 'normal' in= 'SourceGraphic' in2= 'effect1_dropShadow_5019_11164' result= 'shape' /%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
    border: none;
}

.main-content {
    display: flex;
}

.ais-page {
    position: relative;
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    width: 100%;
    padding-bottom: 120px;
}

.ais-page div, .ais-page p, .ais-page span, .ais-page a, .ais-page ul, .ais-page li, .ais-page input {
    box-sizing: border-box;
    margin: 0;
    /*padding: 0;*/
    line-height: 1;
    /*font-size: initial;*/
}

.ais-collection-top-mobile-menu {
    position: sticky;
    top: 60px;
    left: 0;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px !important;
    background-color: #fff;
}

.ais-page .ais-facets-button {
    display: none;
    margin: 16px 0;
    padding: 8px;
    border: 1px solid #e0e0e0;
    text-align: center;
    cursor: pointer;
}

.ais-page .ais-facets {
    width: 25%;
    float: left;
    padding-right: 8px;
    position: relative;
}

.ais-grid-switcher, .ais-grid-switchers-container {
    display: flex;
    align-items: center;
}

.ais-facets-switcher-total-text-mob {
    margin-left: 20px !important;
}

.ais-grid-2-col {
    margin-top: 2.5px !important;
    margin-left: 18px !important;
}

.ais-grid-2-col:before {
    content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='%23a2a1a0' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.50012 1H15V15H8.50012V1ZM7.50012 1H1V15H7.50012V1ZM0 0H1H15H16V1V15V16H15H1H0V15V1V0Z' fill='%23a2a1a0'/%3E%3C/svg%3E%0A");
}

.ais-grid-2-col.active:before {
    content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.50012 1H15V15H8.50012V1ZM7.50012 1H1V15H7.50012V1ZM0 0H1H15H16V1V15V16H15H1H0V15V1V0Z' fill='currentColor'/%3E%3C/svg%3E%0A");
}

.ais-grid-1-col {
    width: 16px;
    height: 16px;
    border: 1px solid #a2a1a0;
}
.ais-grid-1-col.active{
    border-color: black;
}
.ais-facets {
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
    position: sticky !important;
    top: 141px;
    left: 0;
    float: unset !important;
    height: calc(100vh - 171px);
    padding-right: 0 !important;
    overflow-x: hidden;
    overflow-y: scroll;
    transition: all .3s ease;
    transform: translate(0);
}

.ais-facets-inner {
    padding-right: 40px !important;
    padding-left: 0 !important;
}

.ais-facets-mobile-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding: 20px 25px 20px 20px !important;
    margin-bottom: 20px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
    letter-spacing: .03em !important;
    border-bottom: 1px solid #e0e0e0 !important;
}

.ais-facets-close-btn--icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.ais-facets-hogan-container {
    width: 100% !important;
    padding: 20px 25px 20px 20px !important;
}

.ais-custom-sort-popup-switcher-text {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
}

.ais-active-sort-by {
    padding: 4px 10px !important;
    margin-left: 10px !important;
    background-color: #f2f2f2 !important;
    border: 0 solid transparent !important;
    border-radius: 255px !important;
}

.ais-custom-sort-popup-mobile {
    position: static !important;
    margin-top: 18px !important;
}

.ais-clear-current-filters {
    margin-right: 20px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    color: #a2a1a0 !important;
    pointer-events: none;
    cursor: pointer !important;
    border-bottom: 1px solid #a2a1a0 !important;
}

.ais-clear-current-filters.selected-values {
    color: black !important;
    pointer-events: all;
    border-bottom: 1px solid black !important;
}

.ais-facet-filters-container {
    padding-left: 20px !important;
    margin-top: 31px !important;
    transition: all 0.3s;
}

.ais-facet {
    padding: 0 !important;
    margin-bottom: 37px !important;
    border: none !important;
}

.ais-page .ais-facet {
    border: solid #e0e0e0;
    border-width: 0 1px 1px;
    margin-bottom: 16px;
    padding: 8px;
    color: #636363;
}

.ais-RefinementList-searchBox {
    display: none !important;
}

.ais-page input {
    padding-left: 24px !important;
}

.ais-page .ais-SearchBox-input {
    width: 100%;
    padding: 8px 16px 8px 4px;
    border: none;
}

.ais-page .ais-SearchBox-input, .ais-page .ais-SearchBox-input:focus {
    outline: 0;
    box-shadow: none;
    height: 32px;
    padding: 0 8px;
}

.ais-page ol, .ais-page ul {
    list-style: none;
}

.ais-RefinementList-item, .ais-Menu-item {
    color: black !important;
}

.ais-facet--item {
    display: flex !important;
    align-items: center !important;
    padding-right: 0 !important;
    margin-bottom: 10px !important;
}

.ais-RefinementList-item--selected, .ais-Menu-item--selected {
    padding-left: 0 !important;
    margin-left: 0 !important;
    border: none !important;
}

.ais-page .ais-facet--item {
    position: relative;
    width: 100%;
    padding: 6px 50px 6px 0;
    cursor: pointer;
}

.ais-page .ais-RefinementList-item--selected {
    font-weight: bold;
}

.ais-facet--item:hover {
    padding-right: 0 !important;
    padding-left: 0 !important;
    border: none !important;
}

.ais-RefinementList-item div, .ais-Menu-item div {
    width: -moz-fit-content !important;
    width: fit-content !important;
}

.ais-RefinementList-label {
    overflow: visible !important;
}

.ais-RefinementList-item label, .ais-Menu-item label {
    width: -moz-fit-content !important;
    width: fit-content !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
}

.ais-facet--item label {
    display: flex !important;
}

.ais-page .ais-facet--label {
    display: inline-block;
    margin-top: -0.15em;
    margin-bottom: -0.15em;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    line-height: 1.3;
}

.ais-facet--item label:before {
    width: 19px;
    height: 19px;
    margin-left: 12px;
    margin-right: 12px;
    content: "";
    border: 1px solid #e0e0e0;
}

.ais-facet--count {
    position: static !important;
    top: 0 !important;
    left: 0 !important;
    overflow: visible !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    color: black !important;
}

.ais-page .ais-facet--count {
    display: none;
    position: absolute;
    top: 6px;
    right: 0px;
    color: #888;
}

.ais-page .ais-RefinementList-item--selected .ais-facet--count, .ais-page .ais-facet--item:hover .ais-facet--count {
    right: -8px;
}

.ais-RefinementList-item--selected label:before, .ais-Menu-item--selected label:before {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 19px;
    height: 19px;
    margin-right: 12px;
    content: url("data:image/svg+xml,%3Csvg width='15' height='10' viewBox='0 0 15 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.0304 0.670028L5.87112 9.7098L0.5 4.8758L1.16896 4.1325L5.79785 8.2985L13.288 0L14.0304 0.670028Z' fill='%23FAF9F8'/%3E%3C/svg%3E%0A");
    background-color: black;
    border: 1px solid black;
}

.ais-range-slider--header {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 0 !important;
    margin-bottom: 15px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    color: black !important;
    text-transform: capitalize !important;
    cursor: pointer !important;
    background-color: transparent !important;
    border: none !important;
}

.ais-page .ais-facet--header {
    border: solid #e0e0e0;
    border-width: 1px 1px 0;
    padding: 6px 8px;
    background: #f4f4f4;
    font-size: 0.95em;
    color: #757575;
    text-transform: uppercase;
}

.ais-selected-filters-num {
    display: flex;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
    margin-right: 10px !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.46 !important;
    background-color: #f2f2f2 !important;
    border: 0 solid transparent !important;
    border-radius: 50% !important;
}

.ais-range-slider--header:after {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 15px;
    height: 15px;
    content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.5 0.5V7.5H15.5V8.5H8.5V15.5H7.5V8.5H0.5V7.5H7.5V0.5H8.5Z' fill='black'/%3E%3C/svg%3E%0A");
    transform: translateY(-50%);
}

.ais-facet-conjunctive.menu-opened .ais-range-slider--header:after, .ais-facet-disjunctive.menu-opened .ais-range-slider--header:after, .ais-facet-menu.menu-opened .ais-range-slider--header:after {
    width: 17px;
    height: 1px;
    content: "";
    background-color: black;
}

.ais-facets__closed-filters {
    top: 0 !important;
    width: 0 !important;
    transform: translate(-100%);
}

.ais-page .ais-block {
    position: relative;
    right: 0;
    float: unset;
    width: 74.5%;
    padding: 0 !important;
    transition: width .3s ease;
    transform: translate(0);
}

.ais-page .ais-facets__closed-filters ~ .ais-block {
    width: 100%;
}

.ais-page .ais-block {
    width: 75%;
    float: right;
    padding-left: 8px;
}

.ais-current-refined-values-container {
    padding-left: 49px !important;
}

.ais-current-refined-values-container .ais-Panel {
    display: flex;
    align-items: center;
}

.ais-current-refined-values-container .ais-Panel-body {
    width: -moz-fit-content !important;
    width: fit-content !important;
    overflow: hidden !important;
}

.ais-current-refined-values-container .ais-root.ais-current-refined-values.ais-facet {
    margin-bottom: 0 !important;
}

.ais-current-refined-values--list {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

.ais-current-refined-values--item {
    width: -moz-fit-content !important;
    width: fit-content !important;
    padding: 10px 16px !important;
    margin-bottom: 15px !important;
    background-color: transparent !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 255px !important;
}

.ais-current-refined-values--item:not(:last-child) {
    margin-right: 15px !important;
}

.ais-current-refined-values--link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
}

.ais-current-refined-values--item a {
    margin: 0 !important;
}

.ais-page .ais-current-refined-values--link {
    display: table;
    width: 100%;
    margin: 4px 0;
    border: 1px solid #e0e0e0;
    cursor: pointer;
}

.ais-page .ais-facet a, .ais-page .ais-facet a:hover, .ais-page .ais-facet a:focus, .ais-page .ais-facet a:active {
    color: #666;
}

.ais-current-refined-values--link div {
    width: -moz-fit-content !important;
    width: fit-content !important;
    max-width: 100% !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    color: black !important;
    background-color: transparent !important;
}

.ais-current-refined-values--item a > div {
    padding: 1px 0 !important;
}

.ais-page .ais-current-refined-values--link div {
    display: inline;
}

.ais-page .ais-current-refined-values--link > div {
    display: table-cell;
    vertical-align: middle;
    margin-top: -0.15em;
    margin-bottom: -0.15em;
    padding: 4px 6px;
    background: #f4f4f4;
    width: 100%;
    max-width: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
}

.ais-current-refined-values--label {
    display: none !important;
}

.ais-current-refined-values--link:after {
    margin-right: 16px;
    content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.4124 5.99971L0.707031 1.29433L1.29629 0.705078L6.00166 5.41045L10.707 0.705078L11.2963 1.29433L6.59091 5.99971L11.2963 10.7051L10.707 11.2943L6.00166 6.58896L1.29629 11.2943L0.707031 10.7051L5.4124 5.99971Z' fill='black'/%3E%3C/svg%3E%0A");
}

.ais-current-refined-values--item ~ .ais-current-refined-values--item-clear-all {
    display: block;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding: 10px 8px !important;
    color: black;
    white-space: nowrap;
    cursor: pointer;
    border: none !important;
}

.ais-hits-container {
    padding-right: 40px !important;
    padding-left: 45px !important;
}

.ais-InfiniteHits {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ais-InfiniteHits-list {
    display: grid;
    flex-wrap: wrap;
    grid-template-columns: repeat(3, minmax(2px, 1fr));
    grid-auto-flow: dense;
    width: 100%;
}

.ais-page .ais-facets__closed-filters ~ .ais-block .ais-InfiniteHits-list {
    grid-template-columns: repeat(4, minmax(2px, 1fr));
}

.ais-InfiniteHits-item {
    padding: 0 4px !important;
    margin-bottom: 32px !important;
    transition: all .3s ease;
}

.ais-hit.ais-product {
    position: relative;
    cursor: pointer !important;
}

.img-wrapper, .image-wrapper {
    position: relative;
    display: block;
    width: 100%;
}

.image-wrapper {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}

.ais-hit--picture {
    margin-bottom: 11px !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.image-wrapper:before {
    display: block;
    padding-top: 100%;
    content: "";
}

.ais-hit--picture.image-wrapper:before {
    padding-top: 127.5%;
}

.image-wrapper img, .image-wrapper svg, .image-wrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: contain;
    object-position: contain;
}

.ais-hit--second-picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: all .2s linear;
}

.ais-hit--second-picture.image-wrapper:before {
    padding-top: 127.5%;
}

.quick-buy__button {
    position: absolute;
    bottom: 14px;
    left: 14px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    min-height: 32px;
    padding: 5px;
    font-size: 0;
    cursor: pointer;
    visibility: hidden;
    border: none;
    border-radius: 50px;
    outline: transparent;
    opacity: 0;
    transition: .3s ease-in-out;
}

.quick-buy__button.black {
    color: white;
    background-color: black;
}

.quick-buy__button .default-value {
    position: relative;
    width: 14px;
    height: 16px;
}

.quick-buy__button .default-value svg {
    width: 100%;
    height: 100%;
    color: white;
}

.quick-buy__button .loading-value {
    position: relative;
    display: none;
    width: 22px;
    height: 22px;
    animation: loading .6s linear infinite;
}

.quick-buy__button .loading-value svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 22px;
    height: 22px;
    fill: black;
    transform: translate(-50%, -50%);
}

.quick-buy__button .done-value {
    display: none;
}

.product-info__wishlist {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 24px;
    margin-right: 6px;
    cursor: pointer;
    background: none;
    border: none;
    outline: transparent;
}

.ais-wishlist {
    position: absolute;
    right: 14px;
    bottom: 15px;
    z-index: 2;
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 0;
    background: rgba(255, 255, 255, .8);
    border: 1px solid transparent;
    border-radius: 50%;
}

.ais-hit.ais-product .wishlist-quick-add .wishlist-trigger {
    visibility: hidden;
    opacity: 0;
}

.product-info__wishlist span {
    width: 100%;
}

.ais-wishlist .heart-filled {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
}

.product-info__wishlist svg {
    width: 24px;
    height: 24px;
}

.ais-wishlist .heart-filled svg {
    top: auto;
    left: auto;
    width: 20px;
    height: 17px;
    margin-top: 2px;
}

.ais-hit.ais-product .wishlist-quick-add .wishlist-trigger.wishlist-remove {
    visibility: visible;
    opacity: 1;
}

.ais-wishlist .heart-filled {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
}

.ais-wishlist .heart-filled svg {
    top: auto;
    left: auto;
    width: 20px;
    height: 17px;
    margin-top: 2px;
}

.ais-hit--title {
    margin-bottom: 4px !important;
    font-size: 1.4rem
}

.ais-hit--title a {
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    color: black !important;
}

.ais-hit--variant span {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    color: #71706f !important;
}

.ais-hit--price b {
    font-size: 14px !important;
    font-weight: 100 !important;
    line-height: 1.46 !important;
    color: #767676 !important;
}

.ais-tag {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    z-index: 1;
    display: flex;
    gap: 5px;
    align-items: center !important;
    max-width: calc(100% - 24px);
}
.ais-tag span {
    padding: 4px 8px !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    text-transform: uppercase;
    letter-spacing: .05em !important;
    background-color: white !important;
}

.ais-hit.ais-product:hover .ais-hit--second-picture {
    opacity: 1;
}

.ais-hit.ais-product:hover .wishlist-quick-add .wishlist-trigger, .ais-hit.ais-product:hover .quick-buy__button {
    visibility: visible;
    opacity: 1;
}

.ais-InfiniteHits .ais-InfiniteHits-loadMore .ais-load-more-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
}

.ais-InfiniteHits .ais-InfiniteHits-loadMore {
    background: none;
    border: none;
    outline: none;
}

.ais-InfiniteHits .ais-InfiniteHits-loadMore .ais-load-more-container .ais-sup-load-more-text {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    color: black;
}

.ais-InfiniteHits-loadMore[disabled] .btn {
    display: none;
    padding: 12px 40px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: white;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    background-color: black;
    border: none;
    outline: none;
    transition: all .2s linear;
}

.ais-InfiniteHits .ais-InfiniteHits-loadMore .ais-load-more-container .btn {
    width: -moz-fit-content;
    width: fit-content;
    padding: 12px 72.5px;
    line-height: 1.5;
    background-color: black;
}

@media screen and (min-width: 992px) and (max-width: 1360px) {
    .ais-facets {
        top: 139px;
    }
}

@media screen and (min-width: 992px) {
    .ais-facets-bottom-buttons {
        display: none !important;
    }

    .ais-facets-mobile-header {
        display: none !important;
    }

    .ais-collection-top-mobile-menu {
        display: none !important;
    }

    .ais-facets-hogan-container {
        padding: 0 !important;
    }

    .ais-custom-sort-popup-switcher--mobile {
        display: none !important;
    }
}

.ais-results-size-xs .ais-page .ais-facets, .ais-results-size-sm .ais-page .ais-facets {
    display: none;
}

.ais-results-size-xs .ais-page .ais-facets, .ais-results-size-xs .ais-page .ais-block, .ais-results-size-sm .ais-page .ais-facets, .ais-results-size-sm .ais-page .ais-block {
    width: 100%;
    padding-left: 0px;
}

.ais-results-size-xs .ais-page .ais-facets-button, .ais-results-size-sm .ais-page .ais-facets-button {
    display: block;
}

dl, ol, ul {
    padding: 0;
}

.ais-facets-button {
    width: -moz-fit-content !important;
    width: fit-content !important;
    border: none !important;
}

.ais-facets-button:before {
    margin-left: 10px;
    content: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 5.5V3.5H0.5V2.5H3.5V0.5H4.5L4.5 5.5H3.5Z' fill='black'/%3E%3Cpath d='M15.5 2.5H5.5V3.5H15.5V2.5Z' fill='black'/%3E%3Cpath d='M10.5 8.5V9.5H0.5V8.5H10.5Z' fill='black'/%3E%3Cpath d='M15.5 8.5H12.5V6.5H11.5V11.5H12.5V9.5H15.5V8.5Z' fill='black'/%3E%3C/svg%3E%0A");
}

.ais-facets.ais-facets__shown {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 121321;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    overflow-y: scroll !important;
    background-color: #fff;
    transform: translateX(0);
}

.ais-facets-bottom-buttons {
    position: sticky;
    bottom: 0;
    z-index: 3;
    display: flex;
    align-items: stretch;
    justify-content: center;
    width: 100% !important;
    padding: 20px !important;
    margin-top: auto !important;
    background-color: white;
    border-top: 1px solid #e0e0e0 !important;
}

.ais-current-refined-values--item-clear-all.ais-facets-clear-all-mobile {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 50% !important;
    padding: 11px 28px !important;
    margin: 0 8px 0 0 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: center !important;
}

.ais-facets-close-btn {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 2px;
    align-items: center !important;
    justify-content: center !important;
    width: 50% !important;
    padding: 12px 16px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: white !important;
    text-align: center !important;
    background-color: black !important;
}

.ais-facets-close-btn span {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: white !important;
}

.ais-facets-close-btn--icon:before {
    width: 100% !important;
    height: 100% !important;
    content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.29098 7.00004L0.644531 1.35359L1.35164 0.646484L6.99808 6.29293L12.6445 0.646484L13.3516 1.35359L7.70519 7.00004L13.3516 12.6465L12.6445 13.3536L6.99808 7.70714L1.35164 13.3536L0.644531 12.6465L6.29098 7.00004Z' fill='black'/%3E%3C/svg%3E%0A");
}

.ais-sort-popup-item label.active:before {
    position: absolute;
    bottom: 16px;
    right: -56px;
    width: 20px;
    height: 20px;
    content: url("data:image/svg+xml,%3Csvg width='68' height='68' viewBox='0 0 68 68' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_5019_11164)'%3E%3Ccircle cx='34' cy='26' r='6' fill='black'/%3E%3Crect x='24.5' y='16.5' width='19' height='19' rx='9.5' stroke='black'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_5019_11164' x='0' y='0' width='68' height='68' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='12'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_5019_11164'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_5019_11164' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
    border: none;
}

@media screen and (max-width: 992px) {
    .ais-facets{
        height: 100vh;
        position: fixed!important;
        top: 0!important;
        transform: translateX(-100%);
        width: 100vw!important;
    }
    .ais-results-size-xs .ais-page .ais-facets, .ais-results-size-sm .ais-page .ais-facets {
        display: flex;
    }

    .ais-current-refined-values-container {
        padding-left: 20px !important;
    }

    .ais-hits-container {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .ais-InfiniteHits-list {
        display: flex;
        flex-wrap: wrap;
    }

    /*.ais-custom-sort-popup-switcher{*/
    /*    display: none;*/
    /*}*/
    .ais-custom-sort-popup-switcher {
        margin-bottom: 31px !important;
    }

    .ais-page {
        flex-direction: column;
    }

    .ais-page .ais-block {
        width: 100% !important;
    }

    .ais-InfiniteHits-item {
        width: 50% !important;
        margin-bottom: 40px !important;
    }

    .ais-collection-top-menu {
        display: none;
    }

    .ais-collection-top-mobile-menu {
        padding: 0 !important;
    }

    .ais-facets-button {
        padding-right: 0 !important;
        font-size: 14px !important;
    }

    .ais-facets-button:before {
        margin-left: 8px;
    }

    .ais-facets-inner {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        max-height: 100%;
        padding-right: 0 !important;
        -ms-overflow-style: none !important;
        scrollbar-width: none !important;
    }

    .ais-facets-hogan-container {
        display: flex;
        flex-direction: column;
    }

    .ais-page .ais-block {
        position: static;
        width: 100% !important;
    }
}
.middle-banner-padding{
    padding-bottom: 125%;
}
.inner-middle-banner{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.inner-middle-banner.hasOverlay video{object-fit: cover}
.inner-middle-banner.hasOverlay:before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0,0,0,0.5);
}
.inner-middle-banner img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (min-width: 992px){
    .middle-banner-padding{
        padding-bottom: 33%;
    }
}
.owl-box-image{
    padding: 50%;
    position: relative;
}
.owl-box-image img{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.owl-box-image-blog{
    padding: 40%;
    position: relative;
}
.owl-box-image-blog img{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: auto;
    object-fit: cover;
}
.overlay-cream{
    position: relative;
}
.overlay-cream:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(to top, #79583a4d, transparent);
    background: -webkit-linear-gradient(to top, #79583a4d, transparent);
    z-index: 2;
}
.required-input{
    position: relative;
    padding-left: 10px;
}
.required-input:before{
    position: absolute;
    top: 0;
    content: '*';
    color: red;
    font-size: 12px;
    left: 5px;
}
.upload-image-box{
    background: #fff;
    border: 1px dashed #e0e0e2;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding: 20px 0;
    margin-left: 20px;
}
.c-lnd-vil__upload-area h2, .c-lnd-vil__upload-area p {
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.8;
}
.c-lnd-vil__field-req {
    color: red;
}
.c-lnd-vil__upload-area p {
    color: #62666d;
    margin: 5px 0;
}
.c-lnd-vil__uploaded-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.c-lnd-vil__button-upload {
    border: 1px solid #3F4938;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 10px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #3F4938;
    margin-top: 14px;
    font-size: 14px;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.8;
    background-color: #fff;
    align-items: center;
    -webkit-align-items: center;
}
.c-lnd-vil__uploaded-item {
    width: 64px;
    height: 64px;
    background: #0c0c0c;
    border-radius: 8px;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    margin: 10px;
}
.c-lnd-vil__uploaded-item span.close {
    position: absolute;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    background: #424750;
    border-radius: 50%;
    right: 0;
    border: 2px solid #fff;
    -webkit-transform: translate(50%,-50%);
    transform: translate(50%,-50%);
}
.c-lnd-vil__uploaded-item span.close:hover, .c-lnd-vil__uploaded-item span.failed {
    background: #ef394e;
}
.new___item {
    box-sizing: border-box;
    margin: 0px 0px 0px 8px;
    min-width: 0px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    position: relative;
    border-radius: 4px;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 12px;
    line-height: 16px;
    background-color: var(--creamColor);
    color: white;
    height: 18px;
}
.new___item:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    right: -4px;
    top: 0;
    border-width: 6px 0 6px 6px;
    border-left-style: solid;
    border-left-color: var(--creamColor);
    border-top-style: solid;
    border-top-color: transparent;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    border-right-style: initial;
    border-right-color: initial;
    bottom: 0;
    margin: auto;
}
.banner-box{
    position: relative;
}
.banner-image{
    padding-top: 15%;
    position: relative;
}
.banner-image img{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner-box .banner-content{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
}
.category-image-box{
    width: 350px;
    height: 350px;
    margin-bottom: 20px;
}
#productCategoryListItem .category-image-box{
    width: 100%;
    height: auto;
}
@media (max-width: 992px) {
    .mobile-no-scrollbar {
        overflow: scroll;
        flex-shrink: 0;
        -webkit-box-flex: 0;
        flex-grow: 0;
        scrollbar-width: none;
    }
    #blogBanner{
        padding-top: 0;
    }
    .banner-image{
        padding-top: 45%;
    }
    .owl-box-image{
        margin-bottom: 0!important;
    }
    .owl-box .owl-box-detail:not(.blog){
        flex-direction: column; align-items: start; padding-right: 5px;
        padding-left: 5px;
    }
    .owl-box .owl-box-detail .owl-box-price{
        min-width: auto;
    }
    .sidebar-mobile .dashboard-items:hover, .sidebar-mobile .dashboard-items:hover div.ml-2{
        background: transparent!important;
    }
    .space-right{
        padding-right: 0;
    }
    .owl-box .owl-box-detail{
        padding-right: 5px;
        padding-left: 5px;
    }
}
.fieldset_style {
    width: 100%;
    padding: 5px 25px;
    border: 1px solid black;
    box-sizing: border-box;
    border-radius: 10px;
}

.fieldset_style legend {
    padding: 0 15px;
    font-size: 1.1rem;
    font-weight: 600;
    color: #6e6e6e;
    width: auto;
}
.breadcrumb-item+.breadcrumb-item{
    padding-left: 0!important;
}

/* ========== Template-Style Product Card ========== */
.tpl-card {
    position: relative;
    text-align: center;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
}

.tpl-card-link {
    display: block;
    position: relative;
}

/* Pin icon */
.tpl-pin-icon {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 35px;
    height: 35px;
    z-index: 5;
    pointer-events: none;
}

/* Badges (discount / out-of-stock) */
.tpl-badges {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.tpl-badge {
    padding: 4px 12px;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    border-radius: 2px 8px;
    line-height: 1.2;
    white-space: nowrap;
}

.tpl-badge-sale {
    background-color: #3F4938;
}

.tpl-badge-oos {
    background-color: #6c6c6c;
}

/* Product image area - Square */
.tpl-card-image {
    position: relative;
    overflow: hidden;
    padding: 0;
    text-align: center;
    aspect-ratio: 1 / 1;
    background: #f5f5f5;
}

.tpl-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    vertical-align: top;
    transition: transform 0.5s ease;
}

.tpl-card:hover .tpl-card-image img {
    transform: scale(1.05);
}

/* Arc/curve at bottom of image */
.tpl-card-arc {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 30px;
    z-index: 12;
    pointer-events: none;
}

.tpl-card-arc svg {
    width: 100%;
    height: 100%;
    display: block;
}

/* Actions overlay on image */
.tpl-card-actions-overlay {
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    z-index: 15;
}

.tpl-action-btn-overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(255,255,255,0.9);
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #333;
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.tpl-action-btn-overlay:hover {
    background: #fff;
    transform: scale(1.08);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.tpl-action-btn-overlay svg {
    width: 20px;
    height: 20px;
}

.tpl-action-btn-wishlist-overlay {
    color: #333;
}

.tpl-action-btn-wishlist-overlay.active,
.tpl-action-btn-wishlist-overlay:hover {
    color: #e60000;
}

/* Quick view button (hidden) */
.tpl-quick-view {
    display: none;
}

/* Card inner (bottom section) */
.tpl-card-inner {
    background: #fff;
    padding: 12px 12px 16px;
    text-align: center;
}

/* Price */
.tpl-card-price {
    font-size: 18px;
    font-weight: 700;
    color: var(--creamColor, #3F4938);
    margin-bottom: 6px;
    line-height: 1.3;
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 4px;
}

.tpl-price-old {
    text-decoration: line-through;
    font-size: 13px;
    color: #999;
    font-weight: 400;
}

.tpl-price-new {
    color: #e60000;
}

.tpl-price-new .tpl-toman {
    font-size: 11px;
    font-weight: 400;
    color: #777;
}

.tpl-price-regular {
    color: var(--creamColor, #3F4938);
}

.tpl-price-regular .tpl-toman {
    font-size: 11px;
    font-weight: 400;
    color: #777;
}

/* Product name - bold */
.tpl-card-name {
    margin-bottom: 0;
    min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #eee;
    padding-top: 10px;
    margin-top: 6px;
}

.tpl-card-name a {
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    color: var(--mainDarkColor, #333);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.tpl-card-name a:hover {
    color: var(--creamColor, #3F4938);
}

/* Hidden cart button */
.tpl-card-cart {
    display: none;
}

/* Hover zoom on image (responsive) */
@media (min-width: 768px) {
    .tpl-card:hover .tpl-card-image img {
        transform: scale(1.05);
    }
}

/* Transition on all interactive elements */
.tpl-card-image img {
    transition: all 0.5s ease;
}

/* Responsive: smaller on tablets */
@media (max-width: 1199px) {
    .tpl-card-price {
        font-size: 16px;
    }
    .tpl-card-name {
        min-height: 32px;
    }
    .tpl-action-btn-overlay {
        width: 38px;
        height: 38px;
    }
    .tpl-action-btn-overlay svg {
        width: 18px;
        height: 18px;
    }
}

/* Responsive: mobile */
@media (max-width: 767px) {
    .tpl-card-price {
        font-size: 15px;
    }
    .tpl-card-name {
        min-height: auto;
    }
    .tpl-card-name a {
        font-size: 12px;
        font-weight: 600;
    }
    .tpl-card-actions-overlay {
        gap: 8px;
    }
    .tpl-action-btn-overlay {
        width: 34px;
        height: 34px;
    }
    .tpl-action-btn-overlay svg {
        width: 16px;
        height: 16px;
    }
}

@media (max-width: 575px) {
    .tpl-card-inner {
        padding: 8px 10px 12px;
    }
    .tpl-card-name {
        min-height: auto;
    }
    .tpl-card-name a {
        font-size: 11px;
    }
    .tpl-card-price {
        font-size: 14px;
    }
    .tpl-action-btn-overlay {
        width: 32px;
        height: 32px;
    }
    .tpl-action-btn-overlay svg {
        width: 15px;
        height: 15px;
    }
}