/* 004: procurement catalogue layout */
html{scroll-padding-top:155px}.header-row{height:83px;gap:28px}.masthead-search{margin:0 0 0 auto;display:flex;width:480px;max-width:45%;gap:0}.masthead-search input{width:0;flex:1;min-width:0;background:#f6f7f8;border:1px solid #cbd2d7;font-size:16px;padding:10px 14px}.masthead-search .button{gap:8px;flex-shrink:0}.masthead-inquiry{font-size:12px;min-height:44px;display:flex;align-items:center;gap:16px}.search-toggle{display:none}.catalog-nav{border-top:1px solid #e7eaec;background:#f5f6f7}.catalog-nav>.wrap{display:flex;align-items:center;justify-content:space-between}.desktop-nav{margin:0;gap:35px}.desktop-nav>a,.nav-item>a{height:46px;font-size:13px}.nav-doc-link{font-size:11px;min-height:44px;display:flex;align-items:center;gap:10px;color:#667580}
.hero{height:310px;background:#edf0f2;color:var(--ink);border-bottom:1px solid var(--line)}.hero-photo{height:170px;object-position:center 53%;filter:saturate(.25)}.hero-shade{display:none}.hero-content{padding-top:193px;display:grid;grid-template-columns:1.05fr 1fr auto;gap:8px 38px;align-items:center}.hero .eyebrow{grid-column:1/-1;color:#667783;font-size:10px;margin:0;letter-spacing:1px}.hero h1{font-size:28px;line-height:1.45;letter-spacing:0;white-space:normal;max-width:none}.hero-description{font-size:12px;line-height:1.9;color:#687781;margin:0;max-width:440px}.hero-content>.button{background:#fff;color:#435b6c;border:1px solid #aebdc7;justify-self:end;font-size:12px}.hero-controls{top:111px;bottom:auto;gap:18px;height:44px}.hero-controls>span{color:white;background:#26343bbb;padding:2px 9px}.hero-controls button{background:#293b49b8;border-color:#ffffff70}.hero-pagination{background:#293b49b8}.section{padding:38px 0}.about-section{border-bottom:1px solid var(--line)}.about-grid{grid-template-columns:260px minmax(0,1fr);gap:35px}.about-grid figure img{height:142px}.about-grid h2{font-size:22px;margin:5px 0 8px}.about-grid p{max-width:900px;margin:0;font-size:12px;line-height:1.9}.about-grid .text-link{font-size:12px;min-height:36px}.section-heading{border-bottom:1px solid #bbc5cc;padding-bottom:9px;margin-bottom:17px}.section-heading h2{font-size:22px}.section-note{font-size:12px;margin-bottom:12px}.materials-section{background:white;border:0}.category-bar{margin-bottom:0;background:#f3f5f6;border:1px solid var(--line);border-bottom:0;padding:0 18px}.material-grid,.list-grid,.related-grid{gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.material-card,.list-grid .material-card{padding:18px 20px 0;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.material-card:hover{background:#f8fafb}.card-top{margin-bottom:7px}.card-top i{font-size:12px}.material-card h3{font-size:16px;margin-bottom:11px}.material-card dl{gap:4px 9px}.material-card dd:first-of-type{font-family:Consolas,monospace;font-size:16px}.material-card>p{margin:12px 0;font-size:11px}.parameter-link{font-size:11px}.supply-section{padding-top:0}.strength-grid{border:0;border-bottom:1px solid var(--line)}.strength-grid article{padding:15px 24px 23px}.strength-grid article:first-child{padding-left:0}.strength-grid i{font-size:19px;float:left;margin:4px 12px 0 0}.strength-grid h3{font-size:15px;margin-bottom:12px}.documents-section{background:#f2f4f5;padding:28px 0}.documents-promo{grid-template-columns:1fr 1.5fr;gap:65px}.documents-promo h2{font-size:22px}.document-links{grid-template-columns:1fr;gap:0;border-top:1px solid #cad2d8}.document-links>a{border:0;border-bottom:1px solid #cad2d8;min-height:67px;padding:10px 15px;background:transparent}.document-links i{font-size:22px}.document-links>a>span:nth-child(2){display:flex;align-items:center;gap:30px}.document-links strong{min-width:120px;font-size:15px}.home-news{grid-template-columns:1fr;gap:0}.home-news .news-row{grid-template-columns:110px minmax(0,1fr);gap:25px;padding:15px 0}.home-news .news-image img{height:82px;width:100%;object-fit:cover}.home-news .news-row>div{display:grid;grid-template-columns:1fr 110px;column-gap:25px;align-items:center}.home-news time{grid-column:2;grid-row:1;text-align:right}.home-news h3{grid-column:1;grid-row:1;font-size:16px}.home-news p{grid-column:1;grid-row:2;font-size:12px}.home-news .read-link{grid-column:2;grid-row:2;justify-self:end;margin:0;font-size:11px}.inquiry-cta{padding:30px 0}.inquiry-cta h2{font-size:23px}
.page-intro{padding:16px 0 18px;background:#f3f5f6}.breadcrumb{margin-bottom:9px}.page-intro h1{font-size:26px}.page-layout{padding-top:27px;gap:30px}.side-heading{background:#f0f3f5;color:var(--ink);border:1px solid var(--line);padding:18px}.side-heading h2{font-size:18px}.side-heading span,.side-heading small{color:var(--muted)}.side-nav{border-top:0}.side-service{background:#f5f6f7}.product-heading h1{font-size:28px}.technical-record{display:grid;grid-template-columns:155px minmax(0,1fr);margin-top:24px;border:1px solid var(--line);min-width:0}.technical-record .tabs{display:flex;flex-direction:column;grid-column:1;grid-row:1;margin:0;border:0;background:#f4f6f7;align-self:stretch;overflow:visible}.technical-record .tabs button{flex:none;text-align:left;padding:15px 17px;border:0;border-bottom:1px solid var(--line);font-size:13px;min-height:54px;white-space:normal}.technical-record .tabs button[aria-selected=true]{background:white;color:var(--ink);font-weight:700;border-left:3px solid var(--accent)}.technical-record .tab-panel{grid-column:2;grid-row:1;border:0;border-left:1px solid var(--line);margin:0;min-width:0;min-height:360px;padding:28px}.document-register{display:grid;grid-template-columns:1fr 130px 100px;background:#f2f4f5;border-block:1px solid var(--line);padding:12px 16px;font-size:11px;color:var(--muted)}.document-register span:not(:first-child){text-align:right}.contact-sheet{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-sheet .map-panel{margin:0;min-width:0}.contact-sheet #company-map{height:100%;min-height:330px}.contact-sheet .contact-table{grid-template-columns:100px minmax(0,1fr);font-size:12px}.form-caption{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#edf1f3;border:1px solid var(--line);font-weight:600}.form-caption small{margin-left:auto;font-size:11px;font-weight:400;color:var(--muted)}.form-grid{gap:0;border-left:1px solid var(--line)}.form-grid>label{padding:16px 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px}.form-grid input,.form-grid textarea{font-size:16px;background:#fbfcfc}.page-about .page-content>article{display:grid;grid-template-columns:.8fr 1fr;gap:25px 35px}.page-about .about-cover{margin:0}.page-about .about-cover img{height:230px}.page-about .article-heading{align-self:center;margin:0}.page-about .richtext{grid-column:1/-1}
@media(min-width:1025px){.list-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.header-row{gap:18px}.masthead-search{max-width:43%}.masthead-inquiry{display:none}.desktop-nav{gap:25px;display:flex}.nav-doc-link{display:none}.hamburger{display:none}.hero-content{gap:9px 25px}.hero h1{font-size:24px}.hero-description{font-size:11px}.contact-sheet{grid-template-columns:1fr}.contact-sheet #company-map{min-height:280px}}
@media(max-width:767px){html{scroll-padding-top:123px}.header-row{height:auto;min-height:113px;flex-wrap:wrap;padding-block:10px;gap:7px}.brand{flex:1}.brand strong{font-size:14px}.hamburger{display:block}.masthead-search{order:5;max-width:none;width:100%;margin:0;height:44px}.masthead-search input{font-size:16px;padding:8px 10px}.masthead-search .button{padding:8px 16px;font-size:12px}.catalog-nav{display:none}.hero{height:300px}.hero-photo{height:112px;object-position:center 55%}.hero-content{padding-top:128px;grid-template-columns:1fr;gap:7px}.hero .eyebrow{font-size:9px;letter-spacing:.5px}.hero h1{font-size:23px;line-height:1.4}.hero-description{font-size:11px;line-height:1.8;max-width:none}.hero-content>.button{justify-self:start;min-height:44px;font-size:11px;padding:7px 16px;margin-top:4px}.hero-controls{top:58px;height:44px}.hero-controls>span{display:none}.hero-controls button{width:44px}.section{padding:26px 0}.about-grid{grid-template-columns:85px minmax(0,1fr);gap:16px;align-items:start}.about-grid figure img{height:110px}.about-grid figcaption{font-size:8px;line-height:1.6}.about-grid .eyebrow{font-size:8px;letter-spacing:0}.about-grid h2{font-size:18px;margin:4px 0 7px}.about-grid p{font-size:11px;line-height:1.8}.about-grid .text-link{min-height:44px;font-size:11px}.section-heading h2{font-size:20px}.section-heading{margin-bottom:13px}.section-note{font-size:11px}.category-bar{gap:20px;padding:0 12px;margin-bottom:0}.material-grid,.list-grid,.related-grid{grid-template-columns:1fr;gap:0}.material-card,.list-grid .material-card{display:grid;grid-template-columns:minmax(0,1fr) 74px;gap:0 15px;padding:13px 14px}.card-top{grid-column:1/-1;margin-bottom:4px;font-size:9px}.card-top i{display:none}.material-card h3,.list-grid .material-card h3{grid-column:1;grid-row:2;min-height:0;font-size:16px;margin:0 0 7px}.material-card dl{grid-column:1;grid-row:3;grid-template-columns:27px minmax(0,1fr);gap:2px 7px;font-size:11px}.material-card dd:first-of-type{font-size:14px}.material-card>p{grid-column:1/-1;grid-row:4;font-size:11px;margin:9px 0 0;padding-top:8px;border-top:1px solid #e0e5e8}.parameter-link{grid-column:2;grid-row:2/4;border:1px solid #d6dfe5;align-self:center;min-height:44px;padding:7px;gap:4px;font-size:10px;justify-content:center}.strength-grid article,.strength-grid article:first-child{padding:15px 12px}.strength-grid i{float:none;font-size:18px;margin:0 0 8px}.strength-grid h3{font-size:14px;margin-bottom:7px}.strength-grid p{font-size:11px}.supply-section{padding-top:0}.documents-promo{grid-template-columns:1fr;gap:18px}.documents-promo h2{font-size:20px}.document-links>a{min-height:64px;padding:10px 8px}.document-links>a>span:nth-child(2){gap:12px}.document-links strong{min-width:98px;font-size:14px}.document-links small{font-size:10px}.home-news .news-row{grid-template-columns:65px minmax(0,1fr);gap:13px;padding:14px 0}.home-news .news-image img{height:65px}.home-news .news-row>div{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.home-news h3{order:0;font-size:14px}.home-news time{order:1;font-size:10px}.home-news p{order:2;font-size:11px}.home-news .read-link{order:3;min-height:44px}.page-intro{padding:12px 0}.page-intro h1{font-size:22px}.page-layout{padding-top:16px}.sidebar{margin-bottom:18px}.technical-record{display:block;margin-top:18px}.technical-record .tabs{flex-direction:row;overflow-x:auto;align-items:stretch}.technical-record .tabs button{padding:11px;min-width:100px;min-height:48px;text-align:center;font-size:12px;flex:1;white-space:nowrap}.technical-record .tabs button[aria-selected=true]{border-left:0;border-bottom:2px solid var(--accent)}.technical-record .tab-panel{border-left:0;padding:20px 14px;min-height:290px}.product-heading h1{font-size:24px}.document-register{grid-template-columns:1fr auto}.document-register span:nth-child(2){display:none}.contact-sheet{gap:20px}.contact-sheet .contact-table{grid-template-columns:85px minmax(0,1fr)}.form-caption{padding:12px;font-size:13px;gap:8px}.form-caption small{font-size:9px}.form-grid>label{padding:13px}.page-about .page-content>article{display:block}.page-about .about-cover{margin-bottom:18px}.page-about .about-cover img{height:180px}.page-about .article-heading{margin-bottom:20px}.inquiry-cta h2{font-size:21px}}
@media(max-width:359px){.brand strong{font-size:12px}.hero{height:324px}.hero h1{font-size:21px}.hero-content{gap:7px}.about-grid{grid-template-columns:65px minmax(0,1fr);gap:12px}.about-grid h2{font-size:17px}.material-card,.list-grid .material-card{padding:12px}.material-card h3,.list-grid .material-card h3{font-size:15px}.document-links>a>span:nth-child(2){gap:8px}}

/* Keep the mobile homepage catalogue a short preview. */
.mobile-catalog-more{display:none}
@media(max-width:767px){#material-catalog .material-grid>.material-card:nth-child(n+5){display:none}#material-catalog .mobile-catalog-more{display:flex;justify-content:center;align-items:center;gap:16px;min-height:48px;margin-top:16px;border:1px solid var(--line);background:#f3f5f6;color:var(--ink);font-size:13px}}
