/* Maintaler Showroom – no external fonts, inherits the site font. */
.mgs{
	--mgs-ink:#203747;--mgs-muted:#5d6f7e;--mgs-teal:#118da7;--mgs-teal-dark:#096f86;
	--mgs-bg:#f4f8f9;--mgs-paper:#fff;--mgs-line:#e0e9ec;--mgs-service:#e6f1f3;--mgs-radius:18px;
	color:var(--mgs-ink);font-family:inherit;line-height:1.55;box-sizing:border-box
}
.mgs *,.mgs *::before,.mgs *::after{box-sizing:border-box}
.mgs-bleed{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.mgs .mgs-wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.mgs-showroom-page .site-main .page-content > .mgs-bleed:first-child,.mgs-showroom-page .page-content > p:empty{margin-top:0}

/* Eyebrow */
.mgs .mgs-eyebrow{display:block;margin:0;font-weight:750;text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:var(--mgs-teal);text-decoration:none}

/* Gallery / hero */
.mgs.mgs-gallery{background:var(--mgs-bg);padding:59px 0 72px}
.mgs .mgs-hero__title{margin:10px 0 12px;font-size:clamp(34px,4vw,54px);line-height:1.14;letter-spacing:-1.5px;font-weight:700;color:var(--mgs-ink);max-width:760px}
.mgs .mgs-hero__intro{max-width:750px;color:var(--mgs-muted);font-size:17px;margin:0}
.mgs .mgs-filter{display:flex;flex-wrap:wrap;gap:9px;padding:28px 0 24px}
.mgs a.mgs-chip{display:inline-flex;align-items:center;gap:7px;border-radius:999px;border:1px solid #ccdce0;background:#fff;padding:10px 15px;color:#3b5b6b;font-weight:650;font-size:14px;line-height:1.2;text-decoration:none;transition:background .15s,color .15s,border-color .15s}
.mgs a.mgs-chip:hover,.mgs a.mgs-chip:focus-visible,.mgs a.mgs-chip.is-active{color:#fff;background:var(--mgs-teal);border-color:var(--mgs-teal)}
.mgs .mgs-chip__count{display:inline-block;min-width:22px;padding:1px 6px;border-radius:999px;background:#e6f1f3;color:#3b5b6b;font-size:12px;font-weight:700;text-align:center}
.mgs a.mgs-chip:hover .mgs-chip__count,.mgs a.mgs-chip.is-active .mgs-chip__count{background:rgba(255,255,255,.22);color:#fff}
.mgs .mgs-count{color:var(--mgs-muted);margin:0 0 17px;font-size:13px}
.mgs .mgs-empty{color:var(--mgs-muted)}

/* Grid + cards */
.mgs .mgs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}
.mgs .mgs-card[hidden]{display:none}
.mgs .mgs-card{margin:0;min-width:0}
.mgs a.mgs-card__link{height:100%;display:flex;flex-direction:column;border:1px solid var(--mgs-line);background:var(--mgs-paper);border-radius:var(--mgs-radius);overflow:hidden;box-shadow:0 5px 24px rgba(21,53,67,.045);transition:transform .18s,box-shadow .18s;color:var(--mgs-ink);text-decoration:none}
.mgs a.mgs-card__link:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(21,53,67,.14);color:var(--mgs-ink)}
.mgs a.mgs-card__link:focus-visible,.mgs a.mgs-chip:focus-visible,.mgs a.mgs-back:focus-visible,.mgs a.mgs-btn:focus-visible{outline:3px solid #47b8d0;outline-offset:2px}
.mgs .mgs-card__media{height:190px;background:#dce5e6;overflow:hidden}
.mgs .mgs-card__media img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:0}
.mgs .mgs-card__body{padding:17px 16px 18px;display:flex;flex-direction:column;flex:1}
.mgs .mgs-card__cat{font-size:10px;font-weight:800;letter-spacing:.09em;margin-bottom:6px}
.mgs .mgs-card__title{margin:0;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word;font-size:18px;line-height:1.3;min-height:47px;font-weight:700;letter-spacing:0;color:var(--mgs-ink)}
.mgs .mgs-card__more{color:var(--mgs-teal);font-weight:700;font-size:13px;margin-top:auto;padding-top:14px}

/* Buttons */
.mgs a.mgs-btn{display:inline-block;padding:13px 24px;background:var(--mgs-teal);color:#fff;text-decoration:none;font-weight:750;border-radius:999px;line-height:1.3;transition:background .15s}
.mgs a.mgs-btn:hover{background:var(--mgs-teal-dark);color:#fff}

/* CTA "Alles aus einer Hand" */
.mgs.mgs-cta{background:var(--mgs-service);padding:45px 0;text-align:center}
.mgs .mgs-cta__title{font-size:29px;line-height:1.25;margin:0 0 10px;font-weight:700;color:var(--mgs-ink)}
.mgs .mgs-cta__text{max-width:730px;margin:0 auto 22px;color:#4a6370}

/* Single product */
.mgs.mgs-single-main{background:var(--mgs-bg);margin:0;padding:0}
.mgs .mgs-single{padding:38px 0 64px}
.mgs a.mgs-back{display:inline-block;color:#29748a;font-weight:700;text-decoration:none;padding:8px 0 24px}
.mgs a.mgs-back:hover{color:var(--mgs-teal)}
.mgs .mgs-detail{display:grid;grid-template-columns:1.05fr 1fr;gap:42px;align-items:start}
.mgs .mgs-detail__media img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:20px;box-shadow:0 8px 36px rgba(16,55,70,.11);background:#dce5e6}
.mgs .mgs-detail__title{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word;font-size:clamp(30px,3vw,44px);line-height:1.18;margin:10px 0 20px;letter-spacing:-1px;font-weight:700;color:var(--mgs-ink)}
.mgs .mgs-detail__desc,.mgs .mgs-detail__desc p{font-size:17px;line-height:1.8;color:#4d6471}
.mgs .mgs-detail__desc p{margin:0 0 1em}
.mgs .mgs-benefits{padding:0;list-style:none;margin:24px 0 30px}
.mgs .mgs-benefits li{position:relative;padding:10px 0 10px 26px;border-bottom:1px solid var(--mgs-line);color:var(--mgs-ink)}
.mgs .mgs-benefits li::before{content:"✓";position:absolute;left:2px;top:10px;color:var(--mgs-teal);font-weight:900}
.mgs .mgs-detail__note{font-size:13px;color:#6b7d88;margin:17px 0 0}
.mgs .mgs-related{padding:0 0 64px}
.mgs .mgs-related__title{font-size:24px;margin:0 0 18px;font-weight:700;color:var(--mgs-ink)}

@media (max-width:1060px){
	.mgs .mgs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
	.mgs .mgs-detail{gap:25px}
}
@media (max-width:740px){
	.mgs .mgs-wrap{padding:0 16px}
	.mgs.mgs-gallery{padding:35px 0 48px}
	.mgs .mgs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
	.mgs .mgs-card__media{height:150px}
	.mgs .mgs-card__body{padding:12px}
	.mgs .mgs-card__title{font-size:15px;min-height:42px}
	.mgs .mgs-detail{grid-template-columns:1fr;gap:18px}
	.mgs .mgs-single{padding-top:10px}
}
@media (max-width:390px){
	.mgs .mgs-card__media{height:128px}
	.mgs .mgs-filter{gap:7px}
	.mgs a.mgs-chip{font-size:12px;padding:8px 11px}
}
@media (prefers-reduced-motion:reduce){
	.mgs a.mgs-card__link,.mgs a.mgs-chip{transition:none}
	.mgs a.mgs-card__link:hover{transform:none}
}