.airlines-page {
padding: 48px 0;
}
.airlines-page__group {
margin-bottom: 48px;
}
.airlines-page__group:last-child {
margin-bottom: 0;
}
.airlines-page__header {
display: flex;
justify-content: center;
margin-bottom: 20px;
}
.airlines-page__title {
color: var(--text);
font-size: 36px;
line-height: 1.05;
}
.airlines-page__grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 14px;
}
.airlines-page__card {
--reveal-y: 0px;
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 calc((100% - 5 * 14px) / 6); height: auto;
padding: 10px;
background: transparent;
border: 0;
cursor: pointer;
transform: translateY(var(--reveal-y));
transition: box-shadow 0.2s, opacity 0.5s ease, transform 0.5s ease;
}
.airlines-page__card:hover {
border-color: var(--primary);
transform: translateY(var(--reveal-y)) scale(1.05);
}
.airlines-page__card img {
width: 100%;
height: 100%;
border-radius: 16px;
object-fit: contain;
}
@media (max-width: 1200px) {
.airlines-page__card {
flex: 0 0 calc((100% - 3 * 14px) / 4); }
}
@media (max-width: 900px) {
.airlines-page__card {
flex: 0 0 calc((100% - 2 * 14px) / 3); }
}
@media (max-width: 600px) {
.airlines-page__card {
flex: 0 0 calc((100% - 1 * 14px) / 2); }
}