/* Add custom CSS styles below */ 
header.olla-hero-image.olla-dynamic-image.olla-hero-image-1.lg\:py-10.xl\:px-28.lg\:px-18.px-5.bg-gray-300.h-screen.w-full.relative.bg-no-repeat.bg-center.bg-cover.bg-origin-border.overflow-hidden.block.block {
    position: relative;
}
header.olla-hero-image.olla-dynamic-image.olla-hero-image-1.lg\:py-10.xl\:px-28.lg\:px-18.px-5.bg-gray-300.h-screen.w-full.relative.bg-no-repeat.bg-center.bg-cover.bg-origin-border.overflow-hidden.block.block:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #0000005e;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 11;
}
button.olla-background.text-white.text-sm.w-auto.h-9.flex.justify-center.items-center.gap-2.px-3.mt-3.rounded-full.font-bold.hover\:shadow-lg.hover\:-translate-y-1.duration-300.hover\:bg-white.hover\:text-emerald-500 {
    background: #000 !important;
}

.w-full.h-full.bg-center.bg-origin-content.overflow-hidden.bg-no-repeat.bg-cover.group-hover\:scale-110.ease-in-out.duration-300 {
    position: relative;
}
.w-full.h-full.bg-center.bg-origin-content.overflow-hidden.bg-no-repeat.bg-cover.group-hover\:scale-110.ease-in-out.duration-300:after {
    content: "";
    width: 100%;
    top: 0;
    right: 0;
    height: 100%;
    background: #02020291;
    position: absolute;
}

@media only screen and (max-width:768px){
.tala-main-links.relative.pt-6.md\:pb-10.container.md\:px-20.mx-auto .swiper-wrapper {
    display: grid
;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}.s-slider-block__title-nav {
    display: none;
}
}
.olla-card.relative.group.overflow-hidden.aos-init.aos-animate {
    border: 1px solid #d5d5d5;
    border-radius: 10px;
    box-shadow: 0px 0px 4px 0px #8b7f7f;
}

.s-products-slider-card.swiper-slide {
    margin-bottom: 10px;
    margin-top: 10px;
}
span.olla-text.w-6.h-6.bg-white.text-emerald-500.flex.justify-center.items-center.rounded-full {
    color: #000 !important;
}
.s-fast-checkout-button.outline {
    background-color: #000;
    border: 1px solid var(--color-primary);
    color: #fff;
}
.custom-bar.w-full.py-10.xl\:px-28.lg\:px-18.px-5.px-1.flex.justify-center.items-center.bg-primary.text-white.mb-10 {
    background: #000;
}
.s-fast-checkout-button.outline {
    background-color: #000000;
    border: 1px solid var(--color-primary);
    color: #ffffff;
}
nav.breadcrumbs.w-full.py-5.mb-4.bg-primary.text-white {
    background: #000;
}

.custom-bar.w-full.py-10.xl\:px-28.lg\:px-18.px-5.px-1.flex.justify-center.items-center.bg-primary.text-white.mb-10 {
    background: #000;
    position: fixed !important;
    width: fit-content;
    left: 0;
    top: 30%;
    z-index: 10;
    padding: 0;
}
h3.text-center.text-xl.md\:text-3xl.font-bold.mb-5 {
    display: none;
}
button.s-social-share-btn.s-button-element.s-button-icon.s-button-outline.s-button-light-outline.s-button-loader-center {
    background: #000;
    color: #fff !important;
}

ul.s-social-share-list.a2a_kit.share.opened {
    background: #000;
    color: #fff !important;
}

span.s-social-share-icon {
    color: #fff !important;
    fill: #fff;
}
/*   تعديل لون على اشتري الان */
div.widget-label{
   color: green;
}

div.s-add-product-button-mini-checkout-content{
      color: green;
}
button.undefined s-button-element s-button-btn s-button-solid s-button-wide s-button-primary s-button-loader-center.s-button-primary{background: green;
    color: white;
    }

/* تغير لون ايقون الواتس اب  */
i.rtl:ml-2.5 ltr:mr-2.5 border rounded-full w-8 h-8 justify-center flex items-center shrink-0 sicon-whatsapp2{
    color: green;
} 
/*خط تحت محتوى الكلام*/
div.pb-4{
text-decoration:underline;

}
//
/* التبويبات */
.tabs {
  display: flex;
  border-bottom: 2px solid #e5e5e5;
  margin-bottom: 15px;
}
.tab {
  flex: 1;
  padding: 10px;
  text-align: center;
  cursor: pointer;
  border: none;
  background: #fafafa;
  font-size: 15px;
  transition: background 0.3s, color 0.3s;
}
.tab:hover {
  background: #f0f0f0;
}
.tab.active {
  background: #7c3aed;
  color: #fff;
  font-weight: bold;
}

/* صندوق المعلومات */
.info-box {
  background: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 15px;
  color: #444;
}
div.product__description p-2 sm:p-1 leading-7 mb-3{background: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 15px;
  color: #444;}