/* SUNDUQ v222 — адаптивная афиша.
   Загружается последней только на events.php, чтобы общие compact-стили
   не сжимали карточки на планшетах и небольших ноутбуках. */

.events92Page{
  width:min(1400px,calc(100% - 32px))!important;
  max-width:1400px!important;
  min-width:0;
  margin:6px auto 28px!important;
}

.events92Layout{
  display:grid!important;
  grid-template-columns:minmax(220px,280px) minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start;
  min-width:0;
}

.events92Side,
.events92List,
.events92Card,
.events92CardBody{
  min-width:0;
  max-width:100%;
}

.events92Side{
  position:sticky;
  top:92px;
  display:grid;
  gap:10px!important;
  padding:16px!important;
}

.events92Side input{
  min-width:0;
}

.events92Hint{
  margin-top:0!important;
}

.events92List{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:12px!important;
  width:100%;
}

.events92Card{
  width:100%;
  display:grid!important;
  grid-template-columns:clamp(180px,22vw,240px) minmax(0,1fr) 118px!important;
  align-items:stretch;
  min-height:220px;
  overflow:hidden;
}

.events92CardImage{
  width:100%;
  min-width:0;
  min-height:220px!important;
  height:100%;
  overflow:hidden;
}

.events92CardImage img{
  display:block;
  width:100%;
  height:100%;
  min-height:220px;
  object-fit:cover;
  object-position:center top;
}

.events92CardBody{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:20px 22px!important;
  overflow:hidden;
}

.events92CardBody h3{
  margin:0 0 10px!important;
  font-size:clamp(23px,2.2vw,34px)!important;
  line-height:1.12!important;
  overflow-wrap:anywhere;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}

.events92CardBody p{
  margin:0 0 14px!important;
  line-height:1.48!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4!important;
  overflow:hidden;
  overflow-wrap:anywhere;
}

.events92Meta{
  margin-top:auto;
  display:flex!important;
  flex-wrap:wrap;
  gap:7px 12px!important;
  min-width:0;
}

.events92Meta span{
  min-width:0;
  overflow-wrap:anywhere;
}

.events92Date{
  min-width:0;
  padding:16px 10px!important;
  text-align:center;
  white-space:nowrap;
}

.events92Date b{
  font-size:38px!important;
}

/* На планшетах и небольших ноутбуках боковой поиск переносится наверх.
   Так карточке остаётся вся ширина страницы, а текст не превращается
   в узкую вертикальную колонку. */
@media (max-width:1180px){
  .events92Layout{
    grid-template-columns:minmax(0,1fr)!important;
  }

  .events92Side{
    position:static;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    align-items:center;
  }

  .events92Hint{
    grid-column:1/-1;
  }

  .events92Card{
    grid-template-columns:210px minmax(0,1fr) 112px!important;
  }
}

@media (max-width:760px){
  .events92Page{
    width:calc(100% - 18px)!important;
  }

  .events92Side{
    grid-template-columns:minmax(0,1fr);
  }

  .events92Hint{
    grid-column:auto;
  }

  .events92Card{
    grid-template-columns:132px minmax(0,1fr)!important;
    min-height:178px;
  }

  .events92CardImage,
  .events92CardImage img{
    min-height:178px!important;
  }

  .events92CardBody{
    padding:15px 16px!important;
  }

  .events92CardBody h3{
    font-size:22px!important;
    -webkit-line-clamp:3;
  }

  .events92CardBody p{
    -webkit-line-clamp:3!important;
    font-size:14px;
  }

  .events92Date{
    grid-column:1/-1;
    border-left:0!important;
    border-top:1px solid var(--k-line,rgba(255,255,255,.11));
    flex-direction:row!important;
    justify-content:flex-start!important;
    gap:8px!important;
    padding:10px 14px!important;
  }

  .events92Date b{
    font-size:24px!important;
  }
}

@media (max-width:520px){
  .events92Card{
    grid-template-columns:minmax(0,1fr)!important;
  }

  .events92CardImage{
    aspect-ratio:16/9;
    min-height:0!important;
    height:auto;
  }

  .events92CardImage img{
    min-height:0!important;
    aspect-ratio:16/9;
  }

  .events92CardBody{
    padding:15px!important;
  }

  .events92CardBody h3{
    font-size:23px!important;
  }

  .events92CardBody p{
    -webkit-line-clamp:4!important;
  }
}