/* ==========================================================================
   Секция 11 · Витрина других продуктов
   ========================================================================== */

.stlk-showcase {
  padding-block: var(--stlk-section-pad);
  background: linear-gradient(160deg, var(--stlk-bg-alt) 0%, color-mix(in srgb, var(--stlk-bg-alt) 88%, var(--stlk-wood-300)) 100%);
}

.stlk-showcase__head { margin-bottom: clamp(28px, 4vw, 44px); }
.stlk-showcase__title { font-size: var(--stlk-fs-h2); margin-top: 16px; }

.stlk-showcase__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.stlk-show-card {
  display: flex;
  flex-direction: column;
  background: var(--stlk-surface);
  border-radius: var(--stlk-radius-l);
  overflow: hidden;
  box-shadow: var(--stlk-shadow-s);
  transition: transform var(--stlk-dur-standard) var(--stlk-ease-standard), box-shadow var(--stlk-dur-standard);
}
.stlk-show-card:hover { transform: translateY(-6px); box-shadow: var(--stlk-shadow-m); }

.stlk-show-card__art {
  aspect-ratio: 4 / 3;
  display: grid;
  place-items: center;
}
.stlk-show-card__art svg { width: 40%; height: 40%; }

.stlk-show-card__body { padding: 18px 20px 22px; display: flex; flex-direction: column; gap: 8px; }
.stlk-show-card__body h3 { font-size: 1rem; line-height: 1.3; }
.stlk-show-card__price {
  font-family: var(--stlk-font-display);
  font-weight: 700;
  color: var(--stlk-accent-dark);
  font-size: 0.9375rem;
}

@media (max-width: 860px) {
  .stlk-showcase__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
  .stlk-showcase__grid { grid-template-columns: 1fr; }
}