/* EDIT GUIDE: css/bw-home.css
   Shared header, footer, homepage cards, buttons and hero-photo slots. Keep navy #0B1F3A and hot orange #FF6A2A. Shared icon appearance is in icon-tiles.css.
   Search EDIT BLOCK for selectors/functions; see EDITING-GUIDE.md for the file map.
*/
/* HOMEPAGE DESIGN SYSTEM: local styles, no dependencies; shared with the search page. */

/* EDIT BLOCK: :root. Change the declarations below; shared overrides may load later. */
:root{--bw-navy:#0b1f3a;--bw-blue:#1f4e79;--bw-light:#f8fafc;--bw-text:#1e293b;--bw-muted:#536274;--bw-line:#dce4ec;--bw-orange:#ff6a2a;--bw-focus:#b83b00}

/* EDIT BLOCK: *. Change the declarations below; shared overrides may load later. */
*{box-sizing:border-box}
/* EDIT BLOCK: html. Change the declarations below; shared overrides may load later. */
html{scroll-behavior:smooth;scroll-padding-top:80px}
/* EDIT BLOCK: body.bw-site. Change the declarations below; shared overrides may load later. */
body.bw-site{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--bw-text);font-size:16px;line-height:1.65;background:white}
/* EDIT BLOCK: a. Change the declarations below; shared overrides may load later. */
a{color:inherit}
/* EDIT BLOCK: button,input,select,textarea. Change the declarations below; shared overrides may load later. */
button,input,select,textarea{font:inherit}
/* EDIT BLOCK: button,a,input,summary. Change the declarations below; shared overrides may load later. */
button,a,input,summary{touch-action:manipulation}
/* EDIT BLOCK: button. Change the declarations below; shared overrides may load later. */
button{cursor:pointer}
/* EDIT BLOCK: img. Change the declarations below; shared overrides may load later. */
img{max-width:100%;height:auto;display:block}
/* EDIT BLOCK: .bw-site h1,.bw-site h2,.bw-site h3,.bw-site p. Change the declarations below; shared overrides may load later. */
.bw-site h1,.bw-site h2,.bw-site h3,.bw-site p{margin:0}
/* EDIT BLOCK: .bw-site h1,.bw-site h2,.bw-site h3. Change the declarations below; shared overrides may load later. */
.bw-site h1,.bw-site h2,.bw-site h3{line-height:1.15;color:var(--bw-navy)}
/* EDIT BLOCK: .bw-site h2. Change the declarations below; shared overrides may load later. */
.bw-site h2{font-size:clamp(29px,3vw,40px);letter-spacing:-1.3px}
/* EDIT BLOCK: .bw-site h3. Change the declarations below; shared overrides may load later. */
.bw-site h3{font-size:20px;letter-spacing:-.3px}
/* EDIT BLOCK: .bw-site p. Change the declarations below; shared overrides may load later. */
.bw-site p{color:var(--bw-muted)}
/* EDIT BLOCK: .bw-wrap. Change the declarations below; shared overrides may load later. */
.bw-wrap{width:min(1280px,calc(100% - 64px));margin-inline:auto}
/* EDIT BLOCK: .bw-site :focus-visible. Change the declarations below; shared overrides may load later. */
.bw-site :focus-visible{outline:3px solid var(--bw-focus);outline-offset:4px}
/* EDIT BLOCK: .bw-site [hidden]. Change the declarations below; shared overrides may load later. */
.bw-site [hidden]{display:none!important}
/* EDIT BLOCK: .bw-sr. Change the declarations below; shared overrides may load later. */
.bw-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* EDIT BLOCK: .bw-skip. Change the declarations below; shared overrides may load later. */
.bw-skip{position:fixed;left:20px;top:-100px;background:white;color:var(--bw-navy);padding:12px;z-index:1000}
/* EDIT BLOCK: .bw-skip:focus. Change the declarations below; shared overrides may load later. */
.bw-skip:focus{top:10px}
/* Full header is 102px; scrolled header is 58px. Hide strip visually and from focus. */

/* EDIT BLOCK: .bw-header. Change the declarations below; shared overrides may load later. */
.bw-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--bw-line)}
/* EDIT BLOCK: .bw-info. Change the declarations below; shared overrides may load later. */
.bw-info{height:30px;background:var(--bw-navy);color:#e4ecf5;overflow:hidden;transition:height .16s ease}
/* EDIT BLOCK: .bw-info .bw-wrap. Change the declarations below; shared overrides may load later. */
.bw-info .bw-wrap{display:flex;justify-content:space-between;align-items:center;height:30px;font-size:11px;letter-spacing:.07em}
/* EDIT BLOCK: .bw-info a. Change the declarations below; shared overrides may load later. */
.bw-info a{text-decoration:none}
/* EDIT BLOCK: .bw-clock. Change the declarations below; shared overrides may load later. */
.bw-clock{display:inline-flex;align-items:center;gap:7px;font-variant-numeric:tabular-nums;white-space:nowrap}
/* EDIT BLOCK: .bw-clock i. Change the declarations below; shared overrides may load later. */
.bw-clock i{width:6px;height:6px;border-radius:50%;background:var(--bw-orange);box-shadow:0 0 0 3px #ff6a2a22}
/* EDIT BLOCK: .bw-clock time. Change the declarations below; shared overrides may load later. */
.bw-clock time{color:#ffad87}
/* EDIT BLOCK: .bw-nav-row. Change the declarations below; shared overrides may load later. */
.bw-nav-row{height:72px;display:flex;align-items:center;gap:28px;transition:height .16s ease}
/* EDIT BLOCK: .bw-brand. Change the declarations below; shared overrides may load later. */
.bw-brand{flex:0 0 184px}
/* EDIT BLOCK: .bw-brand img. Change the declarations below; shared overrides may load later. */
.bw-brand img{width:184px;transition:width .16s ease}
/* EDIT BLOCK: .bw-nav. Change the declarations below; shared overrides may load later. */
.bw-nav{display:flex;gap:18px;align-items:center;margin-left:auto}
/* EDIT BLOCK: .bw-nav a. Change the declarations below; shared overrides may load later. */
.bw-nav a{text-decoration:none;font-size:15px;font-weight:600;white-space:nowrap}
/* EDIT BLOCK: .bw-nav>a,.bw-nav-label>a. Change the declarations below; shared overrides may load later. */
.bw-nav>a,.bw-nav-label>a{padding:17px 0}
/* EDIT BLOCK: .bw-nav a:hover,.bw-nav a:focus-visible. Change the declarations below; shared overrides may load later. */
.bw-nav a:hover,.bw-nav a:focus-visible{color:#b63b05}
/* EDIT BLOCK: .bw-nav-label. Change the declarations below; shared overrides may load later. */
.bw-nav-label{display:flex;align-items:center;gap:2px}
/* EDIT BLOCK: .bw-menu-toggle. Change the declarations below; shared overrides may load later. */
.bw-menu-toggle{border:0;background:transparent;padding:12px 3px;color:var(--bw-blue);font-size:14px}
/* EDIT BLOCK: .bw-nav-actions. Change the declarations below; shared overrides may load later. */
.bw-nav-actions{display:flex;align-items:center;gap:16px}
/* EDIT BLOCK: .bw-search-open. Change the declarations below; shared overrides may load later. */
.bw-search-open{display:flex;align-items:center;gap:6px;background:transparent;border:0;color:var(--bw-navy);padding:10px 0;font-size:14px}
/* EDIT BLOCK: .bw-button. Change the declarations below; shared overrides may load later. */
.bw-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--bw-orange);color:#0b1f3a;padding:14px 23px;border:1px solid transparent;border-radius:4px;text-decoration:none;font-weight:700;line-height:1.35;transition:background .15s ease,box-shadow .15s ease}
/* EDIT BLOCK: .bw-button:hover. Change the declarations below; shared overrides may load later. */
.bw-button:hover{background:#ff854e;box-shadow:0 6px 18px #ff6a2a25}
/* EDIT BLOCK: .bw-header-rfq. Change the declarations below; shared overrides may load later. */
.bw-header-rfq{font-size:13px;padding:11px 14px;white-space:nowrap}
/* EDIT BLOCK: .bw-header.is-collapsed .bw-info. Change the declarations below; shared overrides may load later. */
.bw-header.is-collapsed .bw-info{height:0;visibility:hidden}
/* EDIT BLOCK: .bw-header.is-collapsed .bw-nav-row. Change the declarations below; shared overrides may load later. */
.bw-header.is-collapsed .bw-nav-row{height:58px}
/* EDIT BLOCK: .bw-header.is-collapsed .bw-brand. Change the declarations below; shared overrides may load later. */
.bw-header.is-collapsed .bw-brand{flex-basis:164px}
/* EDIT BLOCK: .bw-header.is-collapsed .bw-brand img. Change the declarations below; shared overrides may load later. */
.bw-header.is-collapsed .bw-brand img{width:164px}
/* EDIT BLOCK: .bw-header.is-collapsed. Change the declarations below; shared overrides may load later. */
.bw-header.is-collapsed{box-shadow:0 4px 16px #0b1f3a0d}
/* EDIT BLOCK: .bw-mobile-toggle. Change the declarations below; shared overrides may load later. */
.bw-mobile-toggle{display:none}
/* Mega menus: separate parent links and toggle controls, Escape/click-away managed in JS. */

/* EDIT BLOCK: .bw-panel. Change the declarations below; shared overrides may load later. */
.bw-panel{position:absolute;top:100%;background:#fff;border:1px solid var(--bw-line);box-shadow:0 16px 36px #0b1f3a20;padding:22px;min-width:260px;display:none;color:var(--bw-navy)}
/* EDIT BLOCK: .bw-nav-group.is-open .bw-panel. Change the declarations below; shared overrides may load later. */
.bw-nav-group.is-open .bw-panel{display:block}
/* EDIT BLOCK: .bw-panel>div. Change the declarations below; shared overrides may load later. */
.bw-panel>div{display:grid;gap:0 24px}
/* EDIT BLOCK: .bw-panel a. Change the declarations below; shared overrides may load later. */
.bw-panel a{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #edf1f5;font-size:14px;white-space:normal}
/* EDIT BLOCK: .bw-panel a span. Change the declarations below; shared overrides may load later. */
.bw-panel a span{color:#9a461e}
/* EDIT BLOCK: .bw-panel .bw-eyebrow. Change the declarations below; shared overrides may load later. */
.bw-panel .bw-eyebrow{font-size:10px;margin-bottom:7px}
/* EDIT BLOCK: .bw-mega. Change the declarations below; shared overrides may load later. */
.bw-mega{left:max(32px,calc((100vw - 1280px)/2 + 210px));width:620px}
/* EDIT BLOCK: .bw-mega>div. Change the declarations below; shared overrides may load later. */
.bw-mega>div{grid-template-columns:repeat(3,1fr)}
/* EDIT BLOCK: .bw-menu-note. Change the declarations below; shared overrides may load later. */
.bw-menu-note{font-size:12px;margin-top:16px!important;max-width:540px}
/* EDIT BLOCK: .bw-nav-group:last-child .bw-panel. Change the declarations below; shared overrides may load later. */
.bw-nav-group:last-child .bw-panel{right:32px}
/* Hero: factual procurement message, real raster illustration, prominent search. */

/* EDIT BLOCK: .bw-hero. Change the declarations below; shared overrides may load later. */
.bw-hero{background:var(--bw-navy);padding:48px 0 34px;color:white}
/* EDIT BLOCK: .bw-hero-grid. Change the declarations below; shared overrides may load later. */
.bw-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:32px;align-items:center}
/* EDIT BLOCK: .bw-eyebrow. Change the declarations below; shared overrides may load later. */
.bw-eyebrow{font-size:11px;font-weight:700;letter-spacing:.15em;color:#a1390b!important;margin-bottom:16px!important}
/* EDIT BLOCK: .bw-hero .bw-eyebrow,.bw-custom .bw-eyebrow,.bw-rfq .bw-eyebrow. Change the declarations below; shared overrides may load later. */
.bw-hero .bw-eyebrow,.bw-custom .bw-eyebrow,.bw-rfq .bw-eyebrow{color:#ffad87!important}
/* EDIT BLOCK: .bw-hero h1. Change the declarations below; shared overrides may load later. */
.bw-hero h1{font-size:clamp(38px,4.4vw,61px);line-height:1.07;letter-spacing:-2.1px;color:white;margin-bottom:24px}
/* EDIT BLOCK: .bw-hero em,.bw-custom em. Change the declarations below; shared overrides may load later. */
.bw-hero em,.bw-custom em{font-style:normal;color:#ff9563}
/* EDIT BLOCK: .bw-lead. Change the declarations below; shared overrides may load later. */
.bw-lead{font-size:17px;line-height:1.7}
/* EDIT BLOCK: .bw-hero .bw-lead. Change the declarations below; shared overrides may load later. */
.bw-hero .bw-lead{max-width:580px;color:#c9d5e3}
/* EDIT BLOCK: .bw-actions. Change the declarations below; shared overrides may load later. */
.bw-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
/* EDIT BLOCK: .bw-button-ghost. Change the declarations below; shared overrides may load later. */
.bw-button-ghost{background:transparent;color:white;border-color:#62738a}
/* EDIT BLOCK: .bw-button-ghost:hover. Change the declarations below; shared overrides may load later. */
.bw-button-ghost:hover{background:#1f3857}
/* EDIT BLOCK: .bw-hero-footnote. Change the declarations below; shared overrides may load later. */
.bw-hero-footnote{font-size:12px;color:#c9d5e3!important;margin-top:20px!important}
/* EDIT BLOCK: .bw-hero-visual. Change the declarations below; shared overrides may load later. */
.bw-hero-visual{margin:0;min-width:0;background:#091b30;border:1px solid #30465f;border-radius:8px;overflow:hidden}
/* EDIT BLOCK: .bw-hero-visual img. Change the declarations below; shared overrides may load later. */
.bw-hero-visual img{width:100%;aspect-ratio:4/3;object-fit:cover}
/* EDIT BLOCK: .bw-hero-visual figcaption. Change the declarations below; shared overrides may load later. */
.bw-hero-visual figcaption{color:#b7c7d9;font-size:10px;padding:9px 12px;border-top:1px solid #30465f}
/* EDIT BLOCK: .bw-hero-search. Change the declarations below; shared overrides may load later. */
.bw-hero-search{margin-top:32px;padding:20px 24px;background:#132d4b;border:1px solid #36506c;border-radius:6px}
/* EDIT BLOCK: .bw-search-examples. Change the declarations below; shared overrides may load later. */
.bw-search-examples{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:10px;font-size:12px}
/* EDIT BLOCK: .bw-search-examples span. Change the declarations below; shared overrides may load later. */
.bw-search-examples span{color:#a2b4ca;font-size:10px;letter-spacing:.1em}
/* EDIT BLOCK: .bw-search-examples a. Change the declarations below; shared overrides may load later. */
.bw-search-examples a{color:#d3e0ed;text-underline-offset:4px}
/* EDIT BLOCK: .bw-credentials. Change the declarations below; shared overrides may load later. */
.bw-credentials{border-bottom:1px solid var(--bw-line);background:#f1f5f9}
/* EDIT BLOCK: .bw-credentials .bw-wrap. Change the declarations below; shared overrides may load later. */
.bw-credentials .bw-wrap{display:flex;justify-content:space-between;gap:16px;padding-block:20px;font-size:13px}
/* EDIT BLOCK: .bw-credentials strong. Change the declarations below; shared overrides may load later. */
.bw-credentials strong{color:var(--bw-navy)}
/* Reusable section, product, material and technical card components. */

/* EDIT BLOCK: .bw-section. Change the declarations below; shared overrides may load later. */
.bw-section{padding:68px 0;scroll-margin-top:76px}
/* EDIT BLOCK: .bw-light. Change the declarations below; shared overrides may load later. */
.bw-light{background:var(--bw-light)}
/* EDIT BLOCK: .bw-section-head. Change the declarations below; shared overrides may load later. */
.bw-section-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:30px}
/* EDIT BLOCK: .bw-section-head>p. Change the declarations below; shared overrides may load later. */
.bw-section-head>p{max-width:530px}
/* EDIT BLOCK: .bw-text-link. Change the declarations below; shared overrides may load later. */
.bw-text-link{display:inline-block;color:var(--bw-blue);font-weight:700;font-size:14px;margin-top:14px;text-decoration:none}
/* EDIT BLOCK: .bw-text-link:hover. Change the declarations below; shared overrides may load later. */
.bw-text-link:hover{text-decoration:underline;text-underline-offset:5px}
/* EDIT BLOCK: .bw-products-grid,.bw-three. Change the declarations below; shared overrides may load later. */
.bw-products-grid,.bw-three{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
/* EDIT BLOCK: .bw-card. Change the declarations below; shared overrides may load later. */
.bw-card{border:1px solid var(--bw-line);border-radius:6px;background:white;padding:25px;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;min-width:0}
/* EDIT BLOCK: .bw-card:hover. Change the declarations below; shared overrides may load later. */
.bw-card:hover{border-color:#ba633a;box-shadow:0 8px 24px #0b1f3a0b,0 2px 0 #ff6a2a;transform:translateY(-2px)}
/* EDIT BLOCK: .bw-card h3. Change the declarations below; shared overrides may load later. */
.bw-card h3{margin-bottom:10px}
/* EDIT BLOCK: .bw-card p. Change the declarations below; shared overrides may load later. */
.bw-card p{font-size:14px;line-height:1.65}
/* EDIT BLOCK: .bw-card-top. Change the declarations below; shared overrides may load later. */
.bw-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}
/* EDIT BLOCK: .bw-card-top>span. Change the declarations below; shared overrides may load later. */
.bw-card-top>span{font-size:11px;color:#66768a;letter-spacing:.12em}
/* EDIT BLOCK: .bw-product svg. Change the declarations below; shared overrides may load later. */
.bw-product svg{width:55px;height:55px;color:var(--bw-blue)}
/* EDIT BLOCK: .bw-product. Change the declarations below; shared overrides may load later. */
.bw-product{display:flex;flex-direction:column;align-items:stretch}
/* EDIT BLOCK: .bw-card-action. Change the declarations below; shared overrides may load later. */
.bw-card-action{display:block;font-weight:700;font-size:12px;color:var(--bw-blue);margin-top:auto;padding-top:18px}
/* EDIT BLOCK: .bw-small. Change the declarations below; shared overrides may load later. */
.bw-small{font-size:12px;line-height:1.6;margin-top:18px!important}
/* EDIT BLOCK: .bw-materials-grid. Change the declarations below; shared overrides may load later. */
.bw-materials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
/* EDIT BLOCK: .bw-material. Change the declarations below; shared overrides may load later. */
.bw-material{display:flex;align-items:start;gap:14px;padding:20px}
/* EDIT BLOCK: .bw-material h3. Change the declarations below; shared overrides may load later. */
.bw-material h3{font-size:17px;margin-bottom:6px}
/* EDIT BLOCK: .bw-material p. Change the declarations below; shared overrides may load later. */
.bw-material p{font-size:12px}
/* EDIT BLOCK: .bw-material>span:last-child. Change the declarations below; shared overrides may load later. */
.bw-material>span:last-child{margin-left:auto;color:#9d3b10}
/* EDIT BLOCK: .bw-material-symbol. Change the declarations below; shared overrides may load later. */
.bw-material-symbol{display:grid;place-items:center;flex:0 0 43px;height:43px;border:1px solid #c6d5e3;border-radius:4px;font-size:19px;line-height:1;color:var(--bw-blue);background:#f1f6fa;font-weight:700}
/* EDIT BLOCK: .bw-note. Change the declarations below; shared overrides may load later. */
.bw-note{margin-top:24px;padding:20px 24px;background:#f1f5f9;border-left:3px solid var(--bw-orange);font-size:13px;color:#405267}
/* EDIT BLOCK: .bw-info-card. Change the declarations below; shared overrides may load later. */
.bw-info-card{display:flex;flex-direction:column}
/* EDIT BLOCK: .bw-info-card .bw-eyebrow. Change the declarations below; shared overrides may load later. */
.bw-info-card .bw-eyebrow{font-size:10px}
/* Custom and quality sections distinguish confirmed capabilities from review-dependent scope. */

/* EDIT BLOCK: .bw-custom. Change the declarations below; shared overrides may load later. */
.bw-custom{background:var(--bw-navy);color:#d3deeb}
/* EDIT BLOCK: .bw-custom h2. Change the declarations below; shared overrides may load later. */
.bw-custom h2{color:#fff}
/* EDIT BLOCK: .bw-custom-grid. Change the declarations below; shared overrides may load later. */
.bw-custom-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
/* EDIT BLOCK: .bw-custom p. Change the declarations below; shared overrides may load later. */
.bw-custom p{color:#bccde0;margin:20px 0}
/* EDIT BLOCK: .bw-custom .bw-lead. Change the declarations below; shared overrides may load later. */
.bw-custom .bw-lead{font-size:20px;color:#e9eff5}
/* EDIT BLOCK: .bw-inline-light. Change the declarations below; shared overrides may load later. */
.bw-inline-light{display:block;margin-top:20px;font-size:13px;color:#d2e3f5;text-underline-offset:5px}
/* EDIT BLOCK: .bw-capabilities-grid. Change the declarations below; shared overrides may load later. */
.bw-capabilities-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 28px}
/* EDIT BLOCK: .bw-capabilities-grid article. Change the declarations below; shared overrides may load later. */
.bw-capabilities-grid article{border-top:1px solid #3e526c;padding-top:20px}
/* EDIT BLOCK: .bw-capabilities-grid span. Change the declarations below; shared overrides may load later. */
.bw-capabilities-grid span{font-size:11px;color:#ffad87}
/* EDIT BLOCK: .bw-capabilities-grid h3. Change the declarations below; shared overrides may load later. */
.bw-capabilities-grid h3{color:white;font-size:19px;margin-top:10px}
/* EDIT BLOCK: .bw-capabilities-grid p. Change the declarations below; shared overrides may load later. */
.bw-capabilities-grid p{font-size:13px;margin:12px 0 0}
/* EDIT BLOCK: .bw-quality-grid. Change the declarations below; shared overrides may load later. */
.bw-quality-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px}
/* EDIT BLOCK: .bw-quality-grid>div>p:not(.bw-eyebrow). Change the declarations below; shared overrides may load later. */
.bw-quality-grid>div>p:not(.bw-eyebrow){margin-top:20px}
/* EDIT BLOCK: .bw-quality-list. Change the declarations below; shared overrides may load later. */
.bw-quality-list{display:grid;grid-template-columns:1fr 1fr;gap:26px}
/* EDIT BLOCK: .bw-quality-list article. Change the declarations below; shared overrides may load later. */
.bw-quality-list article{border-left:2px solid #bdcbd9;padding-left:17px}
/* EDIT BLOCK: .bw-quality-list h3. Change the declarations below; shared overrides may load later. */
.bw-quality-list h3{font-size:17px;margin-bottom:10px}
/* EDIT BLOCK: .bw-quality-list p. Change the declarations below; shared overrides may load later. */
.bw-quality-list p{font-size:13px}
/* EDIT BLOCK: .bw-global. Change the declarations below; shared overrides may load later. */
.bw-global{background:#eef4f9;border:1px solid var(--bw-line);padding:30px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;scroll-margin-top:90px}
/* EDIT BLOCK: .bw-global h3. Change the declarations below; shared overrides may load later. */
.bw-global h3{font-size:23px;margin-bottom:15px}
/* EDIT BLOCK: .bw-global p. Change the declarations below; shared overrides may load later. */
.bw-global p{font-size:14px}
/* EDIT BLOCK: .bw-markets. Change the declarations below; shared overrides may load later. */
.bw-markets{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:center}
/* EDIT BLOCK: .bw-markets span. Change the declarations below; shared overrides may load later. */
.bw-markets span{border:1px solid #becfdd;background:#f8fafc;padding:13px;font-size:13px;color:var(--bw-blue)}
/* EDIT BLOCK: .bw-industry-strip. Change the declarations below; shared overrides may load later. */
.bw-industry-strip{padding-top:28px}
/* EDIT BLOCK: .bw-industry-strip strong. Change the declarations below; shared overrides may load later. */
.bw-industry-strip strong{font-size:14px}
/* EDIT BLOCK: .bw-industry-strip p. Change the declarations below; shared overrides may load later. */
.bw-industry-strip p{font-size:13px;margin:8px 0 12px}
/* EDIT BLOCK: .bw-industry-strip a. Change the declarations below; shared overrides may load later. */
.bw-industry-strip a{font-size:13px;font-weight:700;color:var(--bw-blue)}
/* FAQ and final RFQ handoff. */

/* EDIT BLOCK: .bw-faq-grid. Change the declarations below; shared overrides may load later. */
.bw-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}
/* EDIT BLOCK: .bw-faq-grid>div>p:not(.bw-eyebrow). Change the declarations below; shared overrides may load later. */
.bw-faq-grid>div>p:not(.bw-eyebrow){margin-top:22px}
/* EDIT BLOCK: .bw-site details. Change the declarations below; shared overrides may load later. */
.bw-site details{border-bottom:1px solid var(--bw-line);padding:18px 0}
/* EDIT BLOCK: .bw-site summary. Change the declarations below; shared overrides may load later. */
.bw-site summary{font-size:16px;font-weight:600;color:var(--bw-navy);cursor:pointer}
/* EDIT BLOCK: .bw-site details p. Change the declarations below; shared overrides may load later. */
.bw-site details p{margin-top:13px;font-size:14px}
/* EDIT BLOCK: .bw-rfq. Change the declarations below; shared overrides may load later. */
.bw-rfq{background:#153c61;padding:45px 0;color:white}
/* EDIT BLOCK: .bw-rfq .bw-wrap. Change the declarations below; shared overrides may load later. */
.bw-rfq .bw-wrap{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:60px}
/* EDIT BLOCK: .bw-rfq h2. Change the declarations below; shared overrides may load later. */
.bw-rfq h2{color:white;margin-bottom:16px}
/* EDIT BLOCK: .bw-rfq p. Change the declarations below; shared overrides may load later. */
.bw-rfq p{color:#d1deec}
/* EDIT BLOCK: .bw-rfq-actions. Change the declarations below; shared overrides may load later. */
.bw-rfq-actions{display:flex;align-items:start;flex-direction:column;gap:13px}
/* EDIT BLOCK: .bw-rfq-actions>a:not(.bw-button). Change the declarations below; shared overrides may load later. */
.bw-rfq-actions>a:not(.bw-button){color:#fff;text-decoration:none;font-size:19px}
/* EDIT BLOCK: .bw-rfq-actions small. Change the declarations below; shared overrides may load later. */
.bw-rfq-actions small{color:#d1deec;font-size:11px}
/* Footer keeps deep discovery links and a second live 12-hour India clock. */

/* EDIT BLOCK: .bw-footer. Change the declarations below; shared overrides may load later. */
.bw-footer{background:#07172d;color:#b7c7d9;padding:44px 0 20px;font-size:12px}
/* EDIT BLOCK: .bw-footer-top. Change the declarations below; shared overrides may load later. */
.bw-footer-top{display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:35px}
/* EDIT BLOCK: .bw-footer-top img. Change the declarations below; shared overrides may load later. */
.bw-footer-top img{width:180px;background:white;padding:9px;border-radius:3px}
/* EDIT BLOCK: .bw-footer p. Change the declarations below; shared overrides may load later. */
.bw-footer p{color:#b7c7d9;margin:18px 0;font-size:12px}
/* EDIT BLOCK: .bw-footer h2. Change the declarations below; shared overrides may load later. */
.bw-footer h2{font-size:14px;letter-spacing:0;color:white;margin:0 0 16px}
/* EDIT BLOCK: .bw-footer-top a. Change the declarations below; shared overrides may load later. */
.bw-footer-top a{display:flex;justify-content:space-between;text-decoration:none;padding:4px 0;gap:10px}
/* EDIT BLOCK: .bw-footer-top a span. Change the declarations below; shared overrides may load later. */
.bw-footer-top a span{opacity:.5}
/* EDIT BLOCK: .bw-footer a:hover. Change the declarations below; shared overrides may load later. */
.bw-footer a:hover{color:#ffad87}
/* EDIT BLOCK: .bw-footer-bottom. Change the declarations below; shared overrides may load later. */
.bw-footer-bottom{margin-top:32px;border-top:1px solid #2f4058;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}
/* EDIT BLOCK: .bw-footer-bottom .bw-clock. Change the declarations below; shared overrides may load later. */
.bw-footer-bottom .bw-clock{font-size:13px}
/* EDIT BLOCK: .bw-footer-bottom>a. Change the declarations below; shared overrides may load later. */
.bw-footer-bottom>a{color:#ffad87;text-decoration:none}
/* Tablet and mobile: collapse navigation before desktop labels become cramped. */

/* EDIT BLOCK: @media(max-width:1200px). Change the declarations below; shared overrides may load later. */
@media(max-width:1200px){.bw-nav-row{gap:18px}.bw-nav{gap:11px}.bw-nav a{font-size:14px}.bw-brand{flex-basis:165px}.bw-brand img{width:165px}.bw-search-open span{display:none}.bw-header.is-collapsed .bw-brand{flex-basis:150px}.bw-header.is-collapsed .bw-brand img{width:150px}.bw-nav-actions{gap:14px}}

/* EDIT BLOCK: @media(max-width:1050px). Change the declarations below; shared overrides may load later. */
@media(max-width:1050px){.bw-mobile-toggle{display:block;background:transparent;border:1px solid var(--bw-line);border-radius:4px;padding:7px 10px;font-size:13px;margin-left:auto}.bw-nav{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 105px);overflow:auto;background:white;border-bottom:1px solid var(--bw-line);padding:20px 32px;align-items:stretch;gap:0;box-shadow:0 14px 24px #0b1f3a20}.bw-nav.is-open{display:flex;flex-direction:column}.bw-nav>a,.bw-nav-label{border-bottom:1px solid var(--bw-line)}.bw-nav-label{justify-content:space-between}.bw-menu-toggle{padding:13px 18px}.bw-panel,.bw-mega,.bw-nav-group:last-child .bw-panel{position:static;width:auto;min-width:0;border:0;box-shadow:none;padding:14px;background:var(--bw-light)}.bw-mega>div{grid-template-columns:1fr 1fr}.bw-section-head{gap:35px}.bw-info .bw-wrap{font-size:10px}.bw-info .bw-wrap>a{display:none}.bw-hero h1{font-size:45px}.bw-hero-grid{gap:25px}.bw-hero .bw-lead{font-size:15px}.bw-hero .bw-button{font-size:13px;padding:12px 16px}.bw-footer-top{grid-template-columns:repeat(3,1fr)}.bw-custom-grid,.bw-quality-grid{gap:32px}}

/* EDIT BLOCK: @media(max-width:760px). Change the declarations below; shared overrides may load later. */
@media(max-width:760px){.bw-wrap{width:calc(100% - 36px)}.bw-info{height:28px}.bw-info .bw-wrap{height:28px;font-size:8px;letter-spacing:.02em}.bw-info .bw-clock{font-size:9px;gap:4px}.bw-nav-row{height:64px;gap:10px}.bw-brand{flex-basis:auto}.bw-brand img{width:140px}.bw-header.is-collapsed .bw-brand{flex-basis:auto}.bw-header.is-collapsed .bw-brand img{width:130px}.bw-header-rfq{font-size:12px;padding:9px}.bw-header-rfq span{display:none}.bw-mobile-toggle{font-size:11px;padding:7px}.bw-nav-actions{gap:10px}.bw-search-open{padding:8px 0}.bw-header-rfq{font-size:0}.bw-header-rfq:before{content:'RFQ';font-size:12px}.bw-hero{padding:30px 0 24px}.bw-hero-grid,.bw-section-head,.bw-custom-grid,.bw-quality-grid,.bw-global,.bw-faq-grid,.bw-rfq .bw-wrap{grid-template-columns:1fr;gap:28px}.bw-hero h1{font-size:42px;letter-spacing:-1.5px}.bw-hero .bw-lead{font-size:16px}.bw-hero-visual{max-width:540px}.bw-hero-visual img{aspect-ratio:4/3}.bw-hero-search{padding:17px;margin-top:24px}.bw-credentials .bw-wrap{display:grid;grid-template-columns:1fr 1fr;padding-block:17px;font-size:11px;gap:10px 18px}.bw-section{padding:43px 0}.bw-section-head{gap:18px;margin-bottom:24px}.bw-site h2{font-size:30px;letter-spacing:-.7px}.bw-products-grid{grid-template-columns:1fr 1fr;gap:12px}.bw-card{padding:18px}.bw-product h3{font-size:18px}.bw-product p{font-size:12px}.bw-card-top{margin-bottom:12px}.bw-product svg{width:44px;height:44px}.bw-materials-grid,.bw-three{grid-template-columns:1fr}.bw-material h3{font-size:17px}.bw-material p{font-size:13px}.bw-materials-grid{gap:10px}.bw-capabilities-grid,.bw-quality-list{gap:25px 20px}.bw-global{padding:22px}.bw-markets{gap:8px}.bw-markets span{font-size:12px;padding:10px}.bw-faq-grid{gap:24px}.bw-rfq .bw-wrap{gap:25px}.bw-footer-top{grid-template-columns:1fr 1fr;gap:28px 22px}.bw-footer-top>div:first-child{grid-column:1/-1}.bw-footer-bottom{flex-wrap:wrap;font-size:10px}.bw-footer-bottom .bw-clock{font-size:12px}.bw-search-examples{gap:10px}.bw-eyebrow{font-size:10px}.bw-mega>div{grid-template-columns:1fr}}

/* EDIT BLOCK: @media(max-width:370px). Change the declarations below; shared overrides may load later. */
@media(max-width:370px){.bw-brand img{width:120px}.bw-header.is-collapsed .bw-brand img{width:115px}.bw-nav-row{gap:7px}.bw-nav-actions{gap:7px}.bw-hero h1{font-size:36px}.bw-products-grid,.bw-capabilities-grid,.bw-quality-list{grid-template-columns:1fr}.bw-info .bw-wrap>span:first-child{font-size:7px}}
/* About belongs to its trigger, not the viewport edge. Full-height group bridges the hover path. */

/* EDIT BLOCK: @media(min-width:1051px). Change the declarations below; shared overrides may load later. */
@media(min-width:1051px){
 .bw-nav{align-self:stretch}
 .bw-nav-group:has(>#menu-about){position:relative;align-self:stretch;display:flex;align-items:center}
 .bw-nav-group #menu-about{top:100%;left:0;right:auto;width:280px;min-width:0}
}
/* Explicit clock labels retain bright lava orange independently of the live time value. */

/* EDIT BLOCK: .bw-clock .bw-clock-label. Change the declarations below; shared overrides may load later. */
.bw-clock .bw-clock-label{color:#ff6a2a;font-weight:800;letter-spacing:.06em}
/* Restore the established FERROBEND cards and typography; icon-tiles.css owns badge interaction. */

/* EDIT BLOCK: body.bw-site. Change the declarations below; shared overrides may load later. */
body.bw-site{font-family:'Poppins',Arial,sans-serif}

/* EDIT BLOCK: .bw-card. Change the declarations below; shared overrides may load later. */
.bw-card{border-radius:14px;transition:border-color 240ms ease,box-shadow 240ms ease,transform 240ms ease}

/* EDIT BLOCK: .bw-card:is(:hover,:focus-visible). Change the declarations below; shared overrides may load later. */
.bw-card:is(:hover,:focus-visible){border-color:#ff6a2a;box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}

/* EDIT BLOCK: .bw-material-symbol. Change the declarations below; shared overrides may load later. */
.bw-material-symbol{width:54px;height:54px;flex-basis:54px;background:linear-gradient(135deg,#0b3a5b,#072a42);color:#f0ba4f;border:1px solid rgba(215,155,50,.45);border-radius:12px 12px 12px 4px;box-shadow:inset 0 1px 0 #ffffff1f,0 6px 14px #072a4229;font-size:18px;transition:color 240ms ease,background 240ms ease,box-shadow 240ms ease}
/* Standards and resources retain the same blue icon-tile interaction as material cards. */

/* EDIT BLOCK: .bw-info-icon. Change the declarations below; shared overrides may load later. */
.bw-info-icon{display:grid;place-items:center;width:54px;height:54px;margin-bottom:22px;border-radius:12px 12px 12px 4px;background:#0b3a5b;color:#f0ba4f;border:1px solid #d79b3273;box-shadow:0 6px 14px #072a4229;transition:background 240ms ease,color 240ms ease,box-shadow 240ms ease}

/* EDIT BLOCK: .bw-info-icon svg. Change the declarations below; shared overrides may load later. */
.bw-info-icon svg{width:32px;height:32px}
/* Scalable technical linework sits on a restrained blueprint grid, never a fake data table. */

/* EDIT BLOCK: .bw-product .bw-blueprint. Change the declarations below; shared overrides may load later. */
.bw-product .bw-blueprint{position:relative;display:block;overflow:hidden;background-color:#0b3a5b;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:20px 20px;border:1px solid #3c6076;border-radius:11px 11px 11px 4px;margin-bottom:22px;box-shadow:inset 0 1px 0 #ffffff16,0 6px 14px #072a421c;transition:background-color 240ms ease,border-color 240ms ease,box-shadow 240ms ease}

/* EDIT BLOCK: .bw-product .bw-blueprint svg. Change the declarations below; shared overrides may load later. */
.bw-product .bw-blueprint svg{display:block;width:100%;height:170px;color:#e3b259;transition:color 240ms ease}

/* EDIT BLOCK: .bw-product .bw-blueprint-label,.bw-product .bw-blueprint-type. Change the declarations below; shared overrides may load later. */
.bw-product .bw-blueprint-label,.bw-product .bw-blueprint-type{position:absolute;font-size:9px;font-weight:500;letter-spacing:.12em;color:#b8d0df;transition:color 240ms ease}

/* EDIT BLOCK: .bw-product .bw-blueprint-label. Change the declarations below; shared overrides may load later. */
.bw-product .bw-blueprint-label{top:11px;left:14px}
/* EDIT BLOCK: .bw-product .bw-blueprint-type. Change the declarations below; shared overrides may load later. */
.bw-product .bw-blueprint-type{right:12px;bottom:10px;font-size:8px}

/* EDIT BLOCK: .bw-drawing-axis. Change the declarations below; shared overrides may load later. */
.bw-drawing-axis{stroke:#8fb7cc;stroke-width:.7;stroke-dasharray:5 5;opacity:.6}
/* EDIT BLOCK: .bw-drawing-reference. Change the declarations below; shared overrides may load later. */
.bw-drawing-reference{stroke:currentColor;stroke-width:.6;opacity:.6}

/* EDIT BLOCK: .bw-product:is(:hover,:focus-visible) .bw-blueprint svg,.bw-product:is(:hover,:focus-visible) .bw-blueprint span. Change the declarations below; shared overrides may load later. */
.bw-product:is(:hover,:focus-visible) .bw-blueprint svg,.bw-product:is(:hover,:focus-visible) .bw-blueprint span{color:#072a42}
/* EDIT BLOCK: .bw-product:is(:hover,:focus-visible) .bw-drawing-axis. Change the declarations below; shared overrides may load later. */
.bw-product:is(:hover,:focus-visible) .bw-drawing-axis{stroke:#0b3a5b}
/* Hot-orange interaction palette: shared by the homepage and all production pages. */
/* Keep keyboard focus visible on dark surfaces, not just white cards. */

/* EDIT BLOCK: .bw-site :is(.bw-hero,.catalog-hero,.product-hero,.fittings-hero,.bw-footer,.bw-custom) :focus-visible. Change the declarations below; shared overrides may load later. */
.bw-site :is(.bw-hero,.catalog-hero,.product-hero,.fittings-hero,.bw-footer,.bw-custom) :focus-visible{outline:3px solid #ff6a2a;outline-offset:4px}
/* Owner-supplied photos keep the complete product visible inside a consistent frame. */

/* EDIT BLOCK: .bw-site main img.owner-hero-image. Change the declarations below; shared overrides may load later. */
.bw-site main img.owner-hero-image{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#0b1f3a;border-radius:12px}
/* HERO PHOTO SLOT: no old drawing, empty frame or spare column while awaiting a photo.
   js/hero-images.js reveals the slot when images/heroes/<page>-hero.jpg is supplied. */

/* EDIT BLOCK: .bw-site [data-owner-hero-slot][hidden]. Change the declarations below; shared overrides may load later. */
.bw-site [data-owner-hero-slot][hidden]{display:none!important}

/* EDIT BLOCK: .bw-site main>section.hero-awaiting-photo :is(.catalog-hero-grid,.bw-hero-grid). Change the declarations below; shared overrides may load later. */
.bw-site main>section.hero-awaiting-photo :is(.catalog-hero-grid,.bw-hero-grid){grid-template-columns:minmax(0,1fr)}

/* EDIT BLOCK: .bw-site main>section.hero-awaiting-photo h1. Change the declarations below; shared overrides may load later. */
.bw-site main>section.hero-awaiting-photo h1{max-width:1000px}

/* EDIT BLOCK: .bw-site main>section.hero-awaiting-photo :is(.bw-lead,.catalog-hero-grid>div>p). Change the declarations below; shared overrides may load later. */
.bw-site main>section.hero-awaiting-photo :is(.bw-lead,.catalog-hero-grid>div>p){max-width:820px}

/* EDIT BLOCK: .bw-site. Change the declarations below; shared overrides may load later. */
.bw-site{--accent:#ff6a2a;--shadow-card-hover:0 16px 36px #0b1f3a21,0 3px 0 #ff6a2aaa}

/* EDIT BLOCK: .bw-site .bw-material:is(:hover,:focus-visible) .bw-material-symbol, .bw-site .bw-info-card:is(:hover,:focus-visible) .bw-info-icon, .bw-site .bw-product:is(:ho. Change the declarations below; shared overrides may load later. */
.bw-site .bw-material:is(:hover,:focus-visible) .bw-material-symbol,
.bw-site .bw-info-card:is(:hover,:focus-visible) .bw-info-icon,
.bw-site .bw-product:is(:hover,:focus-visible) .bw-blueprint{background:#ff6a2a;border-color:#ff6a2a;color:#0b1f3a;box-shadow:0 6px 18px #ff6a2a40}

/* EDIT BLOCK: .bw-site main :is(.product-card,.fitting-category-card,.material-card,.elbow-material-card,.standard-card,.standard-item,.elbow-standard-card,.industry-card,.ap. Change the declarations below; shared overrides may load later. */
.bw-site main :is(.product-card,.fitting-category-card,.material-card,.elbow-material-card,.standard-card,.standard-item,.elbow-standard-card,.industry-card,.application-card,.elbow-application-card,.elbow-type-card,.why-card,.catalog-card,.tee-type-card):is(:hover,:focus-visible){border-color:#ff6a2a;box-shadow:var(--shadow-card-hover)}

/* EDIT BLOCK: .bw-site main :is(article,a,div):is(:hover,:focus-visible)>:is(.product-icon,.fitting-category-icon,.material-icon,.elbow-material-icon,.standard-icon,.elbow-st. Change the declarations below; shared overrides may load later. */
.bw-site main :is(article,a,div):is(:hover,:focus-visible)>:is(.product-icon,.fitting-category-icon,.material-icon,.elbow-material-icon,.standard-icon,.elbow-standard-icon,.industry-icon,.application-icon,.elbow-application-icon,.elbow-type-icon,.why-icon){background:#ff6a2a;color:#0b1f3a;border-color:#ff6a2a;box-shadow:0 6px 18px #ff6a2a40}
/* Remove the logo's CSS backing without editing the original brand asset. White silhouette preserves contrast. */

/* EDIT BLOCK: .bw-footer-top img. Change the declarations below; shared overrides may load later. */
.bw-footer-top img{background:transparent;padding:0;border-radius:0;filter:brightness(0) invert(1);width:190px}
/* Grid children must shrink below their text's intrinsic width on narrow screens.
   In particular, the drawing-based capability section previously overflowed at 375px. */

/* EDIT BLOCK: .bw-site :is(.bw-hero-grid,.bw-custom-grid,.bw-capabilities-grid,.bw-quality-grid,.bw-quality-list,.bw-global,.bw-faq-grid,.bw-footer-top)>*. Change the declarations below; shared overrides may load later. */
.bw-site :is(.bw-hero-grid,.bw-custom-grid,.bw-capabilities-grid,.bw-quality-grid,.bw-quality-list,.bw-global,.bw-faq-grid,.bw-footer-top)>*{min-width:0}

/* EDIT BLOCK: .bw-site :is(.bw-custom-grid,.bw-quality-grid,.bw-faq-grid). Change the declarations below; shared overrides may load later. */
.bw-site :is(.bw-custom-grid,.bw-quality-grid,.bw-faq-grid){overflow-wrap:break-word}

/* EDIT BLOCK: .bw-site :is(.bw-product,.bw-material,.bw-info-card) p. Change the declarations below; shared overrides may load later. */
.bw-site :is(.bw-product,.bw-material,.bw-info-card) p{font-size:14px;line-height:1.7}

/* EDIT BLOCK: .bw-site :is(.bw-capabilities-grid,.bw-quality-list) p. Change the declarations below; shared overrides may load later. */
.bw-site :is(.bw-capabilities-grid,.bw-quality-list) p{font-size:14px}

/* EDIT BLOCK: .bw-footer-top a. Change the declarations below; shared overrides may load later. */
.bw-footer-top a{min-height:34px;align-items:center}
/* Footer labels are navigation headings, not 30px mobile content headings. */

/* EDIT BLOCK: .bw-site .bw-footer h2. Change the declarations below; shared overrides may load later. */
.bw-site .bw-footer h2{font-size:14px;letter-spacing:0;line-height:1.4}

/* EDIT BLOCK: @media(max-width:480px). Change the declarations below; shared overrides may load later. */
@media(max-width:480px){
 .bw-site :is(.bw-capabilities-grid,.bw-quality-list){grid-template-columns:minmax(0,1fr)}
 .bw-site .bw-products-grid{grid-template-columns:minmax(0,1fr)}
 .bw-site .bw-product h3{font-size:20px}
 .bw-site .bw-product .bw-blueprint svg{height:170px}
 .bw-site .bw-product .bw-blueprint-type{font-size:9px}
 .bw-footer-top a{min-height:44px}
 .bw-mobile-toggle,.bw-search-open,.bw-header-rfq{min-height:44px}
}

/* EDIT BLOCK: @media(max-width:760px). Change the declarations below; shared overrides may load later. */
@media(max-width:760px){.bw-product .bw-blueprint svg{height:140px}.bw-product .bw-blueprint-type{font-size:6px}.bw-product .bw-blueprint-label{font-size:8px;top:8px;left:8px}.bw-material h3{font-size:17px}.bw-material-symbol{flex-basis:50px;height:50px}.bw-product h3{font-size:17px}.bw-nav-row{gap:8px}}

/* EDIT BLOCK: @media(prefers-reduced-motion:reduce). Change the declarations below; shared overrides may load later. */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.bw-card:is(:hover,:focus-visible){transform:none}}

/* SECTION: FLOATING WHATSAPP — shared footer, fixed to the viewport on every page.
   Edit the number in index.html; sync-page-theme.cjs copies it to current/future pages.
   Navy at rest, hot orange on hover/focus. No tracking widget or extra JavaScript. */
.bw-site .bw-whatsapp{
 position:fixed;right:calc(24px + env(safe-area-inset-right,0px));bottom:calc(24px + env(safe-area-inset-bottom,0px));
 z-index:90;display:grid;place-items:center;width:58px;height:58px;
 background:#0b1f3a;color:#fff;border:2px solid #ff6a2a;border-radius:50%;
 box-shadow:0 6px 20px #07172d38;text-decoration:none;
 transition:background-color 200ms ease,color 200ms ease,box-shadow 200ms ease;
}
.bw-site .bw-whatsapp svg{display:block;width:32px;height:32px;pointer-events:none}
.bw-site .bw-whatsapp:is(:hover,:focus-visible){background:#ff6a2a;color:#0b1f3a;box-shadow:0 6px 22px #ff6a2a40}
.bw-site .bw-whatsapp:focus-visible{outline:3px solid #fff;outline-offset:4px;box-shadow:0 0 0 7px #0b1f3a}
.bw-whatsapp-label{
 position:absolute;right:calc(100% + 12px);padding:7px 12px;border-radius:5px;
 background:#0b1f3a;color:#fff;font-size:13px;font-weight:600;white-space:nowrap;
 visibility:hidden;opacity:0;pointer-events:none;transition:opacity 150ms ease;
}
.bw-whatsapp:is(:hover,:focus-visible) .bw-whatsapp-label{visibility:visible;opacity:1}
/* Leave room at the page bottom so the fixed button cannot cover footer actions. */
.bw-site .bw-footer{padding-bottom:104px}
@media(max-width:760px){
 .bw-site .bw-whatsapp{right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));width:54px;height:54px}
}
@media print{.bw-site .bw-whatsapp{display:none}}