/* Add custom CSS styles below */ 




/* hero */
section.s-block.s-block--wide-banner.wide-placeholder.overflow-hidden.\!mob-block.\!desk-block:first-of-type {
    margin: 0 !important;
}

/* product card */
/* custom-salla-product-card .s-product-card-content-footer {
  display: none !important;
} */
/* Product card border + hover shadow */
custom-salla-product-card {
  border: 1px solid #eee !important;
  border-radius: 14px !important;
  transition: all 0.3s ease !important;
}

custom-salla-product-card:hover {
 box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  transform: translateY(-3px);
}



/* line under title */
.s-slider-block__title {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-height: 55px !important;
}


  .s-slider-block__title-right {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    text-align: center !important;
  }

  .s-slider-block__title-left {
    margin-inline-start: auto !important;
  }


.s-slider-block__title h2 {
  position: relative !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding-bottom: 14px !important;
  font-size: 22px !important;
}

.s-slider-block__title h2::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 65% !important;
  transform: translateX(-50%) !important;
  width: 85% !important;
  height: 2px !important;
  background: #e85b7b !important;
}

.s-slider-block__title h2::before {
  content: "" !important;
  position: absolute !important;
  bottom: -4px !important;
  left: 65% !important;
  transform: translateX(-50%) !important;
  width: 8px !important;
  height: 8px !important;
  background: #fff !important;
  border: 2px solid #e85b7b !important;
  border-radius: 50% !important;
  z-index: 2 !important;
}
@media (max-width: 767px) {
  .s-slider-block__title h2 {
    font-size: 18px !important;
    padding-right: 14px !important;
    white-space: nowrap !important;
  }
}

  .s-slider-block__title h2::after,
  .s-slider-block__title h2::before {
    left: 58% !important;
  }
}






/* Product description + reviews tabs background */
.product-tabs .p-tab,
.product-tabs .drop-tap {
  background: #fdf3f7 !important;
  border-radius: 10px !important;
  padding: 14px 18px !important;
  margin-bottom: 10px !important;
}

.product-main-content small.text-text_light.font-semibold {
  color: #000 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
}

/* Tablet */
@media (max-width: 1024px) {
  .product-main-content small.text-text_light.font-semibold {
    font-size: 16px !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .product-main-content small.text-text_light.font-semibold {
    font-size: 14px !important;
  }
}


.btm-menu.w-full.block.lg\:hidden {
    background-color: white !important;
}


.s-product-card-entry {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100% !important;
}

.s-product-card-content {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
}

.s-product-card-content-footer {
  margin-top: auto !important;
}

/* Keep prices aligned in all product cards */
.s-product-card-content {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

.s-product-card-content-main {
  min-height: 80px !important;
}

.s-product-card-content-sub {
  margin-top: auto !important;
  min-height: 28px !important;
  display: flex !important;
  align-items: center !important;
 
}



/* footer */
footer.store-footer,
footer.store-footer .store-footer__inner {
  background-color: #bd2680 !important;
  color: #fff !important;
}
footer.store-footer .s-social-link a {
  background-color: #fff !important;
  color: #bd2680 !important;
}

footer.store-footer .s-social-link a svg,
footer.store-footer .s-social-link a i {
  color: #bd2680 !important;
  fill: #bd2680 !important;
}





.new-footer-bottom {
  align-items: flex-end !important;
}
footer.store-footer .copyright-text,
footer.store-footer .copyright-text *,
footer.store-footer .text-gray-400 {
  color: #fff !important;
}

@media (max-width: 767px) {
  .sbc-icon img,
  .sbc-wrapper img[src*="sbc"] {
    width:50px !important;
    height: auto !important;
    max-width: 45px !important;
  }
}



/* footer logo */
.footer-center-logo {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex: 1 !important;
 
}

.footer-center-logo img {
  max-width: 90px !important;
  height: auto !important;
  object-fit: contain !important;
   background-color: white !important;
  padding: 5px !important;
}

@media (max-width: 767px) {
  .footer-center-logo img {
    max-width: 70px !important;
  }
}











/* pop up */
.pharmacist-widget {
  position: fixed;
  right: 18px;
  left: auto;
  bottom: 100px;
  z-index: 999999;
  direction: rtl;
}

.pharmacist-box {
  position: relative;
  display: flex;
  align-items: center;
  gap: 7px;
  background: linear-gradient(135deg, #c0268c, #8b1a62);
  color: #fff !important;
  padding: 11px 16px;
  border-radius: 999px;
  text-decoration: none !important;
  box-shadow: 0 8px 22px rgba(139, 26, 98, 0.28);
  border: 2px solid #fff;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}

.pharmacist-icon {
  width: 24px;
  height: 24px;
  background: #fff;
  color: #c0268c;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
}

.pharmacist-close {
  position: absolute;
  top: -12px;
  left: -7px;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  border: 2px solid #fff;
  background: #8b1a62;
  color: #fff;
  font-size: 17px;
  line-height: 18px;
  cursor: pointer;
  z-index: 5;
  padding: 0;
}

.pharmacist-open {
  display: none;
  border: 2px solid #fff;
  background: linear-gradient(135deg, #c0268c, #8b1a62);
  color: #fff;
  padding: 10px 15px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 8px 22px rgba(139, 26, 98, 0.25);
}

.pharmacist-widget.is-closed .pharmacist-box,
.pharmacist-widget.is-closed .pharmacist-close {
  display: none;
}

.pharmacist-widget.is-closed .pharmacist-open {
  display: block;
}

@media (max-width: 767px) {
  .pharmacist-widget {
    right: 10px;
    bottom: 250px;
  }

  .pharmacist-box {
    padding: 9px 13px;
    font-size: 12px;
  }

  .pharmacist-icon {
    width: 22px;
    height: 22px;
    font-size: 12px;
  }
}



/* whatsapp button in mobile */
@media (max-width: 767px) {
  #karzoun-widget-send-button {
    bottom: 200px !important;
  }
}