.stock-carousel {
  display: flex;
  gap: 14px;
  overflow-x: auto;
  margin-top: 30px;
  padding: 4px 2px 16px;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

.stock-carousel::-webkit-scrollbar { display: none; }

.stock-carousel__loading,
.stock-carousel__error {
  display: grid;
  min-height: 280px;
  flex: 1 0 100%;
  place-items: center;
  border: 1px dashed rgba(255,255,255,.14);
  border-radius: 8px;
  color: #9ca5b2;
  font: 700 14px/1.5 Arial, sans-serif;
  text-align: center;
}

.stock-product {
  position: relative;
  display: flex;
  flex: 0 0 230px;
  min-height: 350px;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 8px;
  color: #f6f8fb;
  background: #12161c;
  scroll-snap-align: start;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.stock-product:hover,
.stock-product:focus-visible {
  transform: translateY(-5px);
  border-color: rgba(255,104,30,.55);
  box-shadow: 0 22px 55px rgba(0,0,0,.3);
  outline: none;
}

.stock-product__image {
  position: relative;
  display: grid;
  height: 205px;
  place-items: center;
  overflow: hidden;
  background: #fff;
}

.stock-product__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform .35s ease;
}

.stock-product:hover .stock-product__image img { transform: scale(1.035); }

.stock-product__price {
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 7px 10px;
  border-radius: 4px;
  color: #fff;
  background: #ff5a1f;
  box-shadow: 0 8px 22px rgba(255,90,31,.28);
  font: 900 14px/1 Arial, sans-serif;
}

.stock-product__body { display: flex; flex: 1; flex-direction: column; padding: 17px; }
.stock-product__brand { color: #ff8d58; font: 800 10px/1 Arial, sans-serif; letter-spacing: .11em; text-transform: uppercase; }
.stock-product__body h4 { display: -webkit-box; overflow: hidden; margin: 11px 0 14px; color: #fff; font: 800 14px/1.42 Arial, sans-serif; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.stock-product__meta { display: flex; justify-content: space-between; gap: 12px; margin-top: auto; color: #98a3b1; font: 700 11px/1.35 Arial, sans-serif; }
.stock-product__meta b { color: #dce3ec; font-weight: 800; }

@media (max-width: 680px) {
  .stock-carousel { width: calc(100% + 18px); margin-right: -18px; }
  .stock-product { flex-basis: min(72vw, 270px); }
  .stock-product__image { height: 220px; }
}

@media (prefers-reduced-motion: reduce) {
  .stock-carousel { scroll-behavior: auto; }
  .stock-product, .stock-product__image img { transition: none; }
}