/* EDIT GUIDE: css/bw-unified.css Shared presentation bridge for product, material and reference pages. Change reusable page spacing, tables and CTA styling here; preserve technical content in HTML. Search EDIT BLOCK for selectors/functions; see EDITING-GUIDE.md for the file map. */ /* HOMEPAGE BRIDGE: shared presentation for existing product/reference pages. Loaded after legacy layouts, before icon-tiles.css. No content or asset changes. */ /* EDIT BLOCK: body.bw-unified. Change the declarations below; shared overrides may load later. */ body.bw-unified{font-family:'Poppins',sans-serif;background:#edf3f8;color:#1e293b} /* EDIT BLOCK: .bw-unified .container. Change the declarations below; shared overrides may load later. */ .bw-unified .container{width:min(1280px,calc(100% - 64px));margin-inline:auto} /* EDIT BLOCK: .bw-unified main p. Change the declarations below; shared overrides may load later. */ .bw-unified main p{line-height:1.75} /* EDIT BLOCK: .bw-unified main :is(h2,h3). Change the declarations below; shared overrides may load later. */ .bw-unified main :is(h2,h3){margin-bottom:16px} /* EDIT BLOCK: .bw-unified main h2. Change the declarations below; shared overrides may load later. */ .bw-unified main h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.035em} /* EDIT BLOCK: .bw-unified main h3. Change the declarations below; shared overrides may load later. */ .bw-unified main h3{font-size:20px;letter-spacing:-.02em} /* EDIT BLOCK: .bw-unified main :is(.section,.standards-section,.et-section). Change the declarations below; shared overrides may load later. */ .bw-unified main :is(.section,.standards-section,.et-section){padding:60px 0;scroll-margin-top:80px} /* Alternating coloured grounds define sections without changing card interiors. */ /* EDIT BLOCK: .bw-unified main>section:not(:first-child):not(.cta-section). Change the declarations below; shared overrides may load later. */ .bw-unified main>section:not(:first-child):not(.cta-section){background:#edf3f8} /* EDIT BLOCK: .bw-unified main>section:nth-of-type(2n):not(:first-child):not(.cta-section). Change the declarations below; shared overrides may load later. */ .bw-unified main>section:nth-of-type(2n):not(:first-child):not(.cta-section){background:#fff0e3} /* EDIT BLOCK: .bw-unified main :is(.catalog-card,.standard-card,.material-card,.product-card,.fitting-category-card,.elbow-type-card). Change the declarations below; shared overrides may load later. */ .bw-unified main :is(.catalog-card,.standard-card,.material-card,.product-card,.fitting-category-card,.elbow-type-card){background:#fff;border-radius:14px} /* EDIT BLOCK: .bw-unified main :is(.section-heading,.section-header). Change the declarations below; shared overrides may load later. */ .bw-unified main :is(.section-heading,.section-header){margin-bottom:32px} /* Compact, readable labels and consistent body copy; technical values are untouched. */ /* EDIT BLOCK: .bw-unified main :is(.section-tag,.eyebrow,.type-label). Change the declarations below; shared overrides may load later. */ .bw-unified main :is(.section-tag,.eyebrow,.type-label){color:#a1390b;letter-spacing:.12em} /* EDIT BLOCK: .bw-unified main :is(.catalog-card,.material-card,.elbow-material-card,.standard-card,.application-card,.quality-feature,.et-card) p. Change the declarations below; shared overrides may load later. */ .bw-unified main :is(.catalog-card,.material-card,.elbow-material-card,.standard-card,.application-card,.quality-feature,.et-card) p{font-size:15px} /* EDIT BLOCK: .bw-unified main :is(.materials-note,.applications-note,.quality-box-note,.reference-links) p. Change the declarations below; shared overrides may load later. */ .bw-unified main :is(.materials-note,.applications-note,.quality-box-note,.reference-links) p{font-size:14px} /* EDIT BLOCK: .bw-unified main :is(.catalog-card,.et-panel,.quality-content)>p+p. Change the declarations below; shared overrides may load later. */ .bw-unified main :is(.catalog-card,.et-panel,.quality-content)>p+p{margin-top:16px} /* EDIT BLOCK: .bw-unified main :is(.catalog-two,.catalog-three,.catalog-materials,.et-grid,.resource-link-grid). Change the declarations below; shared overrides may load later. */ .bw-unified main :is(.catalog-two,.catalog-three,.catalog-materials,.et-grid,.resource-link-grid){gap:22px} /* EDIT BLOCK: .bw-unified main :is(.catalog-hero-grid,.product-hero-grid,.elbow-hero-grid,.overview-grid,.quality-grid,.enquiry-layout)>*. Change the declarations below; shared overrides may load later. */ .bw-unified main :is(.catalog-hero-grid,.product-hero-grid,.elbow-hero-grid,.overview-grid,.quality-grid,.enquiry-layout)>*{min-width:0} /* Reuse the homepage navy/orange palette while leaving hero image markup untouched. */ /* EDIT BLOCK: .bw-unified main>section:first-child. Change the declarations below; shared overrides may load later. */ .bw-unified main>section:first-child{background:radial-gradient(ellipse at 90% 10%,#1f4e7945,transparent 60%),#0b1f3a;padding:44px 0} /* EDIT BLOCK: .bw-unified main>section:first-child h1. Change the declarations below; shared overrides may load later. */ .bw-unified main>section:first-child h1{color:#fff;font-size:clamp(36px,4.4vw,60px);line-height:1.1;margin:20px 0 24px} /* EDIT BLOCK: .bw-unified main>section:first-child h1 span. Change the declarations below; shared overrides may load later. */ .bw-unified main>section:first-child h1 span{color:#ff9563} /* EDIT BLOCK: .bw-unified main>section:first-child p. Change the declarations below; shared overrides may load later. */ .bw-unified main>section:first-child p{color:#c9d5e3} /* EDIT BLOCK: .bw-unified main>section:first-child :is(.eyebrow,.section-tag). Change the declarations below; shared overrides may load later. */ .bw-unified main>section:first-child :is(.eyebrow,.section-tag){color:#ffad87} /* EDIT BLOCK: .bw-unified main :is(.catalog-breadcrumb,.breadcrumb). Change the declarations below; shared overrides may load later. */ .bw-unified main :is(.catalog-breadcrumb,.breadcrumb){font-size:14px;line-height:1.6} /* EDIT BLOCK: .bw-unified main :is(.catalog-breadcrumb,.breadcrumb) a,.bw-unified .dimension-hero-link. Change the declarations below; shared overrides may load later. */ .bw-unified main :is(.catalog-breadcrumb,.breadcrumb) a,.bw-unified .dimension-hero-link{color:#ffad87} /* EDIT BLOCK: .bw-unified main :is(.catalog-breadcrumb,.breadcrumb) a:hover,.bw-unified .dimension-hero-link:hover. Change the declarations below; shared overrides may load later. */ .bw-unified main :is(.catalog-breadcrumb,.breadcrumb) a:hover,.bw-unified .dimension-hero-link:hover{color:#ff6a2a} /* EDIT BLOCK: .bw-unified main :is(.passport-symbol,.resource-steps span). Change the declarations below; shared overrides may load later. */ .bw-unified main :is(.passport-symbol,.resource-steps span){color:#ffad87} /* EDIT BLOCK: .bw-unified .material-passport. Change the declarations below; shared overrides may load later. */ .bw-unified .material-passport{border-radius:16px;border-color:#476580;box-shadow:0 16px 36px #06182b24} /* Informational grade badges are not buttons; real links retain clear boundaries. */ /* EDIT BLOCK: .bw-unified .passport-grades span. Change the declarations below; shared overrides may load later. */ .bw-unified .passport-grades span{border-color:transparent;background:#ffffff0b;border-radius:3px} /* EDIT BLOCK: .bw-unified .passport-grades a. Change the declarations below; shared overrides may load later. */ .bw-unified .passport-grades a{text-decoration:underline;text-underline-offset:4px} /* EDIT BLOCK: .bw-unified.refreshed main .btn-primary. Change the declarations below; shared overrides may load later. */ .bw-unified.refreshed main .btn-primary{background:#ff6a2a;color:#0b1f3a;border-color:#ff6a2a} /* EDIT BLOCK: .bw-unified.refreshed main .btn-primary:hover. Change the declarations below; shared overrides may load later. */ .bw-unified.refreshed main .btn-primary:hover{background:#ff804b;border-color:#ff804b} /* Solid orange final CTA: no glow, gradient or shadow, as requested. */ /* EDIT BLOCK: .bw-unified main :is(#enquire,.product-cta,.cta-section). Change the declarations below; shared overrides may load later. */ .bw-unified main :is(#enquire,.product-cta,.cta-section){background:#ff965f;color:#0b1f3a;padding:48px 0;box-shadow:none} /* EDIT BLOCK: .bw-unified main :is(#enquire,.product-cta,.cta-section) :is(h2,p,.eyebrow). Change the declarations below; shared overrides may load later. */ .bw-unified main :is(#enquire,.product-cta,.cta-section) :is(h2,p,.eyebrow){color:#0b1f3a} /* EDIT BLOCK: .bw-unified main :is(#enquire,.product-cta,.cta-section) .btn. Change the declarations below; shared overrides may load later. */ .bw-unified main :is(#enquire,.product-cta,.cta-section) .btn{background:#0b1f3a;color:#fff;border-color:#0b1f3a;box-shadow:none} /* EDIT BLOCK: .bw-unified main :is(#enquire,.product-cta,.cta-section) .btn:hover. Change the declarations below; shared overrides may load later. */ .bw-unified main :is(#enquire,.product-cta,.cta-section) .btn:hover{background:#1f4e79;border-color:#1f4e79} /* EDIT BLOCK: .bw-unified main :is(#enquire,.product-cta,.cta-section) p+.btn. Change the declarations below; shared overrides may load later. */ .bw-unified main :is(#enquire,.product-cta,.cta-section) p+.btn{margin-top:22px} /* One technical table treatment across catalogue and detailed elbow templates. */ /* EDIT BLOCK: .bw-unified main :is(.dimension-table-wrap,.et-table-wrap). Change the declarations below; shared overrides may load later. */ .bw-unified main :is(.dimension-table-wrap,.et-table-wrap){overflow-x:auto;border:1px solid #cbd8e4;border-radius:12px} /* EDIT BLOCK: .bw-unified main :is(.dimension-table,.et-table). Change the declarations below; shared overrides may load later. */ .bw-unified main :is(.dimension-table,.et-table){font-size:15px;line-height:1.7} /* EDIT BLOCK: .bw-unified main :is(.dimension-table,.et-table) caption. Change the declarations below; shared overrides may load later. */ .bw-unified main :is(.dimension-table,.et-table) caption{background:#0b1f3a;padding:20px 24px;border-bottom:3px solid #ff6a2a;color:#fff} /* EDIT BLOCK: .bw-unified main :is(.dimension-table,.et-table) :is(th,td). Change the declarations below; shared overrides may load later. */ .bw-unified main :is(.dimension-table,.et-table) :is(th,td){padding:17px 22px;border-bottom:1px solid #dce4ec;overflow-wrap:anywhere} /* EDIT BLOCK: .bw-unified main :is(.dimension-table,.et-table) tbody tr:nth-child(even). Change the declarations below; shared overrides may load later. */ .bw-unified main :is(.dimension-table,.et-table) tbody tr:nth-child(even){background:#f1f6fa} /* EDIT BLOCK: .bw-unified main :is(.dimension-table,.et-table) tbody th. Change the declarations below; shared overrides may load later. */ .bw-unified main :is(.dimension-table,.et-table) tbody th{color:#0b1f3a;border-right:1px solid #dce4ec} /* EDIT BLOCK: .bw-unified main :is(.dimension-table,.et-table) tbody tr:last-child>*. Change the declarations below; shared overrides may load later. */ .bw-unified main :is(.dimension-table,.et-table) tbody tr:last-child>*{border-bottom:0} /* EDIT BLOCK: .bw-unified .spec-row. Change the declarations below; shared overrides may load later. */ .bw-unified .spec-row{gap:18px;padding:14px 0;font-size:14px;align-items:start} /* EDIT BLOCK: .bw-unified .spec-row>*. Change the declarations below; shared overrides may load later. */ .bw-unified .spec-row>*{min-width:0;overflow-wrap:anywhere} /* Clickable cards lift; informational cards keep a stable reading surface. */ /* EDIT BLOCK: .bw-unified main a:is(.catalog-card,.et-card,.material-card,.standard-card,.application-card). Change the declarations below; shared overrides may load later. */ .bw-unified main a:is(.catalog-card,.et-card,.material-card,.standard-card,.application-card){transition:border-color 200ms ease,box-shadow 200ms ease,transform 200ms ease} /* EDIT BLOCK: .bw-unified main a:is(.catalog-card,.et-card,.material-card,.standard-card,.application-card):is(:hover,:focus-visible). Change the declarations below; shared overrides may load later. */ .bw-unified main a:is(.catalog-card,.et-card,.material-card,.standard-card,.application-card):is(:hover,:focus-visible){border-color:#ff6a2a;box-shadow:0 10px 28px #0b1f3a1a;transform:translateY(-3px)} /* EDIT BLOCK: .bw-unified main :is(.catalog-card,.standard-card,.material-card,.et-card,.tee-type-card):not(a):not(:has(a,button)):hover. Change the declarations below; shared overrides may load later. */ .bw-unified main :is(.catalog-card,.standard-card,.material-card,.et-card,.tee-type-card):not(a):not(:has(a,button)):hover{transform:none;box-shadow:none;border-color:#dce4ec;cursor:default} /* EDIT BLOCK: .bw-unified main :is(.catalog-note,.et-note,.form-notice,.applications-note,.materials-note,.quality-box-note,.guide-reference-note). Change the declarations below; shared overrides may load later. */ .bw-unified main :is(.catalog-note,.et-note,.form-notice,.applications-note,.materials-note,.quality-box-note,.guide-reference-note){border-left-color:#ff6a2a} /* EDIT BLOCK: .bw-unified main :is(.feature-list,.quality-check-list) i. Change the declarations below; shared overrides may load later. */ .bw-unified main :is(.feature-list,.quality-check-list) i{color:#a1390b} /* EDIT BLOCK: .bw-unified .guide-summary .eyebrow. Change the declarations below; shared overrides may load later. */ .bw-unified .guide-summary .eyebrow{color:#ffad87} /* EDIT BLOCK: .bw-unified .guide-term:target. Change the declarations below; shared overrides may load later. */ .bw-unified .guide-term:target{border-color:#ff6a2a;box-shadow:0 0 0 3px #ff6a2a26} /* EDIT BLOCK: .bw-unified.refreshed-content .catalog-note a. Change the declarations below; shared overrides may load later. */ .bw-unified.refreshed-content .catalog-note a{color:#ffad87} /* EDIT BLOCK: .bw-unified .process-list li::before. Change the declarations below; shared overrides may load later. */ .bw-unified .process-list li::before{color:#a1390b} /* EDIT BLOCK: .bw-unified main :is(.guide-summary,.guide-term,.sector-card). Change the declarations below; shared overrides may load later. */ .bw-unified main :is(.guide-summary,.guide-term,.sector-card){scroll-margin-top:80px} /* Form controls remain comfortably readable, including mobile browsers that zoom tiny inputs. */ /* EDIT BLOCK: .bw-unified .field :is(input,select,textarea). Change the declarations below; shared overrides may load later. */ .bw-unified .field :is(input,select,textarea){font-size:16px;min-height:46px} /* EDIT BLOCK: .bw-unified .field small. Change the declarations below; shared overrides may load later. */ .bw-unified .field small{font-size:13px} /* EDIT BLOCK: .bw-unified .enquiry-actions button. Change the declarations below; shared overrides may load later. */ .bw-unified .enquiry-actions button{min-height:44px} /* EDIT BLOCK: .bw-unified .enquiry-actions button:hover. Change the declarations below; shared overrides may load later. */ .bw-unified .enquiry-actions button:hover{background:#ff6a2a;border-color:#ff6a2a;color:#0b1f3a} /* EDIT BLOCK: .bw-unified main details. Change the declarations below; shared overrides may load later. */ .bw-unified main details{background:#fff;border:1px solid #d1deea;border-radius:9px;padding:18px 20px;margin-bottom:12px} /* EDIT BLOCK: .bw-unified main details[open]. Change the declarations below; shared overrides may load later. */ .bw-unified main details[open]{border-left:3px solid #ff6a2a} /* EDIT BLOCK: .bw-unified main summary. Change the declarations below; shared overrides may load later. */ .bw-unified main summary{font-size:17px;line-height:1.55} /* EDIT BLOCK: .bw-unified main summary::marker. Change the declarations below; shared overrides may load later. */ .bw-unified main summary::marker{color:#a1390b} /* EDIT BLOCK: .bw-unified main summary:hover. Change the declarations below; shared overrides may load later. */ .bw-unified main summary:hover{color:#a1390b} /* EDIT BLOCK: .bw-unified .bw-footer h2. Change the declarations below; shared overrides may load later. */ .bw-unified .bw-footer h2{color:white;font-size:14px;letter-spacing:0;margin-bottom:16px} /* EDIT BLOCK: .bw-unified .bw-footer p. Change the declarations below; shared overrides may load later. */ .bw-unified .bw-footer p{color:#b7c7d9;margin:18px 0} /* EDIT BLOCK: .bw-unified .bw-header .bw-eyebrow. Change the declarations below; shared overrides may load later. */ .bw-unified .bw-header .bw-eyebrow{margin-top:0} /* EDIT BLOCK: .bw-unified :focus-visible. Change the declarations below; shared overrides may load later. */ .bw-unified :focus-visible{outline:3px solid #b83b00;outline-offset:4px} /* EDIT BLOCK: .bw-unified main :is(.linked-reference,.dimension-access). Change the declarations below; shared overrides may load later. */ .bw-unified main :is(.linked-reference,.dimension-access){scroll-margin-top:85px} /* Remaining technical navigation uses the same hot-orange interaction state. */ /* EDIT BLOCK: .bw-unified .sector-card:is(:hover,:focus-visible) .sector-icon, .bw-unified .passport-grades a:is(:hover,:focus-visible). Change the declarations below; shared overrides may load later. */ .bw-unified .sector-card:is(:hover,:focus-visible) .sector-icon, .bw-unified .passport-grades a:is(:hover,:focus-visible){background:#ff6a2a;border-color:#ff6a2a;color:#0b1f3a} /* EDIT BLOCK: .bw-unified :is(.sector-map,.resource-steps,.resource-link-grid,.guide-summary) a:is(:hover,:focus-visible). Change the declarations below; shared overrides may load later. */ .bw-unified :is(.sector-map,.resource-steps,.resource-link-grid,.guide-summary) a:is(:hover,:focus-visible){border-color:#ff6a2a} /* EDIT BLOCK: .bw-unified.refreshed .catalog-card.reference-static:hover. Change the declarations below; shared overrides may load later. */ .bw-unified.refreshed .catalog-card.reference-static:hover{transform:none;box-shadow:none;border-color:var(--border)} /* EDIT BLOCK: @media(max-width:1050px). Change the declarations below; shared overrides may load later. */ @media(max-width:1050px){ .bw-unified main :is(.resource-link-grid,.applications-grid){grid-template-columns:repeat(2,minmax(0,1fr))} .bw-unified main :is(.hero-grid,.elbow-hero-grid,.product-hero-grid,.catalog-hero-grid){gap:28px} } /* EDIT BLOCK: @media(max-width:760px). Change the declarations below; shared overrides may load later. */ @media(max-width:760px){ .bw-unified .container{width:calc(100% - 36px)} .bw-unified main :is(.section,.standards-section,.et-section){padding:42px 0} .bw-unified main>section:first-child{padding:30px 0} .bw-unified main>section:first-child h1{font-size:36px} .bw-unified main :is(#enquire,.product-cta,.cta-section){padding:36px 0} .bw-unified main h3{font-size:19px} .bw-unified main :is(.catalog-card,.et-card,.et-panel){padding:22px} .bw-unified main :is(.dimension-table,.et-table) :is(th,td){padding:13px;font-size:14px} .bw-unified main :is(.dimension-table,.et-table) caption{padding:17px} .bw-unified .quality-features{gap:22px} } /* EDIT BLOCK: @media(max-width:600px). Change the declarations below; shared overrides may load later. */ @media(max-width:600px){ .bw-unified main :is(.resource-link-grid,.applications-grid,.quality-features,.tee-types-grid){grid-template-columns:minmax(0,1fr)} .bw-unified .application-card{padding:22px;gap:16px} .bw-unified main :is(.catalog-two,.catalog-three,.catalog-materials,.et-grid){gap:16px} .bw-unified .passport-top,.bw-unified .passport-bottom{padding:18px 20px} .bw-unified .passport-symbol{padding:20px 20px 10px} .bw-unified .passport-name,.bw-unified .passport-grades{padding-inline:20px} } /* EDIT BLOCK: @media(prefers-reduced-motion:reduce). Change the declarations below; shared overrides may load later. */ @media(prefers-reduced-motion:reduce){ .bw-unified main a:is(.catalog-card,.et-card,.material-card,.standard-card,.application-card):is(:hover,:focus-visible){transform:none} }