/* DM Product Section — design Direct Matelas */

.dm-ps{
	--dm-blue:#0077C1;
	--dm-blue-dark:#005C96;
	--dm-ink:#1a1a1a;
	--dm-muted:#555;
	--dm-border:#D6DDE3;
	--dm-grey:#F8F8F8;
	font-family:'Montserrat',sans-serif;
	color:var(--dm-ink);
	max-width:1200px;
	margin:0 auto;
	padding:64px 20px;
	box-sizing:border-box;
}
.dm-ps *{box-sizing:border-box}

/* ---- Layout principal : media + info ---- */
.dm-ps__main{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:56px;
	align-items:center;
}

/* ---- Media / galerie ---- */
.dm-ps__stage{
	background:var(--dm-grey);
	border-radius:12px;
	overflow:hidden;
	aspect-ratio:4/3;
	display:flex;align-items:center;justify-content:center;
}
.dm-ps__img{width:100%;height:100%;object-fit:cover;display:block}
.dm-ps__stage--empty{min-height:340px}
.dm-ps__thumbs{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.dm-ps__thumb{
	width:64px;height:64px;padding:0;border:2px solid transparent;border-radius:8px;
	overflow:hidden;cursor:pointer;background:var(--dm-grey)
}
.dm-ps__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.dm-ps__thumb.is-active{border-color:var(--dm-blue)}

/* ---- Colonne info ---- */
.dm-ps__eyebrow{
	color:var(--dm-blue);font-weight:600;font-size:15px;letter-spacing:2px;margin:0 0 8px;text-transform:uppercase
}
.dm-ps__titlerow{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin:0 0 6px}
.dm-ps__title{
	font-family:'Inter',sans-serif;font-weight:700;font-size:48px;line-height:1;color:#000;margin:0
}
.dm-ps__from{color:var(--dm-blue);font-weight:700;font-size:15px;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}
.dm-ps__from .woocommerce-Price-amount{color:var(--dm-blue);font-weight:700}
.dm-ps__badge{
	display:inline-block;background:var(--dm-blue);color:#fff;font-weight:600;font-size:12px;letter-spacing:.5px;
	text-transform:uppercase;padding:5px 14px;border-radius:20px;margin:0 0 14px
}
.dm-ps__stock{color:var(--dm-blue);font-weight:600;font-size:12px;letter-spacing:1px;text-transform:uppercase;margin:0 0 18px}
.dm-ps__lead{font-size:15px;line-height:1.7;color:var(--dm-ink);margin:0 0 16px}
.dm-ps__lead p{margin:0}
.dm-ps__lead strong{font-weight:700}
.dm-ps__desc{font-size:15px;line-height:1.7;color:var(--dm-ink);margin:0 0 26px}
.dm-ps__desc p{margin:0 0 10px}
.dm-ps__desc p strong,.dm-ps__desc strong{font-weight:700}
.dm-ps__desc ul{padding:0;list-style:none;margin:0}
.dm-ps__desc li{margin:0 0 8px;color:var(--dm-muted)}

/* ---- Buy box ---- */
.dm-buybox{max-width:540px}
.dm-buybox__label{color:var(--dm-blue);font-weight:700;font-size:14px;letter-spacing:2px;margin:0 0 12px}
.dm-buybox__pills{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.dm-pill{
	appearance:none;cursor:pointer;border:1px solid var(--dm-border);background:var(--dm-grey);color:var(--dm-ink);
	font-family:'Montserrat',sans-serif;font-size:14px;font-weight:500;padding:11px 6px;border-radius:6px;
	text-align:center;transition:all .15s ease;line-height:1.2
}
.dm-pill:hover{border-color:var(--dm-blue);color:var(--dm-blue)}
.dm-pill.is-active{background:var(--dm-blue);border-color:var(--dm-blue);color:#fff}
.dm-pill.is-special{font-style:italic}
.dm-buybox__bar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:22px}
.dm-buybox__price{font-family:'Inter',sans-serif;font-weight:700;font-size:30px;color:var(--dm-blue);line-height:1}
.dm-buybox__price .woocommerce-Price-amount{color:var(--dm-blue)}
.dm-qty{display:flex;align-items:center;border:1px solid var(--dm-border);border-radius:30px;overflow:hidden;background:#fff}
.dm-qty__btn{appearance:none;border:0;background:transparent;width:34px;height:38px;font-size:18px;cursor:pointer;color:var(--dm-blue);line-height:1}
.dm-qty__input{
	width:40px;height:38px;border:0;text-align:center;font-family:'Montserrat',sans-serif;font-size:15px;
	-moz-appearance:textfield;background:transparent
}
.dm-qty__input::-webkit-outer-spin-button,.dm-qty__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.dm-buybox__cta{
	display:inline-flex;align-items:center;justify-content:center;background:var(--dm-blue);color:#fff;
	text-decoration:none;font-family:'Montserrat',sans-serif;font-weight:600;font-size:15px;padding:12px 26px;
	border-radius:30px;transition:background .15s ease;border:0;cursor:pointer
}
.dm-buybox__cta:hover{background:var(--dm-blue-dark);color:#fff}
.dm-buybox__cta.is-wa{background:#25D366}
.dm-buybox__cta.is-wa:hover{background:#1da851}
.dm-buybox__note{margin-top:12px;font-size:13px;color:#9a9a9a;font-style:italic}

/* ---- Description technique ---- */
.dm-ps__tech{margin-top:54px}
.dm-ps__tech-title{color:var(--dm-blue);font-weight:700;font-size:15px;letter-spacing:2px;margin:0 0 22px}
.dm-ps__tech-grid{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:start}
.dm-ps__specs{display:grid;grid-template-columns:1fr 1fr;gap:22px 48px}
.dm-ps__spec{display:grid;grid-template-columns:130px 1fr;gap:14px;align-items:start;font-size:14px;line-height:1.5}
.dm-ps__spec-k{font-weight:700;color:var(--dm-ink)}
.dm-ps__spec-v{color:var(--dm-muted)}
.dm-ps__special{
	border-left:1px solid var(--dm-border);padding-left:40px;
	display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:200px
}
.dm-ps__special-btn{
	display:inline-flex;align-items:center;justify-content:center;background:var(--dm-blue);color:#fff;
	text-decoration:none;font-family:'Montserrat',sans-serif;font-weight:600;font-size:14px;padding:11px 24px;
	border-radius:30px;transition:background .15s ease
}
.dm-ps__special-btn:hover{background:var(--dm-blue-dark);color:#fff}
.dm-ps__special-btn.is-disabled{background:#9bb6c9;pointer-events:none}
.dm-ps__special-note{font-size:13px;color:var(--dm-muted)}

/* ---- Responsive ---- */
@media(max-width:900px){
	.dm-ps{padding:48px 16px}
	.dm-ps__main{grid-template-columns:1fr;gap:28px}
	.dm-ps__title{font-size:34px}
	.dm-ps__tech-grid{grid-template-columns:1fr;gap:28px}
	.dm-ps__special{
		border-left:0;border-top:1px solid var(--dm-border);padding-left:0;padding-top:24px;
		align-items:flex-start;min-width:0
	}
}
@media(max-width:600px){
	.dm-buybox__pills{grid-template-columns:repeat(2,1fr)}
	.dm-buybox__price{font-size:26px}
	.dm-ps__specs{grid-template-columns:1fr;gap:16px}
	.dm-ps__spec{grid-template-columns:120px 1fr}
	.dm-ps__titlerow{gap:10px}
}