/* ============================================================
 * Mtech — coded homepage (front-page.php)
 * Current sections: trust strip + best sellers (hero pending wireframe).
 * ============================================================ */

.mtech-home { overflow-x: hidden; }

/* Suppress the theme's empty archive header + top padding on the homepage. */
body.home .archive-header { display: none; }
body.home #content.site-content { padding-top: 0 !important; }
body.home .shoptimizer-archive > .col-full { padding-top: 0 !important; }

/* Full-bleed section that breaks out of the theme's .col-full container */
.mtech-hsec {
	position: relative;
	left: 50%;
	right: 50%;
	width: 100vw;
	margin-left: -50vw;
	margin-right: -50vw;
}

.mtech-hwrap {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 24px;
}

/* Section heading */
.mtech-sec-head { text-align: center; margin: 0 auto 24px; }
.mtech-sec-head h2 {
	font-size: clamp(22px, 1.4rem + 1vw, 30px);
	font-weight: 800;
	color: #111827;
	margin: 0 0 6px;
}
.mtech-sec-head p { color: #6b7280; margin: 0; font-size: 15px; }

/* ---------- TRUST STRIP ---------- */
.mtech-trust { background: #f3f6fa; border-top: 1px solid #e5e7eb; border-bottom: 1px solid #e5e7eb; }
.mtech-trust-inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 14px 24px;
	padding: 18px 24px;
	max-width: 1280px;
}
.mtech-trust-item {
	display: flex;
	align-items: center;
	gap: 9px;
	font-weight: 600;
	font-size: 14.5px;
	color: #1f2937;
}
.mtech-trust-item svg { width: 22px; height: 22px; color: #009245; flex: 0 0 22px; }

@media (max-width: 760px) {
	.mtech-trust-inner { justify-content: flex-start; }
	.mtech-trust-item { flex: 1 1 42%; }
}

/* ---------- BEST SELLERS ---------- */
.mtech-bestsellers { padding: 48px 0 56px; }

/* Force a single 6-up row on desktop (overrides catalogue.css responsive grid) */
.mtech-bestsellers .woocommerce ul.products,
.mtech-bestsellers ul.products {
	grid-template-columns: repeat(6, 1fr) !important;
}

@media (max-width: 1024px) {
	.mtech-bestsellers .woocommerce ul.products,
	.mtech-bestsellers ul.products { grid-template-columns: repeat(3, 1fr) !important; }
}

@media (max-width: 600px) {
	.mtech-bestsellers .woocommerce ul.products,
	.mtech-bestsellers ul.products { grid-template-columns: repeat(2, 1fr) !important; }
	.mtech-bestsellers { padding: 36px 0 44px; }
}