/* Inner pages share the approved homepage visual language; footer uses its original stylesheet. */
.brand-page { --pd-red: #bb252e; --brand-ink: #202427; --brand-secondary: #53616b; --brand-surface: #f3f5f5; background: #fff; }
.showcase .navlink-ext[aria-current="page"] { color: #b8222b; }
.showcase .menu li:last-child a[aria-current="page"] { color: #fff; background: #982029; }
.brand-page main.container, .brand-page main .container, .brand-page .brand-banner .container { width: min(1320px, calc(100% - 112px)); }
.brand-banner { isolation: isolate; position: relative; background: #20272c; color: #fff; min-height: 340px; display: flex; align-items: center; overflow: hidden; }
.brand-banner::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,rgba(13,20,26,.92),rgba(13,20,26,.3)),var(--banner-photo) center / cover; }
.brand-banner--products { --banner-photo: url('../../img/Products/products-hero.jpeg'); }
.brand-banner--products::before { background-position: center, var(--products-photo-x, 50%) var(--products-photo-y, 65%); }
.brand-banner--about { --banner-photo: url('../../img/index/homepage-1.webp'); min-height: 420px; }
.brand-banner .container { padding-block: 58px; }
.brand-banner h1 { font-size: clamp(38px,4vw,60px); font-weight: 600; line-height: 1.3; letter-spacing: -.04em; margin: 0 0 22px; }
.brand-banner p:not(.show-eyebrow) { font-size: 15px; line-height: 1.9; color: #d0d5d8; max-width: 480px; margin: 0; }
.brand-page main.products2 { padding-top: 0; padding-bottom: 90px; }
.brand-page .cat-nav { margin: 0 0 62px; border: 0; border-radius: 0; box-shadow: none; border-bottom: 1px solid #d9dddf; padding: 20px 0 0; gap: 4px; }
.brand-page .cat-item { padding: 20px 6px 24px; gap: 12px; }
.brand-page .cat-item__icon { width: 40px; height: 40px; }
.brand-page .cat-item__icon svg { width: 32px; height: 32px; }
.brand-page .cat-item__label { font-size: 12px; font-weight: 500; }
.brand-page .cat-item.is-active { background: #f7f7f7; }
.brand-page .cat-item::after { left: 0; right: 0; height: 2px; }
.brand-page .cat-block__title { font-size: 30px; font-weight: 600; border-color: #d8dcdf; padding-bottom: 22px; }
.brand-page .cat-block__groups { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; margin-top: 24px; }
.brand-page .pg--single, .brand-page .pg--single .pg__grid { display: contents; }
.brand-page .pg:not(.pg--single) { grid-column: 1 / -1; }
.brand-page .pg__head { border-left: 0; padding-left: 0; }
.brand-page .pg__title { font-size: 20px; font-weight: 600; }
.brand-page .pg__desc { color: #6c747a; font-size: 14px; }
.brand-page .pg__grid { gap: 20px; margin-top: 20px; align-items: stretch; }
.brand-page .pg--single .pg__grid { margin-top: 0; }
.brand-page .pc { display: flex; flex-direction: column; padding: 0; border: 1px solid #e2e5e7; border-radius: 6px; box-shadow: none; gap: 0; background: #fff; overflow: hidden; }
.brand-page .pc:hover { box-shadow: none; transform: none; border-color: #b7bfc4; }
.brand-page .pc__media { width: 100%; flex: 0 0 170px; height: 170px; display: flex; align-items: center; justify-content: center; padding: 16px; border-radius: 0; background: #f5f6f6; }
.brand-page .pc__media img { width: 100%; height: 138px; max-height: 138px; object-fit: contain; transition: transform .25s; }
.brand-page .pc__media:hover img { transform: scale(1.035); }
.brand-page .pc__body { padding: 17px 20px 16px; border-top: 1px solid #e8ebed; min-width: 0; }
.brand-page .pc__code { color: #7c858b; font-family: Saira,var(--font-sans); font-size: 12px; font-weight: 500; line-height: 1.3; margin-bottom: 5px; }
.brand-page .pc__title { font-size: 19px; font-weight: 600; line-height: 1.5; letter-spacing: -.02em; margin: 0; text-wrap: balance; }
.brand-page .pc__title a { color: #20272c; }
.brand-page .pc__title a:hover { color: #b8222b; }
.brand-page .pc__intro { font-size: 14px; color: #68747c; line-height: 1.75; margin: 10px 0 0; max-width: 44em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.brand-page .pc__feats { gap: 5px; margin-block: 12px 15px; }
.brand-page .pc__feats li { font-size: 13px; color: #505c64; padding-left: 15px; }
.brand-page .pc__feats li::before { width: 4px; height: 4px; background: #909ba2; }
.brand-page .pc__more { align-self: stretch; justify-content: space-between; font-size: 13px; color: #a9232b; padding-top: 10px; font-weight: 500; border-top: 1px solid #e7eaec; }
.brand-page .pc__more .p-more-dot { background: transparent; width: 22px; height: 22px; border: 1px solid #d8dfe2; border-radius: 50%; }
.brand-page .pc__more .p-more-dot::after { color: #a9232b; font-size: 16px; }
.brand-page .pd-wrap .container { width: min(1320px, calc(100% - 112px)); }
.brand-page .pd-crumbbar { background: #f5f6f6; }
.brand-page .pd-back { border-radius: 0; background: transparent; border: 0; padding-inline: 0; }
.brand-page .pd-hero { padding-block: 56px; }
.brand-page .pd-hero__grid { gap: 60px; align-items: center; }
.brand-page .pd-gallery__main { background: #f1f3f3; border-radius: 0; }
.brand-page .pd-gallery__main img { padding: 32px; }
.brand-page .pd-thumb { border-radius: 0; background: #f3f4f4; }
.brand-page .pd-thumb img { object-fit: contain; }
.brand-page .pd-tag { padding: 0 0 10px; border-radius: 0; background: transparent; font-weight: 500; }
.brand-page .pd-id { font-family: Saira,var(--font-sans); font-size: clamp(40px,4vw,58px); font-weight: 600; line-height: 1.2; margin-block: 6px 16px; }
.brand-page .pd-name { font-size: 23px; font-weight: 600; color: #20272c; line-height: 1.5; }
.brand-page .pd-desc { font-size: 17px; line-height: 1.9; color: var(--brand-secondary); margin: 18px 0 0; }
.brand-page .pd-highlights { margin: 26px 0; padding-block: 24px; gap: 20px 14px; border-block: 1px solid #dce2e5; }
.brand-page .pd-hl__icon { width: 48px; height: 48px; }
.brand-page .pd-hl__label { font-size: 15px; font-weight: 600; color: var(--brand-ink); }
.brand-page .pd-hl__value { font-size: 16px; color: var(--brand-secondary); }
.brand-page .pd-btn { border-radius: 0; font-size: 16px; font-weight: 500; min-height: 52px; }
.brand-page .pd-body { background: #f4f5f5; padding-block: 64px; }
.brand-page .pd-body__grid { gap: 48px; grid-template-columns: minmax(0,1.5fr) minmax(0,1fr); }
.brand-page .pd-col { min-width: 0; }
.brand-page .pd-col__title { font-size: 23px; font-weight: 600; padding-bottom: 18px; }
.brand-page .pd-col__title::after { width: 28px; height: 2px; }
.brand-page .pd-spec-tab { border-radius: 0; font-weight: 500; font-size: 15px; min-height: 44px; padding: 10px 16px; color: var(--brand-secondary); }
.brand-page .pd-spec-tab.is-active { color: #fff; }
.brand-page .pd-spec-table { font-size: 16px; }
.brand-page .pd-spec-table th { color: var(--brand-secondary); font-weight: 500; }
.brand-page .pd-spec-table td { white-space: normal; overflow-wrap: anywhere; font-weight: 500; }
.brand-page .pd-flow { overflow-x: auto; padding-bottom: 6px; }
.brand-page .pd-flow__step { min-width: max-content; }
.brand-page .pd-flow__cap { white-space: nowrap; }
.brand-page .pd-flow:focus-visible { outline: 2px solid var(--pd-red); outline-offset: 4px; }
.brand-page .pd-flow__icon { width: 45px; height: 45px; }
.brand-page .pd-flow__arrow { margin-top: 12px; }
.brand-page .pd-options { grid-template-columns: repeat(2,minmax(0,1fr)); }
.brand-page .pd-options li { min-width: 0; overflow-wrap: anywhere; font-size: 16px; line-height: 1.8; }
.brand-page .pd-rel, .brand-page .pd-rel__media { border-radius: 0; box-shadow: none; }
.brand-page #pd-specs-related-col > #pd-related-col { margin-top: 32px; }
.brand-page .pd-wip-related { max-width: 640px; margin-inline: auto; padding-bottom: 48px; }
.brand-page .pd-related-grid { grid-template-columns: repeat(auto-fill,minmax(min(100%,160px),1fr)); }
.brand-page .pd-values { background: #fff; }
.brand-page main.about { padding-top: 36px; padding-bottom: 70px; }
.brand-page .about-block { padding-block: 35px; }
.brand-page .about-block__title { font-size: 30px; font-weight: 600; letter-spacing: -.025em; text-wrap: balance; margin-top: 0; }
.brand-page .about-block__rule { height: 1px; background: #d8dddf; margin-block: 22px 32px; }
.brand-page .about-leader__meta { gap: 28px 40px; }
.brand-page .about-pill__label { font-size: 16px; font-weight: 500; text-align: left; }
.brand-page .about-pill__label::after { content: none; }
.brand-page .about-pill__text { font-size: 15px; color: #657078; font-weight: 400; }
.brand-page .about-excellence { border: 0; border-radius: 0; box-shadow: none; grid-template-columns: 1fr 1fr; background: #f3f4f4; }
.brand-page .about-excellence__cards { background: #f3f4f4; padding: 38px; gap: 28px; }
.brand-page .about-mini h3 { font-size: 19px; font-weight: 600; }
.brand-page .about-mini h3::after { display: none; }
.brand-page .about-mini p { font-size: 14px; line-height: 1.9; }
.brand-page .about-timeline { padding-block: 35px; }
.brand-page .timeline-list { margin-top: 36px; }
.brand-page .timeline-year { font-family: Saira,var(--font-sans); font-weight: 600; }
.brand-page .about--lead { font-size: 15px; font-weight: 400; color: #657078; line-height: 2; }
.brand-page .c2-hero { margin-top: 0; background-position: 70% center; min-height: 340px; }
.brand-page .c2-hero::before { background: linear-gradient(90deg,rgba(13,20,26,.94),rgba(13,20,26,.4)); }
.brand-page .c2-hero__inner { padding-block: 60px; }
.brand-page .c2-hero__kicker { color: #d7dde0; font-weight: 500; font-size: 12px; letter-spacing: .09em; }
.brand-page .c2-hero__title { color: #fff; font-size: clamp(38px,4vw,60px); font-weight: 600; letter-spacing: -.035em; }
.brand-page .c2-hero__sub { color: #d0d5d8; max-width: 520px; }
.brand-page .c2-main { background: #fff; padding-block: 70px 80px; }
.brand-page .c2-grid { grid-template-columns: .8fr 1.2fr; gap: 70px; }
.brand-page .c2-panel { border: 0; border-radius: 0; box-shadow: none; padding: 0; }
.brand-page .c2-formwrap { grid-column: 2; grid-row: 1; }
.brand-page .c2-info { grid-column: 1; grid-row: 1; background: #f3f4f4; padding: 32px; }
.brand-page .c2-panel__title { font-weight: 600; }
.brand-page .c2-panel__title::after { width: 28px; height: 2px; border-radius: 0; }
.brand-page .c2-info__icon { background: transparent; width: 25px; height: 28px; }
.brand-page .c2-info__label { font-size: 15px; font-weight: 500; color: var(--brand-secondary); }
.brand-page .c2-info__text { color: #303b43; font-size: 16px; }
.brand-field { display: flex; flex-direction: column; gap: 9px; min-width: 0; color: #505b63; font-size: 15px; font-weight: 500; }
.brand-page .c2-form input, .brand-page .c2-form select, .brand-page .c2-form textarea { border-radius: 0; background-color: #f6f7f7; border-color: #aeb8bf; min-height: 52px; font-size: 16px; }
.brand-page .c2-select { padding-right: 40px; }
.brand-page .c2-form input:focus-visible, .brand-page .c2-form select:focus-visible, .brand-page .c2-form textarea:focus-visible { outline: 2px solid #bb252e; outline-offset: 3px; }
.brand-page .c2-submit { background: #bb252e; border-radius: 0; width: auto; justify-self: start; min-width: 200px; }
.brand-page .c2-submit:hover { background: #982029; }
.brand-photo-pending { color: #727b81; font-size: 13px; border: 1px solid #d6dcdf; padding: 14px 22px; }
/* Read the equipment at a glance; open the complete description when needed. */
.brand-page .pd-overview { margin-top: 22px; border-top: 1px solid #dce2e5; padding-top: 4px; }
.brand-page .pd-overview summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 48px; font-size: 16px; font-weight: 500; color: var(--brand-ink); cursor: pointer; list-style: none; }
.brand-page .pd-overview summary::-webkit-details-marker { display: none; }
.brand-page .pd-overview summary::after { content: '+'; font-size: 24px; color: var(--pd-red); }
.brand-page .pd-overview[open] summary::after { content: '−'; }
.brand-page .pd-overview summary:focus-visible { outline: 2px solid var(--pd-red); outline-offset: 4px; }
.brand-page .pd-spec-link { display: inline-flex; align-items: center; gap: 24px; margin-top: 12px; min-height: 44px; font-size: 16px; font-weight: 500; color: var(--pd-red); }
.brand-page .pd-body { scroll-margin-top: 100px; }
@media(max-width:980px) {
 .brand-page main.container, .brand-page main .container, .brand-page .brand-banner .container, .brand-page .pd-wrap .container { width: calc(100% - 64px); }
 .brand-page .pg__grid, .brand-page .cat-block__groups { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .brand-page .pd-hero__grid, .brand-page .pd-body__grid { grid-template-columns: 1fr; gap: 36px; }
 /* Single-column detail order: specifications, process/options, related equipment.
    Flatten only the visual wrapper so existing CMS element IDs stay intact. */
 .brand-page .pd-body__grid > #pd-specs-related-col { display: contents; }
 .brand-page #pd-specs-related-col > #pd-specs-col { order: 0; min-width: 0; }
 .brand-page .pd-body__grid > .pd-col:not(#pd-specs-related-col) { order: 1; }
 .brand-page #pd-specs-related-col > #pd-related-col { order: 2; margin-top: 0; min-width: 0; }

 .brand-page .pd-info { max-width: none; }
 .brand-page .c2-grid { gap: 32px; grid-template-columns: .8fr 1.2fr; }
 .brand-page .about-excellence { grid-template-columns: 1fr; }
 .brand-page .about-excellence__media { max-height: 400px; overflow: hidden; }
}
@media(max-width:600px) {
 .brand-page main.container, .brand-page main .container, .brand-page .brand-banner .container, .brand-page .pd-wrap .container { width: calc(100% - 40px); }
 .brand-banner, .brand-banner--about { min-height: 290px; }
 .brand-banner--products::before { background-position: center, var(--products-photo-mobile-x, 75%) var(--products-photo-mobile-y, 65%); }
 .brand-banner .container { padding-block: 40px; }
 .brand-banner .show-eyebrow { letter-spacing: .02em; }
 .brand-page .cat-nav { grid-template-columns: repeat(3,minmax(0,1fr)); margin-bottom: 38px; padding-top: 10px; }
 .brand-page .cat-item { padding-block: 15px; }
 .brand-page .cat-item__label { font-size: 11px; }
 .brand-page .cat-item__icon { width: 32px; height: 32px; }
 .brand-page .pg__grid, .brand-page .cat-block__groups { grid-template-columns: 1fr; gap: 14px; }
 .brand-page .pc { display: grid; grid-template-columns: 104px minmax(0,1fr); }
 .brand-page .pc__body { border-top: 0; padding: 14px; }
 .brand-page .pc__title { font-size: 17px; }
 .brand-page .pc__intro { font-size: 12px; -webkit-line-clamp: 2; }
 .brand-page .pc__feats { margin-block: 8px 10px; gap: 3px; }
 .brand-page .pc__feats li { font-size: 12px; }
 .brand-page .pc__more { font-size: 12px; }

 .brand-page .cat-block__title, .brand-page .about-block__title { font-size: 25px; }
 .brand-page .pc__media { height: 100%; min-height: 160px; padding: 10px; }
 .brand-page .pc__media img { height: 110px; max-height: 110px; }
 .brand-page .brand-photo-pending { font-size: 11px; padding: 8px; text-align: center; }
 .brand-page .pd-crumbbar .container { flex-wrap: wrap; gap: 4px; padding-block: 14px; }
 .brand-page .pd-hero { padding-block: 30px; }
 .brand-page .pd-hero__grid { gap: 25px; }
 .brand-page .pd-name { font-size: 21px; }
 .brand-page .pd-highlights { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 12px; }
 .brand-page .pd-actions { display: grid; grid-template-columns: 1fr; gap: 10px; }
 .brand-page .pd-actions .pd-btn { width: 100%; padding: 14px 20px; }
 .brand-page .pd-body { padding-block: 40px; }
 .brand-page .pd-flow { flex-wrap: wrap; row-gap: 18px; }
 .brand-page .pd-flow__step { flex: 0 0 25%; }
 .brand-page .pd-flow__arrow { display: none; }
 .brand-page .pd-values__grid { grid-template-columns: 1fr; padding-block: 32px; gap: 24px; }
 .brand-page .about-block { padding-block: 20px; }
 .brand-page .about-leader__meta { grid-template-columns: 1fr; row-gap: 12px; }
 .brand-page .about-pill__text { margin-bottom: 18px; }
 .brand-page .about-excellence__cards { padding: 26px; }
 .brand-page .c2-hero { min-height: 200px; }
 .brand-page .c2-hero__inner { padding-block: 28px; }
 .brand-page .c2-main { padding-block: 40px; }
 .brand-page .c2-grid { grid-template-columns: 1fr; gap: 40px; }
 .brand-page .c2-formwrap, .brand-page .c2-info { grid-column: 1; grid-row: auto; }
 .brand-page .c2-form__row { grid-template-columns: 1fr; }
 .brand-page .c2-info { padding: 26px; }
 .brand-page .c2-submit { width: 100%; }
}