/* ===== БАЗА ===== */
.uc-music-grid-top .t-col,
.uc-music-grid-bottom .t-col{
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.uc-music-grid-top .t156__item,
.uc-music-grid-bottom .t156__item,
.uc-music-grid-top .t-bgimg,
.uc-music-grid-bottom .t-bgimg{
  transition: all .45s ease;
}

/* затемнение мягче */
.uc-music-grid-top .t-col::before,
.uc-music-grid-bottom .t-col::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background: linear-gradient(
    to top,
    rgba(8,4,3,.52) 0%,
    rgba(12,6,4,.28) 34%,
    rgba(12,6,4,.10) 62%,
    rgba(12,6,4,.03) 100%
  );
  transition: all .35s ease;
}

/* лёгкая внутренняя тень */
.uc-music-grid-top .t-col::after,
.uc-music-grid-bottom .t-col::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  box-shadow: inset 0 0 0 1px rgba(255,245,230,.05);
}

/* картинка */
.uc-music-grid-top .t-bgimg,
.uc-music-grid-bottom .t-bgimg{
  transform: scale(1.01);
  filter: brightness(.78) saturate(1.0) contrast(1.03);
}

/* hover */
.uc-music-grid-top .t-col:hover .t-bgimg,
.uc-music-grid-bottom .t-col:hover .t-bgimg{
  transform: scale(1.06);
  filter: brightness(.96) saturate(1.06) contrast(1.06);
}

.uc-music-grid-top .t-col:hover::before,
.uc-music-grid-bottom .t-col:hover::before{
  background: linear-gradient(
    to top,
    rgba(8,4,3,.28) 0%,
    rgba(12,6,4,.14) 34%,
    rgba(12,6,4,.04) 62%,
    rgba(12,6,4,.00) 100%
  );
}

/* ===== ТЕКСТ ===== */
.uc-music-grid-top .tn-atom,
.uc-music-grid-bottom .tn-atom{
  position: relative !important;
  z-index: 3 !important;
  color:#fff6ea !important;
  text-shadow: 0 3px 18px rgba(0,0,0,.38) !important;
  transition: all .3s ease;
}

.uc-music-grid-top .t-col:hover .tn-atom,
.uc-music-grid-bottom .t-col:hover .tn-atom{
  transform: translateY(-2px);
}

/* цена */
.uc-music-grid-top .tn-atom:has-text("67"),
.uc-music-grid-bottom .tn-atom:has-text("67"){
  color:#f3e5d2 !important;
}

/* ===== АКЦЕНТЫ ПО ЖАНРАМ ===== */
/* верхний блок */
.uc-music-grid-top .t-col:nth-child(1){
  box-shadow: inset 0 -4px 0 #d7ad58;
}
.uc-music-grid-top .t-col:nth-child(2){
  box-shadow: inset 0 -4px 0 #c79a4b;
}
.uc-music-grid-top .t-col:nth-child(3){
  box-shadow: inset 0 -4px 0 #a32727;
}

/* нижний блок */
.uc-music-grid-bottom .t-col:nth-child(1){
  box-shadow: inset 0 -4px 0 #8b3dff;
}
.uc-music-grid-bottom .t-col:nth-child(2){
  box-shadow: inset 0 -4px 0 #ea9942;
}
.uc-music-grid-bottom .t-col:nth-child(3){
  box-shadow: inset 0 -4px 0 #4d8cff;
}

/* ===== ДОП. ПОДСВЕТКА ПРИ НАВЕДЕНИИ ===== */
.uc-music-grid-top .t-col:nth-child(1):hover{
  box-shadow: inset 0 -5px 0 #d7ad58, 0 0 30px rgba(215,173,88,.12);
}
.uc-music-grid-top .t-col:nth-child(2):hover{
  box-shadow: inset 0 -5px 0 #c79a4b, 0 0 30px rgba(199,154,75,.12);
}
.uc-music-grid-top .t-col:nth-child(3):hover{
  box-shadow: inset 0 -5px 0 #a32727, 0 0 30px rgba(163,39,39,.14);
}
.uc-music-grid-bottom .t-col:nth-child(1):hover{
  box-shadow: inset 0 -5px 0 #8b3dff, 0 0 30px rgba(139,61,255,.14);
}
.uc-music-grid-bottom .t-col:nth-child(2):hover{
  box-shadow: inset 0 -5px 0 #ea9942, 0 0 30px rgba(234,153,66,.14);
}
.uc-music-grid-bottom .t-col:nth-child(3):hover{
  box-shadow: inset 0 -5px 0 #4d8cff, 0 0 30px rgba(77,140,255,.14);
}

/* ===== МОБИЛКА ===== */
@media screen and (max-width: 640px){
  .uc-music-grid-top .t-bgimg,
  .uc-music-grid-bottom .t-bgimg{
    transform:none;
    filter: brightness(.82) saturate(1.0);
  }

  .uc-music-grid-top .t-col::before,
  .uc-music-grid-bottom .t-col::before{
    background: linear-gradient(
      to top,
      rgba(8,4,3,.46) 0%,
      rgba(12,6,4,.24) 34%,
      rgba(12,6,4,.08) 62%,
      rgba(12,6,4,.02) 100%
    );
  }
}