.bg-nude {
    background-color: #e6e4e4 !important;
}

.bg-green {
    background-color: #092924;
}

.font-green {
    color: #092924 !important;
}

.background-overlay-video-banner {

    position: absolute;
    top: 0;
    left: 0;
    background-color: #006d4063 !important;
    height: 100%;
    width: 100%;
    opacity: 0;
}

.background-overlay-video-banner:hover {
    opacity: 1;
}

.new-launch-background-img {
    position: relative;
}


swiper-container {
    width: 100%;
    height: 100%;

}

swiper-slide {
    height: 300px !important;
    width: 300px !important;
    text-align: center;
    font-size: 18px;

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

swiper-slide .trendLink,
swiper-slide .trendLink .box {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

swiper-slide .trendLink .box img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

swiper-slide {
    width: 60%;
}

swiper-slide:nth-child(2n) {
    width: 40%;
}

swiper-slide:nth-child(3n) {
    width: 20%;
}

.card-img-overlay {
    height: 100%;
    width: 100%;
    background-color: #092924;
    color: #fad6c1;
    display: flex;
    justify-content: center;
    flex-direction: column;
    opacity: 0 !important;
}






.card:hover>.card-img-overlay {


    opacity: 1 !important;
}




.card-img {

    height: 100%;
    object-fit: cover;
}

/* Shared storefront design tokens. */
:root {
    --color-primary: #1f3a33;
    --color-primary-hover: #162d27;
    --color-primary-light: #e9f0ed;
    --color-background: #ffffff;
    --color-surface: #ffffff;
    --color-text: #17211e;
    --color-text-muted: #66736f;
    --color-border: #dfe6e3;
    --color-danger: #b42318;
    --color-success: #18794e;
    --color-warning: #b54708;
}

body { background: var(--color-background); color: var(--color-text); }
.bg-green { background-color: var(--color-primary) !important; }
.font-green { color: var(--color-primary) !important; }
.btn.bg-green:hover, .bg-green:hover { background-color: var(--color-primary-hover) !important; }
.btn-success { background-color: var(--color-primary); border-color: var(--color-primary); }
.btn-success:hover, .btn-success:focus { background-color: var(--color-primary-hover); border-color: var(--color-primary-hover); }
a { color: var(--color-primary); }
a:hover { color: var(--color-primary-hover); }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid rgba(31, 58, 51, .28); outline-offset: 2px; }
.form-control:focus, .form-select:focus { border-color: var(--color-primary); box-shadow: 0 0 0 .2rem rgba(31, 58, 51, .14); }
.bg-nude { background: var(--color-background) !important; }

#cart-icon {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 10px;
    right: 10px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background: white;
}

#eye-icon {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 10px;
    right: 60px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background: white;
}



#cart-icon:hover,
#eye-icon:hover {
    background: #092924 !important;


}



#eye-icon:hover>i,
#cart-icon:hover>i {
    color: white !important;


}

.easyzoom-flyout {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
}

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


swiper-slide {

    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}