:root{--navy:#0B3D91;--navy2:#062e6b;--green:#16A34A;--green2:#0c8b3e;--light:#E8F2FF;--soft:#F3F6F9;--ink:#102942;--muted:#62748a;--line:#dfe8f1;--white:#fff;--max:1450px;--shadow:0 18px 45px rgba(6,46,107,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 56px));margin:auto}.topbar{background:#eef6ff;border-bottom:1px solid #d8e5f2;font-size:12px;color:#0a376e}.topbar-inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar-inner>div,.top-links{display:flex;align-items:center;gap:13px}.sep{opacity:.45}.top-links a:hover{color:var(--green)}.wa{color:#087d38!important;font-weight:700}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid #edf1f5}.nav-wrap{min-height:98px;display:flex;align-items:center;gap:30px}.brand{width:385px;flex:0 0 385px}.brand img{width:100%;height:auto}.site-nav{display:flex;align-items:center;gap:28px;white-space:nowrap;margin-left:auto}.site-nav a{font-size:13px;font-weight:600;color:#082d5d;position:relative;padding:39px 0}.site-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:24px;height:2px;background:var(--green);transition:.2s}.site-nav a:hover:after,.site-nav a.active:after{right:0}.header-actions{display:flex;align-items:center;gap:14px}.site-search{display:flex;width:225px;border:1px solid #cbd9e8;border-radius:8px;overflow:hidden;background:#fff}.site-search input{width:100%;border:0;padding:10px 12px;outline:0;font-size:12px}.site-search button{border:0;background:#fff;color:var(--navy);font-size:18px;padding:0 12px;cursor:pointer}.nav-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 11px;font-size:20px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:9px;font-weight:800;border:1px solid transparent;transition:.2s;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--green),#07914a);color:#fff;box-shadow:0 8px 20px rgba(22,163,74,.2)}.btn-primary:hover{transform:translateY(-1px);background:var(--green2)}.btn-small{min-height:43px;padding:0 18px;font-size:13px;white-space:nowrap}.btn-outline{border-color:#0a4d94;color:#073c79;background:#fff}.btn-outline:hover{background:#f1f7ff}.hero{overflow:hidden;background:linear-gradient(90deg,#eef7ff 0,#fff 49%,#fff 100%)}.hero-grid{display:grid;grid-template-columns:45.5% 54.5%;min-height:540px}.hero-copy-block{padding:55px max(45px,calc((100vw - var(--max))/2 + 0px)) 26px max(45px,calc((100vw - var(--max))/2 + 0px));padding-right:42px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(110deg,#f3f9ff,#fff)}.eyebrow{display:block;color:var(--navy);font-size:12px;letter-spacing:.18em;font-weight:700;margin-bottom:16px}.hero h1{font-size:clamp(44px,4.4vw,70px);line-height:.98;letter-spacing:-.045em;margin:0 0 19px;color:#07356e}.hero h1 span{color:var(--green)}.hero-copy-block>p{font-size:16px;max-width:590px;color:#23476c;margin:0}.hero-actions{display:flex;gap:18px;flex-wrap:wrap;margin:22px 0}.hero-image{position:relative;overflow:hidden;min-height:540px}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-image:before{content:"";position:absolute;z-index:2;left:0;top:0;bottom:0;width:85px;background:linear-gradient(90deg,#fff,transparent)}.hero-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border-top:1px solid #d8e5f2;padding-top:20px;margin-top:4px}.hero-benefits div{display:flex;align-items:center;gap:8px;font-size:10px;color:#0d3767}.hero-benefits b{font-size:21px;color:var(--navy)}.category-strip{padding:14px 0 17px;background:#fff;border-bottom:1px solid #e7eef5}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.category-card{overflow:hidden;border:1px solid #e1eaf3;border-radius:9px;background:#fff;box-shadow:0 2px 10px rgba(15,23,42,.035);transition:.2s}.category-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.category-card img{width:100%;height:102px;object-fit:cover;background:#f7fafc}.category-card>div{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:11px 13px;font-size:12px;font-weight:700;color:#07356e}.category-card b{font-size:17px}.sector-band{background:linear-gradient(90deg,#e8f4ff,#f4f9ff);padding:28px 0 30px}.sector-layout{display:grid;grid-template-columns:31% 69%;align-items:center}.sector-title{padding-right:40px}.sector-title .eyebrow{margin-bottom:7px}.sector-title h2{margin:0;font-size:30px;line-height:1.06;letter-spacing:-.035em;color:#07356e}.sector-list{display:grid;grid-template-columns:repeat(5,1fr);border-left:1px solid #c9dceb}.sector-list article{text-align:center;padding:4px 17px;border-right:1px solid #c9dceb}.sector-list article:last-child{border-right:0}.sector-icon{width:58px;height:58px;margin:0 auto 7px;border-radius:50%;display:grid;place-items:center;background:#dbeeff;color:var(--navy);font-size:27px}.sector-list h3{font-size:13px;color:#07356e;margin:0 0 2px}.sector-list p{font-size:11px;margin:0;color:#31577e}.section{padding:88px 0}.section-soft{background:#f7fafc}.section h2,.section-head h2{font-size:clamp(34px,4vw,52px);line-height:1.07;letter-spacing:-.04em;color:#07356e;margin:0 0 20px}.section p{color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.text-link{color:var(--green);font-weight:800}.feature-panel{display:grid;grid-template-columns:1fr 1fr;gap:14px}.feature-panel>div{padding:27px;border-radius:15px;background:linear-gradient(135deg,#f0f7ff,#fff);border:1px solid #deebf6}.feature-panel strong{font-size:12px;color:var(--green)}.feature-panel h3{font-size:17px;color:#0b3d79;margin:6px 0}.feature-panel p{font-size:13px;margin:0}.section-head{max-width:760px;margin-bottom:38px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.detail-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:.2s}.detail-grid article:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.detail-grid img{width:100%;height:180px;object-fit:cover}.detail-grid article>div{padding:22px}.detail-grid h3{margin:0 0 8px;color:#0a3b75}.detail-grid p{font-size:13px;min-height:61px}.detail-grid a{font-size:13px;color:var(--green);font-weight:800}.process{background:linear-gradient(125deg,#06346f,#07518c);color:#fff}.light h2,.light p{color:#fff!important}.light .eyebrow{color:#85efad}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.steps article{border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.06);padding:26px;border-radius:14px}.steps b{color:#8af0ad;font-size:12px}.steps h3{margin:11px 0 7px;font-size:17px}.steps p{margin:0;color:#d9e9f8;font-size:13px}.supply-image-card{border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.supply-image-card img{width:100%;height:420px;object-fit:cover}.checks{list-style:none;padding:0;margin:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:15px}.checks li{padding-left:28px;position:relative;font-size:14px}.checks li:before{content:"✓";position:absolute;left:0;top:-1px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#e9f9ef;color:var(--green);font-weight:900}.faq-wrap{max-width:980px}.faq-wrap details{border:1px solid var(--line);background:#fff;border-radius:12px;margin:10px 0;padding:18px 20px}.faq-wrap summary{cursor:pointer;font-weight:800;color:#0a3b75}.faq-wrap details p{margin-bottom:0}.contact-section{background:linear-gradient(180deg,#fff,#f1f7fd)}.contact-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:65px;align-items:start}.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}.contact-cards a,.contact-cards div{padding:15px 16px;background:#fff;border:1px solid var(--line);border-radius:10px}.contact-cards span,.contact-cards strong{display:block}.contact-cards span{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.contact-cards strong{font-size:13px;margin-top:4px;color:#0b3d79}.quote-form{padding:30px;border-radius:17px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.quote-form label{display:grid;gap:6px;margin-bottom:13px;font-size:12px;font-weight:700;color:#274864}.quote-form input,.quote-form textarea,.quote-form select{width:100%;border:1px solid #cbd8e5;border-radius:8px;padding:12px 13px;font:inherit;font-size:13px;background:#fff}.quote-form input:focus,.quote-form textarea:focus,.quote-form select:focus{outline:3px solid rgba(11,61,145,.08);border-color:var(--navy)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn-full{width:100%}.form-note{font-size:10px;color:var(--muted);margin:10px 0 0}footer{background:linear-gradient(100deg,#052c68,#06447e);color:#dcecff;padding:50px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px}.footer-brand img{width:min(100%,390px);height:auto;filter:none;opacity:1}.footer-grid p{font-size:12px;color:#aec9e5;max-width:390px}.footer-grid h4{margin:0 0 13px;color:#fff}.footer-grid a{display:block;color:#c4d7eb;font-size:12px;margin:8px 0}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);margin-top:35px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#9db9d7}.page-hero{padding:60px 0;background:linear-gradient(135deg,#eaf5ff,#f8fffb)}.page-hero h1{font-size:50px;line-height:1.05;color:#07356e;margin:0 0 12px;letter-spacing:-.04em}.page-hero p{max-width:780px;color:var(--muted)}.catalog-tools{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.catalog-tools input,.catalog-tools select{padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#fff}.catalog-tools input{flex:1;min-width:280px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product{border:1px solid var(--line);border-radius:12px;background:#fff;padding:20px;transition:.2s}.product:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.product .tag{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--navy);font-weight:800}.product h3{font-size:16px;color:#0a3b75;margin:7px 0}.product p{font-size:12px;min-height:55px}.product button{border:0;border-radius:7px;background:var(--green);color:#fff;padding:9px 11px;font-weight:800;cursor:pointer}.empty{display:none;text-align:center;color:var(--muted);padding:30px}.legal-content{max-width:960px}.legal-content h1{font-size:46px;color:#07356e}.legal-content h2{color:#0a3b75;margin-top:30px}@media(max-width:1200px){.brand{width:300px;flex-basis:300px}.site-nav{gap:17px}.header-actions .site-search{display:none}.hero-grid{grid-template-columns:48% 52%}.hero h1{font-size:49px}.category-grid{grid-template-columns:repeat(3,1fr)}.category-card img{height:130px}.sector-layout{grid-template-columns:1fr}.sector-title{text-align:center;padding:0 0 25px}.sector-title h2 br{display:none}.sector-list{border-left:0}.product-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:920px){.top-tagline,.top-links .sep{display:none}.nav-wrap{min-height:78px}.brand{width:260px;flex-basis:260px}.nav-toggle{display:block;margin-left:auto}.site-nav{display:none;position:absolute;top:78px;left:24px;right:24px;padding:15px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;align-items:stretch;gap:0}.site-nav.open{display:flex}.site-nav a{padding:11px 12px}.site-nav a:after{display:none}.header-actions{display:none}.hero-grid{grid-template-columns:1fr}.hero-copy-block{padding:48px 28px 30px}.hero-image{min-height:420px}.hero-image:before{display:none}.sector-list{grid-template-columns:repeat(3,1fr);gap:20px}.sector-list article{border:0}.split,.contact-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.container{width:min(var(--max),calc(100% - 28px))}.topbar-inner{font-size:10px}.top-links a:not(.wa){display:none}.brand{width:225px;flex-basis:225px}.hero h1{font-size:42px}.hero-copy-block{padding:38px 20px 26px}.hero-image{min-height:300px}.hero-benefits{grid-template-columns:1fr 1fr}.category-grid{grid-template-columns:1fr 1fr}.category-card img{height:100px}.sector-list{grid-template-columns:1fr 1fr}.section{padding:66px 0}.detail-grid,.steps,.feature-panel,.checks,.contact-cards,.form-row,.footer-grid,.product-grid{grid-template-columns:1fr}.detail-grid img{height:200px}.supply-image-card img{height:300px}.footer-bottom{flex-direction:column}.catalog-tools input{min-width:100%}}

/* 2026 responsive laptop refinement */
html,body{max-width:100%;overflow-x:hidden}
body{min-width:0}
.container{width:min(1280px,calc(100% - 40px))}
.topbar-inner{min-height:30px}
.nav-wrap{min-height:74px;gap:18px}
.brand{width:255px;flex:0 0 255px}
.site-nav{gap:18px}
.site-nav a{padding:26px 0;font-size:12px}
.site-nav a:after{bottom:17px}
.site-search{width:180px}
.btn-small{min-height:40px;padding:0 14px}
.hero-grid{grid-template-columns:43% 57%;min-height:400px}
.hero-copy-block{padding:30px max(28px,calc((100vw - 1280px)/2)) 22px max(28px,calc((100vw - 1280px)/2));padding-right:30px}
.hero h1{font-size:clamp(36px,3.6vw,55px);line-height:1.02;margin-bottom:14px}
.hero-copy-block>p{font-size:14px;line-height:1.45}
.hero-actions{margin:17px 0;gap:12px}
.btn{min-height:44px;padding:0 18px}
.hero-image{min-height:400px}
.hero-benefits{padding-top:13px;gap:5px}
.hero-benefits div{font-size:9px;gap:6px}
.hero-benefits b{font-size:17px}
.category-strip{padding:10px 0 12px}
.category-grid{gap:9px}
.category-card img{height:74px}
.category-card>div{padding:8px 10px;font-size:11px}
.sector-band{padding:28px 0 32px;background:linear-gradient(90deg,#eaf5ff,#f7fbff)}
.sector-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:18px}
.sector-heading .eyebrow{margin:0 0 6px}
.sector-heading h2{margin:0;color:#07356e;font-size:clamp(24px,2.4vw,34px);line-height:1.08;letter-spacing:-.03em;max-width:620px}
.sector-heading p{margin:0;max-width:520px;font-size:12px;color:#4b6783}
.sector-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.sector-card{min-width:0;background:#fff;border:1px solid #dce8f3;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px rgba(6,46,107,.06);transition:.2s}
.sector-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.sector-card img{width:100%;height:112px;object-fit:cover}
.sector-card>div{padding:10px 12px 12px}
.sector-card h3{margin:0 0 2px;color:#07356e;font-size:13px;line-height:1.15}
.sector-card p{margin:0;color:#4c6783;font-size:10px}

@media(max-width:1360px){
  .container{width:min(1180px,calc(100% - 32px))}
  .brand{width:235px;flex-basis:235px}
  .site-search{display:none}
  .hero-copy-block{padding-left:clamp(22px,3vw,40px)}
  .hero h1{font-size:clamp(35px,3.4vw,48px)}
}
@media(max-width:1100px){
  .top-tagline,.top-links .sep{display:none}
  .nav-wrap{min-height:70px}
  .brand{width:235px;flex-basis:235px}
  .nav-toggle{display:block;margin-left:auto}
  .site-nav{display:none;position:absolute;top:70px;left:20px;right:20px;padding:14px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;align-items:stretch;gap:0;white-space:normal}
  .site-nav.open{display:flex}
  .site-nav a{padding:10px 12px}
  .site-nav a:after{display:none}
  .header-actions{display:none}
  .hero-grid{grid-template-columns:47% 53%;min-height:380px}
  .hero-image{min-height:380px}
  .hero h1{font-size:39px}
  .hero-benefits{grid-template-columns:1fr 1fr}
  .category-grid{grid-template-columns:repeat(3,1fr)}
  .category-card img{height:90px}
  .sector-cards{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:820px){
  .container{width:min(100% - 28px,720px)}
  .hero-grid{grid-template-columns:1fr}
  .hero-copy-block{padding:38px 24px 25px}
  .hero h1{font-size:42px}
  .hero-image{min-height:330px}
  .hero-image:before{display:none}
  .sector-heading{display:block}
  .sector-heading p{margin-top:10px}
  .sector-cards{grid-template-columns:repeat(2,1fr)}
  .sector-card img{height:140px}
}
@media(max-width:560px){
  .container{width:calc(100% - 24px)}
  .topbar-inner{min-height:28px}
  .brand{width:205px;flex-basis:205px}
  .hero-copy-block{padding:30px 18px 22px}
  .hero h1{font-size:36px}
  .hero-image{min-height:260px}
  .category-grid{grid-template-columns:1fr 1fr}
  .category-card img{height:86px}
  .sector-cards{grid-template-columns:1fr}
  .sector-card{display:grid;grid-template-columns:42% 58%;align-items:stretch}
  .sector-card img{height:100%;min-height:105px}
  .sector-card>div{display:flex;flex-direction:column;justify-content:center}
}

/* Filtered catalogue view */
.category-strip[hidden],.selected-category-bar[hidden]{display:none!important}.selected-category-bar{background:#f5f9fd;border-bottom:1px solid var(--line);padding:22px 0}.selected-category-inner{display:flex;align-items:center;justify-content:space-between;gap:22px}.selected-category-inner .eyebrow{margin:0 0 5px;font-size:9px}.selected-category-inner h2{margin:0;color:#07356e;font-size:26px;line-height:1.1}.catalog-products-section{padding-top:46px}@media(max-width:620px){.selected-category-inner{align-items:flex-start;flex-direction:column}.selected-category-inner h2{font-size:22px}.catalog-products-section{padding-top:34px}}

/* Social media, contact map and footer logo refinements */
.social-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.social-links a{display:inline-flex!important;align-items:center;justify-content:center;margin:0!important;border-radius:8px;transition:transform .18s ease,opacity .18s ease}.social-links a:hover{transform:translateY(-2px);opacity:.9}.social-links img{width:24px;height:24px;display:block}.social-links-top{gap:6px}.social-links-top img{width:21px;height:21px}.contact-social-block{margin-top:16px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:10px}.contact-social-block>span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-bottom:10px}.social-links-contact{gap:10px}.social-links-contact img{width:34px;height:34px}.map-wrap{margin-top:16px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 4px 16px rgba(6,46,107,.06)}.map-wrap iframe{display:block;width:100%;height:260px;border:0}.footer-brand img{width:min(100%,390px);height:auto;filter:none!important;opacity:1!important;max-height:none;object-fit:contain;object-position:left center}.top-links{min-width:0}.top-links>a[data-config-email]{white-space:nowrap}
@media(max-width:920px){.social-links-top img{width:20px;height:20px}.top-links{gap:8px}.top-links .sep{display:none}}
@media(max-width:620px){.topbar-inner{justify-content:space-between}.top-links>a[data-config-email]{display:none}.social-links-top{gap:5px}.social-links-top img{width:19px;height:19px}.map-wrap iframe{height:220px}}

/* Footer brand: use exact homepage logo on a white presentation plate for fidelity and contrast */
.footer-brand img{background:#fff;border-radius:10px;padding:10px 14px;box-sizing:border-box;width:min(100%,340px);height:auto;object-fit:contain;filter:none!important;box-shadow:0 4px 18px rgba(0,0,0,.12)}
@media(max-width:700px){.footer-brand img{width:min(100%,300px);padding:8px 10px}}


/* Professional text-first product catalogue.
   Product photography is optional: add p.image in catalog.js to activate .product-media. */
.product-grid{align-items:stretch}
.product{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:255px;
  padding:0;
  overflow:hidden;
  border:1px solid #dfe8f1;
  border-radius:12px;
  background:#fff;
  box-shadow:0 3px 14px rgba(6,46,107,.035);
}
.product:before{
  content:"";
  display:block;
  height:4px;
  flex:0 0 4px;
  background:linear-gradient(90deg,var(--navy),var(--green));
}
.product:hover{
  transform:translateY(-3px);
  border-color:#cbdbea;
  box-shadow:0 16px 34px rgba(6,46,107,.10)
}
.product-media{
  aspect-ratio:3/2;
  overflow:hidden;
  background:#f7fafc;
  border-bottom:1px solid var(--line)
}
.product-media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover
}
.product-body{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:21px 21px 20px
}
.product-category{
  margin-bottom:9px;
  color:var(--navy);
  font-size:9px;
  font-weight:800;
  line-height:1.25;
  letter-spacing:.11em;
  text-transform:uppercase
}
.product h3{
  margin:0 0 8px;
  color:#07356e;
  font-size:17px;
  line-height:1.25
}
.product p{
  flex:1;
  min-height:0;
  margin:0 0 20px;
  color:#61758a;
  font-size:12px;
  line-height:1.58
}
.product-quote{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  align-self:flex-start;
  min-width:148px;
  padding-top:12px;
  border-top:1px solid #e7edf3;
  color:var(--green);
  font-size:12px;
  font-weight:800
}
.product-quote:hover{color:var(--green2)}
.product-quote span{font-size:16px;line-height:1}
@media(max-width:620px){
  .product{min-height:225px}
  .product-body{padding:18px}
}

/* Laptop-height optimisation: keep the complete category strip visible on common
   1366x768 / 1440x900 displays without changing the spacious large-screen layout. */
@media (min-width:1101px) and (max-height:820px){
  .topbar-inner{min-height:30px}
  .nav-wrap{min-height:74px}
  .brand{width:225px;flex-basis:225px}
  .site-nav a{padding:26px 0}
  .site-nav a:after{bottom:16px}
  .hero-grid{min-height:350px}
  .hero-image{min-height:350px}
  .hero-copy-block{padding-top:22px;padding-bottom:16px}
  .hero h1{font-size:clamp(34px,3.25vw,48px);margin-bottom:11px}
  .hero-copy-block>p{font-size:13px;line-height:1.42}
  .hero-actions{margin:14px 0}
  .hero-benefits{padding-top:10px}
  .category-strip{padding:8px 0 10px}
  .category-card img{height:68px}
  .category-card>div{padding:7px 10px;font-size:10.5px;min-height:36px}
}

/* RFQ submission modal */
.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
body.modal-open{overflow:hidden}
.form-modal[hidden]{display:none!important}
.form-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px}
.form-modal-backdrop{position:absolute;inset:0;background:rgba(3,24,52,.58);backdrop-filter:blur(2px)}
.form-modal-card{position:relative;z-index:1;width:min(430px,100%);padding:34px 30px 30px;border-radius:18px;background:#fff;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.25)}
.form-modal-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 17px;border-radius:50%;background:#e9f8ef;color:#0b9f4d;font-size:30px;font-weight:900}
.form-modal.is-error .form-modal-icon{background:#fff1f1;color:#c62828}
.form-modal-card h2{margin:0 0 10px;color:#07356e;font-size:25px}
.form-modal-card p{margin:0 0 24px;color:#61758a;line-height:1.6}
.form-modal-card .btn{min-width:120px}


/* SEO category landing pages: lightweight extensions of the existing visual system. */
.breadcrumbs{padding:14px 0 0;font-size:11px;color:#6b7d90}.breadcrumbs a{color:var(--navy);font-weight:700}.breadcrumbs span{margin:0 7px;color:#9aa8b5}
.category-landing-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center}.category-landing-intro img{width:100%;border-radius:14px;display:block;box-shadow:0 12px 30px rgba(6,46,107,.08)}
.category-landing-copy p{color:#61758a;line-height:1.7;margin:0 0 18px}.category-landing-actions{display:flex;gap:10px;flex-wrap:wrap}.category-products-note{margin-top:28px;padding:22px 24px;border:1px solid #dfe8f1;border-radius:12px;background:#f7fafc}.category-products-note p{margin:6px 0 0;color:#61758a}
@media(max-width:800px){.category-landing-intro{grid-template-columns:1fr}.category-landing-intro img{order:-1}}

/* v9 image-ratio safeguards: crop photos when a fixed presentation box is used;
   never stretch source imagery. Logos remain fully visible via object-fit:contain. */
.hero-image img,.category-card img,.sector-card img,.detail-grid img,.supply-image-card img,.product-media img{object-fit:cover;object-position:center}
.category-landing-intro>img{width:100%;height:auto;aspect-ratio:920/332;object-fit:cover;object-position:center;border-radius:14px}
.brand img,.footer-brand img{object-fit:contain;height:auto}

/* v10: seven-category layout and image proportion safeguards */
.category-card img,.sector-grid img,.category-landing-intro>img{width:100%;object-fit:cover;object-position:center}
.category-landing-intro>img{aspect-ratio:920/332;height:auto}
.brand img,.footer-brand img{object-fit:contain;height:auto}
@media(min-width:1101px){.category-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(max-width:1100px) and (min-width:561px){.category-grid{grid-template-columns:repeat(4,1fr)}}

/* Catalogue availability states controlled from assets/js/catalog.js */
.category-status-panel{max-width:760px;margin:0 auto;padding:32px;border:1px solid #dfe8f1;border-radius:14px;background:#fff;box-shadow:0 10px 28px rgba(6,46,107,.06)}
.category-status-panel h2,.category-status-panel h3{color:#07356e;margin:8px 0 10px}.category-status-panel p{color:#61758a;line-height:1.7;margin:0 0 20px}
[hidden]{display:none!important}