<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&amp;family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;family=League+Spartan:wght@100;200;300;400;500;600;700;800;900&amp;family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;display=swap");
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&amp;display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&amp;display=swap");

@keyframes btnAnimation {
    0% {
        transform: scale(0.8);
    }

    50% {
        opacity: 1;
        transform: scale(1.1);
    }

    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}
/* google-font */
* {
    margin: 0;
    padding: 0;
    box-sizing: inherit;
}

html {
    font-size: 10px;
    overflow-x: hidden;
}

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;
    background: #f8f8f8;
    overflow-x: hidden;
}

.body-two h1,
.body-two h2,
.body-two h3,
.body-two h4,
.body-two h5 {
    color: #232532;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
}

.body-two h1 {
    font-size: 7rem;
}

@media (max-width:767px) {
    .body-two h1 {
        font-size: 4rem;
    }
}

.body-two h2 {
    font-size: 5.6rem;
}

.body-two h3 {
    font-size: 4.2rem;
}

.body-two h4 {
    font-size: 3.4rem;
}

.body-two h5 {
    font-size: 3rem;
    margin-bottom: 0;
}

.body-two a {
    font-size: 1.8rem;
    font-weight: 700;
    color: #232532;
    text-decoration: none;
    font-family: "Inter", sans-serif;
}

    .body-two a .list-text {
        color: #FFFFFF;
        font-size: 1.6rem;
    }

    .body-two a span {
        font-size: 14px;
        font-weight: 500;
    }

.body-two p {
    font-size: 15px;
    color: #797979;
    font-weight: 400;
    font-family: "Inter", sans-serif;
    margin-bottom: 0;
}

.body-two ul {
    padding-left: 0;
    margin: 0;
}

.body-two li {
    list-style: none;
}

.body-two img {
    max-width: 100%;
}

.body-two iframe {
    width: 100%;
}

.body-two .container {
    max-width: 132.1rem;
}

@media (max-width:767px) {
    .body-two .container {
        padding: 0 2rem;
    }
}

.body-two input {
    font-size: 1.3rem;
}

    .body-two input[type=checkbox] {
        accent-color: black;
    }

.body-two button {
    border: none;
    outline: none;
    background: transparent;
}

.body-two .shop-btn {
    padding: 1.2rem 3.4rem;
    margin: 1rem 0;
    text-align: center;
    border-radius: 3rem;
    display: inline-block;
    background: #FFFFFF;
    color: #232532;
    font-size: 1.4rem;
    font-weight: 500;
    position: relative;
    font-family: "Inter", sans-serif;
    transition: all 0.3s;
    overflow: hidden;
    z-index: 1;
}

    .body-two .shop-btn::after {
        content: " ";
        width: 0%;
        height: 100%;
        background: #232532;
        position: absolute;
        transition: all 0.4s ease-in-out;
        right: 0;
        top: 0;
        z-index: -3;
    }

    .body-two .shop-btn svg {
        fill: #FFFFFF;
        transition: all 0.5s;
    }

    .body-two .shop-btn span {
        margin-left: 8px;
        font-size: 1.5rem;
        width: 100%;
        z-index: 1;
        transition: all 0.4s ease-in-out;
    }

    .body-two .shop-btn:hover {
        color: #FFFFFF;
        background-color: black;
    }

        .body-two .shop-btn:hover::after {
            right: auto;
            left: 0;
            width: 100%;
        }

        .body-two .shop-btn:hover svg {
            fill: currentColor;
            fill: #FFFFFF;
            transform: translate(5px);
        }

        .body-two .shop-btn:hover span {
            color: #FFFFFF;
        }

.body-two .product {
    padding: 6rem 0;
}

@media (max-width:1023px) {
    .body-two .product {
        padding: 3rem 0;
    }
}

.product-wrapper {
    width: 100%;
    height: 44.5rem;
    padding: 0 2rem 2rem 0;
    border-radius: 1.2rem;
    background-color: #FFFFFF;
    font-family: "Roboto", sans-serif;
    cursor: pointer;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    position: relative;
    transition: all 0.2s;
    border: 1px solid #FFFFFF;
    overflow: hidden;
}

    .product-wrapper .product-img {
        height: 31.3rem;
        position: relative;
    }

        .product-wrapper .product-img img {
            height: 100%;
            width: 100%;
            object-fit: contain;
        }

        .product-wrapper .product-img .product-cart-items {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            gap: 1rem;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translate(-50%, -50%);
            opacity: 0;
            visibility: hidden;
            transition: all 0.4s;
        }

            .product-wrapper .product-img .product-cart-items .cart-item svg rect {
                fill: currentColor;
                fill: #FFFFFF;
                transition: all 0.2s linear;
            }

            .product-wrapper .product-img .product-cart-items .cart-item svg path {
                fill: currentColor;
                fill: #232532;
            }

            .product-wrapper .product-img .product-cart-items .cart-item:hover svg rect {
                fill: currentColor;
                fill: #AE1C9A;
            }

            .product-wrapper .product-img .product-cart-items .cart-item:hover svg path {
                fill: currentColor;
                fill: #FFFFFF;
            }

    .product-wrapper .product-info {
        padding-left: 2rem;
        margin-bottom: 2rem;
    }

        .product-wrapper .product-info .ratings {
            margin-top: 0.6rem;
        }

    .product-wrapper .product-details {
        font-family: "Roboto", sans-serif;
    }

@media (max-width:767px) {
    .product-wrapper .product-details {
        font-size: 2.2rem;
    }
}

.product-wrapper .product-cart-btn {
    position: absolute;
    bottom: 1rem;
    right: 0;
    transition: all 0.4s;
}

.product-wrapper:hover {
    border: 1px;
}

    .product-wrapper:hover .product-cart-items {
        bottom: 15%;
        opacity: 1;
        visibility: visible;
    }

        .product-wrapper:hover .product-cart-items .product-cart-btn {
            border-bottom-right-radius: 1.2rem;
        }

@media (max-width:767px) {
    .product-wrapper .product-img {
        height: 30rem;
    }

    .product-wrapper .product-info {
        display: flex;
        flex-direction: column;
        align-items: left;
        justify-content: left;
        gap: 0px;
        margin-bottom: 2rem;
    }

    .product-wrapper .price {
        display: flex;
        flex-direction: row;
        align-items: left;
        justify-content: left;
        gap: 1rem;
    }
}

@media (max-width:767px) and (max-width:767px) {
    .product-wrapper .price span {
        font-size: 2rem;
    }

    .product-wrapper .price .new-price {
        font-size: 3rem;
    }
}

.product-wrapper-two .product-img .product-cart-items .cart-item svg rect {
    fill: #FFFFFF;
}

.product-wrapper-two .product-img .product-cart-items .cart-item svg path {
    fill: #232532;
}

.product-wrapper-two .product-img .product-cart-items .cart-item:hover svg rect {
    fill: #FF7062;
}

.product-wrapper-two .product-img .product-cart-items .cart-item:hover svg path {
    fill: #FFFFFF;
}

.product-wrapper-two .price .new-price {
    color: #FF7062;
}

.product-wrapper-two .product-cart-btn .product-btn {
    background-color: rgba(255, 112, 98, 0.2);
    color: #FF7062;
}

    .product-wrapper-two .product-cart-btn .product-btn:hover {
        background-color: #FF7062;
        color: #FFFFFF;
    }

.product-wrapper-two:hover {
    border: 1px solid #FF7062;
}

.product-wrapper-three .product-img .product-cart-items .cart-item svg rect {
    fill: #FFFFFF;
}

.product-wrapper-three .product-img .product-cart-items .cart-item svg path {
    fill: #232532;
}

.product-wrapper-three .product-img .product-cart-items .cart-item:hover svg rect {
    fill: #232532;
}

.product-wrapper-three .product-img .product-cart-items .cart-item:hover svg path {
    fill: #FFFFFF;
}

.product-wrapper-three .price .new-price {
    color: #232532;
}

.product-wrapper-three .product-cart-btn .product-btn {
    background-color: rgba(35, 37, 50, 0.2);
    color: #232532;
}

    .product-wrapper-three .product-cart-btn .product-btn:hover {
        background-color: #232532;
        color: #FFFFFF;
    }

.product-wrapper-three:hover {
    border: 1px solid #232532;
}

.price {
    display: flex;
    flex-direction: row;
    align-items: left;
    justify-content: flex-start;
    gap: 1rem;
}

    .price .price-cut {
        text-decoration: line-through;
    }

    .price .new-price {
        color: #AE1C9A;
    }

    .price span {
        font-size: 1.6rem;
        color: #797979;
        font-weight: 500;
    }

    .price .new-price {
        font-size: 2.6rem;
        color: #797979;
        font-weight: 500;
    }

.product-btn {
    padding: 1.2rem 1.6rem 1.2rem 2.5rem;
    border-top-left-radius: 3rem;
    background: rgba(174, 28, 154, 0.188);
    font-size: 1.6rem;
    transition: all 0.4s;
}

    .product-btn:hover {
        font-weight: 500;
        color: #FFFFFF;
    }

.section-title {
    margin-bottom: 2rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 0px;
}

    .section-title .view {
        font-family: "Roboto", sans-serif;
        position: relative;
    }

        .section-title .view::before {
            content: "";
            position: absolute;
            width: 0;
            height: 2px;
            background-color: #232532;
            top: 2.2rem;
            left: 2px;
            transition: all 0.2s;
            opacity: 0;
            visibility: hidden;
        }

        .section-title .view:hover::before {
            opacity: 1;
            visibility: visible;
            width: 7rem;
        }

@media (max-width:767px) {
    .section-title h5 {
        font-size: 2.5rem;
    }

    .section-title a {
        font-size: 1.4rem;
    }
}

.hero {
    height: 73.3rem;
}

@media (max-width:767px) {
    .hero {
        height: 50rem;
    }
}

.hero-two {
    height: auto;
}

    .hero-two h5 {
        font-family: "Inter", sans-serif;
    }

    .hero-two .hero-section-two {
        padding: 3rem 0;
    }

        .hero-two .hero-section-two .hero-wrapper-two {
            padding: 2rem;
            border-radius: 5px;
            height: 35rem;
        }

        .hero-two .hero-section-two .hero-left {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: unset;
            gap: 0px;
            background: url("../../Images/landing/banner/banner1.png");
            background-size: cover;
            background-position: center;
            padding: 0 2rem;
        }

            .hero-two .hero-section-two .hero-left .wrapper-content {
                text-align: left;
            }

            .hero-two .hero-section-two .hero-left .wrapper-title,
            .hero-two .hero-section-two .hero-left .wrapper-details {
                text-transform: uppercase;
            }

            .hero-two .hero-section-two .hero-left .wrapper-title {
                font-family: "poppins", sans-serif;
                font-weight: 500;
                line-height: 6.8rem;
            }

#sol {
    font-family: "poppins", sans-serif;
    font-weight: 500;
    color: #ad1f80;
}

.hero-two .hero-section-two .hero-left .wrapper-details {
    font-size: 2.4rem;
    font-weight: 400;
    margin-top: 1rem;
}

.hero-two .shop-btn svg {
    fill: currentColor;
    color: #232532;
}

.hero-two .shop-btn:hover {
    color: #FFFFFF;
}

    .hero-two .shop-btn:hover svg {
        color: #FFFFFF;
    }

.hero-two .hero-section-two .hero-left .shop-btn {
    margin-top: 2.5rem;
}

.hero-two .hero-section-two .hero-right {
    background: url("../../Images/landing/banner/banner2.png");
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center;
    gap: 0px;
}

    .hero-two .hero-section-two .hero-right .wrapper-title {
        font-size: 4.4rem;
        margin-bottom: 0;
    }

    .hero-two .hero-section-two .hero-right .wrapper-details {
        margin-top: 0.5rem 0;
        font-size: 3.2rem;
    }

.hero-two .hero-category-section .hero-wrapper {
    height: 25rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0px;
    border-radius: 5px;
}

.hero-two .wrapper-content {
    text-align: center;
}

    .hero-two .wrapper-content .wrapper-title {
        color: #FFFFFF;
        font-weight: 500;
    }

.wrapper-content .wrapper-title.black,
.wrapper-content .wrapper-details.black {
    color: black;
    font-weight: 500;
}

.hero-category-section .wrapper-content .wrapper-title {
    color: #FFFFFF;
    font-weight: 500;
    font-size: 3.4rem;
}

.hero-two .wrapper-content .wrapper-details {
    color: #FFFFFF;
    font-size: 2.4rem;
    font-weight: 400;
    margin-top: 1rem;
}

@media (max-width:767px) {
    .hero-two .hero-section-two .hero-wrapper-two .hero-category-section .hero-left .hero-right {
        height: 20rem;
    }

    .hero-two .hero-section-two .hero-left .hero-right {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: unset;
        gap: 0px;
        background-size: cover;
        background-position: left;
    }

    .hero-two .hero-section-two .hero-right .wrapper-title {
        font-size: 3.4rem;
        margin-top: 2rem;
    }

    .hero-two .hero-section-two .hero-right .wrapper-details {
        margin-top: 0;
        font-size: 2.2rem;
    }

    .hero-two .hero-section-two .hero-left .wrapper-title {
        padding-top: 2rem;
        line-height: 4rem;
    }

    #sol .wrapper-details {
        font-weight: 400;
        margin-top: 0;
    }

    .hero-two .hero-section-two .hero-left .hero-right .wrapper-details {
        font-size: 2.2rem;
    }
}

.style-section .product-wrapper {
    width: 100%;
    height: 46rem;
    padding: 3.2rem;
    border-radius: 1.2rem;
    background-color: #FFFFFF;
    font-family: "Poppins", sans-serif;
    cursor: pointer;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background-color: transparent;
    border: none;
    box-shadow: none;
}

    .style-section .product-wrapper .wrapper-info .wrapper-inner-title,
    .style-section .product-wrapper .wrapper-info .wrapper-details,
    .style-section .product-wrapper .wrapper-info .wrapper-subtitle {
        color: white;
        display: block;
    }

.weekly-sale .style-section .wrapper-one {
    display: inline;
    justify-content: end;
    text-align: right;
}

.style-section .product-wrapper .shop-btn {
    padding: 1rem 2rem;
}

@media (max-width:767px) {
    .style-section .product-wrapper {
        height: 35rem;
        padding: 2rem;
    }

        .style-section .product-wrapper .wrapper-one .wrapper-two .wrapper-info {
            display: inline;
        }

    .weekly-sale .style-section .wrapper-one {
        display: inline;
        justify-content: start;
        text-align: left;
    }
}

.wrapper-subtitle {
    display: block;
    font-size: 1.4rem;
    margin-bottom: 1rem;
}

.wrapper-one {
    background: url("../../Images/landing/banner/banner4.png") no-repeat center/cover;
}

    .wrapper-one .shop-btn {
        padding: 1.2rem 3.4rem;
        margin: 4rem 0;
        text-align: right;
        border-radius: 3rem;
        display: inline-block;
        background: #FFBB38;
        font-size: 1.4rem;
        font-weight: 500;
        position: relative;
        color: #232532;
        font-family: "Inter", sans-serif;
        transition: all 0.3s;
        overflow: hidden;
    }

        .wrapper-one .shop-btn::after {
            content: " ";
            width: 0%;
            height: 100%;
            background: #232532;
            position: absolute;
            transition: all 0.4s ease-in-out;
            right: 0;
            top: 0;
            z-index: -3;
        }

        .wrapper-one .shop-btn svg {
            fill: #FFFFFF;
            transition: all 0.5s;
        }

        .wrapper-one .shop-btn span {
            margin-left: 8px;
            font-size: 1.5rem;
            width: 100%;
            z-index: 1;
            transition: all 0.4s ease-in-out;
        }

        .wrapper-one .shop-btn:hover {
            color: #FFFFFF;
            background-color: #FFBB38;
        }

            .wrapper-one .shop-btn:hover::after {
                right: auto;
                left: 0;
                width: 100%;
            }

            .wrapper-one .shop-btn:hover svg {
                fill: currentColor;
                fill: #FFFFFF;
                transform: translate(5px);
            }

            .wrapper-one .shop-btn:hover span {
                color: #FFFFFF;
            }

        .wrapper-one .shop-btn svg {
            fill: #232532;
        }

.wrapper-two {
    background: url("../../Images/landing/banner/banner2.png") no-repeat center/cover;
}

    .wrapper-two .shop-btn {
        padding: 1.2rem 3.4rem;
        margin: 4rem 0;
        text-align: center;
        border-radius: 3rem;
        display: inline-block;
        font-size: 1.4rem;
        font-weight: 500;
        position: relative;
        color: #FFFFFF;
        font-family: "Inter", sans-serif;
        transition: all 0.3s;
        overflow: hidden;
    }

        .wrapper-two .shop-btn::after {
            content: " ";
            width: 0%;
            height: 100%;
            background: #232532;
            position: absolute;
            transition: all 0.4s ease-in-out;
            right: 0;
            top: 0;
            z-index: -3;
        }

        .wrapper-two .shop-btn svg {
            fill: #FFFFFF;
            transition: all 0.5s;
        }

        .wrapper-two .shop-btn span {
            margin-left: 8px;
            font-size: 1.5rem;
            width: 100%;
            z-index: 1;
            transition: all 0.4s ease-in-out;
        }

        .wrapper-two .shop-btn:hover {
            color: #FFFFFF;
            font-weight: 500;
        }

            .wrapper-two .shop-btn:hover::after {
                right: auto;
                left: 0;
                width: 100%;
            }

            .wrapper-two .shop-btn:hover svg {
                fill: currentColor;
                fill: #FFFFFF;
                transform: translate(5px);
            }

            .wrapper-two .shop-btn:hover span {
                color: #FFFFFF;
            }

/* Categorias */
.category-section {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 3rem;
}

    .category-section .product-wrapper {
        text-align: center;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 2rem;
        background: rgba(174, 28, 154, 0.08);
        height: 18rem;
        border-radius: 1.2rem;
        border: 1px solid rgba(174, 28, 154, 0.08);
        transition: all 0.3s;
        padding-bottom: 0;
    }

        .category-section .product-wrapper .wrapper-img {
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            height: 100%;
        }

            .category-section .product-wrapper .wrapper-img img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: all 0.2s ease-in-out;
            }

        .category-section .product-wrapper:hover {
            border: 1px solid #AE1C9A;
        }

            .category-section .product-wrapper:hover .wrapper-img img {
                transform: scale(1.5);
            }

        .category-section .product-wrapper .wrapper-details {
            font-size: 1.6rem;
            font-weight: 500;
        }

@media (max-width:767px) {
    .hide-mobile {
        display: none !important;
    }

    .category-section {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 2rem;
    }
}

@media only screen and (min-width: 767px) and (max-width: 1200px) {
    .category-section {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 2rem;
    }
}

/* PRODUCTOS DESTACADOS */
.product-category-two {
    padding-top: 10rem;
}

@media (max-width:767px) {
    .product-category-two .category-section-two {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 2rem;
    }
}

.product-category-two .category-section-two .product-wrapper {
    border: none;
    background: transparent;
    height: auto;
    width: auto;
    box-shadow: none;
    gap: 1.2rem;
}

    .product-category-two .category-section-two .product-wrapper .wrapper-img {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 0px;
        height: 18.8rem;
        width: 18.8rem;
        border-radius: 50%;
        overflow: hidden;
    }

        .product-category-two .category-section-two .product-wrapper .wrapper-img img {
            transform: scale(1);
        }

        .product-category-two .category-section-two .product-wrapper .wrapper-img:hover img {
            transform: scale(1.2);
        }

    .product-category-two .category-section-two .product-wrapper:hover {
        border: none;
    }

    .product-category-two .category-section-two .product-wrapper .wrapper-details {
        font-size: 2rem;
    }

.brand-two {
    padding: 10rem 0;
}

@media (max-width:767px) {
    .brand-two {
        padding: 6rem 0;
    }
}

.brand-section-two .brand-details {
    font-weight: 500;
    font-family: "Inter", sans-serif;
    line-height: 4.4rem;
}

    .brand-section-two .brand-details .inner-text {
        font-weight: 700;
    }

.brand-section-two .brand-grid-section {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7rem;
    background: transparent;
}

    .brand-section-two .brand-grid-section .product-wrapper {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 0px;
        width: 100%;
        height: auto;
        padding: 0;
        border-radius: 0;
        background-color: #FFFFFF;
        font-family: "Roboto", sans-serif;
        cursor: pointer;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        background: transparent;
        box-shadow: none;
        border: none;
    }

        .brand-section-two .brand-grid-section .product-wrapper .wrapper-img {
            transition: all 0.2s;
        }

        .brand-section-two .brand-grid-section .product-wrapper:hover {
            border: none;
        }

            .brand-section-two .brand-grid-section .product-wrapper:hover .wrapper-img {
                filter: none;
            }

@media (max-width:767px) {
    .brand-section-two .brand-details {
        font-size: 2.4rem;
        line-height: 3rem;
    }

        .brand-section-two .brand-details br {
            display: none;
        }

    .brand-section-two .brand-grid-section {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 5rem;
    }
}

.arrival {
    background: rgba(174, 28, 154, 0.08);
}

.flash-sale {
    background: linear-gradient(90deg, #fbd7e9 0%, #ffd7ab 100%);
}

.countdown-section {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 6.5rem;
}

    .countdown-section .countdown-items {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0px;
    }

        .countdown-section .countdown-items span {
            font-weight: 600;
        }

        .countdown-section .countdown-items .number {
            font-size: 3rem;
        }

        .countdown-section .countdown-items .text {
            font-size: 1.8rem;
            font-weight: 500;
        }

@media (max-width:767px) {
    .countdown-section {
        display: none;
    }
}

.flash .flash-sale {
    background: url("../../Images/landing/homepage-one/flash-sale.webp") no-repeat center/cover;
    height: 44rem;
    border-radius: 0.5rem;
    padding: 6.5rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 0px;
}

    .flash .flash-sale .countdown-items .number {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 0px;
        width: 10rem;
        height: 10rem;
        border-radius: 50%;
        background: #FFFFFF;
    }

    .flash .flash-sale .countdown-items .text {
        color: #FFFFFF;
    }

@media (max-width:767px) {
    .flash .flash-sale {
        justify-content: center;
        height: auto;
    }

        .flash .flash-sale .countdown-section {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            gap: 1rem;
        }

            .flash .flash-sale .countdown-section .number {
                font-size: 1.8rem;
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: center;
                gap: 0px;
                width: 5rem;
                height: 5rem;
            }

            .flash .flash-sale .countdown-section .text {
                font-size: 1.5rem;
            }
}

@media (max-width:767px) {
    .top-selling {
        display: none;
    }
}

.top-selling-section .product-wrapper {
    width: 100%;
    height: 21.4rem;
    padding: 2rem;
    border-radius: 1.2rem;
    background-color: #FFFFFF;
    font-family: "Roboto", sans-serif;
    cursor: pointer;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 1.6rem;
    position: relative;
}

    .top-selling-section .product-wrapper .product-img {
        height: 17.4rem;
        width: 16.7rem;
        background: rgba(174, 28, 154, 0.08);
    }

        .top-selling-section .product-wrapper .product-img img {
            object-fit: cover;
        }

    .top-selling-section .product-wrapper .product-info {
        margin-bottom: 2rem;
        flex: 1 1 0%;
    }

    .top-selling-section .product-wrapper .product-cart-items {
        position: absolute;
    }

@media (max-width:767px) {
    .top-selling-section .product-wrapper .product-info {
        align-items: flex-start;
    }

    .top-selling-section .product-wrapper .price {
        justify-content: flex-start;
    }
}

.best-seller {
    padding-top: 0;
}

@media (max-width:767px) {
    .best-seller {
        padding: 3rem 0;
    }
}

.best-seller .best-selling-items .product-wrapper {
    height: auto;
    padding-bottom: 0;
}

.best-selling-section {
    background: linear-gradient(92deg, #fecaff 1.23%, #c9ddfa 97.37%);
    padding: 3rem;
    border-radius: 1.2rem;
}

.best-selling-section-two {
    background: #FFFFFF;
}

.best-selling-items {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 3rem;
}

    .best-selling-items .product-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1rem;
        width: 100%;
        height: 17rem;
        padding: 0 0 2rem 0;
        border-radius: 1.2rem;
        background-color: #FFFFFF;
        font-family: "Roboto", sans-serif;
        cursor: pointer;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        background: transparent;
        border: none;
        box-shadow: none;
    }

        .best-selling-items .product-wrapper .wrapper-details {
            font-size: 2rem;
            font-weight: 500;
        }

        .best-selling-items .product-wrapper .wrapper-img svg {
            transition: all 0.2s ease-in-out;
            width: 100%;
            height: 100%;
        }

        .best-selling-items .product-wrapper:hover .wrapper-img svg {
            transform: scale(1.2);
        }

@media (max-width:767px) {
    .best-selling-items {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 3rem;
    }
}

@media only screen and (min-width: 767px) and (max-width: 1200px) {
    .best-selling-items {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 2rem;
    }
}

.weekly-sale {
    background-color: #f9edf7;
}

    .weekly-sale .style-section {
        padding-top: 6rem;
    }

        .weekly-sale .style-section .wrapper-one {
            background: url("../../Images/landing/homepage-one/style-bg-three.webp") no-repeat center/cover;
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            justify-content: flex-end;
            gap: 0px;
        }

        .weekly-sale .style-section .wrapper-two {
            background: url("../../Images/landing/homepage-one/style-bg-four.webp") no-repeat center/cover;
        }

@media (max-width:767px) {
    .weekly-sale h5 {
        font-size: 2rem;
    }
}

.arrival-two {
    background: #ffffff;
}

.flash-sale-two {
    background: linear-gradient(90deg, #fff6f5 0%, #ffebea 100%);
}

.weekly-sale-two {
    background-color: #FFF6F5;
}

    .weekly-sale-two .style-section-two .shop-btn {
        background: #FFFFFF;
        color: #232532;
    }

        .weekly-sale-two .style-section-two .shop-btn svg {
            fill: currentColor;
            color: #232532;
        }

        .weekly-sale-two .style-section-two .shop-btn:hover {
            color: #FFFFFF;
        }

            .weekly-sale-two .style-section-two .shop-btn:hover svg {
                color: #FFFFFF;
            }

    .weekly-sale-two .style-section-two .wrapper-one {
        background: url("../../Images/landing/banner/Banner7.png") no-repeat center/cover;
    }

    .weekly-sale-two .style-section-two .wrapper-two {
        background: url("../../Images/landing/banner/Banner8.png") no-repeat center/cover;
    }

@media (max-width:767px) {
    .weekly-sale-two h5 {
        font-size: 2rem;
    }

    .weekly-sale-two .style-section-two .wrapper-one {
        background: url("../../Images/landing/banner/Banner7-2.png") no-repeat center/cover;
    }

    .weekly-sale-two .style-section-two .wrapper-two {
        background: url("../../Images/landing/banner/Banner8-2.png") no-repeat center/cover;
    }
}

.discount-section {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0px;
    background: url("../../Images/landing/banner/Banner6.png") no-repeat center/cover;
    height: 30.5rem;
    padding: 4.3rem 0;
}

    .discount-section .section-content {
        text-align: center;
    }

        .discount-section .section-content .wrapper-title, .discount-section .section-content .subtitle {
            color: #FFFFFF;
            font-family: "Inter", sans-serif;
        }

        .discount-section .section-content .wrapper-title {
            font-size: 4.8rem;
            margin: 1rem 0 0 0;
        }

            .discount-section .section-content .wrapper-title .inner-text {
                color: #FF7062;
            }

    .discount-section .shop-btn {
        margin-top: 2rem;
        background: #FF7062;
        border-radius: 1rem;
        padding: 1.6rem 3.2rem;
    }

@media (max-width:767px) {
    .discount-section {
        background: url("../../Images/landing/banner/Banner6-2.png") no-repeat center/cover;
    }

        .discount-section .section-content .wrapper-title {
            font-size: 2.4rem;
            margin: 1rem 0 0 0;
        }
}

.flash-sale-three {
    background: #F8F8F8;
}

.weekly-sale-three {
    background-color: #F8F8F8;
}

    .weekly-sale-three .style-section-three .shop-btn {
        background: #232532;
        color: #FFFFFF;
    }

        .weekly-sale-three .style-section-three .shop-btn svg {
            fill: currentColor;
            color: #FFFFFF;
        }

        .weekly-sale-three .style-section-three .shop-btn::after {
            background-color: #FFFFFF;
        }

        .weekly-sale-three .style-section-three .shop-btn:hover {
            color: #232532;
        }

            .weekly-sale-three .style-section-three .shop-btn:hover svg {
                color: #232532;
            }

    .weekly-sale-three .style-section-three .wrapper-one {
        background: url("../../Images/landing/banner/Banner8.png") no-repeat center/cover;
    }

    .weekly-sale-three .style-section-three .wrapper-two {
        background: url("../../Images/landing/homepage-three/style-bg-four.webp") no-repeat center/cover;
    }

.discount-two {
    background: #ffffff;
}

.discount-section-two {
    display: block;
    background: unset;
    height: auto;
    padding: 0;
}

    .discount-section-two .section-content {
        text-align: left;
        height: 34rem;
        padding: 6.1rem 4.3rem;
    }

        .discount-section-two .section-content .wrapper-title, .discount-section-two .section-content .subtitle {
            color: #FFFFFF;
            font-family: "Inter", sans-serif;
        }

        .discount-section-two .section-content .wrapper-title {
            font-size: 3.6rem;
            margin: 1rem 0 0 0;
        }

            .discount-section-two .section-content .wrapper-title .inner-text {
                color: #FACC15;
            }

    .discount-section-two .shop-btn {
        background: transparent;
        border: 1px solid #FFFFFF;
        border-radius: 0;
    }

@media (max-width:767px) {
    .discount-section-two .section-content {
        height: auto;
    }

        .discount-section-two .section-content .wrapper-title {
            font-size: 2.2rem;
            margin: 1rem 0 0 0;
        }

            .discount-section-two .section-content .wrapper-title br {
                display: none;
            }

            .discount-section-two .section-content .wrapper-title .inner-text {
                color: #FACC15;
            }
}


.product-info {
    background: #FFFFFF;
}

@media (max-width:767px) {
    .product-info .product-info-content {
        padding: 0;
    }
}

.product-info-section {
    margin-top: 2.5rem;
}

    .product-info-section .row &gt; * {
        --bs-gutter-y: 50px;
    }

.product-info-img .swiper {
    position: relative;
}

    .product-info-img .swiper .product-discount-content {
        position: absolute;
        top: 2.4rem;
        left: 2.4rem;
        background: #FFBB38;
        width: 8.1rem;
        height: 8.1rem;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 0px;
        border-radius: 50%;
    }

        .product-info-img .swiper .product-discount-content h4 {
            font-size: 2rem;
            font-family: "Inter", sans-serif;
        }

    .product-info-img .swiper .swiper-wrapper {
        align-items: center;
    }

.product-info-img .product-top {
    height: 60rem;
    border: 1px solid rgba(174, 28, 154, 0.08);
    border-radius: 1rem;
}

    .product-info-img .product-top .swiper-wrapper {
        height: 100%;
    }

    .product-info-img .product-top .slider-top-img {
        height: 51.5rem;
        padding: 0;
    }

        .product-info-img .product-top .slider-top-img img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

hr {
    color: #f3b4ea;
}

.product-weekly {
    background: #f8f8f8;
}

.product-cart {
    background: #FFFFFF;
}

    .product-cart .cart-btn {
        justify-content: flex-start;
    }

@media (max-width: 576px) {
    .product-cart .cart-btn {
        flex-direction: column;
    }

        .product-cart .cart-btn .shop-btn {
            width: 100%;
        }
}
</pre></body></html>