/* 🎨 الخلفية للهوم بيج فقط */
body.index#app {
  background-color: #307D7C;
}

body.index .banner--fixed img {
  background-color: #307D7C;
}


/* 💻 ديسكتوب (الهوم بيج بس) */
@media (min-width: 1024px) {
 
p.animate__animated.animate__fadeInUp.custom-dlay-p.block.font-medium.text-\[20px\].leading-\[1\.5\].my-3 {
    font-size: 70px;
    text-decoration: underline #CAC29D;
}
.relative.w-auto.pa-fbanner-star.animate__animated.animate__fadeInUp.custom-dlay-a.mb-\[32px\].duration-300.hover\:opacity-70 {
    /* justify-content: center; */
    /* align-items: center; */
    margin-right: 230px;
}
h1.animate__animated.animate__fadeInUp.custom-dlay-heading.text-\[22px\].md\:text-\[48px\].font-bold.leading-\[50px\].md\:leading-\[70px\] {
    margin-right: 230px;
}
p.animate__animated.animate__fadeInUp.custom-dlay-p.hidden.md\:block.font-medium.text-\[20px\].leading-\[70px\] {
    font-size: 22px;
    text-decoration: underline;
}
    .md\:text-\[32px\] {
        font-size: 50px;
    }
        .md\:text-\[22px\] {
        line-height: 70px;
        font-size: 47px;
    }

.txt.flex.justify-center.flex-col.w-full.md\:w-1\/2.h-\[40\%\].md\:h-full.mr-0.md\:mr-10.text-center.md\:text-right.container {
    margin-right: 225px;
}
}
section.special-offers-section.py-6.px-8.md\:py-12.special-offer-.md\:px-20.sal-animate {
    background: linear-gradient(to right, #307D7C, #307D7C) !important;
}

.store-footer__inner {
    background-color: #0C525B;
}
.navbar-brand img {
    max-height: 5rem;
 
}
.main-nav-container.fixed-pinned .navbar-brand img {
    max-height: 60px;
}
.bg-inherit {
    background-color: #0C525B;
}
ul.main-menu.mm-spn--open {
    color: white;
}
/* 🎨 تلوين أيقونات الهيدر باللون الأبيض */
.header-btn__icon,
.s-cart-summary-icon path,
.icon.sicon-shopping-bag path,
.header-btn i,
.s-cart-summary-wrapper i {
  color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important;
}

/* لو المتجر داكن والخلفية غامقة ممكن نحسن التباين شوية */
.header-btn:hover i,
.s-cart-summary-wrapper:hover i {
  opacity: 0.85;
  transform: scale(1.05);
  transition: all 0.25s }
  
  lord-icon.flex.m-auto {
    --lord-icon-primary: #000 !important;
    --lord-icon-secondary: #fff !important;
    --lord-icon-primary-base: #000 !important;
    --lord-icon-secondary-base: #fff !important;
}
img#playIcon {
    display: none;
}
@media (min-width: 768px) and (max-width: 1240px) {
  .text-center.cursor-pointer.side-container.transition-all.duration-1000.ease-in-out.transform.rotate-\[9deg\].hover\:-rotate-3.hover\:scale-110 {
  display : none; 
  }
  .text-center.cursor-pointer.side-container.transition-all.duration-1000.ease-in-out.transform.rotate-\[9deg\].hover\:-rotate-3.hover\:scale-110 { 
    display : none; 
}
.text-center.cursor-pointer.side-container.transition-all.duration-1000.ease-in-out.transform.rotate-\[-15deg\].hover\:rotate-3.hover\:scale-110 {
    display: none;
}
.grid-cols-3 {
    grid-template-columns: unset;
}
}

@media (max-width: 767px) {
  .s-products-slider-card {
      max-width: 185px;
  }
  .main-nav-container {
      min-height: 56px;
  }
  .s-button-element:not(:disabled):not([loading]) {
      font-size: 11px;
  }
}
}
ul.main-menu.mm-spn--open {
    color: #000000;
}
@media only screen and (max-width: 1024px) {
    .mm-spn.mm-spn--light {
        color: #ffffff;
        background: #193837;
    }
}
.sicon-menu:before {
    content: "\ed7f";
    color: white;
}
.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgba(107, 114, 128, 1);
    color: rgb(255 255 255);
}
@media only screen and (max-width: 1024px) {
    .mm-spn.mm-spn--light {
        color: #ffffff;
        background: #0d525b;
    }
}
.s-product-card-content-title a {
    margin: auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 26;
    max-width: 148px;
    overflow: hidden;
    text-overflow: clip;
    white-space: normal;
}