/* Add custom CSS styles below */ 
.p-block--features .p--features__item i {
  display: none;
}

.p-block--features .p--features__item::before {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  margin: 0 auto 6px;
  background: currentColor;
  -webkit-mask: var(--feature-icon) center / contain no-repeat;
  mask: var(--feature-icon) center / contain no-repeat;
}

.p-block--features .p--features__item:nth-child(1) {
  --feature-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
}

.p-block--features .p--features__item:nth-child(2) {
  --feature-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.59 13.41 13.42 20.58a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82Z'/%3E%3Cpath d='M7 7h.01'/%3E%3C/svg%3E");
}

.p-block--features .p--features__item:nth-child(3) {
  --feature-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 4h14v12H1zM15 8h4l3 3v5h-7'/%3E%3Ccircle cx='5' cy='18' r='2'/%3E%3Ccircle cx='18' cy='18' r='2'/%3E%3C/svg%3E");
}

.p-block--features .p--features__item p {
  font-size: 0;
}
.p-block--features .p--features__item {.p-block--features .p--features__item {
  background: #fff8ee;
  border: 1px solid #f5dab3;
  border-radius: 12px;
  padding: 10px 6px;
}

.p-block--features .p--features__item::before {
  background-color: #ec8d09 !important;
}

.p-block--features .p--features__item p::after {
  color: #343434;
  font-weight: 700;
}
  gap: 0 !important;
}

.p-block--features .p--features__item::before {
  margin: 0 auto 2px !important;
}

.p-block--features .p--features__item p {
  margin: 0 !important;
  padding: 0 !important;
}

.p-block--features .p--features__item:nth-child(1)::before {
  background-color: #20a67a;
}

.p-block--features .p--features__item:nth-child(2)::before {
  background-color: #e9a23b;
}

.p-block--features .p--features__item:nth-child(3)::before {
  background-color: #2589c8;
}
.p-block--features .p--features__item p::after {
  font-size: 14px;
  line-height: 1.4;
}

.p-block--features .p--features__item:nth-child(1) p::after {
  content: "منتجات أصلية";
}

.p-block--features .p--features__item:nth-child(2) p::after {
  content: "أسعار منافسة";
}

.p-block--features .p--features__item:nth-child(3) p::after {
  content: "شحن سريع";
}/* بطاقات المنتجات */
custom-salla-product-card.s-product-card-entry {
  border: 1px solid #f2e4d0 !important;
  border-radius: 16px !important;
  overflow: hidden;
  box-shadow: 0 3px 12px rgba(0, 0, 0, .06);
  transition: transform .2s ease, box-shadow .2s ease;
}

@media (hover: hover) {
  custom-salla-product-card.s-product-card-entry:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, .10);
  }
}

/* عرض صورة المنتج كاملة */
custom-salla-product-card .s-product-card-image {
  background: #fff;
}

custom-salla-product-card .s-product-card-image-cover {
  object-fit: contain !important;
}

/* عنوان المنتج: سطران كحد أقصى */
custom-salla-product-card .s-product-card-content-title {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2 !important;
  overflow: hidden;
  line-height: 1.5;
}

/* السعر بلون سما */
custom-salla-product-card .s-product-card-price {
  color: #ec8d09;
  font-weight: 700;
}.sama-quick-links .slide--cat-entry {
  width: 100% !important;
}

.sama-quick-links .slide--cat-entry .lazy_avatar {
  width: 500px !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1;
  border-radius: 0 !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  margin: 0 auto 10px !important;
}.sama-quick-links .slide--cat-entry {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 10px 4px !important;
}

.sama-quick-links .lazy_avatar {
  flex-shrink: 0 !important;
  transform: none !important;
}section[component-id="214914886"] > .grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

section[component-id="214914886"] .banner-entry {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 1 / 1 !important;
  grid-column: auto !important;
  grid-row: auto !important;
}

section[component-id="214914886"] .lazy__bg {
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

@media (min-width: 768px) {
  section[component-id="214914886"] > .grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}