/* product page additions */
@layer components {
	.product-hero { background:#15181b; color:#fff; }
	.product-hero__inner { max-width:1440px; margin:0 auto; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.95fr); min-height:620px; }
	.product-hero__copy { padding:88px clamp(32px,6vw,90px); display:flex; flex-direction:column; justify-content:center; }
	.product-hero h1 { margin:0; font-family:var(--font-serif); font-size:clamp(52px,5.4vw,82px); line-height:.95; letter-spacing:-.04em; font-weight:600; }
	.product-hero__copy > p:not(.eyebrow) { margin:24px 0 0; max-width:680px; color:#cdd2d0; font-size:17px; line-height:1.72; }
	.product-hero__media { min-height:620px; background:#222; }
	.product-hero__media img { width:100%; height:100%; object-fit:cover; }
	.section--narrow { max-width:1080px; }
	.product-card--static { cursor:default; }
	.product-card--static:hover { transform:none; box-shadow:none; }
	.split-feature--light { background:#f1eee8; color:var(--color-neutral); }
	.split-feature--light .split-feature__copy p { color:#666a67; }
	.check-list { margin:26px 0 0; padding:0; list-style:none; display:grid; gap:12px; }
	.check-list li { position:relative; padding-left:24px; color:#4f5350; line-height:1.6; }
	.check-list li::before { content:""; position:absolute; left:0; top:.68em; width:8px; height:8px; background:var(--color-primary-600); }
	.comparison__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid #ddd6cd; border-left:1px solid #ddd6cd; }
	.comparison__grid > div { padding:28px; border-right:1px solid #ddd6cd; border-bottom:1px solid #ddd6cd; }
	.comparison__grid span { color:var(--color-primary-600); font-size:11px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
	.comparison__grid h3 { margin:24px 0 8px; font-size:22px; }
	.comparison__grid p { margin:0; color:#6a6e6b; font-size:14px; line-height:1.62; }
	.faq__list { display:grid; gap:10px; }
	.faq__list details { background:#fff; border:1px solid #e2ddd4; padding:0 20px; }
	.faq__list summary { cursor:pointer; list-style:none; padding:20px 26px 20px 0; font-weight:800; position:relative; }
	.faq__list summary::-webkit-details-marker { display:none; }
	.faq__list summary::after { content:"+"; position:absolute; right:0; top:17px; font-size:24px; font-weight:400; color:var(--color-primary-600); }
	.faq__list details[open] summary::after { content:"–"; }
	.faq__list details p { margin:0; padding:0 0 20px; color:#666a67; line-height:1.7; }
	@media (max-width:1024px){
		.product-hero__inner{grid-template-columns:1fr}
		.product-hero__media{min-height:460px;order:1}
		.product-hero__copy{order:2;padding:64px 32px}
		.comparison__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	}
	@media (max-width:680px){
		.product-hero__media{min-height:330px}
		.product-hero__copy{padding:48px 20px 54px}
		.comparison__grid{grid-template-columns:1fr}
	}
}

/* jaluzele landing additions */
.system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.system-card{background:#fff;border:1px solid #e4ded5;overflow:hidden}
.system-card__media{aspect-ratio:16/10;background:#dcd7cf}
.system-card__media--placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#25292c,#49443d);color:#f3f0eb;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.system-card__body{padding:28px}
.system-card__index{color:var(--color-primary-700);font-size:11px;font-weight:800;letter-spacing:.12em}
.system-card h3{margin:18px 0 8px;font-size:24px;letter-spacing:-.025em}
.system-card p{margin:0;color:#5e625f;line-height:1.68}
.product-hero__inner--text{grid-template-columns:1fr;min-height:560px}
.product-hero__inner--text .product-hero__copy{max-width:1050px}
.selection-band{background:#171a1d;color:#fff}
.selection-band__inner{max-width:1320px;margin:0 auto;padding:92px 32px;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}
.selection-band h2{margin:0;font-family:var(--font-serif);font-size:clamp(44px,5vw,68px);line-height:.98;letter-spacing:-.035em;font-weight:600}
.selection-band__points{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.15);border-left:1px solid rgba(255,255,255,.15)}
.selection-band__points>div{padding:22px;border-right:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)}
.selection-band__points strong{display:block;font-size:14px}
.selection-band__points span{display:block;margin-top:6px;color:#c2c8c5;font-size:13px;line-height:1.5}
@media(max-width:900px){.system-grid{grid-template-columns:1fr}.selection-band__inner{grid-template-columns:1fr}.selection-band__points{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.selection-band__inner{padding:70px 18px}.selection-band__points{grid-template-columns:1fr}}


.system-card__media--concept {
	position: relative;
	min-height: 260px;
	overflow: hidden;
	background: linear-gradient(145deg,#ece8e0,#d7d0c5);
}
.system-card__media--suprapus::before {
	content:"";
	position:absolute;
	left:18%;
	right:18%;
	top:14%;
	height:18%;
	background:#5e6467;
	border-radius:4px 4px 1px 1px;
}
.system-card__media--suprapus::after {
	content:"";
	position:absolute;
	left:24%;
	right:24%;
	top:31%;
	bottom:14%;
	border-left:7px solid #697074;
	border-right:7px solid #697074;
	background:repeating-linear-gradient(to bottom,#7a8184 0 9px,#697074 9px 11px);
}
.system-card__media--suprapus span { display:none; }
.system-card__media--verticale {
	display:flex;
	align-items:stretch;
	justify-content:center;
	gap:5px;
	padding:13% 14%;
	box-sizing:border-box;
}
.system-card__media--verticale span {
	position:relative;
	display:block;
	flex:1;
	background:linear-gradient(90deg,#d8d3c9,#b9b3aa 55%,#d8d3c9);
	transform:skewY(-1deg);
	box-shadow:inset -1px 0 rgba(0,0,0,.08);
}
.system-card__media--verticale::before {
	content:"";
	position:absolute;
	left:12%;
	right:12%;
	top:9%;
	height:8px;
	background:#575d60;
	border-radius:6px;
}