/* Sidus — responsive.css : desktop/tablet enhancements over mobile-first base */

@media (min-width:560px){
	.search-grid{grid-template-columns:1fr 1fr}
	.tile-grid{grid-template-columns:repeat(3,1fr)}
	.dev-grid{grid-template-columns:repeat(3,1fr)}
	.amenities{grid-template-columns:repeat(3,1fr)}
	.lp-stats{grid-template-columns:repeat(4,1fr)}
}

@media (min-width:768px){
	.trust-strip .container{grid-template-columns:repeat(4,1fr)}
	.cards{grid-template-columns:repeat(2,1fr)}
	.reviews-grid{grid-template-columns:repeat(2,1fr)}
	.nearby-grid{grid-template-columns:repeat(2,1fr)}
	.facts-bar{grid-template-columns:repeat(4,1fr)}
	.footer-cols{grid-template-columns:1.4fr 1fr 1fr 1fr}
	.filter-bar{grid-template-columns:repeat(4,1fr) auto}
	.search-grid{grid-template-columns:repeat(4,1fr) auto}
	.search-card .btn{margin-top:0}
}

@media (min-width:960px){
	.primary-nav{display:block}
	.nav-toggle{display:none}
	.sticky-bar{display:none}            /* desktop uses inline CTAs */
	.cards{grid-template-columns:repeat(3,1fr)}
	.tile-grid{grid-template-columns:repeat(4,1fr)}
	.dev-grid{grid-template-columns:repeat(5,1fr)}
	.pdp-hero{grid-template-columns:1.65fr 1fr;align-items:start}
	.pdp-layout{display:grid;grid-template-columns:1fr 340px;gap:36px;align-items:start}
	.pdp-aside{position:sticky;top:90px}
	.lp-layout{display:grid;grid-template-columns:1fr 340px;gap:36px;align-items:start}
	.lp-aside{position:sticky;top:90px}
	.hero h1{font-size:clamp(2.8rem,2rem + 3vw,4.2rem)}
}

@media (min-width:1100px){
	.cards--4{grid-template-columns:repeat(4,1fr)}
}

/* On mobile, the in-page sticky lead card stacks normally */
@media (max-width:959px){
	.pdp-aside{margin-top:8px}
	.floats{bottom:74px}
	body{padding-bottom:54px} /* room for sticky bar */
}