section:has(button)::before { 
  content: none;
}

section:has(button) label.form-label b.block::after {
  content: " (برجاء إرفاق الكشف الخاص بيك في حالة احتياج العدسة طبية بمقاسك الخاص)";
  font-weight: normal;
  font-size: 14px;
  color: #232121;
  margin-right: 6px;
}

section.s-block.s-block--photos-slider {
    margin-top: 0;
}
.s-product-card-image {
  background: none;
}
salla-slider.photos-slider .swiper-slide {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    padding: 0 !important;
    border-radius: 0 !important;

    img {
        border-radius: 0;
    }
}

salla-slider.photos-slider .swiper {
    padding: 0;
}

.top-navbar {
    display: none;
}

@media (min-width: 480px) {
    .navbar-brand img {
        max-width: 130px;
    }
}

header {
    .flex.items-center.justify-end.my-2\.5 {
        margin: 0;
    }
}

/* --- تنسيقات نافذة البحث (مهم جداً للتشغيل) --- */

/* 1. زر البحث (العدسة) */
.rb-search-trigger {
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    color: inherit;
    /* يأخذ لون عناصر الهيدر */
    margin-left: 5px;
}

/* 2. الخلفية المعتمة (Overlay) */
.rb-search-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    /* لون أسود شفاف */
    z-index: 9998;
    /* طبقة عالية */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
}

/* عند التفعيل */
.rb-search-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* 3. نافذة البحث نفسها (Popup) */
.rb-search-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    /* خلفية بيضاء */
    z-index: 9999;
    /* أعلى طبقة */
    padding: 40px 20px;
    transform: translateY(-100%);
    /* مخفية للأعلى */
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

/* عند التفعيل */
.rb-search-popup.active {
    transform: translateY(0);
    /* تنزل لمكانها الطبيعي */
}

/* 4. حاوية البحث */
.rb-search-wrap {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
}

/* 5. زر الإغلاق (X) */
.rb-close-search {
    position: absolute;
    top: 50%;
    left: -50px;
    transform: translateY(-50%);
    font-size: 32px;
    border: none;
    background: none;
    cursor: pointer;
    color: #333;
}

/* إصلاح للموبايل لزر الإغلاق */
@media (max-width: 768px) {
    .rb-close-search {
        left: auto;
        right: 0;
        top: -35px;
        transform: none;
        background: #f1f1f1;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        font-size: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media (min-width:992px) {
  
    section.s-block.s-block--categories {
        .swiper-wrapper {
            justify-content: center;
        }
    }
}

section.s-block.s-block--categories {
    .swiper-wrapper {
        padding: 3rem 0;
        gap: 3rem;

        @media (max-width: 768px) {
            gap: 0
        }
    }
}


.s-slider-block__title h2 {
    font-size: 32px;
    font-weight: 700;
    padding: 0 !important;
    pointer-events: none;
}

.s-slider-block__title-right:where([dir=rtl], [dir=rtl] *) {
    padding-left: 0;
}

.s-slider-block__title {
    justify-content: center;
}

.s-block--categories {
    .slide--cat-entry {
        border-radius: 0;
        background: none;
        box-shadow: none !important;
        border: 0;
        transition: 0.3s;

        i {
            font-size: 0;
            background-size: contain !important;
            aspect-ratio: 1;
            width: 200px;

            @media (max-width: 1024px) {
                width: 160px;
            }
                      @media (max-width: 600px) {
                width: 120px;
            }
        }

        h2 {
            font-size: 20px;
            transition: 0.3s;
            font-weight: 500;

            @media (max-width: 1024px) {
                font-size: 16px;
            }
        }

        &:hover {
            transform: translateY(-5px);

            h2 {
                color: #ED9005;
            }
        }
    }

    .swiper-slide {
        &:nth-child(1) i {
            background: url(https://cdn.files.salla.network/homepage/1780910681/b280325e-4aa4-45f2-9b09-be7ed465ea9e.webp);
        }

        &:nth-child(2) i {
            background: url(https://cdn.files.salla.network/homepage/1780910681/f1c53a9f-7d33-4eb3-aa9f-e947b23966d4.webp);
        }

        &:nth-child(3) i {
            background: url(https://cdn.files.salla.network/homepage/1780910681/fc973c4b-4bf2-409b-ad95-b641240d7d3d.webp);
        }

        &:nth-child(4) i {
            background: url(https://cdn.files.salla.network/homepage/1780910681/d1a9ff5b-5e2a-4094-a0cc-b9d3b8f7ce65.webp);
        }
      &:nth-child(5) i {
            background: url(https://cdn.files.salla.network/homepage/1780910681/c0e4dfb2-124c-43ae-9373-cdadf095d308.webp);
        }
    }
}



.s-products-slider-wrapper {
    .s-slider-block__title {
        justify-content: space-between;
    }

    .s-slider-block__title-right:where([dir=rtl], [dir=rtl] *) {
        width: 100%;
        text-align: center;
        margin-left: -150px;
    }

    .s-slider-block__title-left {

        flex-shrink: 0;
    }
}

.s-product-card-vertical .s-product-card-image {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    flex: 1 1 0%;
}

.s-product-card-entry {
    border-radius: 0;
    box-shadow: 0px 4px 4px 0px #00000014;
    padding: 10px;
}

.s-block--best-offers {
    .swiper-wrapper {
        padding: 1rem 0;
    }
}

.s-product-card-content {
    align-items: center;
}

.s-product-card-content-sub {
    justify-content: center;
}

.s-product-card-sale-price h4,
.s-product-card-sale-price span {
    font-size: 18px;
}

.s-button-btn {
    border-radius: 0;
    border-color: #BF7404;
    color: #BF7404;

    &:hover {
        background: #BF7404;
        color: #000;
    }

    i {
        display: none;
    }
}

section.s-block.s-block--fixed-banner {
    .container {
        max-width: 100%;
        padding: 0;
        border-radius: 0;

        img {
            border-radius: 0;
        }
    }
}

.s-block--logos-slider .grid.grid-cols-2.md\:grid-cols-5.grid-flow-row.gap-4.lg\:gap-8 {
    display: flex;
    justify-content: center;
}

.s-reviews-testimonial__icon svg {
    fill: black;
}

.s-reviews-testimonial {
    box-shadow: 0px 4px 4px 0px #00000014;
}

.s-block--custom-testimonials {
    .swiper-wrapper {
        padding-bottom: 2rem;
    }
}

.footer-is-light .store-footer .store-footer__inner {
    background-color: black;
    color: white;
}

@media (min-width: 1024px) {
    .lg\:grid-cols-6 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 h3 {
    font-size: 0;
    background: url(https://cdn.files.salla.network/homepage/1780910681/7e5ba5c3-63ee-4929-8f4b-a3724bd3474a.webp);
    display: block;
    width: 200px;
    height: 107px;
    background-size: contain;
  background-repeat: no-repeat;
}

.brands-single {
  img.rounded-md.w-40.h-24.object-contain.shadow-md.p-4.bg-white {
    display: none;
  }
}• flex-col { flex-direction: row !important;
• CSS
0 نسخ
• flex-col { display: flex !important; flex-direction: row !important; align-items: center;
gap: 10px;}/* ترتيب شريط الفرز فوق المنتجات */
• products-header,
• collection-header,
• products-toolbar,
• products-top-bar,
• sorting-bar { display: flex !important; flex-direction: row !important; align-items: center; justify-content: space-between;
gap: 12px;
}• products-header > *,
• collection-header > *,
• products-toolbar >
,*
• products-top-bar ›
*
width: auto !important;
•app-inner.flex {
flex-direction: row !important;
}،•app-inner.flex.flex-col {
flex-direction: row
  •salla-products-toolbar,
• salla-sort-bar,
• products-toolbar { display: flex !important; flex-direction: row !important; align-items: center; justify-content: space-between;
gap: 12px;
•salla-products-toolbar > *,
• salla-sort-bar > *,
•products-toolbar > * { width: auto !important;