@media (max-width: 1280px) {
.footer__grid {
grid-template-columns: 1.4fr 1fr 1fr 1fr;
}
.footer__contacts {
grid-column: 2 / -1;
}
}
@media (max-width: 1024px) {
.nav,
.header .btn--pill {
display: none;
}
.burger {
display: flex;
}
.header__aside {
margin-left: auto;
}
.cta-panel__grid {
grid-template-columns: 1fr;
gap: var(--space-xl);
}
.cta-panel__channels {
max-width: none;
} .srow {
display: grid;
grid-template-columns: 30px minmax(0, 1fr);
column-gap: 16px;
row-gap: 6px;
align-items: baseline;
padding-block: 20px;
}
.srow__num {
grid-column: 1;
grid-row: 1;
}
.srow__title {
grid-column: 2;
grid-row: 1;
width: auto;
font-size: clamp(18px, 2.4vw, 22px);
}
.srow__desc {
grid-column: 2;
grid-row: 2;
max-width: 56ch;
padding-left: 0;
}
.srow__arrow {
display: none;
}
}
@media (max-width: 900px) {
.footer__grid {
grid-template-columns: repeat(3, 1fr);
row-gap: var(--space-xl);
}
.footer__about {
grid-column: 1 / -1;
max-width: 46ch;
}
.footer__contacts {
grid-column: auto;
}
.poster__metrics {
gap: var(--space-md);
}
}
@media (max-width: 768px) {
.cookie {
left: 12px;
right: 12px;
bottom: 12px;
flex-wrap: wrap;
padding: 16px;
}
.cookie__actions {
margin-left: 0;
width: 100%;
flex-wrap: wrap;
}
.cookie .btn {
flex: 1 1 auto;
}
.cookie__ico {
display: none;
}
.form-row {
grid-template-columns: 1fr;
}
}
@media (max-width: 640px) {
.footer__grid {
grid-template-columns: 1fr 1fr;
}
.footer__bottom {
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
.btn-row {
flex-direction: column;
align-items: stretch;
}
.btn-row .btn {
width: 100%;
}
.marquee__item {
width: 190px;
}
.pills {
flex-wrap: nowrap;
overflow-x: auto;
padding-bottom: 6px;
scrollbar-width: none;
}
.pills::-webkit-scrollbar {
display: none;
}
.pill {
flex: none;
}
.round-btn {
width: 46px;
height: 46px;
}
}
@media (max-width: 480px) {
.footer__grid {
grid-template-columns: 1fr;
}
.pagination {
flex-wrap: wrap;
}
}