/* FERROBEND homepage microinteractions. Shared source; internal pages unaffected. */
.ferrobend-home { --ui-orange:#ff782d; --ui-blue:#1f4e79; --ui-line:#d3dfe8; }
.ferrobend-home main :is(a,button,summary):focus-visible,.ferrobend-home header :is(a,button,summary):focus-visible,.ferrobend-home footer a:focus-visible { outline:3px solid #b54412; outline-offset:4px; }
.ferrobend-home main :is(.bw-info-card,.buyer-grid>a,.material-card,.bw-material,.fitting-card,.bw-product) { text-decoration:none; border:1px solid var(--ui-line); border-radius:6px; background:linear-gradient(135deg,#fff,#fafcfe); box-shadow:0 3px 12px #0b1f3a06; }
.ferrobend-home main :is(.bw-info-card,.buyer-grid>a,.material-card,.bw-material,.fitting-card,.bw-product) :is(h3,p,span,b) { text-decoration:none; }
.ferrobend-home :is(#materials,#industries,#resources,#standards) { border-bottom:1px solid #dce5ed; }
.ferrobend-home #resources { background:linear-gradient(120deg,#edf3f8,#faf8f4); }
.ferrobend-home #standards { background:linear-gradient(115deg,#fff,#f1f5f9); }
.ferrobend-home #industries { background:linear-gradient(120deg,#f7f9fc,#fff6ed); }
.ferrobend-home main .bw-info-card { display:flex; flex-direction:column; align-items:flex-start; padding:18px; gap:0; }
.ferrobend-home main .bw-info-icon { position:static; display:grid; place-items:center; width:44px; height:44px; flex:0 0 44px; margin:0 0 12px; padding:9px; color:#ffad73; background:linear-gradient(135deg,#264e6b,#0d2a43); border:1px solid #375b76; border-radius:6px; box-shadow:inset 0 1px #ffffff20,0 3px 8px #0b1f3a12; }
.ferrobend-home main .bw-info-icon svg { width:26px; height:26px; display:block; }
.ferrobend-home main .bw-info-card>.bw-eyebrow { position:static; display:block; margin:0 0 7px; padding:0; font-size:10px; line-height:1.5; color:#46637b; }
.ferrobend-home main .bw-info-card h3 { margin:0 0 8px; }
.ferrobend-home main .bw-info-card .bw-card-action { margin-top:auto; padding-top:13px; color:#1f4e79; font-weight:600; }
.ferrobend-home main :is(.material-symbol,.bw-material-symbol) { color:#ffab70; background:linear-gradient(140deg,#274e69,#0b2940); border:1px solid #42647c; box-shadow:inset 0 1px #ffffff2b,0 3px 8px #0b1f3a18; }
.ferrobend-home .card-drawing { background:linear-gradient(140deg,#18344b,#0c253a); }
.ferrobend-home .fitting-card:is(:hover,:focus-visible) .card-drawing { background:linear-gradient(140deg,#24475f,#102e46); border-color:#cf915f; }
.ferrobend-home .fitting-card:is(:hover,:focus-visible) .card-drawing svg { color:#ffbb7d; }
.ferrobend-home .fitting-card:is(:hover,:focus-visible) .card-drawing :is(span,small) { color:#dcebf5; }
.ferrobend-home .buyer-grid>a { display:flex; flex-direction:column; align-items:flex-start; padding:17px; border-top:2px solid #e4a16d; gap:0; }
.ferrobend-home .buyer-grid>a>span:not(.ui-icon) { display:block; margin:0 0 7px; color:#567087; font-size:10px; letter-spacing:.1em; }
.ferrobend-home .buyer-grid>a h3 { font-size:17px; margin:0 0 8px; }
.ferrobend-home .buyer-grid>a p { margin:0; font-size:13px; }
.ferrobend-home .buyer-grid>a>b { align-self:flex-end; margin-top:10px; color:#1f4e79; }
.ferrobend-home .ui-icon { display:grid; place-items:center; width:36px; height:36px; margin-bottom:10px; border-radius:5px; border:1px solid #365b78; background:linear-gradient(140deg,#264b65,#0d2940); color:#ffac71; flex-shrink:0; }
.ferrobend-home .ui-icon svg { width:22px; height:22px; }
.ferrobend-home #capabilities { background:linear-gradient(120deg,#102b43,#17394f); }
.ferrobend-home #capabilities :is(h2,.bw-lead) { color:#f3f7fb; }
.ferrobend-home #capabilities>.bw-wrap>div:first-child>p { color:#cad9e6; }
.ferrobend-home #capabilities h2 em { color:#ffac71; }
.ferrobend-home #capabilities .bw-capabilities-grid { gap:12px; }
.ferrobend-home #capabilities .bw-capabilities-grid article { background:linear-gradient(135deg,#f7fafc,#eaf0f5); color:#263e52; border:1px solid #b6c9d9; border-left:3px solid #eb9b62; border-radius:5px; padding:16px; box-shadow:inset 0 1px #fff; }
.ferrobend-home #capabilities .bw-capabilities-grid article:nth-child(2n) { background:linear-gradient(135deg,#fff9f3,#f4f2ef); border-left-color:#89a9c1; }
.ferrobend-home #capabilities .bw-capabilities-grid h3 { color:#15344c; font-size:16px; margin:0 0 8px; }
.ferrobend-home #capabilities .bw-capabilities-grid p { color:#435d71; font-size:13px; line-height:1.65; margin:0; }
.ferrobend-home #capabilities .bw-capabilities-grid .ui-icon { width:30px; height:30px; margin-bottom:9px; }
.ferrobend-home #capabilities .bw-capabilities-grid .ui-icon svg { width:19px; height:19px; }
.ferrobend-home .guidance-card { border:1px solid #cad9e4; border-top:2px solid #7699b4; border-radius:6px; background:linear-gradient(145deg,#fff,#f5f8fb); padding:18px; box-shadow:0 3px 12px #0b1f3a06; }
.ferrobend-home .guidance-card:nth-child(2) { border-top-color:#df9866; }
.ferrobend-home .guidance-card h3 { margin:10px 0 8px; }
.ferrobend-home .guidance-card .material-symbol { display:grid; place-items:center; width:38px; height:38px; font-size:14px; }
.ferrobend-home .guidance-card>a { display:inline-flex; align-items:center; gap:8px; margin-top:12px; font-size:13px; color:#1f4e79; font-weight:600; text-decoration:none; }
.ferrobend-home .home-faq-grid { align-items:start; gap:10px 18px; }
.ferrobend-home .ui-faq { background:#fff; border:1px solid #d5e0e8; border-left:3px solid #c8d9e6; border-radius:5px; padding:0 14px; }
.ferrobend-home .ui-faq summary { display:flex; align-items:center; justify-content:space-between; gap:14px; list-style:none; cursor:pointer; padding:13px 0; color:#15344c; font-size:14px; font-weight:600; line-height:1.5; }
.ferrobend-home .ui-faq summary::-webkit-details-marker { display:none; }
.ferrobend-home .ui-faq summary::after { content:'+'; color:#b64b17; font-size:20px; flex-shrink:0; }
.ferrobend-home .ui-faq[open] { border-left-color:#ff782d; background:#fffaf5; }
.ferrobend-home .ui-faq[open] summary::after { content:'−'; }
.ferrobend-home .ui-faq p { border-top:1px solid #e4ded8; margin:0; padding:11px 0 14px; font-size:13px; color:#43596b; }
.ferrobend-home .home-rfq { background:radial-gradient(ellipse at right,#32516a55,transparent 65%),#102d44; border-top:2px solid #dd8952; }
.ferrobend-home .home-rfq :is(h2,p) { color:#ecf3f9; }
.ferrobend-home .home-rfq .bw-eyebrow { color:#ffb987; }
.ferrobend-home .home-rfq :is(.button,.bw-button) { background:linear-gradient(120deg,#ff8a43,#ff7026); color:#10273b; border-color:#ff8a43; }
.ferrobend-home :is(.button,.bw-button,.header-quote,.bw-header-rfq) { transition:background-color 200ms ease,border-color 200ms ease,box-shadow 200ms ease,transform 200ms ease; }
.ferrobend-home :is(.button,.bw-button,.header-quote,.bw-header-rfq):active { transform:translateY(1px); box-shadow:inset 0 2px 4px #0b1f3a25; }
.ferrobend-home main a :is(.ui-icon,.bw-info-icon,.material-symbol,.bw-material-symbol) { transition:color 200ms ease,background-color 200ms ease; }
.ferrobend-home main :is(.bw-info-card,.buyer-grid>a,.material-card,.bw-material,.fitting-card,.bw-product) { transition:transform 200ms ease,border-color 200ms ease,box-shadow 200ms ease; }
.ferrobend-home :is(.card-link,.bw-card-action,.buyer-grid>a>b,.guidance-card>a>span) { transition:transform 200ms ease,color 200ms ease; }
.ferrobend-home :is(.bw-footer,.site-footer) :is(p,a) { font-size:13px; line-height:1.65; }
.ferrobend-home :is(.bw-footer,.site-footer) a { text-decoration:none; text-underline-offset:4px; transition:color 180ms ease; }
.ferrobend-home :is(.nav-dropdown,.bw-panel) { border:1px solid #cad9e4; background:linear-gradient(130deg,#fff,#f7f9fc); box-shadow:0 12px 28px #0b1f3a20; }
.ferrobend-home :is(.nav-dropdown,.bw-panel) a { border-radius:3px; transition:background-color 180ms ease,color 180ms ease; }
.ferrobend-home :is(.nav-dropdown,.bw-panel) a:is(:hover,:focus-visible) { background:#fff0e3; color:#943c0e; }
@media(hover:hover) {
 .ferrobend-home main :is(.bw-info-card,.buyer-grid>a,.fitting-card,.bw-product):hover { transform:translateY(-3px); border-color:#d39a6d; box-shadow:0 9px 22px #0b1f3a12; }
 .ferrobend-home main :is(.material-card,.bw-material):hover { transform:translateY(-2px); border-color:#9bb4c9; box-shadow:0 5px 15px #0b1f3a14; background:linear-gradient(120deg,#fffaf5,#f6f9fb); }
 .ferrobend-home main a:hover :is(.ui-icon,.bw-info-icon,.material-symbol,.bw-material-symbol) { color:#ffe0ba; }
 .ferrobend-home main a:hover :is(.card-link,.bw-card-action,.buyer-grid>a>b),.ferrobend-home .guidance-card>a:hover>span { transform:translateX(3px); color:#a64a16; }
 .ferrobend-home .guidance-card:focus-within { border-color:#df9866; }
 .ferrobend-home .ui-faq summary:hover { color:#a34615; }
 .ferrobend-home :is(.button,.bw-button,.header-quote,.bw-header-rfq):hover { transform:translateY(-2px); box-shadow:0 5px 13px #0b1f3a20; }
 .ferrobend-home :is(.bw-footer,.site-footer) a:hover { color:#ffb17c; text-decoration:underline; }
}
.ferrobend-home main :is(.bw-info-card,.buyer-grid>a,.material-card,.bw-material,.fitting-card,.bw-product):focus-visible { border-color:#bc6228; box-shadow:0 0 0 2px #ff782d25; }
@media(max-width:700px) {
 .ferrobend-home .buyer-grid { grid-template-columns:1fr; }
 .ferrobend-home main .bw-info-card { padding:16px; }
 .ferrobend-home .home-faq-grid { grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce) {
 .ferrobend-home main :is(a,button,summary,span,b),.ferrobend-home header :is(a,button,summary),.ferrobend-home footer a { transition:none!important; }
 .ferrobend-home main :is(a,button):hover { transform:none!important; }
}

/* Keep line art orange despite legacy generic span/SVG color rules. */
.ferrobend-home .buyer-grid>a>.ui-icon,.ferrobend-home #capabilities .bw-capabilities-grid .ui-icon { color:#ffac71; }
.ferrobend-home main :is(.ui-icon,.bw-info-icon)>svg { color:inherit; stroke:currentColor; }
.ferrobend-home .buyer-grid>a:hover>.ui-icon { color:#ffe0ba; }

/* Override legacy important dark capability fills, scoped to homepages. */
.ferrobend-home #capabilities .bw-capabilities-grid article { background:linear-gradient(135deg,#f7fafc,#eaf0f5)!important; }
.ferrobend-home #capabilities .bw-capabilities-grid article:nth-child(2n) { background:linear-gradient(135deg,#fff9f3,#f4f2ef)!important; }
.ferrobend-home #capabilities .bw-capabilities-grid article h3 { color:#15344c!important; }
.ferrobend-home #capabilities .bw-capabilities-grid article p { color:#435d71!important; }

/* Small homepage sections must be immediately available to anchor/focus navigation. */
.ferrobend-home main>section:not(:first-child) { content-visibility:visible; contain-intrinsic-size:none; }

.ferrobend-home #capabilities a.bw-button { display:inline-flex; align-items:center; justify-content:center; margin-top:16px; margin-right:12px; border:1px solid #ff8b46; border-radius:5px; background:linear-gradient(120deg,#ff8a43,#ff7026); color:#10273b; text-decoration:none; font-weight:600; }
.ferrobend-home #capabilities a.bw-inline-light { display:inline-block; margin-top:12px; color:#dcecf7; font-size:13px; text-underline-offset:4px; }
.ferrobend-home #capabilities a.bw-inline-light:is(:hover,:focus-visible) { color:#ffbd8d; text-decoration:underline; }

/* V2 enquiry treatment and transparent muted footer mark, without glow. */
.ferrobend-home :is(#rfq,#enquiry).home-rfq { background:linear-gradient(115deg,#ff782d,#ff6426 65%,#f85a20); border-top:1px solid #e9571c; border-bottom:4px solid #c84614; }
.ferrobend-home :is(#rfq,#enquiry).home-rfq h2 { color:#10273c; }
.ferrobend-home :is(#rfq,#enquiry).home-rfq p,.ferrobend-home :is(#rfq,#enquiry).home-rfq .home-rfq-actions small { color:#173247; }
.ferrobend-home :is(#rfq,#enquiry).home-rfq p.bw-eyebrow { color:#173247!important; }
.ferrobend-home :is(#rfq,#enquiry).home-rfq .home-rfq-actions>a:not(.button):not(.bw-button) { color:#10273c; text-decoration:underline; text-underline-offset:4px; }
.ferrobend-home :is(#rfq,#enquiry).home-rfq :is(.button,.bw-button) { background:#14344d; border-color:#14344d; color:#fff; box-shadow:0 4px 12px #14263816; }
.ferrobend-home :is(#rfq,#enquiry).home-rfq :is(.button,.bw-button):hover { background:#214d6b; border-color:#214d6b; }
.ferrobend-home :is(.bw-footer,.site-footer) :is(.bw-brand,.brand) { width:180px; }
.ferrobend-home :is(.bw-footer,.site-footer) :is(.bw-brand,.brand) img { width:180px; height:auto; background:transparent; padding:0; border-radius:0; filter:url(#footer-brand-white); box-shadow:none; }

.ferrobend-home :is(.bw-footer,.site-footer) h2 { font-size:14px; line-height:1.4; font-weight:600; letter-spacing:0; margin:0 0 14px; }

/* Consistent homepage header proportions; retain each navigation controller. */
.ferrobend-home :is(.bw-header .bw-nav-row,.site-header .nav-row) { display:flex; align-items:center; min-height:66px; height:66px; gap:20px; }
.ferrobend-home :is(.bw-header .bw-brand,.bw-header.is-collapsed .bw-brand,.site-header .brand) { width:180px; flex:0 0 180px; text-decoration:none; }
.ferrobend-home :is(.bw-header .bw-brand,.site-header .brand) :is(img,span) { text-decoration:none; border-bottom:0; }
.ferrobend-home :is(.bw-header .bw-brand img,.bw-header.is-collapsed .bw-brand img,.site-header .brand img) { width:180px; height:auto; }
.ferrobend-home :is(.bw-header .bw-brand span,.site-header .brand span) { font-size:8px; letter-spacing:1.6px; font-weight:400; line-height:1.4; margin-top:5px; }
.ferrobend-home :is(.bw-nav,.site-header .nav-row>nav) { flex:1; justify-content:flex-end; gap:18px; }
.ferrobend-home :is(.bw-nav a,.site-header .nav-row nav a,.site-header .nav-disclosure>summary) { font-size:13px; font-weight:500; }
.ferrobend-home :is(.bw-nav-actions,.site-header .nav-actions) { gap:12px; }
.ferrobend-home :is(.bw-search-open,.site-header .search-toggle) { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:44px; min-width:76px; width:auto; padding:0 8px; font-size:12px; color:#0b1f3a; }
.ferrobend-home :is(.bw-search-open,.site-header .search-toggle)>span { display:inline; }
.ferrobend-home :is(.bw-header-rfq,.site-header .header-quote) { display:inline-flex; align-items:center; justify-content:center; gap:18px; min-height:44px; padding:11px 16px; font-size:12px; line-height:1.4; border-radius:5px; white-space:nowrap; }
.ferrobend-home :is(.bw-header-rfq,.site-header .header-quote)>span { display:inline; font-size:18px; }
@media(max-width:1050px) {
 .ferrobend-home :is(.bw-header .bw-nav-row,.site-header .nav-row) { gap:12px; }
 .ferrobend-home :is(.bw-nav,.site-header .nav-row>nav) { gap:12px; }
}
@media(max-width:800px) {
 .ferrobend-home :is(.bw-header .bw-brand,.bw-header.is-collapsed .bw-brand,.site-header .brand) { width:150px; flex-basis:150px; }
 .ferrobend-home :is(.bw-header .bw-brand img,.bw-header.is-collapsed .bw-brand img,.site-header .brand img) { width:150px; }
 .ferrobend-home :is(.bw-search-open,.site-header .search-toggle) { min-width:44px; width:44px; padding:0; }
 .ferrobend-home :is(.bw-search-open,.site-header .search-toggle)>span { display:none; }
}
@media(max-width:480px) {
 .ferrobend-home :is(.bw-header .bw-brand,.bw-header.is-collapsed .bw-brand,.site-header .brand) { width:138px; flex-basis:138px; }
 .ferrobend-home :is(.bw-header .bw-brand img,.bw-header.is-collapsed .bw-brand img,.site-header .brand img) { width:138px; }
 .ferrobend-home :is(.bw-header .bw-brand span,.site-header .brand span) { font-size:7px; letter-spacing:1.1px; }
 .ferrobend-home .bw-header-rfq { display:none; }
}

/* Match the Butt Weld FAQ to the compact Socket Weld reference. */
.ferrobend-home.bw-site #faq { padding-block:26px; }
.ferrobend-home.bw-site #faq .bw-section-head { display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:end; margin-bottom:18px; }
.ferrobend-home.bw-site #faq .bw-section-head>div { border:0; padding:0; }
.ferrobend-home.bw-site #faq h2 { font-size:clamp(25px,2.3vw,30px); line-height:1.25; margin:8px 0 0; }
.ferrobend-home.bw-site #faq .bw-section-head p { margin:0; font-size:14px; line-height:1.7; }
.ferrobend-home.bw-site #faq .bw-section-head .bw-eyebrow { font-size:10px; line-height:1.5; }
.ferrobend-home.bw-site #faq .home-faq-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 18px; }
.ferrobend-home.bw-site #faq .ui-faq { margin:0; padding:0 14px; }
.ferrobend-home.bw-site #faq .ui-faq summary { margin:0; padding:13px 0; font-size:14px; line-height:1.5; min-height:52px; }
@media(max-width:700px) {
 .ferrobend-home.bw-site #faq .bw-section-head,.ferrobend-home.bw-site #faq .home-faq-grid { grid-template-columns:1fr; }
 .ferrobend-home.bw-site #faq .bw-section-head { gap:12px; }
}

/* Butt Weld cards share Socket Weld's compact product-directory proportions. */
.ferrobend-home.bw-site #fittings .bw-products-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.ferrobend-home.bw-site #fittings .bw-product { display:flex; flex-direction:column; min-height:0; padding:18px; }
.ferrobend-home.bw-site #fittings .bw-card-top.bw-blueprint { height:112px; min-height:112px; flex:0 0 112px; margin:0 0 14px; border-radius:5px; overflow:hidden; position:relative; }
.ferrobend-home.bw-site #fittings .bw-blueprint svg { height:96px; width:100%; }
.ferrobend-home.bw-site #fittings .bw-product h3 { margin:0 0 6px; }
.ferrobend-home.bw-site #fittings .bw-product p { margin:0 0 6px; }
.ferrobend-home.bw-site #fittings .bw-card-action { margin-top:auto; padding-top:12px; }
@media(max-width:1000px) { .ferrobend-home.bw-site #fittings .bw-products-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .ferrobend-home.bw-site #fittings .bw-products-grid { grid-template-columns:1fr; } .ferrobend-home.bw-site #fittings .bw-product { padding:16px; } }

/* Layout-only compactness pass: preserve Butt Weld's own visual treatment. */
.ferrobend-home.bw-site main>:is(.bw-section,.section) { padding-block:32px; }
.ferrobend-home.bw-site :is(.bw-section-head,.section-heading) { margin-bottom:20px; gap:24px; }
.ferrobend-home.bw-site :is(.bw-three,.guidance-grid) { gap:16px; }
.ferrobend-home.bw-site .bw-info-card { padding:18px; }
.ferrobend-home.bw-site .bw-custom-grid,.ferrobend-home.bw-site .bw-quality-grid { gap:28px; }
.ferrobend-home.bw-site .bw-quality-list article { padding-block:12px; }
.ferrobend-home.bw-site .bw-quality-list h3 { margin:0 0 6px; }
.ferrobend-home.bw-site .bw-global { padding:20px; gap:24px; }
.ferrobend-home.bw-site .buyer-grid { gap:14px; }
.ferrobend-home.bw-site .home-rfq>.bw-wrap { gap:24px; }
.ferrobend-home.bw-site .bw-footer { padding-top:0; }
.ferrobend-home.bw-site .bw-footer-top { padding-top:30px; gap:30px; }
@media(max-width:700px) {
 .ferrobend-home.bw-site main>:is(.bw-section,.section) { padding-block:26px; }
 .ferrobend-home.bw-site :is(.bw-section-head,.section-heading) { gap:16px; margin-bottom:18px; }
 .ferrobend-home.bw-site .bw-info-card { padding:16px; }
 .ferrobend-home.bw-site .bw-custom-grid,.ferrobend-home.bw-site .bw-quality-grid { gap:20px; }
}

/* Owner request: no divider between CTA and footer. */
body.ferrobend-home :is(#rfq,#enquiry).home-rfq {border-bottom:0!important;}
body.ferrobend-home .bw-footer {border-top:0!important;}

/* Owner refinement: thinner CTA through spacing only. */
body.ferrobend-home :is(#rfq,#enquiry).home-rfq {padding-top:22px!important;padding-bottom:22px!important;}

/* Owner refinement: compact footer, preserving content and type sizes. */
body.ferrobend-home .bw-footer {padding-bottom:14px;}
body.ferrobend-home .bw-footer-top {padding-top:22px!important;row-gap:22px;}
body.ferrobend-home .bw-footer-top a:not(.bw-brand) {padding-block:2px;}
body.ferrobend-home .bw-footer h2 {margin-bottom:10px;}
body.ferrobend-home .bw-footer p {margin-block:12px;}
body.ferrobend-home .bw-footer-bottom {margin-top:20px;padding-top:14px;}
