/* NSMAT hotfix — equal-height product cards; remove after the theme release */
@media (min-width: 1024px) {
  .ns-related--center .s-products-list-wrapper { align-items: stretch; }
  .ns-related--center .s-products-list-wrapper > * { height: auto; }
}
salla-products-slider .swiper-slide { height: auto; display: flex; flex-direction: column; }
salla-products-slider .swiper-slide > custom-salla-product-card { flex: 1 1 auto; }

/* NSMAT hotfix — equal-height product cards; remove after the theme release */
@media (min-width: 1024px) {
  .ns-related--center .s-products-list-wrapper { align-items: stretch; }
  .ns-related--center .s-products-list-wrapper > * { height: auto; }
}
salla-products-slider .swiper-slide { height: auto; display: flex; flex-direction: column; }
salla-products-slider .swiper-slide > custom-salla-product-card { flex: 1 1 auto; }



 /* NSMAT hotfix — equal-height product cards; remove after the theme release */
@media (min-width: 1024px) {
  .ns-related--center .s-products-list-wrapper { align-items: stretch; }
  .ns-related--center .s-products-list-wrapper > * { height: auto; }
}
salla-products-slider .swiper-slide { height: auto; display: flex; flex-direction: column; }
salla-products-slider .swiper-slide > custom-salla-product-card { flex: 1 1 auto; }

/* NSMAT hotfix — phone product cards: subtitle pill beside the price, "تخصيص" beside the colours, tighter rows.
   Remove once the store runs a theme build that includes these fixes. */
@media (max-width: 639px) {
  custom-salla-product-card.s-product-card-entry.s-product-card-has-inline-options:not(.s-product-card-horizontal) .s-product-card-content {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  custom-salla-product-card.s-product-card-entry.s-product-card-has-inline-options:not(.s-product-card-horizontal) .s-product-card-pill {
    min-width: 0;
    max-width: 100%;
  }
  /* narrow two-up cards: the pill and the price share one row; the colours keep their width, "تخصيص" takes the rest */
  custom-salla-product-card.s-product-card-entry.s-product-card-has-inline-options.is-narrow:not(.s-product-card-horizontal) .s-product-card-content {
    row-gap: 12px;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: auto auto auto auto minmax(0, 1fr);
    grid-template-areas: 'title title' 'price price' 'sizes sizes' 'swatches customize' 'add add';
  }
  /* three colours or more cannot sit beside "تخصيص": each takes a row */
  custom-salla-product-card.s-product-card-entry.s-product-card-has-inline-options.is-narrow:not(.s-product-card-horizontal) .s-product-card-content:has(.s-product-card-customize):has(.s-product-card-swatches > :nth-child(3)) {
    grid-template-rows: auto auto auto auto auto minmax(0, 1fr);
    grid-template-areas: 'title title' 'price price' 'sizes sizes' 'swatches swatches' 'customize customize' 'add add';
  }
  /* the pill at the start of the price row, never wider than its two-line size (72px) */
  custom-salla-product-card.s-product-card-entry.s-product-card-has-inline-options.is-narrow:not(.s-product-card-horizontal) .s-product-card-pill {
    grid-area: price;
    margin-top: 0;
    max-width: 72px;
    white-space: normal;
    justify-self: start;
    align-self: center;
    text-align: center;
  }
  /* the price at the end, with the rest of the row; when that is short of one line the old price wraps under the new */
  custom-salla-product-card.s-product-card-entry.s-product-card-has-inline-options.is-narrow:not(.s-product-card-horizontal) .s-product-card-price-group,
  custom-salla-product-card.s-product-card-entry.s-product-card-has-inline-options.is-narrow:not(.s-product-card-horizontal) .s-product-card-content:not(:has(.s-product-card-pill)) .s-product-card-price-group {
    margin-top: 0;
    max-width: calc(100% - 80px);
    justify-self: end;
    align-self: center;
  }
  custom-salla-product-card.s-product-card-entry.s-product-card-has-inline-options.is-narrow:not(.s-product-card-horizontal) .s-product-card-content:not(:has(.s-product-card-pill)) .s-product-card-price-group {
    max-width: none;
  }
  custom-salla-product-card.s-product-card-entry.s-product-card-has-inline-options.is-narrow:not(.s-product-card-horizontal) .s-product-card-sale-price {
    flex-wrap: wrap;
    justify-content: flex-end;
    row-gap: 0;
  }
  custom-salla-product-card.s-product-card-entry.s-product-card-has-inline-options.is-narrow:not(.s-product-card-horizontal) .s-product-card-swatches {
    gap: 4px;
  }
  custom-salla-product-card.s-product-card-entry.s-product-card-has-inline-options.is-narrow:not(.s-product-card-horizontal) .s-product-card-swatch {
    width: 24px;
    height: 24px;
  }
  custom-salla-product-card.s-product-card-entry.s-product-card-has-inline-options.is-narrow:not(.s-product-card-horizontal) .s-product-card-customize {
    min-width: 0;
    overflow: hidden;
    padding-inline: 8px;
    gap: 4px;
  }
}
/* the smallest phones: the word alone, without the pencil */
@media (max-width: 374px) {
  custom-salla-product-card.s-product-card-entry.s-product-card-has-inline-options.is-narrow:not(.s-product-card-horizontal) .s-product-card-customize .s-product-card-icon {
    display: none;
  }
}

/* **************************************** */
.s-product-card-signals
{
  display: none !important;
}

/* To fix the image size */
.s-product-card-entry.has-qv .s-product-card-image img{
    object-fit: cover;
}

section#reorder-section {
    display: none;
}