/* Phase 19: image-first hero layout. Text must never overlay hero photography. */
/* Standard corporate, sourcing, category and new-language hero layouts. */
section.hero:has(> picture), section.page-hero:has(.hero-media > picture),
section.hero-shell:has(.hero > picture), section.hkt22-hero:has(> picture),
section.hkt-catalog-hero:has(> picture) {
  height:auto !important; min-height:0 !important; max-height:none !important;
  overflow:visible !important; display:block !important;
}
section.hero > picture, section.hkt22-hero > picture, section.hkt-catalog-hero > picture,
section.page-hero .hero-media > picture, section.hero-shell .hero > picture {
  display:block !important; position:relative !important; inset:auto !important;
  width:100% !important; height:auto !important; min-height:0 !important;
  max-height:none !important; transform:none !important; z-index:1 !important;
}
section.hero > picture img, section.hkt22-hero > picture img,
section.hkt-catalog-hero > picture img, section.page-hero .hero-media > picture img,
section.hero-shell .hero > picture img {
  display:block !important; position:static !important; width:100% !important;
  height:auto !important; min-height:0 !important; max-height:none !important;
  object-fit:contain !important; transform:none !important;
}
section.page-hero .hero-media, section.hero-shell .hero {
  position:relative !important; height:auto !important; min-height:0 !important;
  max-height:none !important; overflow:visible !important; display:block !important;
}
section.hero > .hero-copy, section.page-hero .hero-media > .hero-copy,
section.hero-shell .hero > .hero-copy, section.hkt22-hero > .hkt22-hero-copy,
section.hkt-catalog-hero > .hkt-catalog-hero__copy {
  position:relative !important; inset:auto !important; top:auto !important;
  right:auto !important; bottom:auto !important; left:auto !important;
  display:block !important; transform:none !important; float:none !important;
  width:100% !important; max-width:none !important; height:auto !important;
  min-height:0 !important; margin:0 !important; padding:clamp(22px,4vw,54px) clamp(20px,5vw,72px) !important;
  background:#0b1b42 !important; color:#fff !important; text-align:start;
  opacity:1 !important; visibility:visible !important; z-index:2 !important;
}
section.hero > .hero-copy *, section.page-hero .hero-media > .hero-copy *,
section.hero-shell .hero > .hero-copy *, section.hkt22-hero > .hkt22-hero-copy *,
section.hkt-catalog-hero > .hkt-catalog-hero__copy * {
  color:#fff !important; text-shadow:none !important; opacity:1 !important;
}
section.hero > .hero-copy a, section.page-hero .hero-media > .hero-copy a,
section.hero-shell .hero > .hero-copy a, section.hkt22-hero > .hkt22-hero-copy a,
section.hkt-catalog-hero > .hkt-catalog-hero__copy a { text-decoration-color:currentColor !important; }
/* Remove photo shading after separating the copy from the image. */
section.hero:has(> picture)::before, section.hero:has(> picture)::after,
section.hkt22-hero::before, section.hkt22-hero::after,
section.hkt-catalog-hero::before, section.hkt-catalog-hero::after,
section.page-hero .hero-media::before, section.page-hero .hero-media::after,
section.hero-shell .hero::before, section.hero-shell .hero::after {
  content:none !important; display:none !important;
}
/* Home: each category image is followed by its full editorial panel. */
.home-panel .panel-title, .home-panel .panel-text-stack,
.panel .panel-title, .panel .panel-text-stack { position:relative !important; inset:auto !important; transform:none !important; }
@media(max-width:700px) {
 section.hero > .hero-copy, section.page-hero .hero-media > .hero-copy,
 section.hero-shell .hero > .hero-copy, section.hkt22-hero > .hkt22-hero-copy,
 section.hkt-catalog-hero > .hkt-catalog-hero__copy { padding:24px 20px !important; }
}