@media (max-width: 768px) {
	.ea-header { z-index: 900 !important; }
	.uicore-back-to-top { z-index: 950 !important; bottom: 80px !important; }
	.ea-mtab { z-index: 1000 !important; }
	.ea-l2c-sticky-bar { z-index: 1010 !important; bottom: 60px !important; }
	.ea-pdp-sticky-atc { z-index: 1020 !important; }
	/* Drawer hamburger DOIT dominer mtab + sticky bars (modal-level) */
	.ea-drawer { z-index: 9500 !important; }
	/* Hide mtab quand drawer ouvert (évite tap sous le drawer en zone bas) */
	body.ea-drawer-open .ea-mtab,
	body.ea-drawer-open .ea-pdp-sticky-atc,
	body.ea-drawer-open .ea-l2c-sticky-bar { display: none !important; }
	body.ea-drawer-open { overflow: hidden !important; }

	body { padding-bottom: 64px !important; }
	body.ea-l2c-active { padding-bottom: 124px !important; }
	body.single-product.ea-pdp-sticky-active { padding-bottom: 128px !important; }
	.wc-block-components-text-input input,
	.wc-block-components-address-form input,
	form.checkout input[type="text"],
	form.checkout input[type="email"],
	form.checkout input[type="tel"] {
		min-height: 50px !important;
	}
}
.ea-pdp-sticky-atc { display: none; }
@media (max-width: 768px) {
	.ea-pdp-sticky-atc {
		position: fixed; bottom: 60px; left: 0; right: 0;
		display: flex; align-items: center; gap: 12px; padding: 10px 14px;
		background: #ffffff; border-top: 1px solid rgba(13,17,68,0.10);
		box-shadow: 0 -4px 12px rgba(13,17,68,0.08);
		transform: translateY(110%); transition: transform .25s ease-out; will-change: transform;
		font-family: 'Manrope', system-ui, -apple-system, sans-serif;
	}
	.ea-pdp-sticky-atc.is-visible { transform: translateY(0); }
	.ea-pdp-sticky-atc__info { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
	.ea-pdp-sticky-atc__title {
		font-size: 12px; font-weight: 600; color: #0D1144; opacity: 0.7;
		white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	}
	.ea-pdp-sticky-atc__price { font-size: 15px; font-weight: 800; color: #0D1144; line-height: 1.2; }
	.ea-pdp-sticky-atc__price del { opacity: 0.5; font-weight: 500; margin-right: 4px; font-size: 13px; }
	.ea-pdp-sticky-atc__price ins { text-decoration: none; }
	.ea-pdp-sticky-atc__price small { font-size: 10px; font-weight: 600; opacity: 0.6; margin-left: 4px; letter-spacing: 0.04em; }
	.ea-pdp-sticky-atc__price .woocommerce-Price-amount { font-weight: 800; }
	.ea-pdp-sticky-atc__price .woocommerce-Price-currencySymbol { margin-left: 2px; }
	.ea-pdp-sticky-atc__cta {
		flex: 0 0 auto; background: #FFD400; color: #0D1144;
		font-weight: 800; font-size: 14px; letter-spacing: 0.01em;
		padding: 14px 18px; border: 0; border-radius: 8px; cursor: pointer;
		white-space: nowrap; min-height: 48px; font-family: inherit;
		transition: transform .12s ease;
	}
	.ea-pdp-sticky-atc__cta:active { transform: scale(0.97); }
	.ea-pdp-sticky-atc__cta:disabled { opacity: 0.5; cursor: not-allowed; }
}
.ea-mtab__item--cart { position: relative; }
.ea-mtab__badge {
	position: absolute; top: 4px; left: 50%; transform: translateX(4px);
	background: #FFD400; color: #0D1144; font-size: 10px; font-weight: 800;
	line-height: 14px; min-width: 18px; height: 16px; padding: 0 5px;
	border-radius: 9px; text-align: center; box-shadow: 0 1px 3px rgba(13,17,68,0.15);
}
.ea-mtab__badge[hidden] { display: none; }
@media (max-width: 768px) {
	.ea-mtab.has-cart { grid-template-columns: repeat(6, 1fr) !important; }
}
@media (max-width: 359px) {
	.ea-mtab.has-cart { grid-template-columns: repeat(5, 1fr) !important; }
	.ea-mtab.has-cart .ea-mtab__item--conseil { display: none !important; }
}

/* L1 marque — force grid 2 cols mobile sur TOUS les variants (cohérence visuelle vs featured 2 cols) */
@media (max-width: 640px) {
	.ea6-models-grid,
	.ea6-models-grid--rest,
	.ea6-models-grid--featured,
	.ea6-best-grid,
	.ea6-intent-grid {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 12px !important;
	}
	.ea6-models-grid .ea6-model-card,
	.ea6-models-grid--rest .ea6-model-card,
	.ea6-best-grid .ea6-model-card,
	.ea6-intent-grid .ea6-model-card {
		padding: 14px !important;
	}
	.ea6-models-grid .ea6-model-illus,
	.ea6-models-grid--rest .ea6-model-illus {
		height: 80px !important;
	}
}
@media (max-width: 380px) {
	.ea6-models-grid,
	.ea6-models-grid--rest,
	.ea6-models-grid--featured,
	.ea6-best-grid,
	.ea6-intent-grid {
		gap: 8px !important;
	}
}

/* ===== v1.0.5 — UI mobile L2/PDP refondu Luke Wroblewski ===== */
@media (max-width: 768px) {

	/* ---- 1) Réduire gap header → content sur L2 ---- */
	body main,
	body #main,
	body .site-main,
	body .uicore-page-content {
		padding-top: 0 !important;
	}
	.ea6-hero {
		padding-top: 12px !important;
		padding-bottom: 8px !important;
		min-height: 0 !important;
	}
	.ea6-hero:empty,
	.ea6-hero > .uicore-spacer:only-child {
		display: none !important;
	}

	/* ---- 2) Sticky bar L2 + safe-area iPhone ---- */
	#ea-l2c-sticky-bar,
	.ea-l2c-sticky-bar {
		bottom: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
		z-index: 1010 !important;
		box-shadow: 0 -3px 12px rgba(13, 17, 68, 0.18) !important;
		padding: 10px 14px !important;
	}
	.ea-mtab {
		padding-bottom: env(safe-area-inset-bottom, 0px) !important;
	}

	/* ---- 3) Stock + result summary visibles (z-index relative) ---- */
	.ea-l2c-stock-dot,
	.ea-l2c-stock-text,
	.ea-l2c-result-summary,
	.ea-l2c-compat-ribbon {
		position: relative !important;
		z-index: 5 !important;
	}
	.ea-l2c-result-summary {
		display: inline-flex !important;
		gap: 6px !important;
		align-items: center !important;
		margin: 0 0 8px 0 !important;
		font-size: 12px !important;
	}

	/* ---- 4) CARDS PRODUITS — 2 colonnes mobile (Luke Wroblewski) ---- */
	/* Force le parent direct des pcards à devenir grid 2-col.
	   Cible toute SECTION qui contient au moins 1 .ea6-m-pcard. */
	section:has(> .ea6-m-pcard),
	section:has(> .ea-l2c-prod),
	section:has(> .ea-l2c-pcard),
	.ea-l2c-products,
	.ea6-l2c-products,
	.ea-l2c-prods-grid {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 10px !important;
		padding: 0 12px !important;
	}

	/* Card individuelle compacte */
	.ea6-m-pcard,
	.ea-l2c-prod,
	.ea-l2c-pcard {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		padding: 12px !important;
		margin: 0 !important;
		border-radius: 12px !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 8px !important;
		overflow: hidden !important;
	}

	/* Photo de la card : aspect-ratio 4:3 propre, image contenue */
	.ea6-m-pcard-photo,
	.ea-l2c-carousel {
		width: 100% !important;
		aspect-ratio: 4 / 3 !important;
		max-width: 100% !important;
		max-height: none !important;
		height: auto !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		background: #f7f8fb !important;
		border-radius: 8px !important;
		overflow: hidden !important;
		margin: 0 !important;
		position: relative !important;
	}
	.ea6-m-pcard-photo img,
	.ea-l2c-carousel img,
	.ea-l2c-slide,
	.ea-l2c-slides img {
		width: 100% !important;
		height: 100% !important;
		max-width: 100% !important;
		max-height: 100% !important;
		object-fit: contain !important;
		object-position: center !important;
		display: block !important;
	}

	/* Typographie compacte 2-col */
	.ea6-m-pcard h2,
	.ea6-m-pcard h3,
	.ea6-m-pcard .ea6-m-pcard-title,
	.ea-l2c-prod h2,
	.ea-l2c-prod h3 {
		font-size: 14px !important;
		font-weight: 700 !important;
		line-height: 1.25 !important;
		margin: 4px 0 0 0 !important;
	}
	.ea6-m-pcard p,
	.ea6-m-pcard .ea6-m-pcard-desc,
	.ea-l2c-prod p {
		font-size: 12px !important;
		line-height: 1.35 !important;
		margin: 2px 0 !important;
	}
	.ea6-m-pcard-brand,
	.ea-l2c-brand-line {
		font-size: 10px !important;
		letter-spacing: 0.05em !important;
		text-transform: uppercase !important;
		opacity: 0.6 !important;
	}
	.ea6-m-pcard-stock,
	.ea-l2c-stock-text {
		font-size: 11px !important;
	}

	/* Prix dans card */
	.ea6-m-pcard-price,
	.ea-l2c-prod .price {
		font-size: 16px !important;
		font-weight: 800 !important;
	}

	/* CTAs dans card — full-width pleins doigt */
	.ea6-m-pcard .button,
	.ea6-m-pcard a.btn,
	.ea-l2c-prod .button,
	.ea-l2c-prod a.btn,
	.ea6-m-pcard [class*="add-to-cart"],
	.ea-l2c-prod [class*="add-to-cart"] {
		width: 100% !important;
		min-height: 40px !important;
		font-size: 13px !important;
		padding: 10px 8px !important;
		text-align: center !important;
	}

	/* Sous 360px (iPhone SE), tomber à 1 col pour préserver lisibilité */
	@media (max-width: 359px) {
		section:has(> .ea6-m-pcard),
		section:has(> .ea-l2c-prod),
		.ea-l2c-products {
			grid-template-columns: 1fr !important;
		}
	}

	/* ---- 5) Pas d'overflow horizontal global ---- */
	body.archive,
	body.single-product,
	body.tax-vehicule,
	html {
		overflow-x: hidden !important;
		max-width: 100vw !important;
	}
}