/* === CSS لمتجر واو بيوتي === */

/* Import Fonts */
@import 'https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&family=Cairo:wght@200;300;400;500&display=swap';
@import "https://site-assets.fontawesome.com/releases/v6.4.2/css/all.css";

/* Global Styles */
body *:not(i) {
    font-family: Almarai, sans-serif !important;
}

:root {
    --main-color: #e38cb9;
    --second-color: #ffb2df;
    --white-color: #fff;
    --normal-box-shadow: -8px 10px 15px -3px rgba(0,0,0,0.1);
}

body {
    background: #f3f4f6 !important;
}

.inner.bg-inherit {
    background: 0 0;
}

.top-navbar:not(.topnav-has-bg),
.main-nav-container {
    background-color: transparent;
}

/* Buttons */
.header-btn__icon {
    color: #fff;
    background: var(--main-color);
    padding: 6px;
    border-radius: 22px;
}

/* Fixed Banners */
section.s-block.s-block--fixed-banner.wide-placeholder.fixed-banner--0,
section.s-block.s-block--fixed-banner.wide-placeholder.fixed-banner--2,
section.s-block.s-block--fixed-banner.wide-placeholder.fixed-banner--4,
section.s-block.s-block--fixed-banner.wide-placeholder.fixed-banner--6 {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: unset !important;
}

.banner--fixed img {
    border-radius: 0 !important;
}

/* Product Cards */
.product-card {
    border-radius: 15px !important;
    overflow: hidden;
    box-shadow: var(--normal-box-shadow);
    border: 2px solid var(--main-color);
}

.product-card__price {
    font-size: 16px !important;
    font-weight: 700;
}

.product-card__title a {
    padding-bottom: 20px;
    font-size: 15px;
    font-weight: 700 !important;
}

/* Slider Titles */
.s-slider-block__title h2 {
    text-transform: uppercase;
    background-image: linear-gradient(-225deg,#9c9090 0%,#e38cb9 9%,#e38cb9 67%,#eeeeee 100%);
    background-size: 200% auto;
    color: #fff;
    font-weight: 700;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite;
    display: inline-block;
    font-size: 21px;
}

@keyframes textclip {
    to { background-position: 200% center; }
}

.s-slider-block__display-all {
    color: var(--main-color);
    background-image: linear-gradient(to left, transparent, transparent 50%, var(--main-color) 50%, var(--main-color));
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all 0.5s ease-in-out;
    border-color: var(--main-color);
}

.s-slider-block__display-all:hover {
    background-position: 0 0;
    color: #fff;
}

/* Testimonials */
.testimonials-item .p-2\.5.md\:p-5.h-full.text-center {
    box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px var(--main-color);
    border-radius: 20px;
}

/* Footer */
.store-footer__inner {
    background-image: linear-gradient(180deg, #F3F4F6 10%, #fbd9e263 35%, #F3F4F6 100%);
}

/* Desktop Menu */
@media(min-width:1024px) {
    .main-menu li.root-level>a,
    .main-menu li.root-level>a:after {
        transition: all 0.5s;
    }
    .main-menu li.root-level>a:hover { color:#fff !important; }
    .main-menu li.root-level>a:after {
        background: var(--main-color);
        content: "";
        inset:0;
        position:absolute;
        transform:scaleX(0);
        transform-origin:right;
        transition: transform 0.5s ease-in-out;
        z-index:-1;
        border-radius:5px;
    }
    .main-menu li.root-level>a:hover:after {
        transform: scaleX(1);
        transform-origin: left;
    }
    .navbar-brand { margin-right:3rem; }
}

/* Mobile Styles */
@media(max-width:768px) {
    i.sicon-menu.text-primary.text-2xl {
        color:#fff;
        background: var(--main-color);
        padding:6px;
        border-radius:22px;
    }

    .product-card__addToCart__btn salla-button button {
        background: var(--main-color);
    }

    .mm-spn.mm-spn--navbar.mm-spn--main {
        background:0 0;
        color: var(--second-color);
        border-radius: 35px 0;
    }

    .mm-spn.mm-spn--navbar:after,
    .mm-spn.mm-spn--navbar ul:before,
    .mm-spn ul,
    :is([dir=rtl] .mm-spn.mm-spn--navbar):after {
        background:#fff !important;
    }

    .carousel-slider .swiper { padding-left:0 !important; }
    .index .s-products-slider-card.swiper-slide { width:180px !important; }

    .mm-spn a { position:relative; padding-right:40px !important; }

    /* إزالة الشعار المتحرك */
    .mm-spn a::before { display:none !important; }

    .mm-ocd__content { background:#ddd; }
}

/* Responsive Banners */
@media(max-width:992px) {
    .index>div.app-inner.flex.flex-col.min-h-full.bg-storeBG>section.s-block.s-block--banners.container>div>div:nth-child(1),
    .index>div.app-inner.flex.flex-col.min-h-full.bg-storeBG>section.s-block.s-block--banners.container>div>div:nth-child(2),
    .index>div.app-inner.flex.flex-col.min-h-full.bg-storeBG>section.s-block.s-block--banners.container>div>div:nth-child(3),
    .index>div.app-inner.flex.flex-col.min-h-full.bg-storeBG>section.s-block.s-block--banners.container>div>div:nth-child(4) {
        height:auto !important;
    }
    .lazy__bg { background-position:center; background-repeat:no-repeat; }
}

.lazy__bg.loaded { background-color:#fff; opacity:1; }

section.relative.-mt-96.sm\:mt-0 .group.relative.h-96.rounded-lg.bg-white.shadow-xl p { display:none; }

header.store-header { background:0 0; z-index:2; }

body.trans_header .store-header { position:absolute; width:100%; z-index:2; top:46px; }
body.index.trans_header .store-header { top:55px; }

.testimonials-item { padding:10px; }