.flood-group-page{--fg-line:#d9dfe3;--fg-soft:#f5f7f7;--fg-orange:#f47a20}
.flood-group-page .jinbei-category-recommendations{padding-top:12px}
.flood-group-page .jinbei-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.flood-group-page .jinbei-category-grid>a{min-width:0;text-decoration:none}
.flood-group-page .jinbei-category-image{height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f7f8f8}
.flood-group-page .jinbei-category-image img{width:85%;height:170px;object-fit:contain}
.flood-group-page .jinbei-category-grid h3{font-size:17px;margin:16px 0 10px;line-height:1.4}
.flood-group-page .jinbei-category-grid span{font-size:12px;font-weight:750;color:#a34300}
@media(max-width:767px){.flood-group-page .jinbei-category-grid{display:flex;gap:16px;overflow-x:auto;padding-bottom:14px;scroll-snap-type:x mandatory}.flood-group-page .jinbei-category-grid>a{flex:0 0 78%;scroll-snap-align:start}}
.flood-group-page .fg-breadcrumb{display:flex;flex-wrap:wrap;gap:7px;padding-block:20px 8px;font-size:11px;color:#667680}
.flood-group-page .fg-breadcrumb a{text-decoration:none}
.flood-group-page .fg-hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:52px;padding-block:24px 48px;align-items:start}
.flood-group-page .fg-hero-copy{min-width:0}
.flood-group-page .fg-gallery{display:grid;grid-template-columns:70px minmax(0,1fr);gap:12px;min-width:0}
.flood-group-page .fg-model-views{display:grid;gap:9px;align-content:start}
.flood-group-page .fg-thumb{width:70px;min-height:70px;padding:6px;border:1px solid var(--fg-line);background:#fff;display:grid;justify-items:center;gap:3px;color:var(--p-muted)}
.flood-group-page .fg-thumb[aria-pressed=true]{border-color:var(--fg-orange);box-shadow:inset 0 0 0 1px var(--fg-orange)}
.flood-group-page .fg-thumb img{width:54px;height:48px;object-fit:contain}
.flood-group-page .fg-thumb span{height:40px;display:grid;place-items:center;font-size:10px;font-weight:800}
.flood-group-page .fg-thumb small{font-size:9px;line-height:1.3;text-align:center}
.flood-group-page .fg-stage{display:grid;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;height:480px;background:#fff;overflow:hidden}
.flood-group-page .fg-stage img{width:100%;height:100%;max-width:92%;max-height:92%;object-fit:contain}
.flood-group-page .fg-gallery-note{grid-column:2;font-size:10px;line-height:1.6;color:#687680}
.flood-group-page .fg-eyebrow{color:#ae4800;text-transform:uppercase;font-weight:800;font-size:10px;letter-spacing:.12em;line-height:1.5}
.flood-group-page .fg-hero h1{font-size:clamp(34px,3.2vw,46px);line-height:1.08;letter-spacing:-.04em;margin:9px 0 12px;font-weight:760}
.flood-group-page .fg-subtitle{font-size:17px;line-height:1.55;margin-bottom:17px;color:#4f616d}
.flood-group-page .fg-description{font-size:13px;line-height:1.7}
.flood-group-page .fg-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border-block:1px solid var(--fg-line);padding-block:15px;margin:22px 0 18px}
.flood-group-page .fg-quick dt{font-size:9px;line-height:1.5;text-transform:uppercase;color:#687680;margin-bottom:4px}
.flood-group-page .fg-quick dd{font-size:13px;font-weight:750;margin:0;overflow-wrap:anywhere;line-height:1.5}
.flood-group-page .fg-model-heading{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:9px}
.flood-group-page .fg-model-heading span{font-size:10px;color:var(--p-muted)}
.flood-group-page .fg-model-buttons{display:flex;flex-wrap:wrap;gap:7px}
.flood-group-page .fg-model-buttons button{min-height:44px;padding:9px 13px;border:1px solid #cbd4db;border-radius:6px;background:#fff;font-size:11px;font-weight:750;line-height:1.4}
.flood-group-page .fg-model-buttons button[aria-pressed=true]{color:#a34300;border-color:var(--fg-orange);background:#fff7ef}
.flood-group-page .fg-support-note{font-size:10px;line-height:1.7;margin-top:12px}
.flood-group-page .fg-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.flood-group-page .fg-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid #cbd4db;border-radius:7px;text-decoration:none;font-size:12px;font-weight:750}
.flood-group-page .fg-button-primary{background:var(--fg-orange);border-color:var(--fg-orange);color:#17232b}
.flood-group-page .fg-localnav{position:sticky;top:var(--crane-header-height,72px);z-index:30;border-block:1px solid var(--fg-line);background:rgba(247,249,249,.97)}
.flood-group-page .fg-localnav>.page-width{display:flex;align-items:center;gap:8px;min-height:54px;overflow-x:auto;scrollbar-width:thin}
.flood-group-page .fg-localnav strong{margin-right:auto;font-size:12px;white-space:nowrap}
.flood-group-page .fg-localnav a{padding:10px 12px;font-size:11px;white-space:nowrap;text-decoration:none;border-radius:30px}
.flood-group-page .fg-localnav a[aria-current],.flood-group-page .fg-localnav a:hover{color:#fff;background:#17232b}
.flood-group-page .fg-block{padding-block:56px}
.flood-group-page .fg-soft{background:var(--fg-soft)}
.flood-group-page .fg-section-head{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:end;padding-bottom:22px;border-bottom:1px solid #cbd4d9;margin-bottom:27px}
.flood-group-page .fg-section-head h2{font-size:clamp(27px,2.5vw,34px);line-height:1.2;margin:6px 0 0}
.flood-group-page .fg-section-head>p{font-size:12px;line-height:1.7}
.flood-group-page .fg-flat-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:28px}
.flood-group-page .fg-flat-grid>div{min-width:0}
.flood-group-page .fg-general h3{font-size:18px;text-transform:uppercase;margin:0 0 16px}
.flood-group-page .fg-general p{font-size:13px;line-height:1.75;margin:0 0 14px}
.flood-group-page .fg-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px;padding-top:15px;border-top:1px solid var(--fg-line)}
.flood-group-page .fg-tags span{font-size:9px;text-transform:uppercase;font-weight:700;color:var(--p-muted)}
.flood-group-page .fg-col-title{font-size:11px;text-transform:uppercase;padding-bottom:11px;border-bottom:1px solid #17232b}
.flood-group-page .fg-spec{padding:11px 0 12px;border-bottom:1px solid var(--fg-line)}
.flood-group-page .fg-spec>span{display:block;font-size:10px;color:#677781;margin-bottom:4px}
.flood-group-page .fg-spec>strong{font-size:12px;line-height:1.65;font-weight:650;display:block;overflow-wrap:anywhere}
.flood-group-page .fg-data-note{font-size:11px;line-height:1.7;margin-top:16px}
.flood-group-page .fg-records{margin-top:18px;border-block:1px solid var(--fg-line)}
.flood-group-page .fg-records summary{font-size:12px;font-weight:700;padding:14px 0}
.flood-group-page .fg-record-content{padding:0 0 18px;font-size:12px}
.flood-group-page .fg-record-content h4{font-size:12px;margin-top:16px}
.flood-group-page .fg-table-scroll{overflow-x:auto;max-width:100%;border-block:1px solid #17232b;overscroll-behavior-inline:contain}
.flood-group-page .fg-table-scroll table{width:100%;border-collapse:collapse;min-width:580px;table-layout:fixed}
.flood-group-page .fg-table-scroll th,.flood-group-page .fg-table-scroll td{padding:13px 12px;border-bottom:1px solid var(--fg-line);vertical-align:top;text-align:left;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.flood-group-page .fg-table-scroll caption{text-align:left;font-size:12px;font-weight:750;padding:12px}
.flood-group-page .fg-table-scroll thead{background:#fafbfb}
.flood-group-page .fg-comparison th:first-child{width:165px;font-size:11px;color:var(--p-muted);font-weight:600}
.flood-group-page .fg-comparison button{border:0;background:none;padding:6px 0;font-size:12px;font-weight:750;text-align:left;color:var(--p-ink)}
.flood-group-page [data-column-model].is-selected{background:#fff5eb}
.flood-group-page .fg-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.flood-group-page .fg-related>a{text-decoration:none;min-width:0}
.flood-group-page .fg-related>a>div{height:190px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.flood-group-page .fg-related img{display:block;width:auto;height:auto;max-width:85%;max-height:85%;object-fit:contain}
.flood-group-page .fg-related h3{font-size:16px;margin:14px 0 5px}
.flood-group-page .fg-related p{font-size:11px;line-height:1.6}
.flood-group-page .fg-related span{display:block;color:#a34300;font-size:12px;font-weight:750;margin-top:10px}
.flood-group-page .optical{padding-block:56px}
.flood-group-page .optical-header>p:not(.eyebrow){max-width:780px}
.flood-group-page .optical-product img{object-fit:contain}
.flood-group-page .faq{padding-block:56px}
.flood-group-page .faq-item summary{padding-block:18px}
@media(max-width:1100px){.flood-group-page .fg-hero{gap:30px}.flood-group-page .fg-flat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.flood-group-page .fg-general{grid-column:1/-1}.flood-group-page .fg-general p{max-width:850px}.flood-group-page .fg-stage{height:410px}.flood-group-page .fg-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:899px){.flood-group-page .fg-hero{grid-template-columns:minmax(0,1fr);gap:24px}.flood-group-page .fg-hero-copy{order:1}.flood-group-page .fg-gallery{order:2}.flood-group-page .fg-stage{height:420px}.flood-group-page .fg-section-head{grid-template-columns:1fr;gap:14px}.flood-group-page .fg-localnav{top:var(--crane-header-height,62px)}.flood-group-page .fg-localnav strong{display:none}}
@media(max-width:599px){.flood-group-page .fg-hero{padding-block:14px 32px}.flood-group-page .fg-hero h1{font-size:33px}.flood-group-page .fg-subtitle{font-size:15px}.flood-group-page .fg-description{font-size:13px}.flood-group-page .fg-gallery{grid-template-columns:1fr}.flood-group-page .fg-stage{height:330px;grid-row:1}.flood-group-page .fg-thumbs{grid-row:2;overflow-x:auto}.flood-group-page .fg-model-views{display:flex}.flood-group-page .fg-thumb{flex:none}.flood-group-page .fg-gallery-note{grid-column:1}.flood-group-page .fg-model-buttons{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.flood-group-page .fg-model-buttons button{flex:none}.flood-group-page .fg-flat-grid{grid-template-columns:1fr;gap:26px}.flood-group-page .fg-general{grid-column:auto}.flood-group-page .fg-col-title{font-size:12px}.flood-group-page .fg-spec{display:grid;grid-template-columns:35% 1fr;gap:12px;padding-block:10px}.flood-group-page .fg-spec>span{font-size:11px;margin:0}.flood-group-page .fg-spec>strong{font-size:12px}.flood-group-page .fg-block,.flood-group-page .optical,.flood-group-page .faq{padding-block:38px}.flood-group-page .fg-related{grid-template-columns:1fr;gap:26px}.flood-group-page .fg-related>a{display:grid;grid-template-columns:110px 1fr;column-gap:16px}.flood-group-page .fg-related>a>div{height:115px;grid-row:1/4}.flood-group-page .fg-related h3{margin-top:5px}.flood-group-page .fg-related span{margin-top:6px}.flood-group-page .fg-localnav>.page-width{width:100%;padding-inline:16px;gap:0}.flood-group-page .fg-localnav a{font-size:10px;padding-inline:10px}.flood-group-page .optical-stage{height:330px}.flood-group-page .optical-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.flood-group-page .optical-buttons button{font-size:11px;min-height:44px}.flood-group-page .optical-preview-bar{padding:14px}.flood-group-page .optical-preview-bar>span{display:none}}
@media(prefers-reduced-motion:reduce){.flood-group-page *{scroll-behavior:auto!important;transition:none!important}}
.flood-group-page[data-group] .jinbei-selection{margin-top:24px;padding-top:18px;border-top:1px solid var(--fg-line)}
.flood-group-page[data-group] .jinbei-selection h3{font-size:17px;line-height:1.4;margin:0 0 14px}
.flood-group-page[data-group] .jinbei-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.flood-group-page[data-group] .jinbei-guide-grid h4{font-size:13px;line-height:1.5;margin:0 0 5px}
.flood-group-page[data-group] .jinbei-guide-grid p{font-size:12px;line-height:1.7;margin:0}
.flood-group-page[data-group] .jinbei-beam-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;list-style:none;margin:18px 0 0;padding:16px 0 0;border-top:1px solid #3d484e;font-size:12px;line-height:1.65;color:#c5cdd1}
.flood-group-page[data-group] .jinbei-beam-guide strong{color:#fff}
.flood-group-page[data-group] .jinbei-project-resources{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start;padding-top:24px;scroll-margin-top:150px}
.flood-group-page[data-group] .jinbei-project-resources>div{min-width:0}
.flood-group-page[data-group] .jinbei-project-resources>section{min-width:0;scroll-margin-top:150px}
.flood-group-page[data-group] .jinbei-project-resources h2{font-size:26px;line-height:1.25;margin:8px 0 18px}
.flood-group-page[data-group] .jinbei-project-resources .fg-eyebrow{font-size:10px;color:#ae4800}
.flood-group-page[data-group] .jinbei-application-list h3{font-size:17px;margin:0 0 8px}
.flood-group-page[data-group] .jinbei-document-request{margin-top:20px;padding-top:18px;border-top:1px solid var(--fg-line)}
.flood-group-page[data-group] .jinbei-document-request h3{font-size:17px;margin-bottom:8px}
.flood-group-page[data-group] .jinbei-document-request .fg-button,.flood-group-page[data-group] .jinbei-compliance-request{margin-top:14px}
.flood-group-page[data-group] .jinbei-applications{padding-top:20px}
.flood-group-page[data-group] .jinbei-project-resources h3{font-size:20px;line-height:1.4;margin:0 0 14px}
.flood-group-page[data-group] .jinbei-project-resources p{font-size:15px;line-height:1.6;margin:0;color:#52636e}
.flood-group-page[data-group] .jinbei-application-list>div{padding:12px 0;border-bottom:1px solid var(--fg-line)}
.flood-group-page[data-group] .jinbei-application-list>div:first-child{padding-top:0}
.flood-group-page[data-group] .jinbei-application-list>div:last-child{border-bottom:0;padding-bottom:0}
.flood-group-page[data-group] .jinbei-application-list h4{font-size:15px;line-height:1.5;margin:0 0 5px}
.flood-group-page[data-group] .jinbei-technical-resources{background:#f4f6f7;padding:20px;border-radius:8px}
.flood-group-page[data-group] .jinbei-drawings{width:100%;table-layout:fixed;border-collapse:collapse;margin:16px 0 0}
.flood-group-page[data-group] .jinbei-drawings th,.flood-group-page[data-group] .jinbei-drawings td{text-align:left;border-bottom:1px solid #d5dee2;vertical-align:middle}
.flood-group-page[data-group] .jinbei-drawings thead th{padding:0 8px 8px 0;font-size:12px;line-height:1.5;font-weight:600;color:#52636e}
.flood-group-page[data-group] .jinbei-drawings th:first-child{width:48%}
.flood-group-page[data-group] .jinbei-drawings tbody tr{position:relative}
.flood-group-page[data-group] .jinbei-drawings tbody th{padding:10px 8px 10px 0;font-size:14px;line-height:1.5;font-weight:650}
.flood-group-page[data-group] .jinbei-drawings td{padding:0}
.flood-group-page[data-group] .jinbei-drawings a{display:flex;align-items:center;gap:5px;min-height:48px;padding:10px 0;font-size:14px;line-height:1.5;color:#a34300;text-underline-offset:3px}
.flood-group-page[data-group] .jinbei-drawings a::after{content:"";position:absolute;inset:0}
.flood-group-page[data-group] .jinbei-drawings tbody tr:hover,.flood-group-page[data-group] .jinbei-drawings tbody tr:focus-within{background:#fff8f1}
.flood-group-page[data-group] .jinbei-drawings a:focus-visible{outline:none}
.flood-group-page[data-group] .jinbei-drawings a:focus-visible::after{outline:2px solid #a34300;outline-offset:-2px}
.flood-group-page[data-group] .jinbei-technical-resources .product-compliance-entry--embedded{margin:16px 0 0;padding-top:16px}
.flood-group-page[data-group] .jinbei-technical-resources .product-compliance-entry__title{font-size:15px;line-height:1.5}
.flood-group-page[data-group] .jinbei-technical-resources .product-compliance-entry a{font-size:14px;line-height:1.5}
@media(max-width:900px){.flood-group-page[data-group] .jinbei-project-resources{grid-template-columns:minmax(0,1fr);gap:24px}.flood-group-page[data-group] .jinbei-applications{padding-top:0}}
@media(max-width:599px){.flood-group-page[data-group] .jinbei-guide-grid,.flood-group-page[data-group] .jinbei-beam-guide{grid-template-columns:minmax(0,1fr);gap:16px}.flood-group-page[data-group] .jinbei-technical-resources{padding:16px}}
@media(max-width:899px){
 .flood-group-page[data-group] .fg-hero-copy{display:contents}
 .flood-group-page[data-group] .jinbei-hero-intro{order:1}
 .flood-group-page[data-group] .fg-gallery{order:2}
 .flood-group-page[data-group] .jinbei-hero-selection{order:3;min-width:0;display:flex;flex-direction:column}
 .flood-group-page[data-group] .fg-model-heading{order:1}
 .flood-group-page[data-group] .fg-model-buttons{order:2}
 .flood-group-page[data-group] .fg-quick{order:3}
 .flood-group-page[data-group] .fg-support-note{order:4;margin:0}
 .flood-group-page[data-group] .fg-actions{order:5}
 .flood-group-page[data-group] .jinbei-project-resources h2{font-size:24px}
}

/* Keep model drawings beside applications; put document services on their own row. */
.flood-group-page[data-group] .jinbei-resources-split .jinbei-resource-card{min-width:0;align-self:stretch;background:#f4f6f7;border-radius:8px;padding:20px;margin:0;border:0}
.flood-group-page[data-group] .jinbei-resources-split .jinbei-resource-card h3,.flood-group-page[data-group] .jinbei-resources-split .product-compliance-entry__title{font-size:20px;line-height:1.4;margin:0 0 14px}
.flood-group-page[data-group] .jinbei-resources-split .product-compliance-entry--embedded{margin:0;padding:0;border:0}
.flood-group-page[data-group] .jinbei-resources-split .product-compliance-entry a{font-size:14px;line-height:1.5}
.flood-group-page[data-group] .jinbei-resources-split .jinbei-drawings--multiple th:first-child{width:28%}
.flood-group-page[data-group] .jinbei-resources-split .jinbei-drawings a{position:relative;width:fit-content;max-width:100%;padding-right:8px}
.flood-group-page[data-group] .jinbei-resources-split .jinbei-drawings a::after{content:none}
.flood-group-page[data-group] .jinbei-resources-split .jinbei-drawings a:focus-visible{outline:2px solid #a34300;outline-offset:2px}
.flood-group-page[data-group] .jinbei-drawing-mobile{display:none}
.flood-group-page[data-group] .jinbei-drawing-unavailable{display:block;padding:10px 0;color:#52636e}
@media(max-width:599px){
 .flood-group-page[data-group] .jinbei-resources-split .jinbei-resource-card{padding:16px}
 .flood-group-page[data-group] .jinbei-resources-split .jinbei-drawings thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .flood-group-page[data-group] .jinbei-resources-split .jinbei-drawings tbody{display:block}
 .flood-group-page[data-group] .jinbei-resources-split .jinbei-drawings tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;border-bottom:1px solid #d5dee2;padding:8px 0}
 .flood-group-page[data-group] .jinbei-resources-split .jinbei-drawings tbody th{grid-column:1/-1;width:auto;padding:0;border:0}
 .flood-group-page[data-group] .jinbei-resources-split .jinbei-drawings td{border:0;min-width:0}
 .flood-group-page[data-group] .jinbei-resources-split .jinbei-drawings a{min-height:44px;font-size:13px;padding:8px 0}
 .flood-group-page[data-group] .jinbei-drawing-desktop{display:none}
 .flood-group-page[data-group] .jinbei-drawing-mobile{display:inline}
}

/* XY Large and GL Phantom omit LED quantity; keep the remaining desktop specifications balanced. */
@media(min-width:1101px){.flood-group-page[data-group="xy-large"] .fg-quick,.flood-group-page[data-group="gl-phantom"] .fg-quick{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* R300 side-only drawing trial: close the omitted LED-count slot. */
.flood-group-page[data-group="r-large"] .fg-quick>div[hidden],.flood-group-page[data-group="r-large"] .fg-spec[hidden]{display:none}


/* R Standard omits LED counts across all three model configurations. */
.flood-group-page[data-group="r-standard"] .fg-quick>div[hidden],.flood-group-page[data-group="r-standard"] .fg-spec[hidden]{display:none}


/* BEGIN P SERIES MODEL COMPARISON 2026-10-29 */
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison { --cmp-label-width: 180px; }
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .cmp-table-frame { overflow: hidden; border: 0px; border-radius: 0px; background: transparent; }
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .cmp-toolbar { position: relative; display: flex; justify-content: flex-end; align-items: center; min-height: 0px; padding: 0px; border: 0px; }
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .cmp-count { display: none; }
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .cmp-current { position: absolute; width: 1px; height: 1px; margin: 0px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .cmp-scroll-controls { display: flex; align-items: center; gap: 7px; width: 100%; margin-bottom: 14px; color: var(--p-muted); font-size: 11px; }
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .cmp-scroll-controls[hidden] { display: none; }
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .cmp-scroll-controls > span { margin-right: auto; }
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .cmp-scroll-controls button { width: 44px; height: 44px; border: 1px solid rgb(203, 212, 219); border-radius: 6px; background: rgb(255, 255, 255); color: var(--p-ink); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 17px; cursor: pointer; }
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .cmp-scroll-controls button:disabled { opacity: 0.35; cursor: default; }
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .fg-table-scroll { border-block: 1px solid var(--p-ink); scrollbar-width: thin; scrollbar-color: #cbd4db var(--fg-soft); }
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .fg-comparison { position: relative; width: 100%; min-width: calc(var(--cmp-label-width) + var(--cmp-model-count,3) * 200px); table-layout: fixed; border-collapse: separate; border-spacing: 0px; }
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .fg-comparison th,
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .fg-comparison td { padding: 18px 16px; border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 1px solid var(--fg-line); color: var(--p-ink); font-size: 14px; line-height: 1.6; vertical-align: middle; }
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .fg-comparison th:first-child { width: var(--cmp-label-width); color: var(--p-muted); font-size: 11px; font-weight: 600; }
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .fg-comparison thead th { padding-block: 17px; background: rgb(250, 251, 251); }
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .fg-comparison thead th[data-column-model] { position: relative; }
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .fg-comparison [data-column-model].is-selected { background: transparent; }
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .fg-comparison thead [data-column-model].is-selected { background: rgb(250, 251, 251); }
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .fg-comparison tbody tr:last-child > * { border-bottom: 0px; }
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .fg-comparison .cmp-model-trigger { position: static; display: inline-flex; align-items: center; justify-content: center; min-width: 112px; min-height: 44px; padding: 9px 16px; border: 1px solid rgb(203, 212, 219); border-radius: 6px; background: rgb(255, 255, 255); color: var(--p-ink); text-align: center; font: inherit; cursor: pointer; }
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .cmp-model-trigger::after { content: ""; position: absolute; inset: 0px; cursor: pointer; }
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .fg-comparison .cmp-model-trigger[aria-pressed="true"] { border-color: var(--fg-orange); background: var(--fg-orange); color: var(--p-ink); }
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .cmp-model-name { color: inherit; font-size: 15px; font-weight: 750; line-height: 1.4; }
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .cmp-value { font-size: 14px; font-weight: 500; font-variant-numeric: tabular-nums; }
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .cmp-cell-note { display: inline; margin-left: 4px; color: var(--p-muted); font-size: 11px; font-weight: 400; }
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .cmp-unit { color: var(--p-muted); font-size: 12px; }
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .cmp-output .cmp-value { font-size: 18px; font-weight: 650; line-height: 1.5; }
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .cmp-dimensions .cmp-value { display: block; font-size: 13px; font-weight: 500; }
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .jinbei-selection { display: none; }
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .cmp-drawing-action { display: inline-flex; align-items: center; gap: 10px; min-height: 32px; margin-top: 4px; padding: 0px; border: 0px; border-radius: 0px; background: transparent; color: var(--p-accent); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 12px; font-weight: 750; text-decoration: none; cursor: pointer; }
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .cmp-drawing-action:hover { text-decoration: underline; text-underline-offset: 4px; }
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .cmp-model-trigger:hover { border-color: var(--fg-orange); }
@media (hover: hover) {
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .cmp-model-trigger:hover { background: rgb(255, 247, 239); }
}
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison button:focus-visible,
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .cmp-drawing-action:focus-visible,
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .fg-table-scroll:focus-visible { outline: 2px solid var(--p-accent); outline-offset: -3px; }
dialog.p-model-comparison-dialog { width: min(1000px, -32px + 100vw); max-width: 1000px; max-height: calc(-32px + 100svh); padding: 0px; border: 1px solid rgb(217, 223, 227); border-radius: 7px; background: rgb(255, 255, 255); color: rgb(23, 35, 43); box-shadow: rgba(17, 21, 24, 0.267) 0px 24px 90px; }
dialog.p-model-comparison-dialog::backdrop { background: rgba(21, 28, 33, 0.7); }
dialog.p-model-comparison-dialog .cmp-dialog-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 24px; border-bottom: 1px solid rgb(217, 223, 227); }
dialog.p-model-comparison-dialog .cmp-dialog-head > div > span { color: rgb(89, 104, 114); font-size: 10px; font-weight: 700; letter-spacing: 0.12em; }
dialog.p-model-comparison-dialog .cmp-dialog-head h2 { margin: 6px 0px 0px; font-size: 23px; line-height: 1.2; }
dialog.p-model-comparison-dialog .cmp-dialog-head button { width: 44px; height: 44px; border: 1px solid rgb(203, 212, 219); border-radius: 6px; background: rgb(255, 255, 255); color: rgb(23, 35, 43); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 25px; cursor: pointer; }
dialog.p-model-comparison-dialog .cmp-drawing-stage { padding: 20px; background: rgb(255, 255, 255); }
dialog.p-model-comparison-dialog .cmp-drawing-stage img { display: block; width: 100%; height: min(58svh, 600px); object-fit: contain; }
dialog.p-model-comparison-dialog .cmp-dialog-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px; padding: 18px 24px; border-top: 1px solid rgb(217, 223, 227); }
dialog.p-model-comparison-dialog .cmp-dialog-footer p { margin: 0px; color: rgb(89, 104, 114); font-size: 13px; line-height: 1.6; }
dialog.p-model-comparison-dialog .cmp-dialog-footer a { color: rgb(166, 67, 0); font-size: 12px; font-weight: 750; text-decoration: none; }
dialog.p-model-comparison-dialog .cmp-dialog-footer a:hover { text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 899px) {
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison { --cmp-label-width: 160px; }
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .fg-comparison th:first-child { position: sticky; left: 0px; z-index: 2; background: var(--fg-soft); box-shadow: 1px 0 var(--fg-line); }
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .fg-comparison thead th:first-child { background: rgb(250, 251, 251); }
}
@media (max-width: 599px) {
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison { --cmp-label-width: 120px; }
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .fg-comparison { width: calc(var(--cmp-label-width) + var(--cmp-model-count,3) * (100vw - 32px - var(--cmp-label-width))); min-width: calc(var(--cmp-label-width) + var(--cmp-model-count,3) * (100vw - 32px - var(--cmp-label-width))); }
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .fg-comparison th,
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .fg-comparison td { padding: 16px; font-size: 13px; }
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .fg-comparison th:first-child { font-size: 11px; }
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .fg-comparison .cmp-model-trigger { min-width: 112px; }
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .cmp-cell-note { display: block; margin: 3px 0px 0px; }
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .cmp-dimensions .cmp-value { font-size: 12px; }
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .cmp-drawing-action { min-height: 44px; }
dialog.p-model-comparison-dialog .cmp-dialog-head,
dialog.p-model-comparison-dialog .cmp-dialog-footer { padding: 16px; }
dialog.p-model-comparison-dialog .cmp-drawing-stage { padding: 10px; }
}
/* END P SERIES MODEL COMPARISON 2026-10-29 */

/* P comparison: remove the redundant heading divider. */
.flood-group-page:is([data-group="p-single-module"],[data-group="p-dual-module"]) #comparison.p-model-comparison .fg-section-head { border-bottom: 0; }

/* Patriot gallery: native left thumbnail rail, six supplied views. */
.flood-group-page[data-group="c-patriot"] .fg-thumbs{max-height:480px;overflow-y:auto;scrollbar-width:thin}
.flood-group-page[data-group="c-patriot"] .fg-thumb{height:70px;min-height:70px;padding:4px;grid-template-rows:43px minmax(0,1fr);cursor:pointer}
.flood-group-page[data-group="c-patriot"] .fg-thumb img{height:43px}
.flood-group-page[data-group="c-patriot"] .fg-thumb small{line-height:1.15}
.flood-group-page[data-group="c-patriot"] .fg-thumb:focus-visible{outline:2px solid var(--fg-orange);outline-offset:2px}
@media(max-width:1100px){.flood-group-page[data-group="c-patriot"] .fg-thumbs{max-height:410px}}
@media(max-width:899px){.flood-group-page[data-group="c-patriot"] .fg-thumbs{max-height:420px}}
@media(max-width:599px){.flood-group-page[data-group="c-patriot"] .fg-thumbs{max-height:none;overflow-y:hidden;overflow-x:auto;padding:2px}.flood-group-page[data-group="c-patriot"] .fg-thumb{flex:0 0 70px}}

.flood-group-page[data-group="c-patriot"] .fg-model-views[hidden]{display:none!important}

/* Pathfinder gallery: compact left thumbnail rail and mobile model isolation. */
.flood-group-page[data-group="c-pathfinder"] .fg-thumbs{max-height:480px;overflow-y:auto;scrollbar-width:thin}
.flood-group-page[data-group="c-pathfinder"] .fg-thumb{height:70px;min-height:70px;padding:4px;grid-template-rows:43px minmax(0,1fr);cursor:pointer}
.flood-group-page[data-group="c-pathfinder"] .fg-thumb img{height:43px}
.flood-group-page[data-group="c-pathfinder"] .fg-thumb small{line-height:1.15}
.flood-group-page[data-group="c-pathfinder"] .fg-thumb:focus-visible{outline:2px solid var(--fg-orange);outline-offset:2px}
.flood-group-page[data-group="c-pathfinder"] .fg-model-views[hidden]{display:none!important}
@media(max-width:1100px){.flood-group-page[data-group="c-pathfinder"] .fg-thumbs{max-height:410px}}
@media(max-width:899px){.flood-group-page[data-group="c-pathfinder"] .fg-thumbs{max-height:420px}}
@media(max-width:599px){.flood-group-page[data-group="c-pathfinder"] .fg-thumbs{max-height:none;overflow-y:hidden;overflow-x:auto;padding:2px}.flood-group-page[data-group="c-pathfinder"] .fg-thumb{flex:0 0 70px}}

/* Moonwatcher gallery: compact left thumbnail rail and mobile model isolation. */
.flood-group-page[data-group="c-moonwatcher"] .fg-thumbs{max-height:480px;overflow-y:auto;scrollbar-width:thin}
.flood-group-page[data-group="c-moonwatcher"] .fg-thumb{height:70px;min-height:70px;padding:4px;grid-template-rows:43px minmax(0,1fr);cursor:pointer}
.flood-group-page[data-group="c-moonwatcher"] .fg-thumb img{height:43px}
.flood-group-page[data-group="c-moonwatcher"] .fg-thumb small{line-height:1.15}
.flood-group-page[data-group="c-moonwatcher"] .fg-thumb:focus-visible{outline:2px solid var(--fg-orange);outline-offset:2px}
.flood-group-page[data-group="c-moonwatcher"] .fg-model-views[hidden]{display:none!important}
@media(max-width:1100px){.flood-group-page[data-group="c-moonwatcher"] .fg-thumbs{max-height:410px}}
@media(max-width:899px){.flood-group-page[data-group="c-moonwatcher"] .fg-thumbs{max-height:420px}}
@media(max-width:599px){.flood-group-page[data-group="c-moonwatcher"] .fg-thumbs{max-height:none;overflow-y:hidden;overflow-x:auto;padding:2px}.flood-group-page[data-group="c-moonwatcher"] .fg-thumb{flex:0 0 70px}}

/* R Series: keep distinct LED specifications on separate, readable lines. */
.flood-group-page:is([data-group="r-compact"],[data-group="r-standard"],[data-group="r-large"]) [data-model-value="ledSpecification"],
.flood-group-page:is([data-group="r-compact"],[data-group="r-standard"],[data-group="r-large"]) td.r-led-specification{white-space:pre-line;line-height:1.65}