/* Add custom CSS styles below */
body.index{background-color:#fff;}
body.index header.store-header + section.s-block.s-block--fixed-banner {
  margin-top:0 !important;
}
body.index salla-slider.photos-slider .swiper {
  padding-bottom: 0 !important;
}
[dir=rtl] .carousel-slider .swiper {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
section.s-block.s-block--photos-slider {
  margin-top:0 !important;
}
section.s-block.s-block--photos-slider img {
  border-radius: 0 !important;
}
section.s-block.s-block--photos-slider .swiper-slide {
  margin: 0 !important;
  padding:0 !important; 
  width: 100% !important;
  border-radius: 0 !important;
}

/* Product */
.s-product-card-entry {
  border:1px solid #036D7A !important;
  box-shadow: 0 0 5px 0px #68686894 !important;
}
.s-products-slider-card {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}
.s-slider-block__title h2 {
  color: #090909 !important;
}
.s-product-card-image {
  background-color:transparent !important;
}
.s-slider-nav-arrow {
  border-color: #036D7A !important;
  background-color: #036D7A !important;
}
.s-slider-nav-arrow svg, .s-slider-nav-arrow:not(:disabled):hover svg {
  fill: #ffffff !important;
}
/* End product */

.s-button-primary-outline {
  background-color: #036D7A !important;
  color: #fff !important;
}

section#best-offers-2-slider .s-slider-block__title, section#best-offers-4-slider .s-slider-block__title, section#best-offers-6-slider .s-slider-block__title {
  display: none;
}

/**/
.s-block--fixed-banner .container {
  max-width:100%;
  padding:0;
  margin:0;
}
.banner--fixed img {
  border-radius:0 !important;
  background-color: transparent !important;
}

/*** FLEX ***/
section.s-block.s-block--banners.container div.grid {
  display:flex !important;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
}
section.s-block.s-block--banners.container div.grid a.banner-entry {
  background-color: transparent !important;
  width: 48%;
  height: 750px !important;
}


@media(max-width:767px) {
section.s-block.s-block--photos-slider+section.s-block.s-block--banners.container div.grid a.banner-entry {
  width: 48%;
  height:230px !important;
}
  .store-footer__inner * {
  justify-content: center;
  text-align: center;
}	
}
.banner-entry > div {
  background-size:contain !important;
  background-repeat: no-repeat;
}

.store-footer .store-footer__inner {
  background-color: #036D7A !important;
}
.store-footer {
  color: #fff !important;
}

/* ===== Um Talal - product page layout ===== */
.ut-pd { --ut-primary: var(--color-primary, #036d7a); }

/* title + short description */
.ut-pd .container--product-details .main-content h1 { margin-bottom: .5rem; }
.ut-short {
  color: #4b5563; font-size: 15px; line-height: 1.9; margin: 0 0 1.25rem;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}

/* hide the static price under the title (the form price stays and updates with quantity) */
.ut-pd .container--product-details .main-content > div.flex.whitespace-nowrap { display: none; }

/* price block */
.ut-pd form.product-form > section:first-of-type {
  background: transparent; padding: 0 0 1rem; border-bottom: 1px solid #e5e7eb; margin-bottom: 1rem;
}
.ut-pd form.product-form > section:first-of-type .form-label { display: none; }
.ut-pd form.product-form .total-price { font-size: 28px; color: var(--ut-primary); }
.ut-pd form.product-form .before-price { font-size: 17px; }

/* quantity + add to cart on one row (desktop) */
@media (min-width: 768px) {
  .ut-pd .sticky-product-bar {
    display: flex; align-items: stretch; gap: 12px; padding: 0 !important; background: transparent;
  }
  .ut-pd .sticky-product-bar__quantity { margin: 0 !important; flex: 0 0 auto; }
  .ut-pd .sticky-product-bar__quantity .form-label { display: none; }
  .ut-pd .sticky-product-bar__btn { margin: 0 !important; flex: 1 1 auto; }
  .ut-pd .s-quantity-input-container { height: 100%; border-radius: 10px; }
}
.ut-pd .sticky-product-bar__btn .s-button-element { border-radius: 10px; min-height: 48px; font-size: 16px; }

/* installment banner spacing */
.ut-pd .ut-after-form > salla-installment { display: block; margin: 1rem 0 0; }

/* feature badges */
.ut-features {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px;
  margin: 1.25rem 0; padding: 1rem 0; border-top: 1px solid #e5e7eb; border-bottom: 1px solid #e5e7eb;
}
.ut-feature { text-align: center; font-size: 12.5px; line-height: 1.5; color: #374151; }
.ut-feature svg {
  width: 40px; height: 40px; padding: 9px; margin: 0 auto 6px; display: block;
  color: var(--ut-primary); border: 1px solid currentColor; border-radius: 50%;
}

/* tabs */
.ut-tabs { margin-top: .5rem; }
.ut-tabs-nav {
  display: flex; gap: 4px; border-bottom: 1px solid #e5e7eb; overflow-x: auto; scrollbar-width: none;
}
.ut-tabs-nav::-webkit-scrollbar { display: none; }
.ut-tab-btn {
  flex: 0 0 auto; padding: 10px 14px; font-size: 14px; color: #6b7280; background: none;
  border: 0; border-bottom: 2px solid transparent; margin-bottom: -1px; cursor: pointer; white-space: nowrap;
}
.ut-tab-btn.is-active { color: var(--ut-primary); border-bottom-color: var(--ut-primary); font-weight: 700; }
.ut-tab-panel { display: none; padding: 1rem 0 .5rem; line-height: 1.95; font-size: 14.5px; color: #374151; }
.ut-tab-panel.is-active { display: block; }
.ut-tab-panel h2 { font-size: 17px; font-weight: 700; margin: 0 0 .5rem; color: #111827; }
.ut-tab-panel h3 { font-size: 15.5px; font-weight: 700; margin: 1rem 0 .4rem; color: #111827; }
.ut-tab-panel h3:first-child { margin-top: 0; }
.ut-tab-panel ul { list-style: disc; padding-inline-start: 1.25rem; margin: 0 0 .75rem; }
.ut-tab-panel ol { list-style: decimal; padding-inline-start: 1.25rem; margin: 0 0 .75rem; }
.ut-tab-panel p { margin: 0 0 .75rem; }
.ut-tab-panel a { color: var(--ut-primary); text-decoration: underline; }

/* related products title */
.ut-pd .container.mb-5 .s-slider-block__title h2 { font-size: 20px; font-weight: 700; }

/* dark mode */
.dark .ut-short, .dark .ut-feature, .dark .ut-tab-panel { color: #d1d5db; }
.dark .ut-tab-panel h2, .dark .ut-tab-panel h3 { color: #f3f4f6; }
.dark .ut-features, .dark .ut-tabs-nav,
.dark .ut-pd form.product-form > section:first-of-type { border-color: #374151; }

@media (max-width: 480px) {
  .ut-features { gap: 4px; }
  .ut-feature { font-size: 11.5px; }
  .ut-feature svg { width: 36px; height: 36px; padding: 8px; }
}