/* Searchscope3 HEROS1 — category-only hero, no new DOM/card JS.
   Static source images: HEROT-SUUNNITELMA.json (2026-10-09). */
body.systemtech-reference-ui-v1.systemtech-reference-category-archive .st-catalog__head.st-catalog__head--category-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 560px) minmax(0, 1fr);
  grid-auto-rows: min-content;
  gap: 0;
  align-content: center;
  min-height: 202px;
  margin-bottom: 20px;
  padding: 18px clamp(18px, 2.3vw, 30px);
  overflow: hidden;
  isolation: isolate;
  background-color: #eaf3fb;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px solid #cedfee;
  box-shadow: 0 9px 25px rgba(16, 48, 85, .08);
}
/* Per-root fixed allowlist; nested terms inherit the root image in PHP. */
body.systemtech-reference-ui-v1 .st-catalog-hero--turvallisuus-ja-valvonta { background-image: linear-gradient(90deg,rgba(243,249,255,.30) 0%,transparent 60%),url('../../category-heroes/01_turvallisuus-ja-valvonta.webp'); }
body.systemtech-reference-ui-v1 .st-catalog-hero--verkkolaitteet { background-image: linear-gradient(90deg,rgba(243,249,255,.30) 0%,transparent 60%),url('../../category-heroes/02_verkkolaitteet.webp'); }
body.systemtech-reference-ui-v1 .st-catalog-hero--kotiautomaatio { background-image: linear-gradient(90deg,rgba(243,249,255,.30) 0%,transparent 60%),url('../../category-heroes/03_kotiautomaatio.webp'); }
body.systemtech-reference-ui-v1 .st-catalog-hero--kaapelointi-ja-infrastruktuuri { background-image: linear-gradient(90deg,rgba(243,249,255,.30) 0%,transparent 60%),url('../../category-heroes/04_kaapelointi-ja-infrastruktuuri.webp'); }
body.systemtech-reference-ui-v1 .st-catalog-hero--sahko-ja-asennustarvikkeet { background-image: linear-gradient(90deg,rgba(243,249,255,.30) 0%,transparent 60%),url('../../category-heroes/05_sahko-ja-asennustarvikkeet.webp'); }
body.systemtech-reference-ui-v1 .st-catalog-hero--nas-ja-tallennus { background-image: linear-gradient(90deg,rgba(243,249,255,.30) 0%,transparent 60%),url('../../category-heroes/06_nas-ja-tallennus.webp'); }
body.systemtech-reference-ui-v1 .st-catalog-hero--ups-ja-virransyotto { background-image: linear-gradient(90deg,rgba(243,249,255,.30) 0%,transparent 60%),url('../../category-heroes/07_ups-ja-virransyotto.webp'); }
body.systemtech-reference-ui-v1 .st-catalog-hero--teollisuusverkot { background-image: linear-gradient(90deg,rgba(243,249,255,.30) 0%,transparent 60%),url('../../category-heroes/08_teollisuusverkot.webp'); }
body.systemtech-reference-ui-v1.systemtech-reference-category-archive .st-catalog__head.st-catalog__head--category-hero > :is(.st-catalog__breadcrumb,.st-catalog__eyebrow,h1,.st-catalog__description,.st-catalog-search) {
  grid-column: 1;
  grid-row: auto;
  position: relative;
  z-index: 1;
  min-width: 0;
}
body.systemtech-reference-ui-v1 .st-catalog__head--category-hero > .st-catalog__breadcrumb { margin: 0 0 7px; font-size: 11px; }
body.systemtech-reference-ui-v1 .st-catalog__head--category-hero > .st-catalog__eyebrow { margin: 0 0 1px; font-size: 10px; }
body.systemtech-reference-ui-v1 .st-catalog__head--category-hero > h1 { font-size: clamp(26px, 2.4vw, 37px); margin: 0 0 5px; line-height: 1.08; }
body.systemtech-reference-ui-v1 .st-catalog__head--category-hero > .st-catalog__description {
  max-width: 500px;
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}
body.systemtech-reference-ui-v1 .st-catalog__head--category-hero .st-catalog__description p { margin: 0; }
body.systemtech-brand-v150-dev10.systemtech-reference-ui-v1.systemtech-reference-category-archive .st-catalog__head.st-catalog__head--category-hero > .st-catalog-search {
  display: block !important;
  width: min(100%, 500px);
  margin: 9px 0 0 !important;
  grid-column: 1;
  grid-row: auto;
}
body.systemtech-reference-ui-v1 .st-catalog__head--category-hero .st-catalog-search > label { gap: 4px; font-size: 10px; }
body.systemtech-reference-ui-v1 .st-catalog__head--category-hero .st-catalog-search__box {
  min-height: 37px;
  border-color: #cedfec;
  background: rgba(255,255,255,.96);
  box-shadow: 0 3px 12px rgba(14,65,111,.10);
}
body.systemtech-reference-ui-v1 .st-catalog__head--category-hero .st-catalog-search__box input { min-height: 32px; }
body.systemtech-reference-ui-v1 .st-catalog__head--category-hero .st-catalog-search__box button[type=submit] { min-height: 32px; }
@media (max-width: 900px) {
  body.systemtech-reference-ui-v1.systemtech-reference-category-archive .st-catalog__head.st-catalog__head--category-hero {
    grid-template-columns: 1fr;
    min-height: 0;
    background-position: 62% center;
    padding: 20px;
  }
  body.systemtech-reference-ui-v1.systemtech-reference-category-archive .st-catalog__head.st-catalog__head--category-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: linear-gradient(90deg,rgba(243,249,255,.93),rgba(243,249,255,.67));
  }
  body.systemtech-reference-ui-v1 .st-catalog__head--category-hero > :is(.st-catalog__breadcrumb,.st-catalog__eyebrow,h1,.st-catalog__description,.st-catalog-search) { max-width: 100%; }
}
@media (max-width: 520px) {
  body.systemtech-reference-ui-v1.systemtech-reference-category-archive .st-catalog__head.st-catalog__head--category-hero::before {
    background: linear-gradient(90deg,rgba(240,247,255,.96),rgba(240,247,255,.83));
  }
  body.systemtech-reference-ui-v1 .st-catalog__head--category-hero > h1 { font-size: clamp(24px,6vw,32px); }
  body.systemtech-reference-ui-v1 .st-catalog__head--category-hero > .st-catalog__description { font-size: 12px; }
}
@media (prefers-reduced-motion:reduce) { body.systemtech-reference-ui-v1 .st-catalog__head--category-hero * { transition: none; } }

@media(max-width:700px){body.systemtech-reference-ui-v1 .st-catalog-hero--turvallisuus-ja-valvonta{background-image:linear-gradient(90deg,rgba(243,249,255,.85),rgba(243,249,255,.40)),url('../../category-heroes/01_turvallisuus-ja-valvonta_mobile.webp');}}

@media(max-width:700px){body.systemtech-reference-ui-v1 .st-catalog-hero--verkkolaitteet{background-image:linear-gradient(90deg,rgba(243,249,255,.85),rgba(243,249,255,.40)),url('../../category-heroes/02_verkkolaitteet_mobile.webp');}}

@media(max-width:700px){body.systemtech-reference-ui-v1 .st-catalog-hero--kotiautomaatio{background-image:linear-gradient(90deg,rgba(243,249,255,.85),rgba(243,249,255,.40)),url('../../category-heroes/03_kotiautomaatio_mobile.webp');}}

@media(max-width:700px){body.systemtech-reference-ui-v1 .st-catalog-hero--kaapelointi-ja-infrastruktuuri{background-image:linear-gradient(90deg,rgba(243,249,255,.85),rgba(243,249,255,.40)),url('../../category-heroes/04_kaapelointi-ja-infrastruktuuri_mobile.webp');}}

@media(max-width:700px){body.systemtech-reference-ui-v1 .st-catalog-hero--sahko-ja-asennustarvikkeet{background-image:linear-gradient(90deg,rgba(243,249,255,.85),rgba(243,249,255,.40)),url('../../category-heroes/05_sahko-ja-asennustarvikkeet_mobile.webp');}}

@media(max-width:700px){body.systemtech-reference-ui-v1 .st-catalog-hero--nas-ja-tallennus{background-image:linear-gradient(90deg,rgba(243,249,255,.85),rgba(243,249,255,.40)),url('../../category-heroes/06_nas-ja-tallennus_mobile.webp');}}

@media(max-width:700px){body.systemtech-reference-ui-v1 .st-catalog-hero--ups-ja-virransyotto{background-image:linear-gradient(90deg,rgba(243,249,255,.85),rgba(243,249,255,.40)),url('../../category-heroes/07_ups-ja-virransyotto_mobile.webp');}}

@media(max-width:700px){body.systemtech-reference-ui-v1 .st-catalog-hero--teollisuusverkot{background-image:linear-gradient(90deg,rgba(243,249,255,.85),rgba(243,249,255,.40)),url('../../category-heroes/08_teollisuusverkot_mobile.webp');}}

/* V2 full catalog: one hero, not an additional banner. Native shop search remains global. */
body.systemtech-reference-ui-v1 .st-catalog__head--shop-hero {
  position:relative; isolation:isolate; min-height:170px; padding:20px clamp(18px,2.3vw,30px);
  display:flex; flex-direction:column; justify-content:center;
  background:#edf5fe url('../../category-heroes/09_kaikki-tuotteet.webp') center / cover no-repeat;
  border:1px solid #cedfee; border-radius:7px; box-shadow:0 9px 25px rgba(16,48,85,.07);
}
body.systemtech-reference-ui-v1 .st-catalog__head--shop-hero > :is(.st-catalog__breadcrumb,.st-catalog__eyebrow,h1,.st-catalog-search){position:relative;z-index:1;max-width:min(100%,520px);}
body.systemtech-reference-ui-v1 .st-catalog__head--shop-hero .st-catalog-search {display:block!important;width:min(100%,500px);margin:8px 0 0!important;}
@media(max-width:700px){body.systemtech-reference-ui-v1 .st-catalog__head--shop-hero{min-height:0;background-image:linear-gradient(90deg,rgba(243,249,255,.92),rgba(243,249,255,.46)),url('../../category-heroes/09_kaikki-tuotteet_mobile.webp');background-position:62% center;}}