@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@100..900&display=swap');

@keyframes fade-in1 {
  0% { opacity: 1; transform: scale(1); }
  75% { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: scale(0.1); }
}

/* ✅ Flat screens: show price next to Add to Cart and format it */
.product-index .main-content .s-products-list .items-end .font-bold {
  font-weight: 800 !important;
  font-size: 1.3rem !important;
  color: #d92626 !important; /* Red discounted price */
}

.product-index .main-content .s-products-list .items-end .line-through {
  font-size: 1.1rem !important;
  color: #888 !important; /* Original price (gray) */
  margin-right: 0.5rem;
}

.product-single .app-inner .container .flex-col .main-content .whitespace-nowrap .before-price,
.product-single .app-inner .container .flex-col .main-content .whitespace-nowrap .total-price {
  display: block !important;
}

/* --- Begin: Your Existing Styles --- */

@media (min-width: 1024px) {
  .lg\:grid-cols-6 {
    display: flex !important;
    flex-direction: column;
  }
  .saleBanner-content { flex-wrap: nowrap!important; }
  .specialBanner-content .relative { margin-top: 2rem!important; }
  .footer-list { display: flex; justify-content: space-evenly; }
  .store-footer h3 { justify-content: center; display: flex; }
  [dir=rtl] .rtl\:lg\:pl-20 {
    padding-left: 0rem !important;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
  }
  .wow { display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: center; }
  .store-footer a { margin-left: 1rem; }
  .store-footer__inner { padding-top: .5rem; padding-bottom: 0rem; }
  .last\:mb-0:last-child { margin-bottom: 1rem !important; }
  .max-w-sm { max-width: max-content !important; }
  .store-footer__inner .container .wow .items-end { display: none !important; }
  .lg\:gap-6 { gap: 0rem !important; }
  salla-slider .slide--one-sixth { width: 25%; }
  .slide--cat-entry { background-color: #f1f8fd; height: 16rem; color: black; }
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .lg\:min-h-\[750px\] { min-height: auto !important; margin-top: 2rem; }
}

.s-block--features__item, .s-block--features__item .feature-icon, .s-block--features__item .feature-icon i {
  background-color: #f1f8fd;
  color: black;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .gap-4 > * { flex-basis: calc(50% - 1rem); }
  salla-slider.photos-slider .swiper-slide {
    margin-left: .75rem;
    margin-right: .75rem;
  }
}

@media (max-width: 768px) {
  .gap-4 {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.5rem !important;
  }

  .gap-4 > * {
    flex-basis: auto !important;
    width: 100% !important;
  }

  .max-h-\[80px\] { max-height: 60px!important; }
  .min-h-\[300px\] { min-height: auto !important; }
  .youtube-background iframe { top: 62%!important; }
  .specialBanner-content .relative {
    margin-top: 1rem !important;
    margin-left:.3rem!important;
    margin-right:.3rem!important;
  }
  .gap-12 { gap: 0rem!important; }
  .footer-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .store-footer .container .wow {
    display: flex!important;
    flex-direction: column!important;
    align-items: center!important;
  }
  .store-footer__inner .container .wow .items-end {
    display:none!important;
  }
  .s-products-list-vertical-cards {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: .625rem;
  }
  .my-6 {
    margin-top: 0rem!important;
    margin-bottom: 0rem!important;
  }
  .bg-center {
    background-position: top!important;
    background-size: contain!important;
  }
  .min-h-\[480px\] {
    min-height: 50vh !important;
  }
  .s-block--features__item {
    grid-column: span 2 / span 2;
  }
  .s-block--hero-slider .swiper-slide {
    height: auto;
    width:auto;
  }
  .store-footer a {
    margin-right: .75rem;
    margin-left: .75rem;
  }
  .max-w-sm , .text-3xl {
    text-align: center!important;
  }
  .gap-8 { gap: 0rem!important; }
  .store-footer .contact-social {
    margin-top:0rem;
    border-top-width: 0px; 
    padding-top:.5rem;
  }
  .store-footer .contact-social ul {
    justify-content: center;
    flex-wrap: wrap;
  }
  .store-footer__inner {
    border-bottom-width: 1px;
    border-style: dashed;  
    padding-top: 0rem; 
    padding-bottom: 0rem;
  }
}

.index .container { padding-right: 0px; padding-left: 0px; }
salla-slider.photos-slider .swiper-slide {
  position: relative;
  margin-left: 0rem;
  margin-right: 0rem;
  width: 100%;
  overflow: hidden;
  border-radius: none;
}

.store-footer { margin-top: 0rem; }
.right-\[10\%\] { right: 2% !important; }

@media (min-width: 1280px){
  .s-block--hero-slider .swiper-slide { height: 200px; }
}

.specialBanner-content .relative {
  justify-content: start !important;
  align-items: center!important;
}

.h-\[480px\] { height: auto !important; margin-bottom: 1rem; }
.testimonial__inner,.testimonial { background-color: #f1f8fd!important; }
.testimonials-slider .swiper-slide-prev .testimonial { background-color: #f1f8fd; }
[dir=rtl] .testimonials-slider .testimonial__icon { color: lightslategray; }
.max-w-md , .text-3xl { text-align: center!important; }

@media (min-width: 768px) {
  .md\:min-h-\[500px\] { min-height: 80vh !important; }
  .min-h-\[480px\] { min-height: 80vh !important; }
  .youtube-background iframe { top: 63%!important; }
}

@media (min-width: 1024px) {
  .wow { display: flex; flex-wrap: wrap; }
  .youtube-background iframe { top: 57%!important; }
  .specialBanner-content .relative {
    margin-left: 20%!important;
    margin-right: 20%!important;
  }
  .md\:flex-nowrap { flex-wrap: wrap !important; }
  .md\:w-1\/2 { width: 100% !important; }
  .min-h-\[480px\] { min-height: 100vh !important; }
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
}

.w-1\/2 { width: 41%!important; }
.s-add-product-button-mini-checkout { width: 100%; margin-right: 2rem; }
.s-add-product-button-main { display: flex; justify-content: space-between; }
.s-add-product-button-mini-checkout-content { display:flex!important; }
.sticky-product-bar__quantity { margin-bottom:1rem; }
.gap-12 { gap: 0rem!important; }
.s-block { margin-top: 0rem; }
.text-3xl { font-size: 1.25rem!important; }
.btn, .outOfStock-btn { border-radius:0rem; }
.my-3 { margin-top: .3rem!important; margin-bottom:0rem!important; }
body { font-family: "Noto Kufi Arabic"; }
[dir=rtl] .rtl\:ml-2\.5 { margin-left: 0rem!important; }
.productTitle { font-weight: 900; }
.product-card-custom { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 1rem; }
.product-entry__sub-title , .productSubTitle { color: red!important; }
.product-single .main-content { width: 100% !important; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.mb-3 {
  margin-bottom: .75rem!important;
  justify-content: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.breadcrumbs{padding-top: 2.25rem!important;padding-bottom: 2.25rem!important;}
.product-card-custom-head { background-color: white!important; }
.bg-\[\#f8f8f8\] { background-color: white!important; }
.index .object-cover { object-fit: contain!important; }
.s-tabs-header salla-tab-header { display: none; }
.s-tabs-header salla-tab-header:nth-child(1) { display: block; }
.store-footer h3 { margin-top: .5rem; }
.tracking-widest { letter-spacing: 0!important; color: red; }

@media (min-width: 1024px) {
  .saleBanner-content { flex-wrap: nowrap!important; }
}

.store-footer { padding-top: 2rem; }
.blog-single .p-4.flex.flex-wrap.items-center.border-t.border-gray-200 ,
.blog-index .p-4.flex.flex-wrap.items-center.border-t.border-gray-200 { display: none!important; }

#wa-angel {
  position: fixed;
  z-index: 10;
  left: 2%;
  bottom: 17%;
  width: 3rem;
  height: 3rem;
  background: linear-gradient(15deg, #2a1d40 0%, #71cdee 100%);
  border-radius: 50%;
  padding: 1%;
  transition: all 0.3s ease;
}

#wa-angel:hover { transform: scale(1.1); }
#wa-angel a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  text-decoration: none;
}

#wa-angel a i {
  font-size: 2rem;
  color: #fff;
  animation: moveUp 2s infinite alternate;
}

@keyframes moveUp {
  0% { bottom: 4%; }
  100% { bottom: 8%; }
}

@media only screen and (max-width: 600px) {
  #wa-angel { bottom: 17% !important; }
}

@media (max-width: 768px) {
  .s-products-list-wrapper.s-products-list-vertical-cards {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1rem !important;
    padding: 0 0.5rem;
  }

  .s-products-list-wrapper.s-products-list-vertical-cards > * {
    width: 100% !important;
  }

  .product-card-custom-head {
    max-width: 100% !important;
  }
/* ✅ Discounted (new) price — green, bold, large */
.items-end .rtl:not(.line-through),
.items-end .font-bold:not(.line-through) {
  color: #008A40 !important;
  font-weight: 800 !important;
  font-size: 1.4rem !important;
}

/* ✅ Original (old) price — gray, crossed */
.items-end .line-through {
  color: #888 !important;
  font-size: 1.1rem !important;
  text-decoration: line-through;
}

/* ✅ Currency icon next to new price */
.items-end .rtl + i.sicon-sar {
  color: #008A40 !important;
  font-size: 1.2rem !important;
}
@media (max-width: 768px) {
  .items-end {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    white-space: nowrap !important;
    gap: 0.25rem;
  }

  .items-end i.sicon-sar {
    font-size: 1.2rem !important;
    line-height: 1;
    vertical-align: middle;
  }
}

@media (min-width: 1024px) {
  .specialBanner-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 1rem !important;
  }

  .specialBanner-content .relative {
    width: 100% !important;
    margin: 0 auto !important;
  }

  .specialBanner-content > * {
    width: 100% !important;
  }
}
/* ✅ Resize & Reposition WhatsApp Button */
#wa-angel {
  bottom: 25% !important;     /* Raise it higher */
  left: 2% !important;        /* Keep it on the left */
  width: 4.5rem !important;   /* Make it wider */
  height: 4.5rem !important;  /* Make it taller */
  z-index: 99999 !important;
}

#wa-angel i {
  font-size: 2.5rem !important; /* Make the WhatsApp icon bigger */
}