/* Bachehaye Shargh 0.36.0 — unified, taller product cards with fully visible media. */
.zg-product-card{
  height: 410px !important;
  min-height: 410px !important;
  align-self: stretch;
}
.zg-product-card .zg-product-card-image{
  width: 100% !important;
  height: 220px !important;
  min-height: 220px !important;
  padding: 10px !important;
  overflow: hidden !important;
  background: #fff !important;
}
.zg-product-card .zg-product-card-image img{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none;
}
.zg-product-card .zg-product-card-title h3{
  min-height: 58px !important;
}
.zg-product-card .zg-product-card-bottom{
  min-height: 64px;
}















/* Preserve the already-approved desktop related-products card proportions. */
@media (min-width: 901px) {
  .zg-single-related-track .zg-product-card{
    height: 100% !important;
    min-height: 0 !important;
  }
  .zg-single-related-track .zg-product-card-image{
    height: clamp(150px, 15vw, 210px) !important;
    min-height: 0 !important;
    padding: 5px !important;
  }
  .zg-single-related-track .zg-product-card-title h3{
    min-height: 57px !important;
  }
}

@media (max-width: 1180px) and (min-width: 961px) {
  .zg-product-card{ height: 395px !important; min-height: 395px !important; }
  .zg-product-card .zg-product-card-image{ height: 202px !important; min-height: 202px !important; }
  
  
  
}

@media (max-width: 960px) {
  .zg-product-card, .zg-shop-product-grid .zg-product-card, .zg-single-related-track .zg-product-card{
    height: 365px !important;
    min-height: 365px !important;
  }
  .zg-product-card .zg-product-card-image, .zg-shop-product-grid .zg-product-card-image, .zg-single-related-track .zg-product-card-image{
    height: 180px !important;
    min-height: 180px !important;
    padding: 7px !important;
  }
  .zg-product-card .zg-product-card-title h3{ min-height: 54px !important; }
  
  
  
  
}

@media (max-width: 560px) {
  .zg-product-card, .zg-shop-product-grid .zg-product-card, .zg-single-related-track .zg-product-card{
    height: 355px !important;
    min-height: 355px !important;
  }
  .zg-product-card .zg-product-card-image, .zg-shop-product-grid .zg-product-card-image, .zg-single-related-track .zg-product-card-image{
    height: 170px !important;
    min-height: 170px !important;
  }
  .zg-product-card .zg-product-card-title h3{
    min-height: 52px !important;
  }
}

@media (max-width: 380px) {
  .zg-product-card, .zg-shop-product-grid .zg-product-card, .zg-single-related-track .zg-product-card{
    height: 345px !important;
    min-height: 345px !important;
  }
  .zg-product-card .zg-product-card-image, .zg-shop-product-grid .zg-product-card-image, .zg-single-related-track .zg-product-card-image{
    height: 160px !important;
    min-height: 160px !important;
  }
}


/* Bachehaye Shargh 0.43.0 — decimal visible-item counts for every product carousel. */
.has-zg-carousel-sizing[data-zg-product-track]{
  grid-auto-columns: var(--zg-carousel-item-width) !important;
  scroll-padding-inline: 1px;
}
[data-zg-product-carousel] [data-zg-product-track] > *{
  min-width: 0;
  max-width: 100%;
}
.zg-single-related-track{
  display: grid !important;
  grid-auto-flow: column;
  grid-template-columns: none !important;
  grid-auto-columns: calc((100% - 52px) / 5);
  align-items: stretch;
  gap: 13px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 1px 1px 10px;
  direction: rtl;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  overscroll-behavior-inline: contain;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  touch-action: pan-x pan-y;
}
.zg-single-related-track::-webkit-scrollbar{ display: none; }
.zg-single-related-track.is-dragging{ cursor: grabbing; scroll-snap-type: none; }
.zg-single-related-track .zg-product-card{
  width: 100% !important;
  min-width: 0 !important;
  scroll-snap-align: start;
}
@media (max-width: 960px) {
  .zg-single-related-track{ gap: 10px; grid-auto-columns: calc((100% - 10px) / 2); }
}