/* Bule Electrical Materials · V2 premium corporate + product enquiry website */
:root{--navy:#0b1d30;--navy2:#132b43;--navy3:#1b3953;--blue:#2465c4;--gold:#f4ce68;--gold-d:#d5a43d;--ink:#102337;--muted:#586b7e;--line:#dfe5eb;--paper:#f4f7fa;--white:#fff;--radius:12px;--wrap:1240px;--shadow:0 22px 70px rgba(10,31,51,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font:16px/1.62 "Avenir Next","Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}body,button,input,textarea,select{font-family:"Avenir Next","Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,input,textarea,select{font-size:inherit}button{cursor:pointer}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.13;letter-spacing:-.036em}p{color:var(--muted)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #86b6ff;outline-offset:3px}.wrap{width:min(var(--wrap),calc(100% - 64px));margin-inline:auto}.visually-hidden,.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip:focus{position:fixed;z-index:100;left:20px;top:20px;clip:auto;width:auto;height:auto;padding:12px;background:var(--gold)}[hidden]{display:none!important}
/* Header */
.topbar{background:var(--navy);color:#b9c8d8;font-size:11.5px;letter-spacing:.035em}.topbar-inner{min-height:37px;display:flex;justify-content:space-between;align-items:center;gap:16px}.topbar-inner>div{display:flex;align-items:center;gap:18px}.topbar a:hover{color:white}.topbar-divider{width:1px;height:13px;background:#486176}.status-dot{display:inline-block;width:6px;height:6px;background:var(--gold);border-radius:50%;margin-right:7px;vertical-align:2px}.header{position:sticky;z-index:50;top:0;background:#fff;border-bottom:1px solid #e8eef2;box-shadow:0 2px 18px rgba(9,27,49,.035)}.header-inner{min-height:88px;display:flex;align-items:center;gap:30px}.identity{display:flex;gap:11px;align-items:center;flex-shrink:0}.identity img{width:47px;height:47px;object-fit:contain}.identity span{display:flex;flex-direction:column}.identity b{font-size:29px;line-height:1;font-weight:850;letter-spacing:-.085em}.identity small{font-size:9px;letter-spacing:.17em;font-weight:800;color:#738398;line-height:1.8}.desktop-nav{display:flex;align-items:center;gap:25px;justify-content:center;margin-left:auto}.desktop-nav a{font-size:12.5px;white-space:nowrap;font-weight:750;color:#3a4c5d;position:relative;padding:10px 0}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:var(--blue)}.desktop-nav a[aria-current]:after{content:"";height:2px;background:var(--blue);position:absolute;bottom:2px;left:0;right:0}.header-controls{display:flex;align-items:center;gap:16px}.header-search{display:flex;align-items:center;justify-content:center}.header-cta{min-height:44px!important;padding:11px 15px!important;font-size:12px!important}.basket-link{display:flex;gap:4px;align-items:center;position:relative}.basket-link span{display:grid;place-items:center;min-width:18px;height:18px;padding:0 3px;border-radius:50%;font-size:10px;font-weight:800;color:var(--navy);background:var(--gold)}.menu-toggle{display:none}.mobile-menu{display:none}
/* UI */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:49px;padding:13px 22px;font-weight:800;font-size:13px;line-height:1.3;border:1px solid transparent;border-radius:7px;transition:transform .2s,background .2s,border-color .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn svg{width:17px;height:17px}.btn-ink{color:#fff;background:var(--navy)}.btn-ink:hover{background:var(--navy3)}.btn-accent{color:#14253a;background:var(--gold)}.btn-accent:hover{background:#ffe295}.btn-outline-white{color:#fff;background:transparent;border-color:rgba(255,255,255,.46)}.btn-outline-white:hover{border-color:#fff;background:rgba(255,255,255,.09)}.btn-outline-dark{background:transparent;border-color:#a5b2c0;color:var(--ink)}.btn-outline-dark:hover{border-color:var(--navy);background:#f4f6f8}.kicker{font-size:11px;line-height:1.4;letter-spacing:.15em;font-weight:850;color:#38629a;display:block;margin-bottom:17px}.kicker.light{color:var(--gold)}.underlink{display:inline-flex;gap:12px;align-items:center;font-size:13px;font-weight:850;color:var(--ink);border-bottom:1px solid #b3bdc9;padding-bottom:6px}.underlink:hover{color:var(--blue);border-color:var(--blue)}.underlink svg{width:18px;height:18px}.section{padding:94px 0}.section-white{background:#fff}.section-light{background:#f4f7fa}.section-midnight{background:var(--navy);color:#fff}.section-top{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:35px}.section-top h2{font-size:clamp(30px,3.35vw,46px);max-width:740px;margin:0;font-weight:830}.section-top>p{max-width:340px;font-size:14px;line-height:1.8;margin:0}.section-end{margin-top:32px;display:flex;justify-content:flex-end}
/* Home hero */
.hero{position:relative;background:var(--navy);color:#fff;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;opacity:.32;pointer-events:none;background:radial-gradient(circle at 18% 25%,#345477 0%,transparent 36%)}.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;align-items:stretch;min-height:600px}.hero-text{padding:92px 54px 80px 0;display:flex;flex-direction:column;justify-content:center}.hero-label{font-weight:750;letter-spacing:.145em;font-size:10.5px;color:var(--gold);display:flex;align-items:center;gap:9px;margin-bottom:27px}.pulse{display:inline-block;background:var(--gold);width:7px;height:7px;border-radius:50%}.hero h1{font-size:clamp(44px,5.4vw,77px);line-height:1.06;margin-bottom:24px;font-weight:850;letter-spacing:-.058em;max-width:700px}.hero h1 span{color:var(--gold)}.hero-text>p{color:#c1cedc;font-size:16.5px;max-width:520px;line-height:1.9;margin-bottom:29px}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero-micro{display:flex;align-items:center;gap:12px;margin-top:53px;color:#9eb2c7;font-weight:600;font-size:11px}.hero-micro span{height:3px;width:3px;background:var(--gold);border-radius:50%}.hero-photo{position:relative;min-height:600px;margin-right:calc((min(100vw,var(--wrap)) - 100vw)/2);overflow:hidden}.hero-photo:after{content:"";position:absolute;inset:20% 0 0;background:linear-gradient(transparent,rgba(4,17,32,.58))}.hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-photo-caption{position:absolute;z-index:1;bottom:36px;left:37px;color:#fff;display:flex;flex-direction:column;gap:7px}.hero-photo-caption span{font-size:10px;font-weight:800;letter-spacing:.15em;color:var(--gold)}.hero-photo-caption strong{font-size:23px;letter-spacing:-.03em}.hero-line{height:5px;background:linear-gradient(90deg,#28558a,var(--gold) 60%,#fff)}.stat-band{background:#ecf0f4}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stat-grid>div{padding:28px 25px 28px 0;border-right:1px solid #d7dee5;display:flex;flex-direction:column;gap:2px}.stat-grid>div:not(:first-child){padding-left:25px}.stat-grid>div:last-child{border-right:0}.stat-grid strong{font-size:21px;font-weight:830;letter-spacing:-.035em}.stat-grid span{font-size:11px;font-weight:650;color:#6b7b8a}
/* Card components */
.categories-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.cat-card{background:white;border:1px solid #e2e7ec;overflow:hidden;border-radius:10px;display:block;position:relative;transition:transform .23s,box-shadow .23s,border-color .23s;min-width:0}.cat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#aebfd0}.cat-image{height:170px;background:#ecf0f4;overflow:hidden}.cat-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.cat-card:hover .cat-image img{transform:scale(1.045)}.cat-body{padding:22px 21px 24px;min-height:158px;position:relative}.cat-kicker{font-size:9px;letter-spacing:.13em;font-weight:850;color:#587592;margin-bottom:10px}.cat-card h3{font-size:20px;line-height:1.19;letter-spacing:-.025em;margin:0 0 8px}.cat-card p{font-size:11.5px;line-height:1.55;max-width:205px;margin:0}.round-arrow{height:27px;width:27px;border:1px solid #cbd5df;display:grid;place-items:center;border-radius:50%;color:#284c72;position:absolute;right:17px;bottom:20px;font-size:15px}.brands-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.brand-card{border-radius:10px;background:#f8fafb;border:1px solid var(--line);display:block;transition:transform .2s,box-shadow .2s;overflow:hidden}.brand-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.brand-img{display:grid;place-items:center;height:180px;padding:21px;background:white}.brand-img img{object-fit:contain;max-height:135px;width:100%}.brand-label{position:relative;padding:17px 20px 19px;display:block;border-top:1px solid var(--line)}.brand-label b{font-size:17px;display:block;line-height:1.25}.brand-label small{display:block;color:#687b8c;font-size:11px;margin-top:5px;line-height:1.5;padding-right:18px}.brand-label>span{position:absolute;right:18px;top:17px;font-size:20px;color:#4a6887}.big-brands .brand-img{height:220px}.big-brands .brand-img img{max-height:160px}
/* Features */
.split-feature{display:grid;grid-template-columns:1.03fr .97fr;gap:80px;align-items:center}.feature-photo{height:530px;position:relative}.feature-photo img{height:100%;width:100%;object-fit:cover;border-radius:8px}.feature-photo-label{position:absolute;bottom:18px;left:18px;display:block;background:var(--navy);color:#fff;font-size:10px;font-weight:850;letter-spacing:.12em;padding:12px 17px;border-radius:4px}.feature-content h2{font-size:clamp(35px,3.6vw,50px);max-width:600px}.feature-content>p{font-size:15px;line-height:1.9}.feature-points{margin:30px 0}.feature-points>div{display:flex;align-items:flex-start;gap:20px;padding:17px 0;border-top:1px solid #d7dfe7}.feature-points>div:last-child{border-bottom:1px solid #d7dfe7}.feature-points b{font-size:11px;letter-spacing:.05em;color:#5379a6;padding-top:5px}.feature-points strong,.feature-points small{display:block}.feature-points strong{font-size:15px}.feature-points small{font-size:12px;line-height:1.6;color:#768697;margin-top:3px}.project-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.project-feature h2{font-size:clamp(35px,3.8vw,51px);color:#fff}.project-feature p{color:#becfdf;max-width:490px;line-height:1.8}.project-feature img{height:395px;object-fit:cover;border-radius:10px}.project-feature .hero-actions{margin-top:28px}.resource-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.resource-tile{border:1px solid #d8e0e8;background:white;border-radius:8px;padding:25px;min-height:242px;transition:transform .2s}.resource-tile:hover{transform:translateY(-3px)}.resource-tile>span{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em;color:#4973a0;font-weight:850}.resource-tile h3{font-size:21px;line-height:1.25;margin:30px 0 13px}.resource-tile p{font-size:12px;line-height:1.7}
/* Inner page hero */
.page-hero{background:#eff3f6;overflow:hidden}.page-hero-grid{display:grid;grid-template-columns:1fr;padding-top:75px;padding-bottom:75px;gap:50px}.page-hero-grid.has-visual{grid-template-columns:1.02fr .98fr;align-items:center;min-height:405px}.page-heading{max-width:690px}.page-heading h1{font-size:clamp(36px,4.35vw,61px);margin:0 0 21px;font-weight:850}.page-heading>p{max-width:620px;font-size:15.5px;line-height:1.85;margin-bottom:23px}.page-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.page-image{height:320px;border-radius:10px;overflow:hidden;position:relative;box-shadow:0 24px 55px rgba(10,28,47,.14)}.page-image img{width:100%;height:100%;object-fit:cover}.page-image:after{content:"";height:5px;position:absolute;bottom:0;left:0;right:0;background:var(--gold)}.narrow-section{max-width:1080px}.related-grid{grid-template-columns:repeat(3,1fr)}.related-grid .cat-image{height:205px}
/* Catalog finder */
.finder-toolbar{display:flex;gap:14px;align-items:stretch;margin:0 0 13px}.finder-input,.finder-select{background:#fff;border:1px solid #cfdbe5;border-radius:8px;height:56px;display:flex;align-items:center;gap:13px;padding:0 18px}.finder-input{flex:1}.finder-input svg{flex-shrink:0;color:#6d8298}.finder-input input,.finder-select select{border:0;background:transparent;outline:0;width:100%;height:100%;color:var(--ink);font-size:14px}.finder-select{width:250px}.finder-input:focus-within,.finder-select:focus-within{outline:2px solid #9dbfea;outline-offset:1px}.finder-meta{display:flex;gap:5px;font-size:12px;font-weight:750;color:#45617c;align-items:center;margin-bottom:20px}.finder-meta>span{font-weight:450;margin-left:auto;color:#77899b}.finder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.finder-card{border:1px solid #dbe3eb;border-radius:9px;background:#fff;padding:21px;display:flex;flex-direction:column;min-height:220px}.finder-card-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.finder-label{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#476f98;font-weight:850}.finder-card-head a{color:#587d9e;font-size:18px;line-height:1}.finder-card h3{font-size:19px;margin:20px 0 9px}.finder-card>p{font-size:12px;line-height:1.7;flex:1;margin-bottom:18px}.finder-foot{border-top:1px solid #edf0f3;padding-top:13px;display:flex;align-items:center;justify-content:space-between;gap:8px}.finder-foot small{font-size:10px;color:#7990a1;max-width:130px}.add-quote{border:1px solid #a6bfd8;border-radius:5px;padding:9px 11px;font-size:11px;font-weight:850;white-space:nowrap;color:#1b5687;background:#f6fafe;transition:background .2s}.add-quote:hover,.add-quote.added{background:#e1edf8}.empty-state{text-align:center;background:#fff;border:1px dashed #b6c9d8;border-radius:9px;padding:50px}.empty-state p{margin:7px}.empty-state a{color:var(--blue);font-weight:850}
/* Families, info, articles */
.family-list{border-top:1px solid var(--line)}.family-row{padding:24px 0;display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.family-icon{font-size:21px;color:#7d93a7;font-weight:800;letter-spacing:-.06em}.family-row h3{font-size:20px;margin:0 0 6px}.family-row p{font-size:12.5px;margin:0;max-width:750px}.inline-note{padding:21px 24px;border-left:4px solid var(--gold-d);background:#f2f5f8;margin-top:25px;font-size:12.5px;color:#556b7c;line-height:1.8}.inline-note strong{color:var(--ink)}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.info-card{padding:30px;border:1px solid #dbe3ea;border-radius:9px;background:white;min-height:220px;display:flex;flex-direction:column}.info-number{font-size:11px;font-weight:850;letter-spacing:.12em;color:#527aa0}.info-card h3{margin:18px 0 9px;font-size:22px}.info-card p{font-size:13px;line-height:1.7;flex:1}.info-card a{font-size:12px;font-weight:800;color:#2a628f;display:flex;align-items:center;gap:9px;margin-top:8px}.info-card a svg{width:15px}.vortice-grid{grid-template-columns:repeat(5,1fr)}.vortice-grid .cat-image{height:145px}.vortice-grid .cat-body{min-height:115px}.vortice-grid h3{font-size:17px}.disclaimer{font-size:12px;margin:24px 0}
.about-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px}.about-lead h2{font-size:clamp(33px,3.9vw,52px)}.about-lead p{font-size:15px;line-height:1.85}.about-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.about-tiles article{padding:26px;border:1px solid #dce4eb;border-radius:8px;background:#fbfcfd}.about-tiles article>span{font-size:10px;font-weight:850;color:#6485a4;letter-spacing:.12em}.about-tiles h3{font-size:21px;margin:17px 0 8px}.about-tiles p{font-size:12px;line-height:1.7}.sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.sector{background:#fff;border:1px solid #e1e7ed;border-radius:8px;overflow:hidden}.sector img{width:100%;height:260px;object-fit:cover}.sector>div{padding:26px}.sector h3{font-size:24px}.sector p{font-size:13px;line-height:1.8}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.process-grid article{border-top:3px solid #426e96;background:white;padding:25px 21px}.process-grid b{font-size:26px;color:#7b96ac}.process-grid h3{font-size:20px;margin:35px 0 10px}.process-grid p{font-size:12.5px;line-height:1.8}.resource-list{border-top:1px solid var(--line)}.resource-list-item{border-bottom:1px solid var(--line);padding:29px 12px 29px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative}.resource-list-item:hover h3{color:var(--blue)}.resource-list-item .kicker{margin:0 0 9px}.resource-list-item h3{font-size:23px;letter-spacing:-.025em;margin:0 0 8px}.resource-list-item p{font-size:12px;margin:0}.resource-list-item .round-arrow{position:static;flex-shrink:0;height:40px;width:40px}.article-head{background:var(--navy);color:#fff;padding:75px 0 68px}.article-head>.wrap{max-width:960px}.article-back{display:inline-block;margin-bottom:48px;font-size:12px;color:#b6cee4;font-weight:700}.article-head h1{max-width:900px;font-size:clamp(37px,4.1vw,58px)}.article-head p{color:#bfd0e0;max-width:720px;line-height:1.85}.article-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(240px,.65fr);gap:70px}.article-block{padding-bottom:28px;margin-bottom:35px;border-bottom:1px solid var(--line)}.article-block h2{font-size:29px}.article-block p{line-height:1.9;color:#42586b}.article-block li{line-height:1.9;color:#42586b}.article-aside{position:relative}.aside-panel{position:sticky;top:115px;background:#f2f5f8;border:1px solid #dae4ec;border-radius:9px;padding:30px}.aside-panel h3{font-size:23px;margin-bottom:12px}.aside-panel p{font-size:12.5px;line-height:1.8}.aside-panel .btn{white-space:normal}.aside-link{font-size:12px;margin-top:18px}.aside-link a{color:var(--blue)}
/* Forms and contact */
.form-layout{display:grid;grid-template-columns:.74fr 1.26fr;gap:70px;align-items:start}.form-intro{padding-top:15px}.form-intro h2{font-size:clamp(34px,3.4vw,49px)}.form-intro>p{font-size:14px;line-height:1.8}.contact-method{border-top:1px solid #d4dfe8;padding-top:23px;display:flex;flex-direction:column;gap:9px;margin-top:38px;font-size:13px}.contact-method strong{font-size:15px;margin-bottom:5px}.contact-method a{color:#275c89;font-weight:750}.form-panel{border:1px solid #dfe6ec;background:white;border-radius:10px;box-shadow:0 10px 50px rgba(10,28,47,.04);padding:36px}.form-panel form{display:flex;flex-direction:column;gap:23px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.form-panel label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:800;color:#284055}.form-panel label em{font-style:normal;color:#c85047}.form-panel input:not([type=hidden]),.form-panel textarea,.form-panel select{width:100%;min-height:47px;border:1px solid #cedbe6;background:#fff;border-radius:6px;padding:11px 12px;color:#263f53;font-size:13px;font-weight:500;outline-offset:2px}.form-panel textarea{min-height:140px;resize:vertical}.form-panel input:focus,.form-panel select:focus,.form-panel textarea:focus{border-color:#5790c8}.form-panel .honeypot{display:none!important}.form-hint{font-size:11.5px;margin:-5px 0 0;line-height:1.7}.form-hint a{text-decoration:underline;color:#255d92}.form-actions{display:flex;align-items:center;gap:20px}.form-actions p{margin:0;font-size:11px}.form-status{font-size:13px;line-height:1.7;padding:0}.form-status.success{border-radius:6px;background:#e9f7ef;border:1px solid #a5d7b5;color:#21633b;padding:15px}.form-status.error{border-radius:6px;background:#fff1ef;border:1px solid #f0b2a9;color:#8e2a20;padding:15px}.quote-list{border:1px solid #dce6ed;border-radius:8px;padding:18px;background:#f8fafc}.quote-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.quote-list-head h3{font-size:16px;margin:0}.quote-list-head span{font-size:11px;color:#6e8091}.quote-item{background:white;border:1px solid #dfe5ed;padding:12px;display:grid;grid-template-columns:1fr 68px auto;gap:12px;align-items:center;margin-bottom:9px;border-radius:6px}.quote-item b{font-size:12px;display:block}.quote-item small{font-size:10px;color:#6d7d8d;display:block}.quote-item input{min-height:36px!important;padding:7px!important}.quote-item button{background:none;border:0;color:#a74031;font-size:11px;font-weight:800}.quote-list-hint{font-size:11px;line-height:1.7;margin:10px 0}.quote-list .underlink{font-size:11px}.contact-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.contact-quick a{border:1px solid var(--line);padding:25px;display:flex;flex-direction:column;gap:8px;border-radius:8px}.contact-quick a:hover{background:#f3f6f9}.contact-quick a span{font-size:10px;color:#5d80a0;font-weight:850;letter-spacing:.12em}.contact-quick a strong{font-size:21px}.contact-quick a small{color:#6c8297}.legal{max-width:800px}.legal section{margin-bottom:35px}.legal h2{font-size:26px}.legal p{line-height:1.9}.missing{min-height:410px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.missing-code{color:#829db7;letter-spacing:.13em;font-size:14px;font-weight:850}.missing h1{font-size:clamp(35px,4vw,57px);margin:16px 0}.missing>p{max-width:520px}.missing .hero-actions{margin-top:15px}
/* Footer */
.prefooter{background:#173551;color:#fff;padding:72px 0}.prefooter-inner{display:flex;justify-content:space-between;gap:30px;align-items:center}.prefooter h2{font-size:clamp(32px,3.35vw,46px);margin:0 0 15px}.prefooter p{max-width:580px;color:#c2d1e0;font-size:13px;line-height:1.7;margin:0}.prefooter-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.footer{background:#081829;color:#aebdcd;padding:69px 0 0}.footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1.25fr 1.2fr;gap:52px}.footer-about p{color:#aebdcd;max-width:300px;font-size:12px;line-height:1.8;margin-top:23px}.identity-light b{color:white}.identity-light small{color:#c1cfdd}.footer-address{font-size:12px;color:#d2dce7;margin-top:21px}.footer h3{font-size:12px;color:#fff;letter-spacing:.09em;text-transform:uppercase;margin:0 0 21px}.footer-grid>div:not(:first-child)>a{display:flex;align-items:center;gap:5px;font-size:12px;margin-bottom:13px}.footer-grid a:hover{color:white}.footer-rfq{font-weight:800;color:var(--gold);margin-top:23px}.footer-rfq svg{width:16px}.footer-bottom{margin-top:66px;min-height:71px;border-top:1px solid #274057;display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:15px}.sep{margin:0 13px;color:#667e94}
/* Toast */
.toast{position:fixed;z-index:70;bottom:22px;right:22px;background:var(--navy);color:#fff;padding:14px 20px;border-radius:8px;box-shadow:0 18px 45px rgba(4,19,34,.25);font-size:12px;font-weight:800;display:flex;align-items:center;gap:15px}.toast a{color:var(--gold);text-decoration:underline}
@media(max-width:1220px){.header-inner{gap:17px}.desktop-nav{gap:15px}.header-controls{gap:11px}.header-cta{padding:10px!important}.wrap{width:min(var(--wrap),calc(100% - 44px))}.hero-grid{min-height:550px}.hero-text{padding-right:30px}.hero-photo{min-height:550px}.cat-body{padding:18px}.cat-card h3{font-size:18px}.cat-card p{font-size:11px}.split-feature{gap:43px}.footer-grid{gap:30px}}
@media(max-width:1030px){.desktop-nav{display:none}.header-inner{justify-content:space-between;min-height:76px}.header-controls{margin-left:auto}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:38px;height:38px;padding:8px;border:1px solid #d6e0e9;border-radius:5px;background:white}.menu-toggle span{height:2px;background:var(--navy);width:100%;transition:transform .15s}.mobile-menu{display:flex;flex-direction:column;background:white;padding:18px max(22px,calc((100vw - var(--wrap))/2));border-top:1px solid #eef2f6;box-shadow:0 20px 30px rgba(5,20,39,.1)}.mobile-menu a:not(.btn){display:block;padding:12px 0;border-bottom:1px solid #edf1f5;font-weight:700;font-size:14px}.mobile-menu .btn{align-self:flex-start;margin-top:16px}.categories-grid{grid-template-columns:repeat(3,1fr)}.vortice-grid{grid-template-columns:repeat(3,1fr)}.finder-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:53px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:30px}.footer-grid>div:last-child{grid-column:2/4}.process-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.topbar-inner{min-height:31px;justify-content:center}.topbar-inner>div{display:none}.topbar{font-size:10px}.header-inner{min-height:70px}.identity img{width:42px;height:42px}.identity b{font-size:25px}.identity small{font-size:8px}.header-cta{display:none}.hero-grid{grid-template-columns:1fr}.hero-text{padding:68px 0 59px}.hero h1{font-size:clamp(41px,9.5vw,59px);max-width:620px}.hero-text>p{font-size:15px;line-height:1.75}.hero-micro{margin-top:35px;flex-wrap:wrap}.hero-photo{min-height:270px;height:310px;margin:0 -18px}.hero-photo-caption{left:24px;bottom:22px}.hero-photo-caption strong{font-size:17px}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-grid>div{padding:18px 10px!important;border-bottom:1px solid #d7dee5}.stat-grid>div:nth-child(even){border-right:0;padding-left:22px!important}.stat-grid strong{font-size:18px}.stat-grid span{font-size:10px}.section{padding:62px 0}.section-top{display:block;margin-bottom:25px}.section-top h2{font-size:clamp(29px,7.2vw,40px)}.section-top>p{margin-top:13px;max-width:600px}.categories-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cat-image{height:140px}.cat-body{padding:16px;min-height:145px}.cat-card h3{font-size:17px}.cat-card p{font-size:10px;line-height:1.5;padding-right:12px}.cat-kicker{font-size:8px}.round-arrow{width:24px;height:24px;right:10px;bottom:13px}.split-feature{grid-template-columns:1fr;gap:35px}.feature-photo{height:350px}.feature-content h2{font-size:36px}.brands-grid{grid-template-columns:repeat(2,1fr);gap:12px}.brand-img{height:126px;padding:12px}.brand-img img{max-height:99px}.brand-label{padding:13px}.brand-label b{font-size:14px}.brand-label small{font-size:10px}.brand-label>span{right:10px;top:9px}.project-feature{grid-template-columns:1fr;gap:30px}.project-feature h2{font-size:36px}.project-feature img{height:260px}.resource-row{grid-template-columns:1fr}.resource-tile{min-height:unset}.resource-tile h3{margin-top:22px}.page-hero-grid,.page-hero-grid.has-visual{grid-template-columns:1fr;gap:25px;min-height:unset;padding-top:55px;padding-bottom:55px}.page-heading h1{font-size:clamp(35px,8.2vw,49px)}.page-image{height:240px}.info-grid{grid-template-columns:repeat(2,1fr);gap:12px}.info-card{padding:20px}.info-card h3{font-size:19px}.related-grid{grid-template-columns:repeat(2,1fr)}.finder-toolbar{flex-direction:column}.finder-select{width:100%}.finder-meta{flex-wrap:wrap}.finder-meta>span{width:100%;margin:2px 0 0}.finder-grid{grid-template-columns:repeat(2,1fr)}.family-row{grid-template-columns:34px 1fr;gap:12px;padding:20px 0}.family-row .add-quote{grid-column:2;justify-self:start}.family-row h3{font-size:18px}.vortice-grid{grid-template-columns:repeat(2,1fr)}.about-layout{grid-template-columns:1fr;gap:25px}.sector-grid{grid-template-columns:1fr}.sector img{height:210px}.process-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr;gap:33px}.article-head{padding:50px 0}.article-back{margin-bottom:30px}.article-block h2{font-size:25px}.article-aside{max-width:580px}.aside-panel{position:static}.form-layout{grid-template-columns:1fr;gap:23px}.form-panel{padding:22px}.contact-quick{grid-template-columns:1fr}.contact-quick a strong{font-size:18px}.prefooter-inner{display:block}.prefooter-actions{margin-top:30px}.prefooter{padding:55px 0}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-about{grid-column:1/3}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{margin-top:40px;align-items:flex-start;flex-direction:column;padding:20px 0;justify-content:center}}
@media(max-width:520px){.header-search{display:none}.hero-label{font-size:9px;letter-spacing:.09em}.hero-text{padding:58px 0 47px}.hero h1{font-size:39px}.hero-actions .btn{width:100%}.hero-micro{font-size:10px}.hero-photo{height:250px;min-height:250px}.cat-image{height:105px}.cat-body{min-height:139px;padding:13px}.cat-card h3{font-size:15px}.cat-card p{font-size:10px}.cat-kicker{font-size:7.5px}.brands-grid{grid-template-columns:repeat(2,1fr)}.brand-img{height:112px}.brand-label b{font-size:13px}.brand-label small{font-size:9px}.feature-photo{height:250px}.finder-grid{grid-template-columns:1fr}.finder-card{min-height:170px}.finder-card h3{margin-top:13px}.info-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-actions{display:block}.form-actions p{margin-top:10px}.form-actions .btn{width:100%}.quote-item{grid-template-columns:1fr 56px auto}.footer-grid{grid-template-columns:1fr 1fr;gap:22px}.footer-about{grid-column:1/3}.footer-grid>div:last-child{grid-column:1/3}.page-image{height:190px}.process-grid{grid-template-columns:1fr}.sector h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* V2 visual QA refinements */
.identity > span{display:flex;flex-direction:column}.identity b{white-space:nowrap}
@media(min-width:761px){.hero h1{font-size:clamp(44px,4.55vw,65px);line-height:1.1}}

/* V2.1 refinement — clear, readable microcopy and stable mobile geometry. */
.hero-grid > *, .page-hero-grid > *, .header-inner > * { min-width: 0; }
.finder-label,.cat-kicker,.info-number,.feature-photo-label { font-size: 11px; }
.finder-foot small,.brand-label small,.footer-about p,.footer-grid>div:not(:first-child)>a { font-size: 12px; }
.cat-card p,.process-grid p,.about-tiles p,.resource-list-item p { font-size: 13px; line-height: 1.65; }
.form-hint,.quote-list-hint,.form-actions p,.disclaimer { font-size: 13px; line-height: 1.7; }
.quote-item b,.quote-item button,.quote-item small { font-size: 12px; }
.add-quote { font-size: 12px; min-height: 39px; }
.finder-card { min-width: 0; }
.finder-card h3,.cat-card h3,.brand-label b { overflow-wrap: anywhere; }
@media (max-width: 760px) {
  .hero-grid { grid-template-columns: minmax(0,1fr); width: 100%; max-width: 100%; }
  .hero-text,.hero-photo { min-width: 0; }
  .hero-photo { max-width: calc(100% + 36px); }
  .hero-photo > img { max-width: 100%; }
  .topbar { font-size: 11px; }
  .hero-label,.kicker { font-size: 11px; line-height: 1.6; }
  .cat-card p,.brand-label small,.resource-tile p,.footer-about p { font-size: 12px; }
  .cat-kicker { font-size: 10px; letter-spacing: .08em; }
  .cat-body { min-height: 0; }
  .brand-label b { font-size: 15px; }
  .form-panel label,.form-hint,.form-status { font-size: 14px; }
  .finder-foot small { font-size: 12px; }
  .quote-item { grid-template-columns: minmax(0,1fr) 62px auto; gap: 9px; }
  .quote-item span { min-width: 0; overflow-wrap: anywhere; }
  .quote-item button { padding: 8px 2px; }
}
@media (max-width: 520px) {
  .hero-grid { min-width: 0; }
  .hero-photo { width: auto; margin-inline: -18px; }
  .hero h1 { font-size: clamp(34px, 10vw, 39px); }
  .cat-card h3 { font-size: 16px; }
  .cat-card p { font-size: 12px; }
  .cat-body { padding: 15px; }
  .cat-image { height: 125px; }
  .brand-label small { font-size: 12px; }
  .footer-grid a { overflow-wrap: anywhere; }
}
/* Prevent intrinsically wide project images from widening CSS grid tracks. */
.project-feature { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
.project-feature > * { min-width: 0; }
.project-feature img { width: 100%; }
@media (max-width:760px) {
  .project-feature { grid-template-columns: minmax(0,1fr); }
  .hero-photo { margin-inline: 0; max-width: 100%; }
}
/* Keep editorial photo/text panels within their available columns. */
.split-feature { grid-template-columns: minmax(0,1.03fr) minmax(0,.97fr); }
.split-feature > * { min-width: 0; }
.feature-photo img { width: 100%; max-width: 100%; }
@media (max-width:760px) { .split-feature { grid-template-columns: minmax(0,1fr); } }
/* Narrow about-page cards must wrap rather than force a wider grid. */
.about-layout { grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); }
.about-layout > * { min-width: 0; }
.about-tiles { grid-template-columns: repeat(2,minmax(0,1fr)); }
.about-tiles article { min-width: 0; overflow-wrap: anywhere; }
@media (max-width:760px) { .about-layout { grid-template-columns: minmax(0,1fr); } }
@media (max-width:375px) { .about-tiles { grid-template-columns: minmax(0,1fr); } }
/* Comfortable interactive targets on touch screens. */
@media (max-width:760px) {
  .add-quote,.quote-item button { min-height: 44px; }
  .menu-toggle { min-width: 44px; min-height: 44px; }
}
@media (max-width:520px) {
  .about-tiles { grid-template-columns: minmax(0,1fr); }
  .identity small { font-size: 9px; }
}
@media (max-width:360px) {
  .header-inner { gap: 8px; }
  .identity { gap: 8px; }
  .identity img { width: 39px; height: 39px; }
  .identity b { font-size: 23px; }
  .header-controls { gap: 10px; }
}

/* Bule V2 branding correction: preserve the compact original header.
   Scoped to the site header; the white footer logo/style stays untouched. */
.header .header-inner { min-height: 76px; }
.header .identity { gap: 11px; }
.header .identity img { width: 40px; height: 40px; }
.header .identity b { font-size: 21px; font-weight: 730; letter-spacing: -.045em; line-height: 1.1; }
.header .identity small { font-size: 9px; font-weight: 650; letter-spacing: .12em; line-height: 1.5; }
@media (max-width: 760px) {
  .header .header-inner { min-height: 70px; }
  .header .identity img { width: 39px; height: 39px; }
  .header .identity b { font-size: 21px; }
}
@media (max-width: 360px) {
  .header .identity { gap: 8px; }
  .header .identity img { width: 37px; height: 37px; }
  .header .identity b { font-size: 20px; }
  .header .identity small { font-size: 8.5px; }
}

/* Footer brand: match the approved compact header proportions.
   Preserve the white footer-only logo asset and existing layout. */
.footer .identity { gap: 11px; }
.footer .identity img { width: 40px; height: 40px; }
.footer .identity b { font-size: 21px; font-weight: 730; letter-spacing: -.045em; line-height: 1.1; color: #fff; }
.footer .identity small { font-size: 9px; font-weight: 650; letter-spacing: .12em; line-height: 1.5; color: #c1cfdd; }
@media (max-width: 760px) {
  .footer .identity img { width: 39px; height: 39px; }
}
@media (max-width: 360px) {
  .footer .identity { gap: 8px; }
  .footer .identity img { width: 37px; height: 37px; }
  .footer .identity b { font-size: 20px; }
  .footer .identity small { font-size: 8.5px; }
}

/* V2 editorial refinement — concise guide labels and unobtrusive related reading. */
.guide-link{margin:24px 0 0}.guide-link .underlink{font-size:13px}
.guide-status{margin:9px 0 14px!important;line-height:1.3!important}.guide-status strong{display:inline-block;color:#42617a;font-size:10px;font-weight:750;letter-spacing:.085em;text-transform:uppercase}

/* Bule V2 — enquiry form refinements (scoped; preserves site branding). */
.form-panel{border-radius:12px;box-shadow:0 16px 48px rgba(12,32,51,.055)}
.form-panel form{gap:20px}
.form-panel .form-grid{gap:21px 22px;grid-template-columns:repeat(2,minmax(0,1fr))}
.form-panel .form-grid>label{min-width:0}
.form-panel label{gap:9px;font-size:13px;font-weight:650;line-height:1.35;letter-spacing:0;color:#17314d}
.form-panel .field-title{display:inline-flex;align-items:baseline;flex-wrap:wrap;column-gap:5px;min-height:20px;font-size:13px;font-weight:750;line-height:1.45;color:#152e49}
.form-panel .field-title em{display:inline;font-style:normal;font-weight:800;color:#ad3d35}
.form-panel input:not([type=hidden]):not(.honeypot),.form-panel select,.form-panel textarea{font-size:14px;min-height:50px;border-radius:7px;padding:12px 14px;background-color:#fff;border-color:#cbd8e4;color:#122d48;transition:border-color .16s ease,box-shadow .16s ease}
.form-panel textarea{min-height:150px;line-height:1.6;resize:vertical}
.form-panel input::placeholder,.form-panel textarea::placeholder{color:#7a8b9c;opacity:1;font-weight:400}
.form-panel :is(input,textarea,select):focus-visible{outline:2px solid #366b9d;outline-offset:1px;border-color:#366b9d;box-shadow:0 0 0 3px rgba(54,107,157,.09)}
.form-panel select{appearance:auto;padding-right:12px}
.form-panel .quote-list{background:#f7f9fb;border-color:#dce5ee;border-radius:9px;padding:20px}
.form-panel .quote-list-head{margin-bottom:7px}
.form-panel .quote-list-head h3{font-size:16px;font-weight:800;letter-spacing:-.015em}
.form-panel .quote-list-head>span{white-space:nowrap;font-size:12px;font-weight:650;color:#718397}
.form-panel .quote-list-hint{font-size:13px;margin:8px 0 16px;color:#5b7086;line-height:1.6}
.form-panel .quote-list .underlink{font-size:13px;font-weight:750;color:#174974;text-decoration:none}
.form-panel .quote-list .underlink:hover{text-decoration:underline}
.form-panel .quote-item{grid-template-columns:minmax(0,1fr) 76px auto;padding:12px;gap:10px;min-width:0}
.form-panel .quote-item>span{min-width:0;overflow-wrap:anywhere}
.form-panel .quote-item b{font-size:13px;font-weight:700}
.form-panel .quote-item small{font-size:11px;margin-top:2px}
.form-panel .quote-item input{min-height:40px!important;font-size:14px!important}
.form-panel .quote-item button{padding:10px 4px;min-height:40px;cursor:pointer}
.form-panel .form-hint{font-size:12px;line-height:1.65;margin:-2px 0 0;color:#64768a}
.form-panel .form-actions{gap:16px;align-items:center;flex-wrap:wrap}
.form-panel .form-actions .btn{min-height:48px;font-size:13px}
.form-panel .form-actions p{font-size:12px;line-height:1.55;color:#64768a;max-width:275px}
.form-panel .form-status:empty{display:none}
.form-panel .form-status{font-size:13px;line-height:1.7}
.form-panel .form-status:focus{outline:none}
.form-panel .form-status.success,.form-panel .form-status.error{padding:14px 16px;margin-top:-5px}
.form-panel .form-fallback{display:flex;gap:8px 14px;align-items:center;flex-wrap:wrap;font-size:12px;line-height:1.5;color:#566b80;padding-top:2px}
.form-panel .form-fallback[hidden]{display:none!important}
.form-panel .form-fallback a{color:#205f95;font-weight:750;text-decoration:underline;text-underline-offset:3px}
@media(max-width:680px){.form-panel{padding:24px}.form-panel .form-grid{grid-template-columns:1fr;gap:17px}.form-panel form{gap:19px}.form-panel .form-actions{align-items:stretch}.form-panel .form-actions .btn{width:100%}.form-panel .form-actions p{max-width:none}}
@media(max-width:380px){.form-panel{padding:18px}.form-panel .quote-list{padding:15px}.form-panel .quote-item{grid-template-columns:minmax(0,1fr) 65px;gap:8px}.form-panel .quote-item button{grid-column:2;justify-self:end}}

/* Quotation page: premium heading treatment, scoped to this page only. */
.quotation-page .page-heading .kicker {letter-spacing:.095em;font-size:11px;margin-bottom:15px;color:#35628c}
.quotation-page .page-heading h1 {font-size:clamp(37px,4.2vw,58px);line-height:1.12;letter-spacing:-.035em;margin-bottom:18px}
.quotation-page .page-heading>p {max-width:555px;font-size:15px;line-height:1.8;margin-bottom:0}
.quotation-page .page-actions:empty {display:none}
.quotation-page .form-intro .kicker {letter-spacing:.095em}
.quotation-page .form-intro h2 {letter-spacing:-.03em;line-height:1.16;margin-bottom:17px}
@media(max-width:760px){.quotation-page .page-heading h1{font-size:clamp(36px,8.3vw,49px)}.quotation-page .page-heading>p{font-size:14.5px;line-height:1.75}}


/* Bule V2: contact presentation and consistent brand marks (Oct 2026).
   Scoped rules preserve the approved header, footer and forms. */
.contact-quick-premium{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.contact-quick-premium .contact-quick-card{min-width:0;border:1px solid #dbe5ee;background:#fff;border-radius:10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;padding:23px 24px;box-shadow:0 5px 20px rgba(13,36,61,.025)}
.contact-quick-premium .contact-quick-card:hover{border-color:#c0d0de;background:#fbfcfe}
.contact-quick-premium .contact-quick-card a{display:inline-block;border:0;border-radius:0;background:transparent;padding:0;min-height:0;box-shadow:none;max-width:100%;overflow-wrap:anywhere;text-decoration:none}
.contact-quick-premium .contact-quick-card a:hover{text-decoration:underline;background:transparent}
.contact-quick-premium .contact-quick-label{font-size:10px;letter-spacing:.12em;font-weight:800;color:#5d7893}
.contact-quick-premium .contact-quick-primary{font-size:clamp(14px,1.35vw,18px);line-height:1.35;letter-spacing:-.015em;font-weight:750;color:#102d49}
.contact-quick-premium .contact-quick-primary span{font-size:13px;color:#396993}
.contact-quick-premium .contact-quick-secondary{font-size:13px;line-height:1.4;font-weight:650;color:#285b87}
.contact-quick-premium .contact-quick-description{font-size:12px;line-height:1.55;color:#6a7d90}
.contact-directory{margin-top:30px;border-top:1px solid #d7e1ea}
.contact-directory h3{font-size:17px;font-weight:800;margin:23px 0 4px;color:#102d49;letter-spacing:-.01em}
.contact-directory-row{border-bottom:1px solid #e0e8ef;padding:16px 0;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
.contact-directory-row .contact-directory-label{font-size:10px;line-height:1.5;letter-spacing:.12em;font-weight:800;text-transform:uppercase;color:#667f97;margin-bottom:1px}
.contact-directory-row a,.contact-directory-row>span:not(.contact-directory-label){font-size:13px;line-height:1.5;color:#24445e;overflow-wrap:anywhere}
.contact-directory-row a{color:#245b89;font-weight:650;text-decoration:none}
.contact-directory-row a:hover,.contact-directory-more:hover{text-decoration:underline;text-underline-offset:3px}
.contact-directory-row .contact-directory-map{margin-top:3px}
.contact-directory-more{display:inline-block;margin-top:18px;color:#245b89;font-size:12px;font-weight:750}
.contact-directory-compact{margin-top:25px}
/* Logo images share a consistent visual area; source files are unchanged. */
.brands-grid .brand-img{height:155px;min-height:155px;padding:25px 28px}
.brands-grid .brand-img img{display:block;width:auto;height:auto;max-width:min(84%,245px);max-height:78px;object-fit:contain;flex:0 0 auto}
.big-brands .brand-img{height:168px;min-height:168px}
.big-brands .brand-img img{max-width:min(84%,255px);max-height:84px}
@media(max-width:980px){.contact-quick-premium{gap:12px}.contact-quick-premium .contact-quick-card{padding:19px 18px}}
@media(max-width:760px){.contact-quick-premium{grid-template-columns:1fr;gap:11px}.contact-quick-premium .contact-quick-card{padding:18px 21px}.brands-grid .brand-img{height:142px;min-height:142px}.brands-grid .brand-img img{max-width:min(83%,220px);max-height:70px}.big-brands .brand-img{height:150px;min-height:150px}.big-brands .brand-img img{max-height:76px}}
@media(min-width:550px) and (max-width:760px){.contact-quick-premium{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-quick-premium .contact-quick-card:last-child{grid-column:1/-1}}
@media(max-width:540px){
  .brands-grid{grid-template-columns:minmax(0,1fr)}
  .brands-grid .brand-img{height:146px;min-height:146px;padding:25px 28px}
  .brands-grid .brand-img img{max-width:min(78%,245px);max-height:76px}
  .brands-grid .brand-label{padding:15px 19px 17px}
}

/* QA follow-up — scoped UX/accessibility corrections (21 October 2026). */
/* Keep the mobile editorial hero in the same content gutter as other pages. */
@media (max-width: 760px) {
  .hero .hero-grid.wrap { width: calc(100% - 36px); max-width: var(--wrap); margin-inline: auto; }
  .hero .hero-photo { margin-inline: -18px; max-width: none; }
}
/* Match the minimum interactive area without enlarging the brand artwork. */
.header-controls .header-search, .header-controls .basket-link { min-width: 44px; min-height: 44px; justify-content: center; align-items: center; }
.header-controls .header-search:focus-visible, .header-controls .basket-link:focus-visible { outline: 2px solid #2b69a4; outline-offset: 3px; border-radius: 6px; }
/* Make contact and quotation fields comfortable on tablet widths. */
@media (min-width: 681px) and (max-width: 980px) {
  .form-layout { grid-template-columns: minmax(0,1fr); gap: 28px; }
  .form-panel .form-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (min-width: 681px) and (max-width: 820px) {
  .form-panel .form-grid { grid-template-columns: minmax(0,1fr); }
}
/* Concise validation hint below the requirement field. */
.form-panel .field-help { display: block; font-size: 12px; line-height: 1.4; font-weight: 500; color: #62768a; }
/* The optional protection tip follows general recovery guidance only when relevant. */
.empty-state [data-finder-protection-note] { margin-top: 14px; font-size: 13px; }
.empty-state [hidden], [data-finder-empty][hidden] { display: none !important; }

/* Shared mobile navigation: keep the menu target at least 44px on tablet too. */
@media (min-width:761px) and (max-width:1030px) {
  .header .menu-toggle { min-width:44px; min-height:44px; }
}