/* Add custom CSS styles below */ 
/* salla css Phizz */ 
/* Add custom CSS styles below */ 
/* Add custom CSS styles below */ 
.descriptive-heading-action-button {
    margin-top: 0.5rem;
    width:100%;
    display: inline-flex;
    align-items: center;
    border-radius: 5px;
    --tw-bg-opacity: 1;
    background-color: rgba(229, 237, 255, 1);
    background-color: #FFB649;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: #414042;
    color: var(--color-primary);
    justify-content: center;
    
}
.descriptive-heading-action-button-icon {
    display: none;
}



.main-menu li.root-level > a {
        padding-top: 0px;
        font-size: 19px;
        padding-bottom: 2rem;
        font-weight: 700;
    }
    .banners-builder-single-content-informations-button-icon-wrapper{
    display:none;
    }
    .navigation-start-style .swiper-button-disabled {
    display: none;
}
.banners-slider-swiper-actions-prev {
    display: none;
    }
    .banners-slider-swiper-actions-next {
    display: none;
    }
    .text-\[\#231f1e\] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255);
}
footer a[aria-label="عنا"],
footer a[aria-label="الاستدامة"],
footer a[aria-label="About Us"],
footer a[aria-label="sustainability"] ,
footer [aria-label="Mobile"],
footer [aria-label="جوال"]

{
  color: white !important;
}
footer a[aria-label="Store Homepage"] img {
  filter: brightness(0) invert(1) !important;
}

.s-product-options-option:has(input[name="options[1352962610]"]) .s-product-options-colors-wrapper{
  display: flex;
  justify-content: flex-start;   /* أو center لو تحبهم في النص */
  gap: 16px;                     /* مسافة منطقية بدل space-between */
  flex-wrap: wrap;
}
.s-product-options-option:has(input[name="options[289054359]"]) .s-product-options-colors-wrapper {
  display: flex !important;
  justify-content: space-between !important; 
  gap: 16px !important;                   
  flex-wrap: wrap !important;
}

.grid-cols-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}



/* يلون الأيقونات جوه الفوتر كلها */
footer .social-link,
footer .social-link i,
footer .social-link svg {
  color: #fff!important;
  fill: #fff !important;
}

.banners-builder-overlay-center {
    background: 0;
}


@media (max-width: 767px) {
.gap-5 {
    gap: 0rem;
}
}
@media (max-width: 767px) {
.gap-3 {
    gap: 6.5em;
}
}

@media (min-width: 1024px) {
    .banners-builder-single-content-informations {
        gap: 1rem;
    }
}
@media only screen and (min-width: 1024px) {
    .main-menu {
        margin-left: 1.5rem;
        margin-right: 11rem;
        flex-wrap: wrap;
        align-items: center;
    }
}




.descriptive-heading {
    margin-left: auto;
    text-align: justify;
    margin-right: auto;
}


@media (max-width: 767px) {
  .descriptive-heading-description p {
    font-size: 16px !important;  
    line-height: 1.6 !important;
  }
}


@media (min-width: 1024px) {
  .descriptive-heading-description p {
    font-size: 20px !important;  
    line-height: 1.7 !important;
  }
}

@media (max-width: 767px) {
  h2.descriptive-heading-title {
    font-size: 25px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
  }
  }
  @media (min-width: 1024px) {
  h2.descriptive-heading-title {
    font-size: 35px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
  }
  }
  
  @media (max-width: 767px) {
  html[lang="ar"] footer .footer-wrapper,
  html[dir="rtl"] footer .footer-wrapper {
    direction: rtl;
    text-align: right;
  }

  html[lang="ar"] footer .footer-wrapper .flex,
  html[dir="rtl"] footer .footer-wrapper .flex {
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }

  html[lang="ar"] footer .footer-wrapper ul.flex,
  html[dir="rtl"] footer .footer-wrapper ul.flex {
    justify-content: flex-start !important;
  }
}

footer a[href*="/redirect/products/129644792"],
footer a[href*="/redirect/products/829212761"],
footer a[href*="/redirect/products/129644792"] span,
footer a[href*="/redirect/products/829212761"] span {
  color: #fff !important;
}
@media (max-width: 767px) {

  /*  تقليل المسافات بين عناصر الفوتر */
  footer .footer-wrapper .flex,
  footer .footer-wrapper .flex-col {
    gap: 0.75rem !important; /* بدل gap-4 */
  }

  footer h3,
  footer h4 {
    margin-bottom: 0.5rem !important;
    color: #fff !important;
    font-weight: 700;
    font-size: 1rem !important;
  }

  footer .footer-wrapper .flex.items-center {
    gap: 1rem !important;
  }
}

@media (max-width: 767px) {
  /* نخفي أيقونات اللينك جنب روابط الفوتر */
  footer .footer-links a i[class^="sicon-"],
  footer .footer-links a svg,
  footer .links a i[class^="sicon-"],
  footer .links a svg,
  footer .footer-menu a i[class^="sicon-"],
  footer .footer-menu a svg {
    display: none !important;
  }
}


.flex.flex-row.justify-between.sal-animate{
display:none;
}
.promotional-video video {
    width: 100%;
    height: 100%;
    padding-bottom: 20px;
}

.container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 0.5rem;
}

.main-links-style-3-slider-single-content-overlay {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 10;
    height: 100%;
    width: 100%;
    background-image: none;
}
@media (max-width: 767px){
  .banners-builder-single-content-informations.container.is-bottom-banner[data-meet-scientist-structured="1"]{
    position: absolute;      /* آمن على أغلب الثيمات */
    top: -160px;             /* عدّل الرقم حسب ما تحتاج */
    display: flex;
    z-index: 10;
  }

  /* لو حابب تزود مسافات داخلية للنص */
  .banners-builder-single-content-informations.container.is-bottom-banner[data-meet-scientist-structured="1"] 
    .dsgn-pck__text.dsgn-pck__rte{
      padding-inline: 8px;
    }
}


.marquee.marquee--reverse.marquee--hover-pause.h-\[46px\] {
  background-color: #000000 !important; /* خلفية سوداء تماماً */
  color: #000000 !important;            /* نص أسود */
  border-color: #000000 !important;     /* حدود سوداء */
  fill: #000000 !important;             /* لو فيه SVG أو أيقونات */
  stroke: #000000 !important;           /* خطوط SVG */
}

.fullscreen-loader {
  display: none !important;
}