@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@100..900&family=Almarai:wght@300;400;700;800&display=swap');

/* ====== GENERAL ======  */
body {font-family: "Alexandria", serif !important; font-weight:300 !important}
h1, h2, h3, h4, h5, h6, a, button, span {font-weight:400 !important}

/* ====== HEADER ====== */
.salla-advertisement h2 {font-size: 0.76rem;}
.s-cart-summary-count {background-color: #b49f81 !important; color: #3f4c60 !important;}
body.trans_header .store-header {padding-top:45px}

@media (max-width:768px){
body.trans_header .store-header {padding-top:65px}
}

/* ====== SLIDER ======  */
.trans_header.slider_has_overlay .store-header:not(.fixed-header) img {display:none}
.advanced-slider.advanced-slider--0 .advanced-slider__slide h2.advanced-slider__caption__inner__content__heading:before {content: ''; display: block; width: 7rem; height: 7rem; background-image: url(https://cdn.salla.sa/form-builder/4MiVDjNyRr3UEZKpetUpwJyo1Hn5BH1eJq18IrU1.png); background-size: contain; background-repeat: no-repeat; margin: auto;}
.advanced-slider__caption__inner__content__text {font-size:1rem}
.advanced-slider.advanced-slider--0.advanced-slider .swiper .swiper-slide-active a {border-radius: 25px; margin: 2rem 0; animation: animate-pulse 5s linear infinite; border-color:#ffffff50 !important; padding: 7px 20px;}
.advanced-slider__caption__inner__content__button:before {border-radius:50px !important}

.advanced-slider.advanced-slider--0 .advanced-slider__slide:has(img[src="https://cdn.salla.sa/form-builder/FIW6C66lwvn3kehwb0e3AAGdCC2K6hZFDRH8nKBX.webp"]) h2.advanced-slider__caption__inner__content__heading:before {display:none}
.advanced-slider.advanced-slider--0 .advanced-slider__slide:has(img[src="https://cdn.salla.sa/form-builder/FIW6C66lwvn3kehwb0e3AAGdCC2K6hZFDRH8nKBX.webp"])  a {animation:unset !important}

/* ====== CATEGORIES ====== */
.s-block--circle-links .container {margin-top:0; margin-bottom:1.5rem}
.s-block--circle-links h3 {font-size:.7rem; margin-top:.5rem}

@media (max-width:991px){
.s-block--circle-links a {margin:0 !important}
.s-block--circle-links img {width:4.5rem !important; height:4.5rem !important}
.s-block--circle-links h3 {font-size:.65rem;}
}

@media (max-width: 767px){
.s-block--circle-links salla-slider .custom-width {width:25%}
}

/* ====== SPECIAL PRODUCT ======  */
.special-product .home-block-line.border-2.border-primary {display:none}

/* ====== PRODUCTS ====== */
.s-block--best-offers .s-slider-block__title-right, salla-products-slider .s-slider-block__title-right {padding-bottom:10px}
.s-block--best-offers .s-slider-block__title-left .s-slider-block__display-all, salla-products-slider .s-slider-block__title-left .s-slider-block__display-all {border: none; font-weight: 400; padding-left: 0;}
salla-add-product-button salla-button .s-button-btn {border-radius:25px}
salla-add-product-button salla-button .s-button-btn i {display:none}

/* ====== SLIDER 2 ====== */
.advanced-slider--5 {margin-top:1rem !important}
#advanced-slider-5 .advanced-slider__caption__inner__content__text {color: #ddd4c6 !important; width: 55%; margin: auto;}
.fit-slider-products .s-slider-swiper-wrapper .swiper-slide custom-salla-product-card {border-radius:10px}
#advanced-slider-5 .advanced-slider__caption__inner--center .advanced-slider__caption__inner__content {margin-top:0}

/* ====== BANNER ====== */
.s-block--fixed-banner .container {padding:0 !important}
.s-block--fixed-banner img {border-radius:0}

/* ====== FOOTER ====== */
.footer-is-custom .store-footer .store-footer__curve {display:none}
.footer-is-custom .store-footer img.img-fluid {margin-bottom:1rem}

@media (max-width:991px){
.footer-is-custom .store-footer {background-color: #3d383d; color: var(--footer-text-color); background-image: url(https://i.ibb.co/sjSjW0M/image.png); background-size: 100%; background-repeat: no-repeat; background-position: top;}
}

.footer-is-custom .store-footer h3, .footer-is-custom .store-footer a {color:#fff !important; opacity:1}
.footer-is-custom .store-footer .store-footer__inner, .footer-is-custom .store-footer .store-footer__contacts-row, .footer-is-custom .store-footer .store-footer__newsletter, .footer-is-custom .store-footer .footer-bottom {background-color:transparent !important}
.footer-is-custom p {text-align:center}

/*footer.store-footer.s-block--animate:before {content: ''; position: absolute; width: 100%; height: 100%; background-color: #000; top: 0; bottom: 0; left: 0; right: 0; display: block; opacity: .2;}
*/

.footer-is-custom .store-footer .store-footer__inner, .footer-is-custom .store-footer .store-footer__contacts-row, .footer-is-custom .store-footer .store-footer__newsletter {border-bottom:none}
.store-footer__contacts-row .enhanced_rounded_contacts {display:none}
.store-footer__contacts-row:before {content: 'تابعنـــا'; margin: auto; display: block; width: 100%; text-align: center; margin-bottom: 0.75rem; font-size: 1.125rem; line-height: 1.75rem; font-weight: 700;}
ul.rounded_contacts {gap:.5rem}
.store-footer__inner, .store-footer__newsletter {padding-bottom:1rem}
.footer-is-custom .store-footer .footer-rights p {font-size:0}
.footer-is-custom .store-footer .footer-bottom p:before {content: 'بينما تفصلنا مسافات شاسعة عن الكواكب، قهوتنا تقربك من أعماق الكون'; display: block; width: 95%; margin: 10px auto; font-size: .65rem; text-align: center; line-height:2;}
.footer-is-custom .store-footer p.leading-6 {width:90%; margin:0.75rem auto 0}
.footer-is-custom p {text-align:center}
.footer-bottom li {background-color:#ffffff20 !important}

@media (min-width:992px){
.footer-is-custom .store-footer .footer-bottom p:before {width: 100%; margin: 0; text-align: right;}
}

.store-footer .sca-logo {display: flex; flex-direction: column; align-items: center;}
.store-footer .sca-logo .logo {width: 20% !important; margin-bottom: 12px !important; filter: brightness(100) !important;}

/* ====== BOTTOM ======  */
.selia-bottom-nav {padding-top:1rem}
.selia-bottom-nav-items i {font-size: 1.2rem !important;}
.selia-bottom-nav-items span {font-size: .8rem;}

/* ====== GENERAL PAGE ====== */
.content.content--single-page h1 {text-align:center}

@keyframes animate-pulse{
0%{box-shadow: 0 0 0 0 rgb(255, 255, 255,0.5),  0 0 0 0 rgb(255, 255, 255,0.5);}
40%{box-shadow: 0 0 0 11px rgb(255, 255, 255,0.0),  0 0 0 0 rgb(255, 255, 255,0.3);}
80%{box-shadow: 0 0 0 7px rgb(255, 255, 255,0.0),  0 0 0 14px rgb(255, 255, 255,0);}
100%{box-shadow: 0 0 0 0 rgb(255, 255, 255,0.0),  0 0 0 14px rgb(255, 255, 255,0);}
}