/* Add custom CSS styles below */* ======== Global Styles ======== */
body {
}
.header-inner.inner.bg-white.da-bgm {
    background-color: #fbf7eb;
}
.overflow-hidden,
.store-footer .footer-container,
.footer-bottom.flex.flex-col.lg\:flex-row.items-center.justify-between.py-4.gap-4 {
    background-color: #fbf7eb;
}
.mm-spn.mm-spn--navbar.mm-spn--main {
    cursor: default;
    background-color: #fbf7eb;
}
h1.text-xl.pe-3.mb-1.da-tm {
    color: #d91ba6;
}
div#product-tabs-details {
    background-color: #fbf7eb;
}
.angel_anime {
    color: #d916a8 !important;
}
.p--features__item.flex.flex-center.gap-2.px-2.py-3.bg-white.da-bgg.rounded-md.angel_anime.animate__.animate__fadeIn
{  background-color: #fbf7eb;
 border: 2px solid #d916a8;
    border-radius: 32px;}

section.sticky-product-bar.bg-white.da-bgg.p-5.mt-4.rounded-md {
    background-color: #fbf7eb;
}
.details {
    background-color: rgb(217 22 168);
}
.shadow-default {
    background-color: #faf6ea;
    border: 2px solid #d916a8;
    border-radius: 32px;
    }


.store-header .s-user-menu-toggler .s-user-menu-dropdown{
    background-color: #fbf7eb;
      border: 2px solid #d916a8;
    border-radius: 32px!important;
}
nav.shrink-0.lg\:sticky.top-24.lg\:-mt-20.lg\:shadow-default.rounded-md.bg-white.da-bgg.w-full.lg\:w-72.lg\:me-4.lg\:pt-4.lg\:pb-4.sidebar.space-y-px {
    background-color: #fbf7eb;
}
.s-user-menu-dropdown{background-color: #fbf7eb;
      border: 2px solid #d916a8;
    border-radius: 32px;}
/* ======== Navigation ======== */
.main-nav-container.fixed-pinned .inner,
.nav-header.py-6.px-4.flex.flex-col.bg-gray-100.da-bgg.relative {
    background-color: #fbf7eb;
}

nav.hidden.lg\:block.shrink-0.lg\:sticky.da-bgg.top-24.lg\:-mt-20.lg\:shadow-default.rounded-md.bg-white.w-full.lg\:w-72.lg\:me-4.lg\:pt-4.lg\:pb-4.sidebar.space-y-px {
    background-color: #fbf7eb;
    color: #d916a8;
}

.dropdown-toggler.cat-filter .dropdown__trigger {
    color: #fbf7eb;
}

/* ======== Containers & Layouts ======== */
.container.flex.flex-col,
.header-container.container,
.main-content.px-4.md\:px-8.mb-8.md\:mb-0.blog-category.bg-white.da-bgg.rounded-md {
    background: #fbf7eb !important;
}

.store-header.fixed-sticky {
    background-color: #fbf7eb !important;
}

.flex-center.flex-col.px-4.md\:px-10.z-1.gap-1.md\:gap-2 {
    color: #d81ba8;
}

/* ======== Product Cards ======== */
custom-salla-product-card.rounded-lg {
    border-color: rgb(217, 22, 168) !important;
    background-color: #fcf7eb !important;
}

/* ======== Animations ======== */
.angel_anime.animate__fadeInLeft,
.angel_anime.animate__fadeInRight {
    background-color: #d916a8;
}

/* ======== Sliders ======== */
alla-slider#testimonials-20-slider {
    color: #d916a8;
}

i.testimonial__icon.sicon-quote.-scale-y-100.-scale-x-100.absolute.top-4.end-4.text-3xl.da-tm.opacity-10 {
    color: #d916a8;
}

/* ======== Buttons & Links ======== */
.contact-links a {
    background-color: rgb(217, 22, 168);
    color: #fbf7eb;
}

.s-button-element:not(:disabled):not([loading]) {
    pointer-events: auto;
}

/* ======== Transitions & Effects ======== */
.duration-500 {
    transition-duration: 500ms;
    background-color: #fcf7eb;
    
    /* border: 2px solid#d916a8; */

    border-radius: 32px;
}

/* ======== Page Loader ======== */
body:after {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 999999;
    background: #fbf7eb url("https://b.top4top.io/p_3358q8t8x1.png");
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 360px;
    animation-name: fade-in;
    animation-duration: 1.8s;
    transform: scale(0);
    border: none;
}

@keyframes fade-in {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.9;
        transform: scale(1.02);
    }
    90% {
        opacity: 0.6;
        transform: scale(0.6);
    }
    100% {
        opacity: 0;
        transform: scale(0.3);
    }
}