/* sharper card tile */
.card-tile{
  position: relative;
  border-radius: var(--tile-radius);
  background: linear-gradient(180deg, #ffffff, #fbfbfb);
  /* Уберём слабую внешнюю границу - она будет имитироваться псевдоэлементом */
  border: none;
  /* более чёткая основная тень (меньше blur, больше offset) */
  box-shadow: 0 6px 16px rgba(16,24,40,0.10), 0 2px 6px rgba(16,24,40,0.06);
  transition: transform 220ms cubic-bezier(.2,.9,.2,1), box-shadow 220ms;
  overflow: visible;
  will-change: transform, box-shadow;
  transform-origin: center;
}

/* внутренний тонкий световой штрих (делает кромку резче) */
.card-tile::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  /* лёгкий внутренний блик сверху + очень тонкая тёмная инсет тень снизу */
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.7), inset 0 -1px 0 rgba(0,0,0,0.03);
}

/* вспомогательная чёткая обводка вне плитки — создаёт «острую» кромку */
.card-tile::after{
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: calc(var(--tile-radius) + 1px);
  pointer-events: none;
  border: 1px solid rgba(16,24,40,0.08); /* увеличь до 0.10–0.12, если нужно */
  mix-blend-mode: normal;
  opacity: 0.98;
}

/* при hover — чуть усиливаем тень и подъём */
.card-tile:hover{
  transform: translateY(-8px) scale(1.006);
  box-shadow: 0 14px 30px rgba(16,24,40,0.14), 0 6px 12px rgba(16,24,40,0.09);
  z-index: 6;
}

/* картинка — сохраняем плавное увеличение */
.card-tile .card-img{
  transition: transform 420ms cubic-bezier(.2,.9,.2,1);
}
.card-tile:hover .card-img{
  transform: scale(1.06);
}

/* Если фон контейнера очень светлый — добавим тонкую рамку вокруг всей сетки,
   чтобы плитки выглядели «вырезанными» */
.presentations-grid{
  background: transparent;
  padding: 1rem; /* увеличь, если плитки сливаются */
}

/* в случае, если хочешь ещё более «резкую» границу используем модификатор */
.card-tile--sharp::after{
  border: 1px solid rgba(16,24,40,0.12); /* сильнее */
}
