/* general */
@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@100..900&display=swap');

body {font-family: "Noto Kufi Arabic", sans-serif;}

.home-block-line, div.my-2.mx-auto.w-28.h-0.border-2.border-primary {display:none}

.text-red-600 {color:#a20b0b}

@media (max-width: 767px) {
.index.mobile_small_blocks_titles h2.text-3xl, h2.text-2xl {font-size: 1.1rem;}
}

/* header */
.s-cart-summary-count {background-color:#a20b0b}

/* categories */
.carousel-slider .swiper-wrapper>div, salla-slider[type]:not(.hydrated) .swiper>div>div>div, salla-slider[type]:not(.hydrated)>div>div {
    padding-left: 0;
    padding-right: 5px;
}
.s-block--square-links h3 {margin-top:0; font-size:.85rem !important; font-weight:500}

.s-block--square-links ul {max-width:100%; margin-top:1rem; gap:.5rem !important;     grid-template-columns: repeat(3, 1fr);}
.s-block--square-links .mx-auto.max-w-7xl {padding-left:.5rem !important; padding-right:.5rem !important}

@media (max-width:768px){
salla-slider .slide--one-fourth {max-width: 190px;}
}

/* glasses */
.glasses-1, .glasses-2 {padding:0; background-color: #d1d0d250 !important;} 
.glasses-1 .container, .glasses-2 .container {padding:0;}

.glasses-1 .flex-col-reverse {flex-direction: row-reverse; gap:0 !important}
.glasses-2 .flex-col-reverse {flex-direction: row; gap:0 !important}

.glasses-1 h2, .glasses-2 h2 {margin-bottom: .5rem; text-align: right; font-size:1rem !important; line-height: 1.7rem;}
.glasses-1 p, .glasses-2 p {margin-bottom: 0;text-align: right; font-size:.8rem}
.glasses-1 a, .glasses-2 a {    margin-top: 1rem;
    padding: 0 !important;
    height: auto;
    width: fit-content;
    text-align: right;
    background: none;
    color: #000;}
.glasses-1 a i, .glasses-2 a i {display:none}
.glasses-1 img, .glasses-2 img {border-radius:0}

.glasses-1 .w-full:has(h2) h2, .glasses-2 .w-full:has(h2) h2, .glasses-1 .w-full:has(h2) p, .glasses-2 .w-full:has(h2) p {padding: 0 10px !important;line-height: 1.3rem;}
.glasses-1 a span, .glasses-2 a span {padding:0 10px;     font-size: .8rem;
    font-weight: 500;
    border-bottom: 1px solid;
    width: fit-content !important;
    padding: 0;
    margin-right: 10px;}
    
@media (min-width:992px){
.glasses-1 .flex .w-full:has(img), .glasses-2 .flex .w-full:has(img) {width:58.5% !important} 
.glasses-1 h2, .glasses-2 h2 {font-size:2.25rem !important; line-height: 3.3rem !important;}
.glasses-1 .flex p, .glasses-2 .flex p {font-size:1.4rem !important}
.glasses-1 a span, .glasses-2 a span {font-size:1.2rem !important; margin-top:1rem !important; font-weight:500 !important}
}

/* title */
.about-1 {padding: 0 0 1rem 0;}
.about-1 h2 {margin-bottom:0 !important}
.about-1 p {display:none !important}

/* products */
.s-block--best-offers .text-center.mb-8 {margin-bottom:1rem !important}
span.font-bold.text-red-600 {
    font-size: .8rem;
    background: #a20b0b10;
    padding: 0 8px;
    border-radius: 0;
    color:#a20b0b;
}
@media (max-width: 991px) {
.simplified-products .offer-slide, .simplified-products .s-products-slider-card {width: 175px;}
}

/* testimonails */
p.mt-2.text-3xl {font-size:1.1rem}

/* footer */
.footer-list a {font-size:1rem}