/* Основная тень для текста */
.text-shadow {
  text-shadow: 0 3px 15px rgba(0,0,0,0.7);
}

/* Мягкая тень */
.text-shadow-soft {
  text-shadow: 1px 1px 4px rgba(0,0,0,0.25);
}

/* Яркая тень */
.text-shadow-strong {
  text-shadow: 
    3px 3px 12px rgba(0,0,0,0.8),
    2px 2px 6px rgba(0,0,0,0.6),
    1px 1px 2px rgba(0,0,0,0.4);
}

/* Цветная тень (например розовая) */
.text-shadow-pink {
  text-shadow: 2px 2px 6px rgba(255,154,205,0.6);
}
.catalog-card {
  position: relative;      /* чтобы потом позиционировать overlay и текст */
  overflow: hidden;        /* обрезаем всё, что выходит за рамки */
  border-radius: 8px;      /* закругление углов */
  width: 360px;            /* ширина карточки */
  height: 360px;           /* высота карточки, можно прямоугольник */
}

.catalog-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;       /* картинка заполняет карточку без искажений */
  transition: transform 0.3s ease; /* плавная анимация */
}

.catalog-card:hover img {
  transform: scale(1.05);   /* увеличиваем картинку при наведении */
}
#rec1537076151 {
  position: relative;
  z-index: 2;
  box-shadow: 

    0 30px 50px rgba(0, 0, 0, 0.2);  /* тень вниз — на третий блок */
}