@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

/* ====== GENERAL ====== */
div.my-2.mx-auto.w-28.h-0.border-2.border-primary {display: none}

section h2.text-3xl.font-bold {font-size: 1.3rem !important;font-weight: lighter;font-family: "Playfair Display", serif;;color: #333;text-align: right;letter-spacing: 1px;}
section p.mt-2.text-lg {text-align: right; font-weight: 100; opacity: .7}
.home-block-title {margin-bottom: 1rem}

/* ====== PRODUCTS ====== */
@media (max-width: 991px) {
.simplified-products .offer-slide, .simplified-products .s-products-slider-card {width: 250px;}
}

/* ====== HEADER ====== */
.main-menu li>a span {font-family: "Playfair Display", serif;font-weight: 500;}
.main-menu li:has(a[class="offers-link"]) {display: none !important}
.main-nav-container {min-height: 70px;}
.main-nav-container .inner {padding-bottom: 10px;padding-top: 10px;}
body.has_promotion.trans_header:not(.promotion-banner-hidden) .store-header {top: 40px;}
.store-header .sicon-cart:before {content: "\ef36";}
.s-cart-summary-count {background-color:transparent; color:#000}
.promotion-banner ul {padding:0}
.promotion-banner ul li {animation-timing-function: unset !important;transform: unset !important;display: flex;justify-content: center;width:100%}
.promotion-banner ul li:not(:first-child) {display: none;}
.promotion-banner ul li a {font-weight:300}

/* ====== SLIDER ====== */
body.slider_has_overlay .advanced-slider salla-slider[static-when-single]:before {background: #00000030}
.advanced-slider__caption__inner__content__heading {font-size: 3.5rem;font-weight: 100;margin-bottom: 1rem;font-family: "Playfair Display", serif;}
.advanced-slider__caption__inner__content__text {font-size: 1rem;line-height: 1.5rem;font-weight: 100;font-family: "Playfair Display", serif;opacity: .8;}
.advanced-slider__caption__inner__content__button {width: 70%;border-radius: 8px;}

/* ====== CUSTOM PROMOTION ====== */
.announcement-text {font-size:.9rem; font-weight:300}
.announcement-text img {width: 13px;height: 13px;display: inline-block;margin: 0;filter: brightness(100);}

@media (min-width:992px){
.mburger--collapse .menu-label {display:none}  
}

/* ====== MAIN CATEGORIES ====== */
.main-cats {margin-top: 10px}
.main-cats .mx-auto.max-w-7xl {padding: 0}
.main-cats ul {gap: 10px; margin: 0}
.main-cats h3 {font-size: 1.3rem !important;position: absolute !important;bottom: 20% !important;left: 2rem !important;color: #fff;}
.main-cats a {position: relative !important; display: flex}
.main-cats p {position: absolute;color: #fff;bottom: 10%;opacity: .7;font-weight: 100; left: 2rem; line-height: 1; text-align: left}
.main-cats img.aspect-\[14\/13\] {aspect-ratio: 14 / 11;}

@media (min-width:1024px){
.main-cats .mx-auto.max-w-7xl {max-width: 100%}
.main-cats h3 {bottom: 14%}
.main-cats img.aspect-\[14\/13\] {aspect-ratio: 14 / 9;}
}

@media (max-width:768px){
.main-cats ul {display: flex; flex-direction: column;}
}

/* ====== CATEGORIES ====== */
.s-block--square-links h2 {text-align: center !important}
.s-block--square-links h3 {font-size: 1.1rem;font-weight: lighter;font-family: "Playfair Display", serif;letter-spacing: 1px;}

@media (min-width:1024px){
.s-block--square-links .container.mt-4 {margin-top: 1.5rem}
.s-block--square-links .mx-auto.max-w-7xl {padding: 0; max-width: 100%}
.s-block--square-links .mx-auto.max-w-7xl .swiper-wrapper {gap: 8px}
.s-block--square-links .mx-auto.max-w-7xl .carousel-slider .swiper-wrapper>div {padding-left: 0; padding-right: 0}
.s-block--square-links salla-slider .slide--one-fourth {width: 19.5%;}
}

@media (max-width:768px){
.s-block--square-links salla-slider .slide--one-fourth {max-width: 190px}
}

/* ====== SOCIAL ====== */
.social {flex-direction: column;align-items: center;}
.social ul {flex-direction: row;display: flex;gap: 8px;margin-top: 1rem;}
.social ul a {width: 2.5rem; height: 2.5rem}
.social a svg {height: .9rem;width: .9rem;}

/* ====== VIDEOS ====== */
.s-block--videos-gallery .videos-gallery-container salla-slider .swiper-slide {width: 250px !important;}
.s-block--videos-gallery h2, .s-block--videos-gallery p {text-align: center !important}
.s-block--videos-gallery .relative.overflow-hidden.pt-8 {padding-top: .2rem}

/* ====== TESTIMONAILS ====== */
.s-block--testimonials {margin-top: 0}
.s-block--testimonials .home-block-title {display: none}
.s-block--testimonials h2 {display: none !important}
.s-block--testimonials .review > .flex {padding-top: 0 !important}

/* ====== TITLE ====== */
.title {padding-bottom: 0; margin-bottom: 0}
.title h2 {font-size: 1.3rem !important;font-weight: lighter;font-family: "Playfair Display", serif;color: #333; margin-bottom: 0;letter-spacing: 1px;}
.title p, .title h3 {display: none}

@media (min-width:1024px){
.title {padding-top: 0}
}

/* ====== CUSTOM HTML ====== */
@media (min-width:1024px){
.s-block--bundle-html-content {margin-top: 2rem}
}

/* ====== FOOTER ====== */
.footer-is-custom .store-footer .store-footer__curve {display: none}
.footer-is-custom .store-footer .store-footer__inner {border: none; padding-bottom: 0}
.store-footer:not(.basic-footer) .footer-description {display: none}
.store-footer:not(.basic-footer) .footer-description+p {margin-top: 8px;}
.store-footer .flex.items-center.justify-center.mt-5:has(button) {margin-top: 0;}
.store-footer .flex.items-center.justify-center.mt-5:has(button) button {border: 1px solid #00000030;padding: 8px 15px;border-radius: 50px;}
.store-footer__contacts-row selia-contacts:before {content: 'Contact Us';display: block; text-align: center; font-size: 1.2rem;line-height: 1.8;margin-bottom: 8px;font-family: "Playfair Display", serif;letter-spacing: 1px;}

/* ====== SIDEBAR ====== */
.mm-spn.mm-spn--navbar.mm-spn--main {font-size: 0}
.mm-spn.mm-spn--navbar.mm-spn--main .main-menu li>a {min-height: 5rem;}
.mm-spn.mm-spn--navbar.mm-spn--main li:has(a[aria-label="تخفيضات"]) {display: none !important}
.mm-spn.mm-spn--navbar.mm-spn--main .main-menu li>a span {font-family: "Playfair Display", serif;font-weight: 400;font-size: 1rem;}
.mm-spn.mm-spn--navbar ul {top: 2rem}
.mm-spn.mm-spn--navbar ul:before {display: none}