.store-item-main {
  padding: 60px 0;
  background: #f8f8f8;
}
.store-item-main h2 {
  margin-bottom: 50px;
}

/* RTL Support - Keep slider track LTR so items stay visible */
html.rtl .store-item-main .store-item-row,
html.rtl .store-item-main .store-item-row.slick-initialized,
html.rtl .store-item-main .store-item-row .slick-list,
html.rtl .store-item-main .store-item-row .slick-track,
html[dir="rtl"] .store-item-main .store-item-row,
html[dir="rtl"] .store-item-main .store-item-row.slick-initialized,
html[dir="rtl"] .store-item-main .store-item-row .slick-list,
html[dir="rtl"] .store-item-main .store-item-row .slick-track {
  direction: ltr !important;
}
/* Allow card content to be RTL */
html.rtl .store-item-main .store-item-row .store-item,
html[dir="rtl"] .store-item-main .store-item-row .store-item {
  direction: rtl;
  text-align: right;
}
/* Move navigation arrows to left side for RTL */
html.rtl .store-item-main .container .slick-arrow,
html[dir="rtl"] .store-item-main .container .slick-arrow {
  direction: ltr;
  right: auto !important;
  left: 6px !important;
}
html.rtl .store-item-main .container .slick-arrow.slick-prev,
html[dir="rtl"] .store-item-main .container .slick-arrow.slick-prev {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
html.rtl .store-item-main .container .slick-arrow.slick-next,
html[dir="rtl"] .store-item-main .container .slick-arrow.slick-next {
  margin-left: 63px !important;
  margin-right: 0 !important;
}
@media (max-width: 575px) {
  html.rtl .store-item-main .container .slick-arrow.slick-next,
  html[dir="rtl"] .store-item-main .container .slick-arrow.slick-next {
    margin-left: 42px !important;
  }
}
.store-item-main .store-item-row {
  margin: 0 -15px;
}
.store-item-main .store-item-row .store-item {
  height: auto;
  padding: 0 15px;
}
.store-item-main .store-item-row .store-item figure {
  margin-bottom: 20px;
  width: 100%;
  aspect-ratio: 1 / 1;
  max-height: 307px;
  max-width: 307px;
  overflow: hidden;
  border-radius: 12px;
  position: relative;
  background-color: #f5f5f5;
}
.store-item-main .store-item-row .store-item figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 12px;
  display: block;
}
.store-item-main .store-item-row .store-item .store-item-info h4 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.store-item-main .store-item-row .store-item .store-item-info p {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 10px;
}
.store-item-main .store-item-row .store-item .store-item-info span {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
  display: block;
}
.store-item-main .container {
  position: relative;
}
.store-item-main .container .slick-arrow {
  position: absolute;
  right: 6px;
  left: auto;
  transform: initial !important;
  top: -89px;
  bottom: auto;
  border: 1px solid #D9D9D9;
  background-color: #FFFFFF;
}
.store-item-main .container .slick-arrow.slick-prev {
  margin-right: 63px;
}

/* Mobile: match Figma arrow border & background for store sliders */
@media (max-width: 575px) {
  .store-item-main .container .slick-arrow {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50%;
    border: 1px solid #D9D9D9;
    background-color: #FFFFFF;
  }

  /* Reduce gap between arrows only on mobile */
  .store-item-main .container .slick-arrow.slick-prev {
    margin-right: 42px;
  }
}

/* Responsive image sizing - Maintain square aspect ratio */
@media (max-width: 1200px) {
  .store-item-main .store-item-row .store-item figure {
    max-height: 250px;
  }
}

@media (max-width: 991px) {
  .store-item-main .store-item-row .store-item figure {
    aspect-ratio: 1 / 1;
    max-height: none;
  }
  
  /* Center item cards on tablet */
  .store-item-main .store-item-row.slick-initialized .store-item {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .store-item-main .store-item-row.slick-initialized .store-item figure {
    margin: 0 auto;
  }
  
  .store-item-main .store-item-row.slick-initialized .store-item .store-item-info {
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 575px) {
  .store-item-main .store-item-row .store-item figure {
    aspect-ratio: 1 / 1;
  }
  
  /* Center the item cards on mobile */
  .store-item-main .store-item-row.slick-initialized .store-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  
  .store-item-main .store-item-row.slick-initialized .store-item figure {
    margin: 0 auto;
  }
  
  .store-item-main .store-item-row.slick-initialized .store-item .store-item-info {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}

/* Fallback grid layout before Slick initializes or if JS fails */
.store-item-main .store-item-row:not(.slick-initialized) {
  display: flex;
  flex-wrap: wrap;
}
.store-item-main .store-item-row:not(.slick-initialized) .store-item {
  flex: 0 0 25%;
  max-width: 25%;
}
@media (max-width: 1199px) {
  .store-item-main .store-item-row:not(.slick-initialized) .store-item {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media (max-width: 991px) {
  .store-item-main .store-item-row:not(.slick-initialized) .store-item {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
}
@media (max-width: 767px) {
  .store-item-main .store-item-row:not(.slick-initialized) .store-item {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 575px) {
  .store-item-main .store-item-row:not(.slick-initialized) .store-item {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/*# sourceMappingURL=store-slider.css.map */