/* Add custom CSS styles below */ 
@media (min-width: 768px) {
    .s-block {
        margin-top: 1px;
    }
}
---------
.carousel-slider .s-slider-block__title-nav {
    display: none;
}

@media (min-width: 1024px) {
    salla-slider.photos-slider .swiper-slide {
        margin-left: 2rem;
        margin-right: 1rem;
    }
}

--------

.product-entry__image {
    position: relative;
    height: 15rem;
    width: 100%;
    flex-shrink: 0;
    overflow: hidden;
    --tw-bg-opacity: 1;
     background-color: #fff;
}


.details-slider-wrapper .details-slider .swiper-slide img {
    height: 100% !important;
    background-color: WHITE;
}
--------
@media (min-width: 768px) {
    .itme-categories .itme-cat-entry.slide--cat-entry .main-links-title h4 {
        font-size: 0.875rem;
        line-height: 0.25rem;
        content-visibility: hidden;
    }
}
---------
[dir="rtl"] .itme-categories .itme-cat-entry.slide--cat-entry .main-links-title {
    /* right: 0px; */
    border-top-right-radius: 0px;
}

@media (min-width: 768px) {
    .itme-categories .itme-cat-entry.slide--cat-entry .main-links-title {
        min-height: 20px;
        padding-left: 0.75rem;
        padding-right: 4.75rem;
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
    }
}

--------
/* الحماية عبر استخدام الصور كخلفية */
.protected-image {
    background-image: url('example.jpg');
    background-size: cover; /* لضبط حجم الصورة */
    background-repeat: no-repeat; /* منع تكرار الصورة */
    width: 300px; /* حدد عرض العنصر */
    height: 200px; /* حدد ارتفاع العنصر */
    pointer-events: none; /* تعطيل التفاعل */
    user-select: none; /* منع التحديد */
    -webkit-user-drag: none; /* منع السحب على متصفحات WebKit */
    touch-action: none; /* تعطيل التفاعل باللمس */
}

/* الحماية باستخدام طبقة فوق الصور */
.image-wrapper {
    position: relative;
    display: inline-block;
}

.image-wrapper .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0); /* طبقة شفافة */
    pointer-events: auto; /* منع التفاعل مع الصورة الأساسية */
    z-index: 1; /* وضع الطبقة فوق الصورة */
}