/* ==========================================================================
   УНИВЕРСАЛЬНЫЙ CSS ДЛЯ АФИШИ (ГЛАВНАЯ КАРУСЕЛЬ И СТРАНИЦА КАТЕГОРИИ)
   ========================================================================== */

/* --- 1. СТИЛИЗАЦИЯ И СКРУГЛЕНИЕ САМОЙ КАРТОЧКИ --- */
/* Применяем нежную тень, скругления и флекс-структуру и к карусели, и к сетке категории */
.moduletableafisha .owl-item .prod-item,
.afishaarea .prod-item {
  background: #ffffff !important;
  border: none !important; 
  border-radius: 12px !important; 
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05) !important; 
  overflow: hidden !important; 
  display: flex !important;
  flex-direction: column !important;
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* Перебиваем ломающую фиксированную высоту 665px на странице категории */
.afishaarea .prod-item {
  height: auto !important; /* Позволяет карточке подстраиваться под контент */
  min-height: 100% !important;
  margin-bottom: 24px !important; /* Делаем аккуратные отступы между рядами в сетке */
}

/* Настройки боковых отступов для карусели на главной */
.moduletableafisha .owl-item .prod-item {
  margin: 15px 6px 30px !important; 
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Приятный ховер при наведении (работает везде) */
.moduletableafisha .owl-item .prod-item:hover,
.afishaarea .prod-item:hover {
  transform: translateY(-4px) !important; 
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important; 
}

/* Вспомогательные системные стили */
.moduletableafisha .owl-item .prod-item .itemimage,
.afishaarea .prod-item .itemimage {
  position: relative;
}
.moduletableafisha .hidefotoval .katitem .countimages,
.afishaarea .hidefotoval .katitem .countimages {
  display: none !important;
}

/* --- 2. КАРТИНКА НА ВСЮ ШИРИНУ КАРТОЧКИ (2:3) --- */
.moduletableafisha .prod-item .itemimage,
.afishaarea .prod-item .itemimage {
  margin: -12px -12px 16px -12px !important; 
  aspect-ratio: 2 / 3 !important; 
  border-radius: 0 !important; 
  overflow: hidden !important;
}

.moduletableafisha .prod-item .itemimage img,
.afishaarea .prod-item .itemimage img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important; 
}

/* --- 3. СТРУКТУРНАЯ СЕТКА ТЕКСТА КАРТОЧКИ --- */
.moduletableafisha .prod-item .insideitem,
.afishaarea .prod-item .insideitem {
  padding: 12px !important; 
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important; 
  box-sizing: border-box !important;
}

/* --- 4. ЗАГОЛОВОК СТРОГО 2 СТРОКИ --- */
.moduletableafisha .prod-item .itemtitle,
.afishaarea .prod-item .itemtitle {
  padding: 0 !important;
  margin-bottom: 8px !important;
  height: 48px !important; 
  overflow: hidden !important;
}

.moduletableafisha .prod-item .itemtitle a,
.afishaarea .prod-item .itemtitle a {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important; 
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  line-height: 1.3 !important;
  font-size: 1.1em !important; 
  font-weight: 700 !important; 
  color: #125099 !important;
}

/* --- 5. КАТЕГОРИЯ ПРИЖАТА ВЛЕВО --- */
.moduletableafisha .afishacats,
.afishaarea .afishacats {
  display: inline-flex !important;
  justify-content: flex-start !important; 
  align-self: flex-start !important; 
  background: #f0f4f8 !important; 
  padding: 4px 10px !important;
  border-radius: 6px !important;
  margin: 0 0 12px 0 !important; 
  height: 24px !important; 
  box-sizing: border-box !important;
}

.moduletableafisha .afishacats a,
.afishaarea .afishacats a {
  font-size: 0.75em !important; 
  font-weight: 600 !important;
  text-align: left !important;
  display: block !important;
  width: 100% !important;
  color: #4a5d78 !important;
}

/* --- 6. СТАБИЛЬНАЯ ДАТА --- */
.moduletableafisha .prod-item .itemdates,
.afishaarea .prod-item .itemdates {
  font-size: 0.85em !important;
  color: #555555 !important;
  padding: 0 !important;
  margin-bottom: 14px !important;
  height: 20px !important; 
  overflow: hidden !important;
  display: block !important;
  text-align: left !important;
}

.moduletableafisha .prod-item .itemdates img,
.moduletableafisha .prod-item .itemdates::before,
.afishaarea .prod-item .itemdates img,
.afishaarea .prod-item .itemdates::before {
  display: none !important;
  content: none !important;
}

/* Векторный календарик */
.moduletableafisha .prod-item .itemdates::after,
.afishaarea .prod-item .itemdates::after {
  content: "" !important;
  display: inline-block !important;
  vertical-align: -2px !important; 
  margin-right: 8px !important; 
  width: 14px !important;
  height: 14px !important;
  background-color: #777777 !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://w3.org' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2 2v12a2 2 0 002 2z'/%3E%3C/svg%3E") no-repeat center / contain !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://w3.org' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2 2v12a2 2 0 002 2z'/%3E%3C/svg%3E") no-repeat center / contain !important;
}

/* --- 7. КРАТКОЕ ОПИСАНИЕ АФИШИ (СТРОГО 3 СТРОКИ) --- */
.moduletableafisha .prod-item .afisha-desc,
.afishaarea .prod-item .afisha-desc {
  color: #666666 !important;
  font-size: 0.85em !important;
  padding: 0 !important;
  line-height: 1.4 !important;
  margin-top: auto !important; 
  margin-bottom: 0 !important; 
  height: 4.2em !important; 
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important; 
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* Сброс форматирования текста */
.moduletableafisha .prod-item .afisha-desc *,
.afishaarea .prod-item .afisha-desc *,
.moduletableafisha .prod-item .afisha-desc strong,
.afishaarea .prod-item .afisha-desc strong,
.moduletableafisha .prod-item .afisha-desc b,
.afishaarea .prod-item .afisha-desc b {
  font-weight: normal !important;
  font-style: normal !important;
  color: inherit !important;
  font-size: inherit !important;
}

/* Скрытие цен */
.moduletableafisha .prod-item .itemprice,
.afishaarea .prod-item .itemprice {
  display: none !important;
}