.dark *.dark\:bg-dark {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 27, 28, 1);
    background-color: #0c0c0c;
}
a.slide--cat-entry.flex.gap-2\.5.md\:gap-4 {
	flex-direction: column;
	padding: 15px 0;
}

a.slide--cat-entry.flex.gap-2\.5.md\:gap-4 {
    border: none;
}
 
.s-block--categories .slide--cat-entry .link-image {
    height: 3rem;
    width: 3rem;
}
.s-block--categories .slide--cat-entry i {
    font-size: 24px;
}
.s-block--best-offers salla-slider.carousel-slider .swiper-wrapper .swiper-slide, salla-slider .slide--one-fourth {
    max-width: 117px;
}
@media (min-width: 640px) {
    .s-block--best-offers salla-slider.carousel-slider .swiper-wrapper .swiper-slide, salla-slider .slide--one-fourth {
        max-width: 122px;
    }
}

salla-slider.photos-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -25px;
}

salla-slider .swiper-pagination-bullet {
    height: 20px;
    min-height: 20px;
    width: 20px;
    min-width: 20px;
}
.swiper {
    overflow: visible;
}


@media only screen and (min-width: 1025px) {
    @media (min-width: 1024px) {
        .main-menu {
            display: flex;
        }
    }
}


salla-slider.enhanced-products-slider .slider-item {
    transform: scale(.7);
    margin: -65px -42px;
}

.btn--main button .icon {
    font-size: 1.25rem;
}

.s-button-text span{
	font-size: 14px;
}
.s-block__title .btn--main button {
    padding: 10px !important;
}
button.btn--main.s-button-element.s-button-btn.s-button-solid.s-button-primary.s-button-loader-after {
    padding: 5px 10px !important;
}
button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    padding: 8px;
}

.grid.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8 {
    grid-template-columns: repeat(3, 1fr);
}
a.banner-entry {
    background-color: transparent;
}
a.banner-entry {
  aspect-ratio: 3 / 4;
    height: auto;
}

.rounded-lg.absolute.inset-0.bg-cover.bg-center {
    transform: scale(0.7);
}

.swiper-3d .swiper-slide-shadow-left {
    transform: scale(0.8);
}
.swiper-3d .swiper-slide-shadow-right {
   transform: scale(0.8);
}





//////////////////////////////
/* الهواتف الصغيرة جداً - 3 عناصر */
@media (max-width: 479px) {
    .grid.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8
  {
        grid-template-columns: repeat(3, 1fr);
        gap: 0.5rem;
    }
}

/* الهواتف - 3 عناصر */
@media (min-width: 480px) and (max-width: 767px) {
    .grid.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8 {
        grid-template-columns: repeat(3, 1fr);
        gap: 0.75rem;
    }
}

/* التابلت الصغيرة - 4 عناصر */
@media (min-width: 768px) and (max-width: 1023px) {
    .grid.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8 {
        grid-template-columns: repeat(4, 1fr);
        gap: 1rem;
    }
}

/* التابلت الكبيرة - 5 عناصر */
@media (min-width: 1024px) and (max-width: 1279px) {
    .grid.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8 {
        grid-template-columns: repeat(5, 1fr);
        gap: 1.25rem;
    }
}

/* اللابتوب - 6 عناصر */
@media (min-width: 1280px) and (max-width: 1439px) {
    .grid.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8 {
        grid-template-columns: repeat(6, 1fr);
        gap: 1.5rem;
    }
}

/* الشاشات الكبيرة - 6 عناصر */
@media (min-width: 1440px) {
    .grid.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8 {
        grid-template-columns: repeat(6, 1fr);
        gap: 1.5rem;
    }
}