/* القائمة الجديدة تظهر على الكمبيوتر فقط */
.malak-desktop-nav {
  display: none !important;
}

@media (min-width: 1024px) {
  body.malak-desktop-ready #mainnav {
    height: auto !important;
  }

  #mainnav .header-inner {
    background: #fff !important;
  }

  /* صف الشعار والأزرار */
  #mainnav .header-container > .flex {
    min-height: 86px;
    align-items: center !important;
  }

  #mainnav .navbar-brand img {
    width: auto !important;
    height: 60px !important;
    max-width: 170px;
    object-fit: contain;
  }

  /* زر البحث بشكل حقل واضح */
  #mainnav .search-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    width: clamp(170px, 20vw, 260px);
    height: 44px;
    padding: 0 16px !important;
    background: #f7f8fa !important;
    border: 1px solid #e4e7ec !important;
    border-radius: 999px !important;
  }

  #mainnav .search-btn::after {
    content: "ابحث عن عطرك...";
    color: #737b89;
    font-size: 13px;
    white-space: nowrap;
  }

  #mainnav .search-btn:hover {
    border-color: #aeb7c5 !important;
    background: #fff !important;
  }

  /* شريط روابط التصنيفات */
  .malak-desktop-nav {
    display: block !important;
    width: 100%;
    background: #fff;
    border-top: 1px solid #eef0f3;
    border-bottom: 1px solid #e7e9ed;
  }

  .malak-desktop-nav__list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 52px;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none;
  }

  .malak-desktop-nav__list::-webkit-scrollbar {
    display: none;
  }

  .malak-desktop-nav__list a {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 7px 16px;
    color: #1F2738 !important;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 8px;
    transition: background .2s ease, color .2s ease;
  }

  .malak-desktop-nav__list a:hover,
  .malak-desktop-nav__list a[aria-current="page"] {
    color: #1f2738 !important;
    background: #f1f3f6;
  }

  .malak-desktop-nav__list a:focus-visible {
    outline: 2px solid #1f2738;
    outline-offset: 2px;
  }
}

/* عنوان الأقسام والخطوط الجانبية */
.s-block__title:has(+ salla-slider[id^="main-links-"]) {
  display: flex !important;
  align-items: center;
  gap: 50px;
  width: 70% !important;
  margin-inline: auto !important;
  margin-bottom: 25px;
  opacity: 1 !important;
  visibility: visible !important;
}

.s-block__title:has(+ salla-slider[id^="main-links-"])::before,
.s-block__title:has(+ salla-slider[id^="main-links-"])::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #d8d8d8;
}

.s-block__title:has(+ salla-slider[id^="main-links-"]) > div,
.s-block__title:has(+ salla-slider[id^="main-links-"]) h2 {
  width: auto !important;
}

.s-block__title:has(+ salla-slider[id^="main-links-"]) h2 {
  margin: 0;
  color: #202638;
  font-size: 20px;
  font-weight: 700;
  white-space: nowrap;
}

/* صور ونصوص الأقسام */
salla-slider[id^="main-links-"] .slide--cat-entry {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

salla-slider[id^="main-links-"] .lazy_avatar {
  width: 105px !important;
  height: 105px !important;
  margin-bottom: 10px !important;
  background-size: cover;
  background-position: center;
}

salla-slider[id^="main-links-"] .slide--cat-entry span {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
}

@media (min-width: 1024px) {
  salla-slider[id^="main-links-"] .swiper-wrapper {
    display: flex !important;
    justify-content: space-evenly !important;
    width: 100% !important;
    transform: none !important;
  }

  salla-slider[id^="main-links-"] .swiper-slide {
    width: 160px !important;
    min-width: 160px !important;
    flex: 0 0 160px !important;
    margin: 0 !important;
    overflow: visible !important;
  }
}

@media (max-width: 767px) {
  salla-slider[id^="main-links-"] .swiper {
    overflow: hidden !important;
  }

  salla-slider[id^="main-links-"] .swiper-wrapper {
    display: flex !important;
    width: 100% !important;
    justify-content: initial !important;
    transform: none !important;
  }

  salla-slider[id^="main-links-"] .swiper-slide {
    box-sizing: border-box;
    width: 25% !important;
    min-width: 0 !important;
    flex: 0 0 25% !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  salla-slider[id^="main-links-"] .lazy_avatar {
    width: 76px !important;
    height: 76px !important;
  }

  salla-slider[id^="main-links-"] .slide--cat-entry span {
    font-size: 10px !important;
  }
}

/* سكشن منتجات ملاك */
.angel-products-container {
  position: relative;
  isolation: isolate;
  padding-top: 34px !important;
  padding-bottom: 35px !important;
}

.angel-products-container::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(5, 9, 20, .38) 0,
    rgba(5, 9, 20, .12) 180px,
    transparent 335px,
    #fff 335px,
    #fff 100%
  );
}

.angel-products-container > .angel-products-title,
.angel-products-container > salla-products-slider {
  position: relative;
  z-index: 1;
}

.angel-products-container .angel-products-title {
  width: 84%;
  margin: 0 auto 115px !important;
}

.angel-products-container .angel-products-title h2 {
  color: #fff !important;
  font-size: 22px;
  font-weight: 700;
  text-shadow: 0 2px 8px rgba(0, 0, 0, .55);
}

@media (min-width: 1024px) {
  .angel-products-container > salla-products-slider {
    display: block;
    width: 96% !important;
    margin-inline: auto;
  }

  .angel-products-container .s-products-slider-card {
    width: 16.6667% !important;
    flex: 0 0 16.6667% !important;
  }

  .angel-products-container .s-product-card-entry {
    border-radius: 5px !important;
  }

  .angel-products-container .s-product-card-image-cover {
    object-fit: contain;
  }
}

.angel-products-container
  salla-add-product-button .s-button-element:not(:disabled) {
  background: #20283b !important;
  border-color: #20283b !important;
  color: #fff !important;
  border-radius: 4px !important;
}

:is(section, div):has(> .angel-products-container) {
  position: relative;
}

:is(section, div):has(> .angel-products-container)::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 32px;
  background: #fff;
  pointer-events: none;
  z-index: 2;
}

/* جميع نسخ سكشن البانر المربع */
.container:has(> [id^="squares-"]) {
  position: relative;
  box-sizing: border-box;
  width: 100vw !important;
  max-width: none !important;
  margin-inline: calc(50% - 50vw) !important;
  padding-inline: 0 !important;
}

[id^="squares-"],
[id^="squares-"] .swiper,
[id^="squares-"] .swiper-wrapper,
[id^="squares-"] .swiper-slide {
  width: 100% !important;
}

[id^="squares-"] .banner-square {
  position: relative !important;
}

[id^="squares-"] .box-img,
[id^="squares-"] .box-img img {
  border-radius: 0 !important;
}

/* صندوق التظليل والزر */
[id^="squares-"] .banner-square .on-text {
  position: absolute !important;
  top: 80% !important;
  right: 50% !important;
  bottom: auto !important;
  left: auto !important;
  transform: translate(50%, -50%) !important;
  box-sizing: border-box;
  width: min(470px, calc(100% - 32px)) !important;
  padding: 105px 24px 24px !important;
  background: rgba(31, 39, 56, .65) !important;
  border-radius: 4px !important;
  text-align: center !important;
  backdrop-filter: blur(2px);
}

/* العنوان والوصف فوق الزر داخل صندوق التظليل */
.container:has(> [id^="squares-"]) > .s-block__title {
  position: absolute !important;
  top: calc(70% + 22px) !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 10;
  transform: translate(-50%, -50%) !important;
  width: min(420px, calc(100% - 48px)) !important;
  margin: 0 !important;
  text-align: center !important;
  pointer-events: none;
}

.container:has(> [id^="squares-"]) > .s-block__title h2 {
  color: #fff !important;
  font-size: 29px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-shadow: 0 2px 6px rgba(0, 0, 0, .7);
}

.container:has(> [id^="squares-"]) > .s-block__title p {
  color: #fff !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  margin-top: 10px !important;
  text-shadow: 0 2px 6px rgba(0, 0, 0, .7);
}

/* إخفاء الوصف المكرر داخل البانر */
[id^="squares-"] .banner-square .on-text > p:first-of-type {
  display: none !important;
}

/* شكل الزر */
[id^="squares-"] .banner-square .on-text > p:last-of-type,
[id^="squares-"] .banner-square .on-text > a.btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto !important;
  min-width: 190px;
  min-height: 40px;
  margin: 0 !important;
  padding: 8px 20px !important;
  background: #fff !important;
  color: #1f2738 !important;
  border: 1px solid #e1e4e9 !important;
  border-radius: 999px !important;
  font-size: 13px !important;
}

[id^="squares-"] .banner-square .on-text > p:last-of-type::after,
[id^="squares-"] .banner-square .on-text > a.btn::after {
  content: "↗";
  font-size: 14px;
}

/* ضبط البانر على الموبايل */
@media (max-width: 767px) {
  [id^="squares-"] .box-img img {
    height: 360px !important;
    object-fit: cover !important;
  }

  [id^="squares-"] .banner-square .on-text {
    top: 65% !important;
    width: calc(100% - 28px) !important;
    padding: 90px 14px 18px !important;
  }

  .container:has(> [id^="squares-"]) > .s-block__title {
    top: calc(65% - 18px) !important;
  }

  .container:has(> [id^="squares-"]) > .s-block__title h2 {
    font-size: 20px !important;
  }

  .container:has(> [id^="squares-"]) > .s-block__title p {
    font-size: 11px !important;
  }
}
/* خلفية الفوتر */
.store-footer,
.store-footer__inner,
.store-footer__inner .footer-bottom {
  background-color: #1F2738 !important;
}

/* نصوص وروابط الفوتر */
.store-footer__inner :is(
  p, a, span, h1, h2, h3, h4, h5, h6,
  b, strong, small, li, i
) {
  color: #ffffff !important;
}
store-footer__inner salla-contacts .s-contacts-list {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px !important;
}

.store-footer__inner salla-contacts .s-contacts-item {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 46px !important;
  height: 46px !important;
  padding: 0 !important;
  background: rgba(255, 255, 255, .09) !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  color: #fff !important;
  transition: background .2s ease, transform .2s ease;
}

.store-footer__inner salla-contacts .s-contacts-icon {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 22px !important;
  height: 22px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.store-footer__inner salla-contacts .s-contacts-icon svg {
  width: 21px !important;
  height: 21px !important;
  fill: #fff !important;
}

.store-footer__inner salla-contacts .s-contacts-item:hover {
  background: rgba(255, 255, 255, .18) !important;
  transform: translateY(-2px);
}

.store-footer__inner salla-contacts .s-contacts-item:focus-visible {
  outline: 2px solid #fff !important;
  outline-offset: 3px;
}
/* Add custom CSS styles below */ 
.slide--cat-entry {
background: transparent;
}

.lazy__bg.lazy_avatar {
background-color: transparent;
width: 150px; 
height: 150px; 
border-radius: 50%; 
}

.slide--cat-entry.relative {
width: 150px;
height: 150px;
}

h4.leading-none.line-clamp-2 {
color: white;
}

@media (min-width: 1024px) {
  h3.w-full.text-sm.md\:text-lg {
    color: white;
    font-size: 50px; /* Starting font size */
    text-align: center; 
    display: inline-block;
    line-height: 2;
  }
}

@media (max-width: 768px) {
  h3.w-full.text-sm.md\:text-lg {
    color: white;
    text-align: center; 
    display: inline-block;
    line-height: 2;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
h3.w-full.text-sm.md\:text-lg {
    color: white;
    font-size: 40px;
    text-align: center; 
    display: inline-block;
    line-height: 2;
  }
}

p.max-w-sm.leading-6.da-tm.mx-auto.px-3 {
  color: white;
}

.store-footer {
  color: white;
}

/* إصلاح الضغط على زر استكشف لهذا البنر فقط */
a[href="https://manbaealmisk.com/-/c1279355586"] + .on-text {
  pointer-events: none;
}