/* ====== GENERAL ====== */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap');

body {font-family: "IBM Plex Sans Arabic", sans-serif !important; }

:root {
    --font-main: 'IBM Plex Sans Arabic';
    --font-secondary: 'IBM Plex Sans Arabic';
}
.salla-advertisement.fixed {background-color: #866c55 !important}
.bg-gray-100 {background-color: #5e6d6e10;}
.s-block {margin-top: 1rem}

@media (min-width:1024px){
  .container {max-width:100% !important}
}

/* ====== HEADER ====== */
.s-cart-summary-total {display: none}
.mburger--collapse i {font-size: 1.2rem}
.s-cart-summary-count {background: #e32753;font-size: 9px;}
.salla-advertisement {background-color: #fff !important;}
.salla-advertisement h4 {display: none}
.salla-advertisement p {text-align: center;font-size: .85rem; color:#000}
.salla-advertisement a.ad-close {display: none}
.main-nav-container {box-shadow: unset !important}
.header-container> .flex {background: #0c3f43;padding: 0 10px;border-radius: 10px;}
.header-container i, .mburger--collapse i {color:#fff}
.language-btn > span {color:#fff}
.main-nav-container.fixed-header .inner {top: .7rem;background: none;opacity: 1;}

@media (min-width:1024px){
.mburger--collapse p.da-tm {display: none}
.main-nav-container.fixed-pinned .inner, .main-nav-container .inner {width: 98%; margin:auto}
/* .store-header.fixed-sticky {padding-left: 10px; padding-right: 10px} */
.index .main-nav-container:not(.fixed-pinned) .inner {width: 100%}
#desktop-main-nav ul.dn-dropdown {columns: 3;overflow: hidden;}}

@media (max-width: 768px) {
.header-inner.inner.bg-white.da-bgm {padding: 0 !important}
.main-nav-container.fixed-pinned .inner, .main-nav-container .inner {width: 95%; margin:auto}
.index .main-nav-container:not(.fixed-pinned) .inner {width:100%}
.main-nav-container .header-btn {margin: 0 3px}
}

/* ====== HERO SLIDER ====== */
.s-block--full-bg:first-of-type {margin-top: .5rem !important}
.s-block--hero-slider img, .s-block--hero-slider video {border-radius:15px}

/* ====== BRANDS ====== */
.s-block--logos-slider {padding: 0; margin: 0; background-color: #fff !important}
.s-block--logos-slider .s-slider-block__title {display: none}
.s-block--logos-slider a {padding: 0 .5rem}
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {display: none}
.s-block--logos-slider .swiper-free-mode>.swiper-wrapper {padding: 0 !important}

/* ====== CATEGORIES ====== */
.s-block--banners {margin: 0; padding: 10px}
.s-block--banners .banner-square h3 {margin-top: .375rem;font-size: .9rem; margin-top: .3rem;font-weight: 500 !important;line-height: 1.8;}
.s-block--banners .carousel-slider .swiper {padding: 0 !important}
.s-block--banners .banner-square {padding-right: 0 !important}
.s-block--banners img {border-radius: 15px}

@media (max-width:768px){
/* .s-block--banners .banner-square {width:60% !important} */
.banner-square {--swiper-width-mobile:unset !important}
}

/* ====== MALAK POPUP ====== */
.angel-theme-modal .square-grid {align-items: flex-start;row-gap: 2rem;}
.angel-theme-modal h3 {font-size: .9rem !important; margin-top: .7rem !important}
.angelmodal__container>div {padding: 1rem 0; background-color: transparent}
.angelmodal-is-open .angelmodal__overlay {transition:unset !important}

/* ====== PRODUCTS ====== */
.angel-products-2 {margin-top: 0}
.s-block__title p {display: none}
.s-product-card-entry {background-color:#5e6d6e20 ;border-radius: 12px !important}
.s-product-card-brand {padding: .25rem 0; background:none !important; color: #866c55; font-weight: 500 !important;}
.s-product-card-content-title {font-weight: 500 !important; -webkit-line-clamp: 2; margin-bottom: 12px !important}
.s-product-card-promotion-title, .promotion-title {top: 6px !important;left: 6px;right: auto;border-radius: 20px !important;background-color: #0c3f4330 !important;color: #0c3f43;}
.s-product-card-sale-price h4 {color: #e32753 !important;}
.s-block__display-all, .s-slider-block__display-all {gap: 3px}
.s-block__display-all:after, .s-slider-block__display-all:after {height: 1px; width: 70%;opacity: .4;}
.s-block__title {margin-bottom: .5rem}
custom-salla-product-card.rounded-md {border-radius: 15px !important;overflow: hidden;}
salla-add-product-button[product-status="sale"] button {background-color: #0c3f43;border-color: #0c3f43;}

@media (min-width:1024px){
.s-block__title {margin-bottom: 1rem}
.s-block__title h2 {font-size: 1.4rem;}
}

@media (max-width:768px){
.s-block__title h2 {font-size: 1.2rem; color: #0c3f43 !important} 
.s-products-slider-card.swiper-slide {display: flex;width: 50%;width: 240px !important;height: auto !important;max-height: unset !important;}
custom-salla-product-card {border-radius: 15px !important}
.s-product-card-content {padding: .8rem .5rem .5rem !important}
.s-products-slider-card.swiper-slide img {aspect-ratio: unset !important;}
.s-product-card-content-footer.rounded-md button {border-radius: .375rem;line-height: 2;border-radius: 10px;}
.s-product-card-content-title a {font-size: 1rem !important}
.s-product-card-content-sub {margin-bottom: 1.5rem !important}
.s-product-card-content-title {margin-bottom: 6px !important}
.s-product-card-content salla-add-product-button .s-button-text {font-weight:500 !important} 
}

/* ====== BRANDS ====== */
@media (max-width:768px){
.custom-brands h2 {margin-bottom: .5rem}
.custom-brands .banner-square {width: 40% !important}
.custom-brands h3 {font-size: .9rem !important;margin-top: .3rem;}
}

/* ====== FAQS ====== */
.s-block--faqs .faqs-list {gap:.5rem}
.s-block--faqs .faqs-list__item {border-radius: 7px}
.s-block--faqs label {font-size: .9rem;font-weight: 500 !important;padding: .5rem .8rem;}
.faq-item {top: .25rem; background: none; left: .5rem}

/* ====== BLOG ====== */
.s-blog--slider {margin-top: 0}
.s-blog--slider .flex.h-full.transition-shadow.duration-500.hover\:shadow-default.bg-white.da-bgg.rounded-lg {background: #5e6d6e20;margin-top: 0;padding-top: 1.5rem;}
.s-blog--slider .flex.w-full.flex-col.gap-4.px-4.-mt-6 {padding: 0}
.s-blog--slider--title.flex.flex-col.gap-1.w-full.da-tm.min-w-1\/2 {padding: 0 1rem;}
.s-blog--slider h2 a {color: #0c3f43;}
.s-blog--slider--btn.flex.mb-4.mt-auto {padding: 0 1rem;}
.s-blog--slider--btn.flex.mb-4.mt-auto a {background: #0c3f43;border-color: #0c3f43;}
.s-blog--slider .post-entry__image {height: 17rem !important}

/* ====== TESTIMONAILS ====== */
.testimonial__avatar {height: 3.5rem; width: 3.5rem}
.s-block--testimonials .flex.h-full.transition-shadow.duration-500.bg-white.da-bgg.rounded-lg.relative {background: #0c3f3415; border-radius: 15px}

@media (max-width:768px){
.s-block--testimonials .s-slider-block__title {justify-content: center;padding: 0;}
.s-block--testimonials .s-slider-block__title .s-slider-block__title-right, .s-block--testimonials .s-slider-block__title h2 {padding: 0;text-align: center;}
}

/* ====== SIDEBAR ====== */
.mobile-menu li {min-height: 55px !important}
.mobile-menu .menu_title {font-weight: 500 !important;font-size: .9rem;}
.mobile-menu .menu-img {display: none}

/* ====== FOOTER ====== */
.store-footer {color: #fff;margin: 12px;border-radius: 20px !important;overflow: hidden;}
.store-footer .footer-container .logo-footer .foo {margin-bottom: 1.5rem;}
.s-contacts-item, .s-social-link a {background-color: #ffffff10}
.store-footer h3 {color: #fff}
.s-contacts-icon svg {height: 1.2rem;width: 1.2rem;}

/* ====== CATEGORY PAGE ====== */
.product-index .nav-header {padding: 1rem .2rem !important; background: none}
.product-index .sub-nav-header {display: none}
.s-infinite-scroll-btn {background: none;margin-bottom: 2rem;color: #0c3f43;border: none;border-bottom: 1px solid;border-radius: 0;padding: 4px;}

/* ====== BRAND PAGE ====== */
.brands-single .full-banner-entry.nav-header {margin: .5rem 10px;border-radius: 12px;}
.brands-single .full-banner-entry.nav-header .overlay.h-full.w-full.bg-black {background-color: #4d3d2f;}

/* ====== BLOG ====== */
.blog-single .nav-header {margin: 1rem .7rem 0;border-radius: 10px;}