/* ==========================================================================
   SHOP HERO — baner kategorii/archiwum produktów
   ========================================================================== */

.shop-hero {
  position: relative;
  min-height: 280px;
  display: flex;
  align-items: center;
  background: var(--color-beige-light);
  background-size: cover;
  background-position: center top;
  overflow: hidden;
}

.shop-hero__content {
  position: relative;
  z-index: 1;
  padding: var(--space-xl) var(--container-padding);
  max-width: 480px;
}

.shop-hero__title { font-size: clamp(2rem, 6vw, 2.75rem); margin-bottom: var(--space-sm); }
.shop-hero__desc { color: var(--color-text-muted); margin-bottom: var(--space-md); }

.shop-hero--has-image .shop-hero__content {
  background: linear-gradient(90deg, var(--color-white) 55%, rgba(255,255,255,0) 100%);
}

@media (min-width: 768px) {
  .shop-hero { min-height: 380px; }
  .shop-hero__content { padding: var(--space-2xl); max-width: none; width: 100%; }
}