/*
Theme Name: SteelFlow B2B
Theme URI: https://example.com/
Author: Custom build
Description: A bilingual-ready B2B catalogue theme for sanitary and industrial fittings.
Version: 1.0.0
Text Domain: steelflow
*/
:root{--blue:#4e84bd;--navy:#153654;--ink:#222a31;--muted:#687580;--line:#dbe2e8;--wash:#f4f7f9;--white:#fff;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,"Helvetica Neue",sans-serif;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}.wrap{width:min(calc(100% - 48px),var(--max));margin:auto}.topbar{background:var(--blue);color:#fff;font-size:14px}.topbar .wrap{min-height:36px;display:flex;gap:36px;align-items:center}.site-header{background:#fff}.masthead{height:158px;display:flex;align-items:center;gap:44px}.brand{min-width:150px;color:var(--blue);font-weight:800;font-size:20px;letter-spacing:.7px;line-height:1.05}.brand small{display:block;color:#6f7b84;letter-spacing:2px;font-size:9px;margin-top:6px}.menu-toggle{display:none;border:0;background:none;font:inherit;font-size:24px;color:var(--ink);margin-left:auto}.primary-menu{display:flex;align-items:stretch;justify-content:space-between;gap:21px;flex:1;height:100%}.primary-menu ul{margin:0;padding:0;list-style:none;display:flex;justify-content:space-between;width:100%;align-items:center}.primary-menu li{font-size:15px;font-weight:700;text-transform:uppercase;text-align:center;max-width:132px}.primary-menu a{display:block;padding:8px 0}.utility{background:#e3e6e9}.utility .wrap{height:54px;display:flex;align-items:center;gap:26px}.crumb{font-size:13px;color:#53616b;text-transform:uppercase}.search-form{margin-left:auto;display:flex;width:min(536px,52vw);height:38px}.search-form input{flex:1;border:0;border-radius:20px 0 0 20px;padding:0 16px;font-size:14px;outline:0}.search-form button,.btn{border:0;background:var(--blue);color:#fff;border-radius:0 20px 20px 0;padding:0 18px;font-size:14px;cursor:pointer}.main-layout{display:grid;grid-template-columns:137px minmax(0,1fr);gap:20px}.sidebar{border-right:1px solid var(--line);padding:6px 16px 30px 0}.sidebar-title{font-weight:700;text-transform:uppercase;padding:12px 0;border-bottom:1px solid #a9b5bf}.category-list{padding:0;margin:0;list-style:none}.category-list a{display:block;color:#5b646c;padding:8px 0}.catalog{padding:4px 0 64px}.page-title{color:var(--blue);font-weight:400;font-size:30px;margin:8px 0 16px;text-transform:uppercase}.product-section{border-top:1px solid #90a8b9;padding:22px 10px 36px}.product-section:first-of-type{border-top:0}.section-title{font-size:24px;font-weight:400;margin:0 0 9px;text-transform:uppercase}.product-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:15px}.product-card{min-width:0}.product-card figure{border:1px solid var(--line);margin:0;aspect-ratio:1;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-card img{width:100%;height:100%;object-fit:cover}.product-card h3{font-size:14px;line-height:1.45;font-weight:400;color:#4d565e;margin:8px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cta-band{background:var(--navy);color:#fff;padding:46px 0}.cta-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}.cta-band h2{font-size:29px;font-weight:400;margin:0}.cta-band p{margin:6px 0 0;color:#d5e1ec}.cta-band .btn{border-radius:2px;background:#fff;color:var(--navy);font-weight:700;padding:13px 22px;white-space:nowrap}.site-footer{background:#222d36;color:#dce3e9;padding:45px 0 0}.footer-grid{display:grid;grid-template-columns:1.15fr 1fr 1.1fr;gap:48px;padding-bottom:38px}.footer-title{font-size:16px;color:#fff;margin:0 0 14px;text-transform:uppercase}.footer-links{list-style:none;margin:0;padding:0;columns:2}.footer-links li{padding:3px 0;font-size:13px}.footer-form input,.footer-form textarea{border:1px solid #4a5863;background:#fff;width:100%;padding:10px;margin:0 0 9px;font:inherit}.footer-form textarea{height:76px;resize:vertical}.footer-form button{border:0;background:var(--blue);color:#fff;padding:10px 22px;cursor:pointer}.copyright{border-top:1px solid #40505c;color:#aebcc6;text-align:center;font-size:12px;padding:16px 0}.floating-inquiry{position:fixed;right:20px;bottom:22px;background:var(--blue);color:#fff;border-radius:999px;padding:12px 18px;font-weight:700;box-shadow:0 6px 18px #001d3540;z-index:10}.entry{width:min(100% - 48px,960px);margin:50px auto}.entry h1{color:var(--blue)}
@media(max-width:900px){.masthead{height:102px}.primary-menu{gap:12px}.primary-menu li{font-size:12px}.product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.footer-grid{gap:24px}}
@media(max-width:680px){.wrap{width:min(calc(100% - 32px),var(--max))}.topbar{display:none}.masthead{height:102px}.menu-toggle{display:block}.primary-menu{display:none;position:absolute;z-index:20;top:102px;left:0;right:0;background:#fff;border-top:1px solid var(--line);height:auto;padding:10px 16px;box-shadow:0 8px 16px #18243017}.primary-menu.open{display:block}.primary-menu ul{display:block}.primary-menu li{max-width:none;text-align:left;border-bottom:1px solid var(--line);font-size:13px}.primary-menu a{padding:12px 0}.utility .wrap{height:108px;display:block;padding-top:14px}.search-form{width:100%;margin-top:10px;height:38px}.main-layout{display:block}.sidebar{padding:0;border:0}.sidebar-title{background:var(--blue);color:#fff;padding:13px 16px;border:0;position:relative}.sidebar-title:after{content:'Menu';float:right;font-weight:400}.category-list{display:none;padding:0 16px}.sidebar.open .category-list{display:block}.catalog{padding-top:20px}.page-title{font-size:28px;margin-left:2px}.product-section{padding:16px 0 30px}.section-title{font-size:23px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product-card h3{font-size:14px;text-align:center}.cta-band{padding:34px 0}.cta-band .wrap{display:block}.cta-band h2{font-size:25px}.cta-band .btn{display:inline-block;margin-top:20px}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-links{columns:2}.floating-inquiry{right:14px;bottom:14px}.entry{width:min(100% - 32px,960px);margin:30px auto}}
.blog-section{background:var(--wash);padding:58px 0 64px}.blog-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:22px}.blog-head h2{font-weight:400;text-transform:uppercase;font-size:30px;color:var(--blue);margin:0}.blog-head p{margin:6px 0 0;color:var(--muted)}.text-link{color:var(--blue);font-weight:700;white-space:nowrap}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.post-card{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column}.post-card figure{margin:0;aspect-ratio:1.85;overflow:hidden;background:#fff}.post-card img{width:100%;height:100%;object-fit:cover}.post-card-body{padding:18px 19px 20px}.post-meta{color:var(--blue);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.post-card h3{font-size:19px;line-height:1.3;margin:7px 0 9px;font-weight:500}.post-card p{color:var(--muted);font-size:14px;margin:0 0 15px}.post-card a:last-child{font-size:13px;color:var(--blue);font-weight:700}@media(max-width:680px){.blog-section{padding:40px 0}.blog-head{display:block}.blog-head h2{font-size:27px}.text-link{display:inline-block;margin-top:10px}.blog-grid{grid-template-columns:1fr;gap:16px}}
.primary-menu ul{align-items:flex-start}.primary-menu li{flex:1;max-width:none;white-space:nowrap}.primary-menu a{padding-top:31px}.nav-top,.nav-sub{display:block}.nav-sub{margin-top:69px}.nav-sub:empty{visibility:hidden}@media(max-width:680px){.nav-top,.nav-sub{display:inline}.nav-sub{margin-top:0}.nav-sub:before{content:' '}}
.product-detail{max-width:860px}.product-detail>img{max-width:540px;margin:20px 0}.product-copy{margin:22px 0}.product-specs{border-collapse:collapse;width:min(100%,680px);margin:16px 0 28px}.product-specs th,.product-specs td{border:1px solid var(--line);padding:12px;text-align:left}.product-specs th{background:var(--wash);width:32%}.detail-inquiry{display:inline-block;border-radius:2px;padding:12px 20px}.nav-links{display:flex;gap:12px;margin-top:28px}.nav-links a,.nav-links span{border:1px solid var(--line);padding:8px 12px}.nav-links .current{background:var(--blue);color:#fff}
.listing-head{border-bottom:1px solid var(--line);margin-bottom:28px;padding-bottom:18px}.listing-head p{color:var(--muted);margin:0}.post-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.post-list-card{border:1px solid var(--line);background:#fff}.post-list-image{display:block;aspect-ratio:1.85;overflow:hidden;background:var(--wash)}.post-list-image img{width:100%;height:100%;object-fit:cover}.post-list-card>div{padding:18px}.post-list-card h2{font-size:20px;line-height:1.3;margin:8px 0}.post-list-card p{color:var(--muted);margin:0 0 16px}.article-entry{max-width:880px}.article-entry h1,.page-entry h1,.not-found h1{font-size:38px;color:var(--navy);line-height:1.2}.article-entry>article>img,.page-entry>article>img{margin:22px 0;max-width:100%}.article-content{font-size:17px;line-height:1.75}.article-content img{margin:18px 0}.not-found .search-form{margin:26px 0;width:min(100%,520px)}@media(max-width:680px){.post-list{grid-template-columns:1fr}.article-entry h1,.page-entry h1,.not-found h1{font-size:30px}}
@media(min-width:681px) and (max-width:1024px){.masthead{gap:10px}.brand{min-width:112px;font-size:17px}.primary-menu{gap:0}.primary-menu li{font-size:11px}.primary-menu a{padding-top:31px}.nav-sub{margin-top:69px}}
/* Keep accessibility labels available to screen readers without showing them in the visual layout. */
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}


/* Production environment gallery */
.production-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 30px 20px;
  margin: 40px 0 64px;
}

.production-card {
  min-width: 0;
}

.production-card img {
  display: block;
  width: 100%;
  aspect-ratio: 391 / 251;
  object-fit: cover;
}

.production-card h2 {
  margin: 10px 0 0;
  color: var(--ink);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.35;
}

@media (max-width: 900px) {
  .production-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .production-grid {
    grid-template-columns: 1fr;
  }
}