
/* Welltherm product presentation */
.product-breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;font-size:12px;color:var(--muted);margin-bottom:36px}.product-breadcrumbs>*+*:before{content:"›";margin-right:9px}.product-breadcrumbs a{text-decoration:underline}.product-detail-hero{padding-top:48px;padding-bottom:62px}.product-hero-layout{display:grid;grid-template-columns:1.03fr 1fr;gap:65px;align-items:start}.product-image-stage{height:470px;border-radius:24px;background:linear-gradient(145deg,#ebebeb,#f6f6f6);padding:35px;display:grid;place-items:center}.product-image-stage>img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 12px #35353515)}.product-thumbnails{display:flex;gap:12px;margin-top:18px}.product-thumbnails button{width:85px;height:76px;border:1px solid var(--line);border-radius:12px;background:#f2f2f2;padding:9px}.product-thumbnails button[aria-pressed=true]{border:2px solid var(--accent)}.product-thumbnails img{width:100%;height:100%;object-fit:contain}.product-gallery .fine{margin:12px 0 0}.product-hero-copy h1{font-size:clamp(38px,3.7vw,57px)}.product-hero-copy .lead{font-size:18px}.product-benefits{list-style:none;padding:0;margin:25px 0 28px}.product-benefits li{display:flex;gap:13px;margin:9px 0;font-size:14px}.product-benefits span{color:var(--accent);font-weight:700}.product-anchor-nav{display:flex;gap:28px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;font-size:13px;font-weight:700}.product-anchor-nav a:hover{color:var(--accent)}.product-editorial{display:grid;grid-template-columns:minmax(0,750px);justify-content:start;padding-bottom:35px}.product-editorial h2{font-size:37px;margin-top:30px}.product-editorial p{line-height:1.85;color:var(--muted)}.product-technical{padding-top:50px}.product-technical>p{max-width:810px}.product-technical h3{font:700 23px/1.3 'DM Sans',sans-serif;letter-spacing:-.02em;margin:30px 0 18px}.product-table-wrap{border:1px solid var(--line);border-radius:18px;overflow:auto;margin-bottom:30px;max-width:100%}.product-spec-table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.7;text-align:left;margin:0}.product-spec-table th,.product-spec-table td{padding:15px 18px;border-bottom:1px solid #e2e2e2;min-width:100px;white-space:normal}.product-spec-table th{font-weight:700}.product-spec-table thead{background:#ececec}.product-spec-table tbody tr:nth-child(even){background:#f5f5f5}.product-spec-table tbody tr:last-child>*{border-bottom:0}.product-model-request{display:flex;align-items:center;flex-wrap:wrap;gap:15px;background:#efefef;border-radius:18px;padding:25px;margin:25px 0}.product-model-request label{font-size:14px;font-weight:700}.product-model-request select{background:#fff;border:1px solid var(--line);border-radius:10px;max-width:100%;padding:12px 15px}.product-model-request .button{font-size:12px;padding:13px 17px}.product-markings{display:flex;gap:20px;flex-wrap:wrap;background:var(--green);border-radius:18px;padding:24px;margin:30px 0 10px}.product-markings figure{margin:0;min-width:72px;text-align:center}.product-markings img{width:75px;height:45px;object-fit:contain;margin:0 auto 10px}.product-markings figcaption{color:#fff;font-size:10px;letter-spacing:.04em}.product-documentation{border:1px solid var(--line);border-radius:22px;padding:34px;background:#f1f1f1}.product-documentation h2{font-size:32px}.product-doc-links{display:flex;gap:12px;flex-wrap:wrap}.product-doc-links a{padding:12px 18px;background:#fff;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:700}.product-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:25px 0 60px}.product-family-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;padding:0 25px 25px;transition:box-shadow .2s}.product-family-card:hover{box-shadow:0 10px 25px #2e2e2e10}.product-family-card>div{height:235px;margin:0 -25px 24px;background:#efefef;padding:25px;display:grid;place-items:center}.product-family-card img{max-height:100%;width:100%;height:100%;object-fit:contain}.product-family-card h3{font:700 22px/1.3 'DM Sans',sans-serif;letter-spacing:-.02em}.product-family-card p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.7}.product-family-card>span{margin-top:auto;color:var(--accent);font-size:13px;font-weight:700}.product-family-card .eyebrow{font-size:9px}.product-project-cta{border-radius:22px;background:#ececec;padding:42px;margin-bottom:80px}.product-project-cta p{max-width:750px}.product-faq h2{max-width:850px}.product-collection>h3{font:700 26px/1.4 'DM Sans',sans-serif;letter-spacing:-.02em}.product-quote-context{background:#ececec;padding:14px 18px;border-radius:12px;font-size:14px;margin:0 0 20px}
@media(max-width:1000px){.product-hero-layout{gap:35px}.product-image-stage{height:390px;padding:25px}.product-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-hero-copy h1{font-size:42px}}@media(max-width:700px){.product-detail-hero{padding-top:28px}.product-breadcrumbs{font-size:11px;margin-bottom:25px}.product-hero-layout{display:flex;flex-direction:column-reverse;gap:30px}.product-image-stage{height:350px;padding:25px}.product-gallery{width:100%}.product-hero-copy h1{font-size:40px}.product-hero-copy .lead{font-size:17px}.product-hero-copy .actions{gap:15px}.product-anchor-nav{gap:13px 22px;font-size:12px}.product-editorial h2{font-size:30px}.product-card-grid{grid-template-columns:1fr}.product-family-card>div{height:230px}.product-spec-table{font-size:12px}.product-spec-table th,.product-spec-table td{padding:12px;min-width:110px}.product-documentation{padding:25px}.product-documentation h2{font-size:28px}.product-model-request{padding:20px}.product-project-cta{padding:28px}.product-markings{gap:16px;padding:20px}.product-markings figure{min-width:60px}.product-markings img{width:60px}.product-technical{padding-top:35px}.product-model-request label{width:100%}}

/* Manufacturer application photos: retain the complete view of the product. */
.product-image-stage.is-context{height:auto;aspect-ratio:16/9;padding:0;overflow:hidden;background:var(--warm)}.product-image-stage.is-context>img{object-fit:contain;filter:none}.product-thumbnails{flex-wrap:wrap}.product-thumbnails button[data-product-fit="context"]{padding:0;overflow:hidden}.product-thumbnails button[data-product-fit="context"] img{object-fit:contain}.product-family-card>div:has(img[src*="anwendung"]){padding:0}.product-family-card>div:has(img[src*="anwendung"]) img{object-fit:contain}

/* Keep native responsive images within the product card's fixed image area. */
.product-family-card{min-width:0}
.product-family-card>div{min-width:0;min-height:0;overflow:hidden}
.product-family-card>div>img{display:block;width:100%!important;height:100%!important;max-width:100%;max-height:100%;min-width:0;min-height:0;object-fit:contain}
.product-family-card.is-context>div>img{object-fit:cover}

.catalogue-update-note{font-size:13px;line-height:1.6;padding:12px 15px;background:#f0f0f0;border-radius:12px;margin-bottom:18px}

/* Keep intrinsic product images inside aspect-ratio stages. */
.product-image-stage.is-context{position:relative}.product-image-stage.is-context>img{position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}

/* Related catalogue cards use a direct image and a separate text body. */
.catalogue-related .product-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.catalogue-related article.product-family-card{padding:0;min-width:0;display:flex;flex-direction:column}
.catalogue-related article.product-family-card>img{display:block;width:100%;height:240px!important;object-fit:contain;background:var(--warm);padding:20px;box-sizing:border-box}
.catalogue-related article.product-family-card>div{height:auto;min-height:0;margin:0;padding:24px;background:#fff;display:flex;flex-direction:column;flex:1;overflow:visible}
.catalogue-related article.product-family-card>div>h3{margin:0 0 14px}
.catalogue-related article.product-family-card>div>a{margin-top:auto;padding-top:12px;font-size:13px;font-weight:700;color:var(--accent-text)}
.product-image-stage:has(img[src*="welltherm-cd00010-stekkerthermostaat-product"]){height:340px;aspect-ratio:auto}
.product-image-stage>img[src*="welltherm-cd00010-stekkerthermostaat-product"]{width:160px;height:199px;max-width:100%;max-height:100%;position:static;margin:auto}
@media(max-width:1000px){.catalogue-related .product-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.catalogue-related .product-family-grid{grid-template-columns:1fr}.catalogue-related article.product-family-card>img{height:220px!important}}

/* Fixed-height product stages must not grow with an image’s intrinsic ratio. */
.product-image-stage:not(.is-context){position:relative;overflow:hidden}
.product-image-stage:not(.is-context)>img{position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;padding:35px;box-sizing:border-box;object-fit:contain}
@media(max-width:1000px){.product-image-stage:not(.is-context)>img{padding:25px}}

.product-image-stage:has(>img[src*="handtuchbuegel"]),.product-image-stage:has(>img[src*="welltherm-cd00010-stekkerthermostaat-product"]){background:#fff;border:1px solid var(--line)}
.catalogue-related article.product-family-card>img[src*="welltherm-precon-pc0010"],.catalogue-related article.product-family-card>img[src*="welltherm-cd00010-stekkerthermostaat-product"]{background:#fff}
