/* Главная — адаптивность (Desktop First). Десктоп ≥1025px: modern-v2.css */

/* Ноутбуки: hero-текст и кнопка не должны уезжать за нижний край экрана */
@media (min-width: 1025px) and (max-height: 900px) {
	body.home-page .section1 .sections-wrap {
		top: 300px;
	}
}

@media (min-width: 1025px) and (max-width: 1366px) {
	body.home-page .section1 h1 {
		font-size: 42px;
	}
}

body.home-page .ap-catalog__canvas,
body.home-page .ap-catalog__canvas * {
	box-sizing: border-box;
	font-family: 'Manrope', sans-serif !important;
}

body.home-page .ap-catalog-card:not(.ap-catalog-card--car):not(.ap-catalog-card--moto) .ap-catalog-card__media img {
	max-width: 100%;
	height: auto;
}

/* === Ноутбуки: 769px–1024px === */
@media (max-width: 1024px) and (min-width: 769px) {
	body.home-page .ap-catalog__grid,
	body.home-page .ap-catalog__grid--motos {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* === Планшеты: 481px–768px === */
@media (max-width: 768px) and (min-width: 481px) {
	body.home-page .ap-catalog__grid,
	body.home-page .ap-catalog__grid--motos {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.home-page .ap-catalog__title,
	body.home-page .ap-catalog__title--motos {
		font-size: 28px;
		line-height: 1.15;
	}
}

/* === Мобильные: до 480px === */
@media (max-width: 480px) {
	:is(body.home-page, body.inner-page, body.inner-car-page, body.page-contacts) header {
		height: auto;
		min-height: 72px;
	}

	:is(body.home-page, body.inner-page, body.inner-car-page, body.page-contacts) .header-wrap {
		padding: 12px 16px;
		flex-wrap: wrap;
		gap: 8px;
	}

	:is(body.home-page, body.inner-page, body.inner-car-page, body.page-contacts) .logo-wrap .logo img {
		height: 56px;
		width: auto;
	}

	body.home-page .section1 {
		padding: 100px 0 48px;
	}

	body.home-page .section1 h1 {
		font-size: 32px;
	}

	body.home-page .section1 h3 {
		font-size: 16px;
	}

	body.home-page .sections.section1-5.ap-promo {
		padding: 40px 0;
		min-height: 0;
	}

	body.home-page .ap-promo__badge {
		font-size: 28px !important;
	}

	body.home-page .ap-promo__discount {
		font-size: 56px !important;
	}

	body.home-page .ap-promo__car-name {
		font-size: 28px !important;
	}

	body.home-page .ap-catalog__canvas {
		padding: 32px 16px 48px;
	}

	body.home-page .ap-catalog__title,
	body.home-page .ap-catalog__title--motos {
		font-size: 24px;
	}

	body.home-page .ap-catalog__grid,
	body.home-page .ap-catalog__grid--motos {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	body.home-page .ap-catalog__view-all-icon img {
		width: 120px;
		height: auto;
	}
}

/* === До 1024px: общие правки (ноутбук + планшет + мобильный) === */
@media (max-width: 1024px) {
	:is(body.home-page, body.inner-page, body.inner-car-page, body.page-contacts) header .header-wrap {
		display: flex;
		align-items: center;
	}

	:is(body.home-page, body.inner-page, body.inner-car-page, body.page-contacts) .menu--home > span#mm_button {
		display: flex;
		align-items: center;
		justify-content: center;
		min-width: 44px;
		min-height: 44px;
		padding: 4px;
	}

	:is(body.home-page, body.inner-page, body.inner-car-page, body.page-contacts) .menu--home .mob-menu {
		position: absolute;
		top: calc(100% + 8px);
		right: 0;
		left: auto;
		width: min(290px, calc(100vw - 32px));
		z-index: 400;
		margin: 0;
		padding: 0;
		list-style: none;
		background: #010101;
		border: 1px solid rgba(255, 255, 255, 0.12);
		border-radius: 6px;
		box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
	}

	:is(body.home-page, body.inner-page, body.inner-car-page, body.page-contacts) .menu--home .mob-menu li {
		height: auto;
		min-height: 48px;
		margin: 0;
		padding: 0;
		background: transparent;
		border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	}

	:is(body.home-page, body.inner-page, body.inner-car-page, body.page-contacts) .menu--home .mob-menu li:last-child {
		border-bottom: none;
	}

	:is(body.home-page, body.inner-page, body.inner-car-page, body.page-contacts) .menu--home .mob-menu li a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		min-height: 44px;
		padding: 10px 16px;
		color: #ffffff !important;
		font-family: 'Manrope', sans-serif;
		font-size: 18px;
		font-weight: 400;
		text-decoration: none;
	}

	body.home-page .section2 .brands-marquee {
		background: #DDE4EBBD;
	}

	body.home-page .sections.section1-5.ap-promo {
		background: #121416 url('../img/promo-trax.jpg') no-repeat center center;
		background-size: cover;
	}

	body.home-page .ap-promo__badge {
		color: #ecd00b;
	}

	body.home-page .ap-promo__subtitle,
	body.home-page .ap-promo__target,
	body.home-page .ap-promo__legal,
	body.home-page .ap-promo__legal p {
		color: #ffffff;
	}

	body.home-page .ap-promo__discount {
		color: #ffd700;
	}

	body.home-page .ap-promo__car-name {
		color: transparent;
		-webkit-text-stroke: 1px #ffffff;
	}

	body.home-page .ap-catalog__filter {
		min-height: 44px;
		padding: 8px 12px;
	}

	body.home-page .ap-catalog-card:not(.ap-catalog-card--car):not(.ap-catalog-card--moto) .ap-catalog-card__media img {
		max-width: 100%;
		height: auto;
	}

	body.home-page .ap-hero__social-link {
		min-width: 44px;
		min-height: 44px;
	}

	body.home-page .section1 .button {
		margin-bottom: 0;
		display: flex;
		align-items: stretch;
		flex-shrink: 0;
		height: auto;
		min-height: 0;
	}

	body.home-page .section1 .button a {
		min-height: 44px;
		height: auto;
		flex: 1 1 auto;
		align-self: stretch;
		width: 100%;
	}

	body.home-page .ap-catalog-card__actions.button a {
		min-height: 44px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

/* Телефоны: логотипы чуть меньше, фон #DDE4EBBD (перекрывает правила ≤1024px) */
@media (max-width: 480px) {
	body.home-page .section2 .brands-marquee {
		min-height: 60px;
		padding: 12px 0;
		background: #DDE4EBBD;
	}

	body.home-page .section2 .items-brand {
		padding: 0 10px;
	}

	body.home-page .section2 .items-brand img {
		height: 32px;
		max-width: 88px;
		width: auto;
	}
}