.hscn-grid{display:grid;grid-template-columns:repeat(var(--hscn-columns,4),minmax(0,1fr));gap:14px;width:100%;margin:15px 0 25px}.hscn-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#f7f9f8;border:1px solid #dce5e3;border-radius:14px;text-decoration:none!important;color:#082f2a!important;transition:border-color .2s,transform .2s,box-shadow .2s}.hscn-card:hover{border-color:#ff8817;transform:translateY(-2px);box-shadow:0 8px 22px #062d2912}.hscn-picture{height:160px;display:flex;align-items:center;justify-content:center;padding:12px}.hscn-picture img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.hscn-placeholder{font-size:45px;color:#d2dbd9}.hscn-bottom{display:flex;align-items:end;justify-content:space-between;padding:0 15px 14px;gap:10px;margin-top:auto}.hscn-titles strong,.hscn-titles small{display:block}.hscn-titles strong{font-size:15px;line-height:1.35;color:#082f2a}.hscn-titles small{font-size:12px;margin-top:3px;color:#647875}.hscn-arrow{flex:none;display:inline-flex;align-items:center;justify-content:center;background:#ff8817;color:#fff;border-radius:50%;width:27px;height:27px;font-size:19px}.hscn-card:focus-visible{outline:3px solid #ff8817;outline-offset:2px}@media(max-width:960px){.hscn-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.hscn-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.hscn-picture{height:115px}.hscn-bottom{padding:0 10px 11px}.hscn-titles strong{font-size:13px}}
/* Hydroseals three-stage category navigator */
.hscn-navigator{--hscn-green:#082f2a;--hscn-orange:#ff8817;font-family:inherit}
.hscn-panels{display:grid;grid-template-columns:minmax(160px,1fr) minmax(155px,1fr) minmax(0,5.25fr);min-height:290px;border:1px solid #dbe6e3;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(8,47,42,.04)}
.hscn-panel{padding:10px;min-width:0;border-right:1px solid #e0e8e6;display:flex;flex-direction:column;gap:3px;align-items:stretch}
.hscn-panel:last-child{border-right:0}
.hscn-panels .hscn-card{border:0;border-radius:7px;background:transparent;padding:11px 10px;display:flex;flex-direction:row;align-items:center;gap:8px;transition:background .15s,color .15s,box-shadow .15s,transform .15s}
.hscn-panels .hscn-card:hover{background:#f4f8f7;box-shadow:none;transform:none}
.hscn-panels .hscn-card.is-active{background:#f1f5f4;border-left:3px solid var(--hscn-orange);padding-left:7px}
.hscn-panels .hscn-picture{display:none}
.hscn-panels .hscn-bottom{flex:1;margin:0;padding:0;align-items:center}
.hscn-panels .hscn-titles strong{font-size:13px;font-weight:600}
.hscn-panels .hscn-titles small{font-size:11px}
.hscn-panels .hscn-arrow{width:auto;height:auto;border:0;background:none;color:#8da29c;font-size:17px}
.hscn-panels .hscn-card.is-active .hscn-titles strong,.hscn-panels .hscn-card:hover .hscn-titles strong{color:#ed790a}
.hscn-panel-wide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:9px;padding:14px}
.hscn-panel-wide .hscn-card{border:1px solid #dfe8e5;padding:6px 9px;min-height:55px;background:#fff}
.hscn-panel-wide .hscn-card:hover{border-color:#ff8817;background:#fff}
.hscn-panel-wide .hscn-picture{display:flex;width:40px;height:40px;flex:none;padding:0}
.hscn-panel-wide .hscn-picture img{max-width:38px;max-height:38px}
.hscn-panel-wide .hscn-titles strong{font-size:12px}
.hscn-panel-wide .hscn-arrow{display:none}
.hscn-breadcrumb{display:flex;align-items:center;gap:12px;margin:10px 0}.hscn-back{background:#082f2a;color:white;border:0;padding:8px 13px;border-radius:8px;cursor:pointer}.hscn-back:hover{background:#ff8817}.hscn-current{font-size:12px;color:#637d76}
@media(max-width:1100px){.hscn-panels{grid-template-columns:minmax(135px,1fr) minmax(135px,1fr) minmax(0,3fr)}.hscn-panel-wide{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.hscn-panels{grid-template-columns:1fr;min-height:0}.hscn-panel{border-right:0;border-bottom:1px solid #e2e9e7}.hscn-panel:last-child{border:0}.hscn-panel:empty{display:none}.hscn-panel-wide{grid-template-columns:repeat(2,minmax(0,1fr))}.hscn-panels .hscn-card{padding:9px}}
@media(max-width:380px){.hscn-panel-wide{grid-template-columns:1fr}}

/* Optional localized page header above category navigation */
.hscn-intro{text-align:center;margin:5px auto 38px;max-width:1020px;padding:10px 18px 0}.hscn-intro-heading{font-size:clamp(27px,3vw,40px);font-weight:800;line-height:1.2;letter-spacing:-.025em;color:#082f2a!important;margin:0 0 18px;text-transform:uppercase}.hscn-intro-description{font-size:15px;line-height:1.8;color:#455553;margin:0 auto 18px;max-width:980px}.hscn-intro-button{display:inline-flex;justify-content:center;align-items:center;padding:13px 25px;border-radius:40px;background:#ff8817;color:#fff!important;font-weight:750;text-decoration:none!important;transition:background .15s}.hscn-intro-button:hover,.hscn-intro-button:focus{background:#082f2a;color:#fff!important}@media(max-width:650px){.hscn-intro{padding:10px 5px;margin-bottom:23px}.hscn-intro-description{font-size:14px;line-height:1.6}}

/* v1.4.0: always white tiles including embedded BeTheme backgrounds */
.hscn-navigator .hscn-grid .hscn-card,.hscn-navigator .hscn-panel-wide .hscn-card{background:#fff!important}
.hscn-navigator .hscn-grid .hscn-picture,.hscn-navigator .hscn-grid .hscn-bottom{background:#fff!important}
.hscn-navigator .hscn-card img{background:transparent!important}
/* Long, localized SEO/category text lives after the navigation, not within the cards. */
.hscn-bottom-content{max-width:1100px;margin:54px auto 22px;padding:0 14px;color:#243d39;clear:both}
.hscn-bottom-heading{color:#082f2a!important;font-size:clamp(22px,2.4vw,31px);line-height:1.25;font-weight:800;margin:0 0 17px}
.hscn-bottom-body{font-size:15px;line-height:1.85;color:#40534f}
.hscn-bottom-body p{margin:0 0 16px}.hscn-bottom-body h2,.hscn-bottom-body h3{color:#082f2a!important;margin:28px 0 12px}.hscn-bottom-body a{color:#e87a00;text-decoration:underline}.hscn-bottom-body ul{padding-left:24px;list-style:disc}
@media(max-width:650px){.hscn-bottom-content{margin:32px auto 16px;padding:0 4px}.hscn-bottom-body{font-size:14px;line-height:1.7}}

/* v1.5.0: reserve natural breathing room on short category pages.
   This is empty layout space, NOT fake category cards. Long content grows normally.
   svh follows the visible viewport on browsers that support it. */
.hscn-navigator{min-height:clamp(440px,calc(100vh - 370px),780px);min-height:clamp(440px,calc(100svh - 370px),780px)}
@media(max-width:760px){.hscn-navigator{min-height:0}}

/* v1.6: dedicated category landing pages */
.hscn-node-seo{margin-top:14px;padding:12px;border:1px solid #d9e4e0;background:#fff;border-radius:8px}.hscn-node-seo summary{cursor:pointer;color:#082f2a}.hscn-node-seo .hscn-intro-language{margin:8px 0}

.hscn-breadcrumb a.hscn-back{display:inline-flex;text-decoration:none;color:#fff!important;align-items:center}

/* v1.8: image next to bottom content */
.hscn-bottom-content.has-media{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:34px;align-items:center}.hscn-bottom-content.has-media.media-left{grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr)}.hscn-bottom-copy{min-width:0}.hscn-bottom-media{display:flex;justify-content:center;align-items:center}.hscn-bottom-image{max-width:100%;height:auto;display:block;border-radius:16px;background:#fff}.hscn-bottom-content.has-media .hscn-bottom-body p:first-child{margin-top:0}@media(max-width:860px){.hscn-bottom-content.has-media,.hscn-bottom-content.has-media.media-left{grid-template-columns:1fr;gap:20px}.hscn-bottom-media{order:-1}.hscn-bottom-content.has-media.media-right .hscn-bottom-media{order:0}}

.hscn-bottom-content.has-media.ratio-50-50{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.hscn-bottom-content.has-media.ratio-60-40{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}
.hscn-bottom-content.has-media.ratio-70-30{grid-template-columns:minmax(0,7fr) minmax(0,3fr)}
.hscn-bottom-content.has-media.ratio-40-60{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}
.hscn-bottom-content.has-media.media-left.ratio-60-40{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}
.hscn-bottom-content.has-media.media-left.ratio-70-30{grid-template-columns:minmax(0,3fr) minmax(0,7fr)}
.hscn-bottom-content.has-media.media-left.ratio-40-60{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}
@media(max-width:860px){.hscn-bottom-content.has-media.ratio-50-50,.hscn-bottom-content.has-media.ratio-60-40,.hscn-bottom-content.has-media.ratio-70-30,.hscn-bottom-content.has-media.ratio-40-60,.hscn-bottom-content.has-media.media-left.ratio-60-40,.hscn-bottom-content.has-media.media-left.ratio-70-30,.hscn-bottom-content.has-media.media-left.ratio-40-60{grid-template-columns:1fr}}

/* v1.8.4: back button on the right, in the active language */
.hscn-navigator .hscn-breadcrumb{justify-content:flex-end;width:100%}
.hscn-navigator .hscn-back{margin-left:auto}