.lazy__bg.lazy.entered.loaded {

    border: 3px solid #901822; /* تغيير لون الإطار إلى #901822 */

    border-radius: 10px; /* جعل الإطار منحني */

    overflow: hidden; /* يخفي أي زوايا مدببة للصورة */

    border-radius: 10px; /* جعل الإطار منحني */

}



.lazy__bg.lazy.entered.loaded img {

    border-radius: 10px; /* جعل الصورة منحنية */

}

.swiper-wrapper.s-slider-swiper-wrapper {

    border-radius: 30px; /* جعل البنر منحني */

    background-color: #f9f9f9; /* تعيين لون خلفية للبنر */

}



.banner banner--fixed overflow-hidden{

  border-radius: 10px; /* تجعل الزوايا منحنية بنسبة 10 بكسل */

  transform: scale(0.9); /* تقليل حجم البنر بنسبة 0.9 */

  overflow: hidden; /* لعرض المحتوى بداخل الحاوية فقط */

}

.top-navbar {

    display: none;

}





.banner-entry {

    position: relative;

    height: 67px;

    overflow: hidden;

    width: 100%;

    margin: 0px 0px;

    border-radius: 0.375rem;

    --tw-bg-opacity: 1;

    background-color: rgba(243, 244, 246, 1);

    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    padding: 0px;

    text-align: center;

    --tw-text-opacity: 1;

    color: rgba(255, 255, 255, 1);

    color: rgba(255, 255, 255, var(--tw-text-opacity));

}

.grid.one-row.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8 {

    template-columns: repeat(3, minmax(0, 1fr)) !important;

    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

}



@media (max-width: 700px) {



.banner-entry {

    position: relative;

    height: 98px;

    overflow: hidden;

    width: 100%;

    margin: 0px 0px;

    border-radius: 0.375rem;

    --tw-bg-opacity: 1;

    background-color: rgba(243, 244, 246, 1);

    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    padding: 0px;

    text-align: center;

    --tw-text-opacity: 1;

    color: rgba(255, 255, 255, 1);

    color: rgba(255, 255, 255, var(--tw-text-opacity));

}

}

@media (min-width: 700px) {



.banner-entry {

    position: relative;

    height: 350px;

    overflow: hidden;

    width: 100%;

    margin: 0px 0px;

    border-radius: 0.375rem;

    --tw-bg-opacity: 1;

    background-color: rgba(243, 244, 246, 1);

    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    padding: 0px;

    text-align: center;

    --tw-text-opacity: 1;

    color: rgba(255, 255, 255, 1);

    color: rgba(255, 255, 255, var(--tw-text-opacity));

}

}







.s-product-card-content-title {

    font-size: 1.5em;

    font-weight: bold;

    color: #333;

    text-align: center;

    margin: 10px 0;

}