/* ریسپانسیو موبایل‌اول – قالب تعمیرش با من */

@media (max-width: 1024px) {
	.hero-inner{grid-template-columns:1fr;}
	.hero-card{max-width:560px;}
	.service-layout{grid-template-columns:1fr;}
	.service-sidebar{position:static;grid-template-columns:1fr;}
	.grid-3{grid-template-columns:repeat(2,1fr);}
	.advantages-grid{grid-template-columns:repeat(2,1fr);}
	.footer-grid{grid-template-columns:repeat(2,1fr);}
}

@media (max-width: 782px) {
	.nav-toggle{display:flex;}
	.main-nav{display:none;width:100%;order:3;}
	.main-nav.nav-open{display:block;}
	.nav-menu{flex-direction:column;gap:0;padding-bottom:12px;}
	.nav-menu ul.sub-menu{display:block;position:static;box-shadow:none;min-width:0;padding-inline-start:16px;}
	.header-phone{display:none;}
	.hero{padding:44px 0;}
	.hero-title{font-size:1.6rem;}
	.hero-actions .btn{width:100%;}
	.section{padding:40px 0;}
	.grid-3{grid-template-columns:1fr;}
	.advantages-grid{grid-template-columns:1fr 1fr;gap:12px;}
	.advantage-item{justify-content:flex-start;}
	.footer-grid{grid-template-columns:1fr;gap:24px;}
}

@media (max-width: 600px) {
	body{padding-bottom:58px;}
	.mobile-contact-bar{display:flex;}
	.hero-card{padding:20px;}
	.entry-card{padding:20px;}
	.section-head h2{font-size:1.3rem;}
	.hero-points{font-size:.9rem;}
}
@media (max-width: 380px) {
	.advantages-grid{grid-template-columns:1fr;}
	.hero-title{font-size:1.35rem;}
}