@charset "UTF-8";
/* Страница «Страны»: вид списка направлений «карточки с фото» (плашки и текстовые блоки: components/pages-article.css). */

.deya-dest { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 14px; }
.deya-dest__link { position: relative; display: block; aspect-ratio: 4 / 3; border-radius: 24px; overflow: hidden; background: var(--dark); color: #fff; }
.deya-dest__link:hover { color: #fff; }
.deya-dest__img, .deya-dest__img img { display: block; width: 100%; height: 100%; }
.deya-dest__img img { object-fit: cover; transition: transform .5s ease; }
.deya-dest__link:hover .deya-dest__img img { transform: scale(1.05); }
.deya-dest__name { position: absolute; left: 0; right: 0; bottom: 0; padding: 44px 16px 14px; background: linear-gradient(to top, rgba(5, 40, 50, .85), rgba(5, 40, 50, 0)); font-family: var(--serif); font-size: 20px; line-height: 1.2; }

@media (prefers-reduced-motion: reduce) {
	.deya-dest__img img { transition: none; }
	.deya-dest__link:hover .deya-dest__img img { transform: none; }
}
@media (max-width: 720px) {
	.deya-dest { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.deya-dest__link { border-radius: 20px; }
	.deya-dest__name { font-size: 17px; padding: 36px 12px 12px; }
}
