/* monchanvre — Responsive (le design est cadré desktop ; on dégrade proprement) */

@media (max-width: 920px){
	.hero .grid,
	.pdp,
	.contact,
	.contact-grid-2,
	.featured,
	.method-band,
	.scoreband,
	.score-bars{grid-template-columns:1fr;gap:32px}

	.shop{grid-template-columns:1fr}
	.filters{position:static}

	.cats,
	.products,
	.products--3,
	.posts,
	.trust,
	.fcols,
	ul.products,
	ul.products.columns-3{grid-template-columns:1fr 1fr}

	.hero h1{font-size:var(--fs-3xl)}
	.featured .ph,.featured img{min-height:240px}

	/* Navigation mobile */
	.nav-menu{display:none}
	.nav-menu-toggle{display:grid}
	.nav-right .btn--ink{display:none}

	/* Comparateur d'offres : empilé */
	.offers .row{grid-template-columns:1fr 1fr;gap:8px 16px}
	.offers .row .btn{grid-column:1 / -1}
	.offers .row.head{display:none}

	.news{padding:40px 24px}
	.band{padding:32px}
	.score-bars{gap:14px}
}

@media (max-width: 560px){
	:root{--gutter:18px}
	.cats,
	.products,
	.products--3,
	.posts,
	.trust,
	.fcols,
	.specs,
	ul.products,
	ul.products.columns-2,
	ul.products.columns-3{grid-template-columns:1fr}

	.hero h1{font-size:var(--fs-2xl)}
	.page-hero h1{font-size:var(--fs-2xl)}
	.article-head h1{font-size:var(--fs-2xl)}
	.sticker--tl{left:0}
	.sticker--br{right:0}
	.scoreband{grid-template-columns:1fr;text-align:center}
	.offers .row{grid-template-columns:1fr}
	.news form{flex-direction:column}
	.news input{min-width:0}
}