/* Add custom CSS styles below */

/* ===== Cart icon (Option B): minimal ===== */
#s-cart-icon svg,
#s-cart-icon i,
#s-cart-icon slot-fb,
#s-cart-icon .s-cart-summary-icon{
  display:none !important;
}

#s-cart-icon .header-btn.btn{
  width:44px !important;
  height:44px !important;
  background:transparent !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative !important;
}

#s-cart-icon .header-btn.btn::before{
  content:"";
  width:28px;
  height:28px;
  display:block;
  background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6h15l-2 8H8L6 3H3' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='9' cy='20' r='1.6' fill='%23111'/%3E%3Ccircle cx='18' cy='20' r='1.6' fill='%23111'/%3E%3C/svg%3E");
  transition: transform .15s ease;
}

#s-cart-icon .header-btn.btn:hover::before{
  transform: scale(1.08);
}




/* =====================================================
   FIX HEADER GAP + FULL WIDTH IMAGE (NO CROP)
   ===================================================== */

header,
.site-header,
.s-header{
  margin-bottom: 0 !important;
}

.page-wrapper,
main,
#app,
.body-content{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

header + section,
header + div,
header + main{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* === Full width banner === */
section.s-block--fixed-banner{
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 !important;
  padding: 0 !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  overflow: hidden !important;
}

section.s-block--fixed-banner .container{
  max-width: 100% !important;
  padding: 0 !important;
}

section.s-block--fixed-banner a.banner{
  display: block !important;
  width: 100% !important;
}

section.s-block--fixed-banner img{
  width: 100vw !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
}

html, body{
  overflow-x: hidden !important;
}

/* =====================================================
   GLOBAL PRODUCT SLIDER – 4 cards desktop
   ===================================================== */

.s-products-slider-wrapper .swiper-wrapper > .swiper-slide{
  width: 25% !important;
  flex: 0 0 25% !important;
}

@media (max-width: 1024px){
  .s-products-slider-wrapper .swiper-wrapper > .swiper-slide{
    width: 33.333% !important;
    flex: 0 0 33.333% !important;
  }
}

@media (max-width: 768px){
  .s-products-slider-wrapper .swiper-wrapper > .swiper-slide{
    width: 50% !important;
    flex: 0 0 50% !important;
  }
}

/* =====================================================
   GLOBAL – Reduce card image height only
   ===================================================== */

.s-product-card-entry .s-product-card-image img{
  height: 380px !important;
  object-fit: cover !important;
}

@media (max-width: 1024px){
  .s-product-card-entry .s-product-card-image img{
    height: 230px !important;
  }
}

@media (max-width: 768px){
  .s-product-card-entry .s-product-card-image img{
    height: 150px !important;
  }
}

/* =====================================================
   MODERN CARD DESIGN – best-offers
   ===================================================== */

#best-offers-7-slider{
  --radius: 18px;
  --shadow: 0 12px 26px rgba(0,0,0,.1);
}

#best-offers-7-slider .s-product-card-entry{
  position: relative !important;
  border-radius: var(--radius) !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: var(--shadow) !important;
  border: none !important;
}

/* Image wrapper */
#best-offers-7-slider .s-product-card-image{
  position: relative !important;
}

/* =====================================================
   CONTENT
   ===================================================== */

#best-offers-7-slider .s-product-card-content{
  padding: 1px 1px 1px !important;
  background: #fff !important;
  position: relative !important;
  z-index: 1 !important;
}

#best-offers-7-slider .s-product-card-content-title{
  text-align: center !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  margin: 1px 0 !important;

  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

#best-offers-7-slider .s-product-card-content-subtitle{
  display: none !important;
}

#best-offers-7-slider .s-product-card-content-sub{
  display: flex !important;
  justify-content: center !important;
  margin-top: 2px !important;
}

#best-offers-7-slider .s-product-card-price{
  font-weight: 900 !important;
  font-size: 16px !important;
  white-space: nowrap !important;
}

/* =====================================================
   ADD TO CART – مستقل
   ===================================================== */

/* =====================================================
   ADD TO CART – Soft Glass
   Text + Cart Icon (NO plus, NO border)
   ===================================================== */

#best-offers-7-slider salla-add-product-button{
  position: absolute !important;
  left: 10px !important;
  bottom: 59px !important;
  z-index: 6 !important;
}

/* ===============================
   أيقونة الكارت (سلة)
   =============================== */
#best-offers-7-slider salla-add-product-button .s-button-element::before{
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;

  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6h15l-2 8H8L6 3H3' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='9' cy='20' r='1.6' fill='%23ffffff'/%3E%3Ccircle cx='18' cy='20' r='1.6' fill='%23ffffff'/%3E%3C/svg%3E");
}

/* الزر نفسه */
#best-offers-7-slider salla-add-product-button .s-button-element{
  min-width: 110px !important;
  height: 36px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;

  /* Glass هادي */
  background: rgba(30,30,30,.55) !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);

  /* إزالة أي إطار */
  border: none !important;
  outline: none !important;

  /* ترتيب الأيقونة + النص */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;

  color: #fff !important;
  font-weight: 800 !important;
  font-size: 12.5px !important;
  white-space: nowrap !important;

  box-shadow: 0 4px 10px rgba(0,0,0,.22) !important;
}

/* ===============================
   إخفاء أيقونة + الافتراضية فقط
   =============================== */
#best-offers-7-slider salla-add-product-button i,
#best-offers-7-slider salla-add-product-button svg{
  display: none !important;
}




/* النص يفضل ظاهر */
#best-offers-7-slider salla-add-product-button .s-button-text{
  display: inline !important;
  visibility: visible !important;
}

/* ===============================
   حالات التفاعل
   =============================== */
#best-offers-7-slider salla-add-product-button .s-button-element:hover,
#best-offers-7-slider salla-add-product-button .s-button-element:focus,
#best-offers-7-slider salla-add-product-button .s-button-element:active,
#best-offers-7-slider salla-add-product-button .s-button-element:focus-visible{
  background: rgba(30,30,30,.7) !important;
  border: none !important;
  outline: none !important;
  box-shadow: 0 6px 14px rgba(0,0,0,.28) !important;
}

/* =====================================================
   ❤️ WISHLIST – مستقل (جنب الزر على الصورة)
   ===================================================== */

#best-offers-7-slider .s-product-card-wishlist-btn{
  position: absolute !important;
  bottom: 29px !important;
  left: 6px !important;   /* ثابت – بدون calc */
  top: auto !important;
  right: auto !important;
  z-index: 6 !important;
}

#best-offers-7-slider .s-product-card-wishlist-btn .s-button-element{
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: #fff !important;
  box-shadow: 0 6px 14px rgba(0,0,0,.14) !important;
}

/* =====================================================
   Mobile
   ===================================================== */

@media (max-width: 480px){
  #best-offers-7-slider salla-add-product-button{
    bottom: 58px !important;
    left: 10px !important;
  }

  #best-offers-7-slider .s-product-card-wishlist-btn{
    bottom: 80px !important;
    left: 5px !important;
     bottom: 30px !important;
  }

  #best-offers-7-slider .s-product-card-wishlist-btn .s-button-element{
  width: 35px !important;
  height: 35px !important;
  border-radius: 50% !important;
  background: none !important;
  color : #fff ;
  box-shadow: 0 6px 14px rgba(0,0,0,.14) !important;
}





  /* =====================================================
   PRODUCT IMAGE – Bigger & cleaner zoom
   ===================================================== */


/* الصورة نفسها */
#best-offers-7-slider .s-product-card-image img{
  height: 350px !important;          /* 👈 كبرنا الطول */
  object-fit: cover !important;

  transform: scale(1.18) !important; /* 👈 تكبير أوضح */
  transition: transform .4s ease !important;
}

/* Hover – إحساس فاخر */
#best-offers-7-slider .s-product-card-entry:hover
.s-product-card-image img{
  transform: scale(1.24) !important;
}

/* Tablet */
@media (max-width: 1024px){
  #best-offers-7-slider .s-product-card-image img{
    height: 260px !important;
    transform: scale(1.14) !important;
  }
}

/* Mobile */
@media (max-width: 768px){
  #best-offers-7-slider .s-product-card-image img{
    height: 190px !important;
    transform: scale(1.1) !important;
  }
}





/* =====================================================
   FORCE title to 1 line (override Tailwind line-clamp-2)
   ===================================================== */

#best-offers-7-slider .s-product-card-content-title.line-clamp-2{
  -webkit-line-clamp: 1 !important;   /* ✅ سطر واحد */
  line-clamp: 1 !important;
}

/* علشان يظهر ... */
#best-offers-7-slider .s-product-card-content-title,
#best-offers-7-slider .s-product-card-content-title a{
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}