﻿html, body {
    font-family: "Manrope", sans-serif;
    font-optical-sizing: auto;
}

body {
    margin: 0;
    padding: 0;
}

button,
input,
select,
textarea {
    font: inherit;
}

a {
    color: inherit;
    text-decoration: none;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

.copyright i {
    color: #fa0909;
    margin: 0 5px;
    font-size: 12px;
}

.luvanshNewPage .footer .links a {
    color: #003642;
}

.soldout-badge {
    background: #dc3545; /* danger red */
    color: #fff;
    padding: 6px 22px;
    font-size: 14px;
    font-weight: 700;
    border-radius: 8px;
    letter-spacing: 1px;
    text-transform: uppercase;
    box-shadow: 0 3px 8px rgba(0,0,0,0.25);
    width: fit-content;
    height: auto;
}

/*-------------- From style.css ------------*/
.luvanshNewPage .specialShapeSlider p {
    width: 100%;
}

.luvanshNewPage .iconsSection .cart-container-white .cart-count {
    background: #002129;
    color: white;
}

.luvanshNewPage .footer-desktop .footer-top .footer-left .logo img {
    width: 250px;
    height: 55px;
}

.luvanshNewPage .heroCta .thirdCta {
    width: 225px;
}

@media screen and (max-width: 600px) {
    .luvanshNewPage .heroCta .thirdCta {
        width: 100%;
    }
}
/*-------------- From style.css ------------*/
/*-------------- From product.all.style.css ------------*/
.luvanshNewPage .product-filter-ring-image-container {
    padding: 10px 12px 10px 12px;
}
/*-------------- From product.all.style.css ------------*/


/*-------------- From product-card.style.css ------------*/
.luvanshNewPage .swiper-slide-content .swiper-slide-cardContent {
    min-height: 63px !important;
}

@media (max-width: 768px) {
    .luvanshNewPage #dynamicProductGrid {
        padding: 0 20px 30px !important;
    }

    /* .luvanshNewPage .product-filter-section-ring {
        padding: 0 20px 30px !important;
    }*/
}
/*-------------- From product.all.style.css ------------*/


/*--------------------- Remove arrows from number inputs ------------ */
/* Chrome, Safari, Edge */
.caratInputs input::-webkit-outer-spin-button,
.caratInputs input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* For Firefox */
.caratInputs input[type=number] {
    -moz-appearance: textfield;
}

.mobile-newsletter a {
    color: #fff !important;
}

    .mobile-newsletter a:hover {
        background: #044a59 !important;
    }

.luvanshNewPage .viewAllreviewText {
    margin: 10px auto 0 !important;
}

.luvanshNewPage .timer .top-timer-box {
    height: 32px !important;
    width: 32px !important;
}

.luvanshNewPage .sale-box {
    padding: 4px 0px !important;
}

@media screen and (max-width: 600px) {
    .luvanshNewPage .product-slider-container {
        padding-top: 55px !important;
    }

    .luvanshNewPage .mob-category-section .category-subtitle {
        font-size: var(--fz-22) !important;
    }
}

.luvanshNewPage .customerSliderSection .slider-arrows .customerPrev {
    top: 24% !important;
}

.luvanshNewPage .customerSliderSection .slider-arrows .customerNext {
    top: 24% !important;
}

.thumbnailBoxMobile {
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
}

.reset-container p {
    color: var(--text-mega-title);
    font-weight: var(--fw-700);
    font-size: var(--fz-14);
}