/* Shared sector catalogue: Figma 7:3719, 7:3488 and 7:3604. */
.commercial-sector-page .category-hero > img { width:100%; height:100%; left:0; top:0; object-fit:cover; }
.commercial-sector-page .category-content { margin-top:-87px; padding-top:109px; padding-bottom:150px; }
.commercial-sector-page .category-intro { margin-top:166px; margin-bottom:143px; min-height:218px; }
.commercial-sector-page .category-factory { transform:translateY(-21px); }
.commercial-sector-page .category-products { padding-top:60px; }
.commercial-sector-page .category-filters { align-items:center; min-height:60px; padding-block:10px; }
.commercial-sector-page .sector-search { display:flex; align-items:center; }
.commercial-sector-page .sector-search input { width:60px; padding-left:0; font-weight:300; transition:width .2s; }
.commercial-sector-page .sector-search input:focus,
.commercial-sector-page .sector-search input:not(:placeholder-shown) { width:180px; }
.commercial-sector-page .sector-search button { display:flex; align-items:center; padding:8px; }
.commercial-sector-page .category-filters select { font-size:18px; font-weight:300; text-transform:uppercase; cursor:pointer; }
.commercial-sector-page .catalogue-card--placeholder .catalogue-card__image { background:#f0f0f0; }
.commercial-sector-page .category-load:disabled { opacity:1; background:#fff; color:#111; font-family:inherit; cursor:default; }
.commercial-sector-page .category-load { transition:background .2s,color .2s; }
.commercial-sector-page .category-load:hover { background:#111; color:#fff; }
.commercial-sector-page :is(a,input,select,button):focus-visible { outline:2px solid #7c8d59; outline-offset:5px; }
@media(max-width:1200px) {
  .commercial-sector-page .category-intro { margin-top:110px; margin-bottom:100px; }
}
@media(max-width:800px) {
  .commercial-sector-page .category-filters select { font-size:14px; }
  .commercial-sector-page .sector-search input:focus,
  .commercial-sector-page .sector-search input:not(:placeholder-shown) { width:140px; }
  .commercial-sector-page .category-content { margin-top:-60px; padding-top:64px; padding-bottom:80px; }
  .commercial-sector-page .category-intro { margin-block:75px; }
  .commercial-sector-page .category-factory { transform:none; }
  .commercial-sector-page .category-products { padding-top:40px; }
}