/* nav bar */
.top-navbar{
  display: none;
}
/* 
/* Make banners take full width by overriding the container constraints */
.s-block--fixed-banner .container {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.banner.banner--fixed {
    display: block !important;
    width: 100% !important;
}
body{
      background-color: rgb(255 255 255) !important;
}
/* ================================================
   Product card – plum style (Salla)
   ================================================ */

:root {
  --pc-accent: #6e3f66;        /* لون الزرار */
  --pc-accent-hover: #5a3254;
  --pc-border: #ddd3e3;        /* لون إطار الكارت */
  --pc-old-price: #d64545;     /* لون السعر القديم */
}

/* الكارت */
.s-product-card-entry.s-product-card-vertical {
  display: flex !important;
  flex-direction: column !important;
  height: 100%;
  padding: 16px !important;
  background: #fff !important;
  border: 1px solid var(--pc-border) !important;
  border-radius: 18px !important;
  box-shadow: none !important;
  overflow: hidden;
}

/* الصورة */
.s-product-card-vertical .s-product-card-image {
  position: relative;
  width: 100%;
  height: auto !important;
  aspect-ratio: 14 / 15;
  border-radius: 12px !important;
  overflow: hidden;
  background: #f4f4f4;
}
.s-product-card-vertical .s-product-card-image > a {
  display: block;
  width: 100%;
  height: 100%;
}
.s-product-card-vertical .s-product-card-image-cover {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

/* المحتوى: الاسم والسعر في سطر واحد، والزرار تحت */
.s-product-card-vertical .s-product-card-content {
  flex: 1;
  display: grid !important;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto 1fr;
  align-items: start;
  column-gap: 12px;
  padding: 18px 4px 0 !important;
}
.s-product-card-vertical .s-product-card-content-main,
.s-product-card-vertical .s-product-card-content-sub {
  margin: 0 !important;
  padding: 0 !important;
}

/* اسم المنتج */
.s-product-card-vertical .s-product-card-content-title {
  margin: 0 !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  color: #111 !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.s-product-card-vertical .s-product-card-content-title a {
  color: inherit !important;
}

/* السعر */
.s-product-card-vertical .s-product-card-content-sub {
  display: flex !important;
  align-items: center;
  white-space: nowrap;
}
.s-product-card-vertical .s-product-card-price,
.s-product-card-vertical .s-product-card-sale-price h4 {
  margin: 0 !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  color: #111 !important;
}

/* السعر بعد الخصم + السعر القديم مشطوب */
.s-product-card-vertical .s-product-card-sale-price {
  display: flex !important;
  flex-direction: row-reverse;
  align-items: baseline;
  gap: 8px;
}
.s-product-card-vertical .s-product-card-sale-price span {
  font-size: 16px !important;
  color: var(--pc-old-price) !important;
  text-decoration: line-through !important;
}

/* زرار أضف إلى السلة */
.s-product-card-vertical .s-product-card-content-footer {
  grid-column: 1 / -1;
  align-self: end;
  margin-top: 28px !important;
}
.s-product-card-vertical .s-product-card-content-footer salla-add-product-button,
.s-product-card-vertical .s-product-card-content-footer salla-add-product-button > div,
.s-product-card-vertical .s-product-card-content-footer salla-button {
  display: block;
  width: 100%;
}
.s-product-card-vertical .s-product-card-content-footer .s-button-element {
  width: 100%;
  height: 46px;
  border-radius: 999px !important;
  background: var(--pc-accent) !important;
  border: 1px solid var(--pc-accent) !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  transition: background .2s ease;
}
.s-product-card-vertical .s-product-card-content-footer .s-button-element:hover {
  background: var(--pc-accent-hover) !important;
  border-color: var(--pc-accent-hover) !important;
}
/* إخفاء أيقونة الشنطة جوه الزرار */
.s-product-card-vertical .s-product-card-content-footer .s-button-element i {
  display: none !important;
}

/* إخفاء زرار المفضلة (القلب) - امسح السطر ده لو عايز تخليه */
.s-product-card-vertical .s-product-card-wishlist-btn {
  display: none !important;
}

/* موبايل */
@media (max-width: 640px) {
  .s-product-card-entry.s-product-card-vertical { padding: 10px !important; border-radius: 14px !important; }
  .s-product-card-vertical .s-product-card-content { padding-top: 12px !important; }
  .s-product-card-vertical .s-product-card-content-title,
  .s-product-card-vertical .s-product-card-price,
  .s-product-card-vertical .s-product-card-sale-price h4 { font-size: 16px !important; }
  .s-product-card-vertical .s-product-card-sale-price span { font-size: 13px !important; }
  .s-product-card-vertical .s-product-card-content-footer { margin-top: 16px !important; }
  .s-product-card-vertical .s-product-card-content-footer .s-button-element { height: 40px; font-size: 14px !important; }
}
/* remove the top margin */
main#main-content > section:first-child,
main#main-content > .s-block:first-of-type {
    margin-top: 0;
}
/* Example: Reduce image height to give more space to text */
.s-product-card-image {
  height: 150px !important;
  flex: none !important;
}
/* Force the container to expand */

/* Simple image banners: show the full image at its natural height */
[component-name="simple-image-banner"] {
  --banner-desktop-height: auto !important;
  --banner-mobile-height: auto !important;
}

/* Fixed banner: same rule */
.s-block--fixed-banner .banner--fixed,
.s-block--fixed-banner .banner--fixed img {
  height: auto !important;
  max-height: none !important;
}