/* ==========================================
   BOUTIQUE W - OFFERS BANNER
========================================== */

.boutique-offers-banner {
    width: 100%;
    max-width: 1200px;
    margin: 25px auto 30px;
    padding: 0 20px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}

.boutique-offers-banner img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px;
    position: relative;
    z-index: 1;

    transition:
        transform .45s ease,
        box-shadow .45s ease,
        filter .45s ease;
}


/* ==========================================
   OFFERS BANNER - GOLD SHINE
========================================== */

.boutique-offers-banner::after {
    content: "";
    position: absolute;
    top: -20%;
    left: -40%;
    width: 30%;
    height: 140%;

    background: linear-gradient(
        115deg,
        rgba(255, 215, 130, 0) 0%,
        rgba(255, 225, 160, 0.10) 25%,
        rgba(255, 236, 185, 0.75) 50%,
        rgba(255, 225, 160, 0.10) 75%,
        rgba(255, 215, 130, 0) 100%
    );

      transform: skewX(-18deg);
    pointer-events: none;
    z-index: 2;

    animation: boutiqueGoldShine 3.5s linear infinite;
}

@keyframes boutiqueGoldShine {
    0% {
        left: -40%;
    }

    100% {
        left: 120%;
    }
}

@media (hover: hover) {
    .boutique-offers-banner img:hover {
        transform: scale(1.018);

        box-shadow:
            0 16px 35px rgba(82, 65, 76, 0.18);

        filter: brightness(1.035);
    }
}


/*/* ==========================================
   BOUTIQUE W - LUXURY PRODUCT CARDS
   Cut Corners Style
========================================== */
/* ==========================================
   BOUTIQUE W - DISTINCT PRODUCT CARD SHAPE
========================================== */

/* ==========================================
   BOUTIQUE W - SIGNATURE PRODUCT CARDS
   Strong Cut Corners + Strong Motion
========================================== */

.s-product-card-entry {
    position: relative !important;

    border: none !important;
    border-radius: 0 !important;

    /* قص واضح للأربع زوايا */
    clip-path: polygon(
        30px 0,
        calc(100% - 30px) 0,
        100% 30px,
        100% calc(100% - 30px),
        calc(100% - 30px) 100%,
        30px 100%,
        0 calc(100% - 30px),
        0 30px
    ) !important;

    background:
        linear-gradient(
            145deg,
            #fffdf6 0%,
            #ffffff 50%,
            #f7f1e3 100%
        ) !important;

    /* إطار داخلي واضح */
    box-shadow:
        inset 0 0 0 2px rgba(7, 91, 58, 0.58),
        inset 0 0 22px rgba(190, 151, 73, 0.05) !important;

    overflow: hidden !important;

    transform-origin: center center !important;

    transition:
        transform .38s cubic-bezier(.18,.85,.25,1.25),
        filter .38s ease !important;
}


/* ===== تفصيلة ذهبية أعلى البطاقة ===== */

.s-product-card-entry::before {
    content: "◆";

    position: absolute;
    top: 5px;
    left: 50%;

    transform: translateX(-50%);

    color: #b89045;

    font-size: 10px;

    z-index: 20;

    pointer-events: none;
}


/* ===== الصورة ===== */

.s-product-card-image {
    overflow: hidden !important;

    border-bottom:
        1.5px solid rgba(7, 91, 58, .20) !important;
}

.s-product-card-image img {
    transition:
        transform .55s cubic-bezier(.18,.85,.25,1),
        filter .45s ease !important;
}


/* ==========================================
   STRONG HOVER MOTION
========================================== */

@media (hover: hover) {

    .s-product-card-entry:hover {
        transform:
            translateY(-14px)
            scale(1.03) !important;

        filter:
            drop-shadow(
                0 18px 18px
                rgba(7, 91, 58, .22)
            ) !important;
    }

    .s-product-card-entry:hover
    .s-product-card-image img {
        transform:
            scale(1.075) !important;

        filter:
            brightness(1.04)
            saturate(1.06) !important;
    }
}


/* ==========================================
   NATIONAL DAY PRODUCTS
   حركة مستمرة خفيفة بين البطاقات
========================================== */

.national-day-products-section
.s-product-card-entry {
    animation:
        boutiqueProductFloat
        4s ease-in-out infinite;
}

.national-day-products-section
.s-product-card-entry:nth-child(2) {
    animation-delay: .35s;
}

.national-day-products-section
.s-product-card-entry:nth-child(3) {
    animation-delay: .70s;
}

.national-day-products-section
.s-product-card-entry:nth-child(4) {
    animation-delay: 1.05s;
}

@keyframes boutiqueProductFloat {

    0%,
    100% {
        transform:
            translateY(0)
            scale(1);
    }

    50% {
        transform:
            translateY(-6px)
            scale(1.008);
    }
}


/* Hover يتغلب على الحركة المستمرة */
@media (hover: hover) {

    .national-day-products-section
    .s-product-card-entry:hover {

        animation-play-state: paused;

        transform:
            translateY(-14px)
            scale(1.03) !important;
    }
}


/* ==========================================
   ADD TO CART
========================================== */

.s-product-card-entry button,
.s-product-card-entry .s-button-element {
    border-radius: 8px !important;

    border:
        1.5px solid #075b3a !important;

    color:
        #075b3a !important;

    background:
        #fffdf7 !important;

    transition:
        background .3s ease,
        color .3s ease,
        transform .3s ease !important;
}

@media (hover: hover) {

    .s-product-card-entry button:hover,
    .s-product-card-entry .s-button-element:hover {

        background:
            #075b3a !important;

        color:
            #ffffff !important;

        transform:
            translateY(-2px)
            scale(1.015);
    }
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 768px) {

    .s-product-card-entry {
        clip-path: polygon(
            20px 0,
            calc(100% - 20px) 0,
            100% 20px,
            100% calc(100% - 20px),
            calc(100% - 20px) 100%,
            20px 100%,
            0 calc(100% - 20px),
            0 20px
        ) !important;

        box-shadow:
            inset 0 0 0 1.5px
            rgba(7, 91, 58, .50) !important;
    }

    .national-day-products-section
    .s-product-card-entry {
        animation-duration: 4.8s;
    }
}



/* ==========================================
   SALE PRICES
========================================== */

.s-product-card-sale-price {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;

    gap: 12px !important;
    margin-top: 10px !important;
}


/* السعر القديم */

.s-product-card-sale-price span {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #51474e !important;
    opacity: 1 !important;

    text-decoration-line:
        line-through !important;

    text-decoration-thickness:
        3px !important;

    text-decoration-color:
        #b52c32 !important;
}


/* السعر الحالي */

.s-product-card-sale-price h4 {
    font-size: 17px !important;
    font-weight: 900 !important;
    color: #a65438 !important;
}


/* ==========================================
   NATIONAL DAY - NEW WIDE BANNER
========================================== */

.national-day-wide-banner {
    position: relative !important;
    overflow: visible !important;

    transform-origin: center center !important;

    animation:
        nationalWidePulse 2.2s
        ease-in-out infinite !important;
}


/* حركة أقوى وواضحة */

@keyframes nationalWidePulse {
    0%,
    100% {
        transform:
            translateY(0)
            scale(1);

        filter:
            brightness(1)
            saturate(1);
    }

    50% {
        transform:
            translateY(-14px)
            scale(1.028);

        filter:
            brightness(1.055)
            saturate(1.07);
    }
}


/* صورة البنر */

.national-day-wide-banner img {
    display: block !important;
    width: 100% !important;
    height: auto !important;

    border-radius: 14px !important;

    box-shadow:
        0 8px 20px rgba(0, 83, 49, 0.13) !important;

    transition:
        transform .45s ease,
        box-shadow .45s ease,
        filter .45s ease !important;
}


/* التوهج الأخضر */

.national-day-wide-banner::after {
    content: "";
    position: absolute;

    inset: 7% 4%;

    border-radius: 18px;

    box-shadow:
        0 0 38px rgba(0, 118, 70, 0.22);

    opacity: .25;

    pointer-events: none;

    animation:
        nationalGreenGlow 2.2s
        ease-in-out infinite;
}

@keyframes nationalGreenGlow {
    0%,
    100% {
        opacity: .18;
        transform: scale(.99);
    }

    50% {
        opacity: .70;
        transform: scale(1.025);
    }
}


/* Hover للبنر */

@media (hover: hover) {
    .national-day-wide-banner:hover img {
        transform: scale(1.018);

        box-shadow:
            0 18px 38px rgba(0, 83, 49, 0.24) !important;
    }
}


/* ==========================================
   NATIONAL DAY CAMPAIGN SECTION
========================================== */

/*
   يدعم الاسم القديم والجديد حتى لا نخرب
   أي تنسيق سابق مرتبط بالقسم
*/

.national-day-banner-section,
.national-day-wide-banner {
    max-width: 1280px !important;
    width: calc(100% - 40px) !important;

    margin:
        28px auto 0 !important;
}


/* المنتجات */

.national-day-products-section {
    max-width: 1280px !important;
    width: calc(100% - 40px) !important;

    margin:
        0 auto 35px !important;

    padding:
        25px 20px 30px !important;

    background:
        linear-gradient(
            180deg,
            rgba(247, 250, 247, .85),
            rgba(255, 255, 255, 1)
        ) !important;

    border-radius:
        0 0 18px 18px !important;
}


/* صور منتجات اليوم الوطني */

.national-day-products-section
.s-product-card-image {
    border-bottom:
        1px solid
        rgba(0, 92, 55, .12) !important;
}


/* ربط البنر بقسم المنتجات بصريًا */

.national-day-wide-banner
+ .national-day-products-section,

.national-day-banner-section
+ .national-day-products-section {
    margin-top:
        -4px !important;
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 768px) {

    /* Offers */

    .boutique-offers-banner {
        padding: 0 12px;

        margin:
            15px auto 20px;

        border-radius: 8px;
    }

    .boutique-offers-banner img {
        border-radius: 8px;
    }


    .s-product-card-sale-price {
        gap: 7px !important;
    }

    .s-product-card-sale-price span {
        font-size:
            17px !important;
    }

    .s-product-card-sale-price h4 {
        font-size:
            15px !important;
    }


    /* National Day Wide Banner */

    .national-day-wide-banner {
        animation-duration:
            2.8s !important;
    }

    @keyframes nationalWidePulse {
        0%,
        100% {
            transform:
                translateY(0)
                scale(1);
        }

        50% {
            transform:
                translateY(-6px)
                scale(1.014);
        }
    }


    /* National Campaign */

    .national-day-banner-section,
    .national-day-wide-banner,
    .national-day-products-section {
        width:
            calc(100% - 20px) !important;
    }

    .national-day-products-section {
        padding:
            16px 10px 22px !important;

        border-radius:
            0 0 12px 12px !important;
    }
}


/* ==========================================
   ACCESSIBILITY - REDUCED MOTION
========================================== */

@media (prefers-reduced-motion: reduce) {

    .national-day-wide-banner,
    .national-day-wide-banner::after {
        animation: none !important;
    }
}
/* ==========================================
   NATIONAL DAY - MOVING GREEN LIGHT
========================================== */

.national-day-wide-banner {
    position: relative !important;
    overflow: hidden !important;
}

/* الشريط الأخضر المتحرك */
.national-day-wide-banner::before {
    content: "";
    position: absolute;

    top: -15%;
    left: -45%;

    width: 34%;
    height: 130%;

    background: linear-gradient(
        110deg,
        rgba(0, 110, 65, 0) 0%,
        rgba(0, 140, 80, 0.08) 25%,
        rgba(0, 160, 95, 0.34) 50%,
        rgba(0, 140, 80, 0.08) 75%,
        rgba(0, 110, 65, 0) 100%
    );

    transform: skewX(-18deg);

    pointer-events: none;
    z-index: 5;

    animation:
        nationalGreenLightSweep
        3.2s linear infinite;
}

@keyframes nationalGreenLightSweep {
    0% {
        left: -45%;
    }

    100% {
        left: 120%;
    }
}
/* ==================================================
   BOUTIQUE W — NATIONAL DAY HOMEPAGE THEME
   Homepage only
================================================== */


/* ===== 1. خلفية الموقع ===== */

body.national-day-home {
    background:
        linear-gradient(
            180deg,
            #fffdf7 0%,
            #faf5e9 45%,
            #fffdf8 100%
        ) !important;
}


/* المنطقة الرئيسية */
body.national-day-home main {
    background: transparent !important;
}


/* ===== 2. الأقسام ===== */

body.national-day-home main > section {
    position: relative;
}


/* مسافات أنظف بين الأقسام */
body.national-day-home main > section {
    margin-top: 18px;
    margin-bottom: 18px;
}


/* ===== 3. عناوين الأقسام ===== */

body.national-day-home .s-block__title,
body.national-day-home .s-block__title h2,
body.national-day-home .s-block__title h3 {
    color: #075b3a !important;
}


/* خط زخرفي أسفل العنوان */
body.national-day-home .s-block__title::after {
    content: "";

    display: block;

    width: 55px;
    height: 3px;

    margin: 8px auto 0;

    border-radius: 20px;

    background:
        linear-gradient(
            90deg,
            #075b3a,
            #c6a15b,
            #075b3a
        );
}


/* إطار أسفل صورة المنتج */
body.national-day-home .s-product-card-image {
    border-bottom:
        1px solid rgba(7,91,58,.16) !important;
}


/* ===== 6. أزرار المنتجات ===== */

body.national-day-home
.s-product-card-content-footer button,

body.national-day-home
.s-product-card-content-footer a {

    border-color:
        #087149 !important;

    color:
        #075b3a !important;

    background:
        #fffdf8 !important;

    transition:
        background .3s ease,
        color .3s ease,
        transform .3s ease,
        box-shadow .3s ease !important;
}


@media (hover: hover) {

    body.national-day-home
    .s-product-card-content-footer button:hover,

    body.national-day-home
    .s-product-card-content-footer a:hover {

        background:
            #075b3a !important;

        color:
            #fff !important;

        transform:
            translateY(-2px);

        box-shadow:
            0 7px 16px
            rgba(7,91,58,.18);
    }

}


/* ===== 7. السعر الحالي ===== */

body.national-day-home
.s-product-card-sale-price h4 {

    color:
        #087149 !important;
}


/* السعر القديم يبقى واضح ومشطوب */
body.national-day-home
.s-product-card-sale-price span {

    color:
        #51474e !important;

    text-decoration-color:
        #b52c32 !important;
}


/* ===== 8. بانرات الصفحة الرئيسية ===== */

body.national-day-home
section[data-testid="store-home-fixed-banner"] img {

    border-radius:
        14px !important;

    box-shadow:
        0 7px 20px
        rgba(7,91,58,.09) !important;
}


/* ===== 9. قسم مجموعات اليوم الوطني ===== */

body.national-day-home
.national-day-products-section {

    background:
        linear-gradient(
            180deg,
            rgba(250,246,234,.96),
            rgba(255,253,247,1)
        ) !important;

    border:
        1px solid
        rgba(7,91,58,.15) !important;

    box-shadow:
        0 10px 30px
        rgba(7,91,58,.06) !important;
}


/* عنوان مجموعات اليوم الوطني */

body.national-day-home
.national-day-products-section
.s-block__title {

    color:
        #075b3a !important;

    font-weight:
        800 !important;
}


/* ===== 10. الأسهم / السلايدر ===== */

body.national-day-home
.swiper-button-next,

body.national-day-home
.swiper-button-prev {

    background:
        #fffdf8 !important;

    border:
        1px solid
        rgba(7,91,58,.28) !important;

    color:
        #075b3a !important;

    box-shadow:
        0 4px 12px
        rgba(7,91,58,.08) !important;
}


/* ===== 11. لمسة ذهبية خفيفة ===== */

body.national-day-home
.s-block__title {

    position:
        relative;
}


/* ===== 12. MOBILE ===== */

@media (max-width: 768px) {

    body.national-day-home
    main > section {

        margin-top:
            12px;

        margin-bottom:
            12px;
    }


    body.national-day-home
    .s-block__title::after {

        width:
            42px;

        height:
            2px;
    }

}
/* ==========================================
   NATIONAL DAY - BUTTONS
========================================== */

body.national-day-home button,
body.national-day-home .btn,
body.national-day-home a.s-button-element,
body.national-day-home .s-button-element {
    background: #075b3a !important;
    color: #ffffff !important;
    border-color: #075b3a !important;

    box-shadow:
        0 5px 14px rgba(7, 91, 58, 0.15) !important;

    transition:
        transform .28s ease,
        box-shadow .28s ease,
        background .28s ease !important;
}

@media (hover: hover) {
    body.national-day-home button:hover,
    body.national-day-home .btn:hover,
    body.national-day-home a.s-button-element:hover,
    body.national-day-home .s-button-element:hover {
        background: #06462e !important;

        transform:
            translateY(-2px)
            scale(1.02);

        box-shadow:
            0 9px 20px rgba(7, 91, 58, 0.24) !important;
    }
}


/* ==========================================
   STORE FEATURES - REMOVE WHITE BOXES
========================================== */

body.national-day-home
section[data-testid="store-home-features"] {
    background: transparent !important;
}

body.national-day-home
section[data-testid="store-home-features"]
.s-block--features__item,

body.national-day-home
section[data-testid="store-home-features"]
[class*="feature"] {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
}


/* ==========================================
   STORE FEATURES - PERMANENT STYLE
========================================== */

/* إزالة المربعات البيضاء */
.s-block--features__item {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;

    padding: 18px 12px !important;

    transition:
        transform .35s ease !important;
}


/* الدائرة حول الأيقونة */
.s-block--features__item .feature-icon {
    width: 64px !important;
    height: 64px !important;

    background: #075b3a !important;
    color: #ffffff !important;

    border-radius: 50% !important;

    margin-bottom: 12px !important;

    box-shadow:
        0 7px 16px rgba(7, 91, 58, .16) !important;

    animation:
        boutiqueFeatureFloat 3s ease-in-out infinite;

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        background .35s ease !important;
}


/* الأيقونة الداخلية */
.s-block--features__item .feature-icon i {
    color: #ffffff !important;
    font-size: 28px !important;
}


/* نخلي الحركات غير متزامنة */
.s-block--features__item:nth-child(2) .feature-icon {
    animation-delay: .35s;
}

.s-block--features__item:nth-child(3) .feature-icon {
    animation-delay: .70s;
}


@keyframes boutiqueFeatureFloat {
    0%,
    100% {
        transform:
            translateY(0)
            scale(1);
    }

    50% {
        transform:
            translateY(-8px)
            scale(1.07);
    }
}


/* اسم الميزة */
.s-block--features__item h2 {
    color: #075b3a !important;
    font-weight: 800 !important;
}


/* الوصف */
.s-block--features__item p {
    color: #625b55 !important;
}


/* Hover على الكمبيوتر */
@media (hover: hover) {

    .s-block--features__item:hover {
        transform: translateY(-5px);
    }

    .s-block--features__item:hover .feature-icon {
        background: #06462e !important;

        transform:
            translateY(-8px)
            scale(1.12)
            rotate(-4deg) !important;

        box-shadow:
            0 12px 24px rgba(7, 91, 58, .25) !important;
    }
}


/* الجوال */
@media (max-width: 768px) {

    .s-block--features__item {
        padding: 12px 6px !important;
    }

    .s-block--features__item .feature-icon {
        width: 56px !important;
        height: 56px !important;
    }

    .s-block--features__item .feature-icon i {
        font-size: 24px !important;
    }
}

/* ==========================================
   MAIN BANNER - DIRECT TARGET
========================================== */

section[data-testid="store-home-fixed-banner"]:has(
    img[src*="e6cec31b-1985-4474-a855-4e48a0eff5b2"]
) {
    position: relative !important;
    overflow: hidden !important;
    transform-origin: center center !important;

    animation:
        boutiqueMainDirectMove
        2.8s ease-in-out infinite !important;
}

@keyframes boutiqueMainDirectMove {
    0%,
    100% {
        transform:
            translateY(0)
            scale(1);
    }

    50% {
        transform:
            translateY(-16px)
            scale(1.03);
    }
}


/* الصورة نفسها */
section[data-testid="store-home-fixed-banner"]:has(
    img[src*="e6cec31b-1985-4474-a855-4e48a0eff5b2"]
) img {
    animation:
        boutiqueMainDirectZoom
        3.4s ease-in-out infinite !important;

    transform-origin:
        center center !important;
}

@keyframes boutiqueMainDirectZoom {
    0%,
    100% {
        transform: scale(1);
        filter: brightness(1);
    }

    50% {
        transform: scale(1.045);
        filter:
            brightness(1.06)
            saturate(1.06);
    }
}


/* لمعة ذهبية واضحة */
section[data-testid="store-home-fixed-banner"]:has(
    img[src*="e6cec31b-1985-4474-a855-4e48a0eff5b2"]
)::after {
    content: "";

    position: absolute;
    top: -20%;
    left: -45%;

    width: 30%;
    height: 140%;

    background: linear-gradient(
        115deg,
        rgba(218,184,113,0) 0%,
        rgba(218,184,113,.10) 25%,
        rgba(255,238,190,.55) 50%,
        rgba(218,184,113,.10) 75%,
        rgba(218,184,113,0) 100%
    );

    transform: skewX(-18deg);

    pointer-events: none;
    z-index: 8;

    animation:
        boutiqueMainDirectShine
        3s linear infinite;
}

@keyframes boutiqueMainDirectShine {
    0% {
        left: -45%;
    }

    100% {
        left: 125%;
    }
}


/* الجوال */
@media (max-width: 768px) {

    section[data-testid="store-home-fixed-banner"]:has(
        img[src*="e6cec31b-1985-4474-a855-4e48a0eff5b2"]
    ) {
        animation-duration:
            3.4s !important;
    }

    @keyframes boutiqueMainDirectMove {
        0%,
        100% {
            transform:
                translateY(0)
                scale(1);
        }

        50% {
            transform:
                translateY(-8px)
                scale(1.018);
        }
    }
}
/* ==========================================
   BOUTIQUE W - PREMIUM FASHION ICONS
========================================== */

.boutique-fashion-separator {
    width: 100%;
    max-width: 1280px;

    margin: 24px auto 30px;
    padding: 18px 20px;

    display: flex;
    align-items: center;
    justify-content: space-evenly;

    gap: 16px;

    box-sizing: border-box;

    min-height: 150px;

    position: relative;
    overflow: visible;
}


/* كل رمز كبطاقة مستقلة */
.boutique-fashion-icon {
    width: 105px;
    height: 105px;

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

    flex: 0 0 auto;

    font-size: 68px;
    line-height: 1;

    border-radius: 28px;

    background:
        linear-gradient(
            145deg,
            rgba(255,253,247,.98),
            rgba(248,239,218,.92)
        );

    border:
        1.5px solid rgba(198,161,91,.40);

    box-shadow:
        0 12px 24px rgba(7,91,58,.10),
        inset 0 0 0 1px rgba(255,255,255,.75);

    transform-origin: 50% 20%;

    will-change: transform;

    animation:
        boutiqueIconDance
        2.4s cubic-bezier(.45,.05,.3,.95)
        infinite;
}


/* توقيت مختلف لكل رمز */
.boutique-fashion-icon:nth-child(1) {
    animation-delay: 0s;
}

.boutique-fashion-icon:nth-child(2) {
    animation-delay: -.30s;
}

.boutique-fashion-icon:nth-child(3) {
    animation-delay: -.60s;
}

.boutique-fashion-icon:nth-child(4) {
    animation-delay: -.90s;
}

.boutique-fashion-icon:nth-child(5) {
    animation-delay: -1.20s;
}

.boutique-fashion-icon:nth-child(6) {
    animation-delay: -1.50s;
}

.boutique-fashion-icon:nth-child(7) {
    animation-delay: -1.80s;
}

.boutique-fashion-icon:nth-child(8) {
    animation-delay: -2.10s;
}


/* حركة قوية وواضحة */
@keyframes boutiqueIconDance {

    0%,
    100% {
        transform:
            translateY(6px)
            rotate(-8deg)
            scale(1);
    }

    35% {
        transform:
            translateY(-18px)
            rotate(7deg)
            scale(1.12);
    }

    70% {
        transform:
            translateY(-5px)
            rotate(-4deg)
            scale(1.05);
    }
}


/* الرموز الزوجية تتحرك بالعكس */
.boutique-fashion-icon:nth-child(even) {
    animation-name:
        boutiqueIconDanceReverse;
}


@keyframes boutiqueIconDanceReverse {

    0%,
    100% {
        transform:
            translateY(-5px)
            rotate(8deg)
            scale(1.05);
    }

    35% {
        transform:
            translateY(18px)
            rotate(-8deg)
            scale(.97);
    }

    70% {
        transform:
            translateY(-12px)
            rotate(5deg)
            scale(1.10);
    }
}


/* لمعة خفيفة على الرموز */
.boutique-fashion-icon {
    position: relative;
    overflow: hidden;
}

.boutique-fashion-icon::after {
    content: "";

    position: absolute;

    top: -35%;
    left: -70%;

    width: 45%;
    height: 170%;

    background: linear-gradient(
        115deg,
        transparent 0%,
        rgba(255,255,255,.15) 30%,
        rgba(255,239,190,.70) 50%,
        rgba(255,255,255,.15) 70%,
        transparent 100%
    );

    transform: skewX(-18deg);

    animation:
        boutiqueIconShine
        3.6s linear infinite;

    pointer-events: none;
}

@keyframes boutiqueIconShine {

    0% {
        left: -70%;
    }

    100% {
        left: 150%;
    }
}


/* Hover */
@media (hover: hover) {

    .boutique-fashion-icon:hover {
        animation-play-state: paused;

        transform:
            translateY(-22px)
            scale(1.22)
            rotate(0deg);

        border-color:
            rgba(7,91,58,.55);

        box-shadow:
            0 20px 35px rgba(7,91,58,.20),
            inset 0 0 0 1px rgba(198,161,91,.35);
    }
}


/* الجوال */
@media (max-width: 768px) {

    .boutique-fashion-separator {
        gap: 5px;
        padding: 12px 4px;
        min-height: 105px;
    }

    .boutique-fashion-icon {
        width: 72px;
        height: 72px;

        border-radius: 20px;

        font-size: 48px;

        animation-duration: 2.8s;
    }
}
/* ==========================================
   MOBILE - STORE FEATURES ICON FIX
========================================== */

@media (max-width: 768px) {

    section[data-testid="store-home-features"]
    .s-block--features__item .feature-icon,
    
    section[data-testid="store-home-features"]
    .s-block--features__item [class*="feature-icon"] {

        width: 62px !important;
        height: 62px !important;

        min-width: 62px !important;
        min-height: 62px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin: 0 auto 12px !important;

        background: #075b3a !important;

        border-radius: 50% !important;

        box-shadow:
            0 8px 18px rgba(7,91,58,.20) !important;

        opacity: 1 !important;
    }


    /* SVG أو icon داخل الدائرة */
    section[data-testid="store-home-features"]
    .feature-icon svg,
    
    section[data-testid="store-home-features"]
    .feature-icon i,
    
    section[data-testid="store-home-features"]
    [class*="feature-icon"] svg,
    
    section[data-testid="store-home-features"]
    [class*="feature-icon"] i {

        width: 30px !important;
        height: 30px !important;

        font-size: 30px !important;

        color: #ffffff !important;
        fill: none !important;
        stroke: #ffffff !important;

        opacity: 1 !important;
    }


    section[data-testid="store-home-features"]
    .feature-icon svg *,

    section[data-testid="store-home-features"]
    [class*="feature-icon"] svg * {

        stroke: #ffffff !important;
    }
}
/* ==========================================
   FIX - STORE FEATURES ICON COLOR
========================================== */

section[data-testid="store-home-features"]
.s-block--features__item .feature-icon,
section[data-testid="store-home-features"]
.s-block--features__item .feature-icon i,
section[data-testid="store-home-features"]
.s-block--features__item .feature-icon svg {
    color: #ffffff !important;
}

/* أيقونات SVG */
section[data-testid="store-home-features"]
.s-block--features__item .feature-icon svg,
section[data-testid="store-home-features"]
.s-block--features__item .feature-icon svg * {
    stroke: #ffffff !important;
}

/* الدائرة تبقى خضراء */
section[data-testid="store-home-features"]
.s-block--features__item .feature-icon {
    background: #075b3a !important;
}
/* FIX - STORE FEATURES */

.s-block--features__item .feature-icon {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

.s-block--features__item .feature-icon i,
.s-block--features__item .feature-icon svg,
.s-block--features__item .feature-icon svg * {
    color: #075b3a !important;
    fill: #075b3a !important;
    stroke: #075b3a !important;
}
/* ==================================================
   FINAL FIX - FEATURES + FASHION SEPARATOR
================================================== */


/* ------------------------------------------
   1. مميزات المتجر: الأيقونات خضراء دائمًا
------------------------------------------ */

section[data-testid="store-home-features"]
.s-block--features__item .feature-icon {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
}

section[data-testid="store-home-features"]
.s-block--features__item .feature-icon i,
section[data-testid="store-home-features"]
.s-block--features__item .feature-icon svg,
section[data-testid="store-home-features"]
.s-block--features__item .feature-icon svg *,
section[data-testid="store-home-features"]
.s-block--features__item .feature-icon span {
    color: #075b3a !important;
    fill: #075b3a !important;
    stroke: #075b3a !important;
    opacity: 1 !important;
}


/* ------------------------------------------
   2. الفاصل: نفس عرض البنرات وليس عرض الشاشة
------------------------------------------ */

.boutique-fashion-separator {
    width: calc(100% - 40px) !important;
    max-width: 1280px !important;

    margin:
        24px auto 30px !important;

    padding:
        18px 22px !important;

    box-sizing:
        border-box !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-evenly !important;

    gap: 10px !important;

    min-height: 145px !important;

    overflow: hidden !important;

    border-radius: 20px !important;

    background:
        rgba(255,253,247,.55) !important;
}


/* كل رمز */
.boutique-fashion-icon {
    width: 100px !important;
    height: 100px !important;

    flex:
        0 0 100px !important;

    font-size:
        66px !important;
}


/* ------------------------------------------
   MOBILE
------------------------------------------ */

@media (max-width: 768px) {

    .boutique-fashion-separator {
        width:
            calc(100% - 20px) !important;

        max-width:
            none !important;

        margin:
            16px auto 22px !important;

        padding:
            14px 8px !important;

        min-height:
            100px !important;

        gap:
            5px !important;

        overflow-x:
            hidden !important;
    }

    .boutique-fashion-icon {
        width:
            64px !important;

        height:
            64px !important;

        flex:
            0 0 64px !important;

        font-size:
            43px !important;
    }
}
/* ==========================================
   STORE FEATURES ICONS - GREEN
========================================== */

.s-block--features__item .feature-icon,
.s-block--features__item .feature-icon i,
.s-block--features__item .feature-icon svg {
    color: #075b3a !important;
}

.s-block--features__item .feature-icon svg,
.s-block--features__item .feature-icon svg * {
    stroke: #075b3a !important;
    color: #075b3a !important;
}

.s-block--features__item .feature-icon svg path,
.s-block--features__item .feature-icon svg circle,
.s-block--features__item .feature-icon svg line,
.s-block--features__item .feature-icon svg polyline {
    stroke: #075b3a !important;
}