/* Extra responsive rules split out for clarity */

@media (min-width: 1280px){
	.hero{padding:120px 0 160px}
	.hero__title{font-size:72px}
}

@media (max-width: 420px){
	.header__inner{min-height:64px}
	.btn--primary{width:100%;justify-content:center}
	.hero__subtitle{font-size:18px}
}

/* Mobile hero CTA: place buttons side-by-side (left: Начать покупки, right: Подробнее) */
@media (max-width: 480px){
	.hero__cta{display:flex;flex-wrap:nowrap;align-items:stretch}
	.hero__cta .btn{flex:1 1 0; width:auto; white-space:nowrap}
	/* Override earlier mobile rule that forces primary to 100% width */
	.hero__cta .btn--primary{width:auto}
	/* Make buttons slightly smaller to fit cleanly */
	.hero__cta .btn{padding:12px 14px; font-size:14px}
	.hero__cta .btn__arrow svg{width:14px; height:14px}
}

/* Ultra-small phones: shrink more and hide arrows to save width */
@media (max-width: 360px){
	.hero__cta .btn{padding:10px 12px; font-size:13px}
	.hero__cta .btn__arrow{display:none}
}