/* QUAMARO shared hero/media system – responsive crops + theme accents */
:root{
  --q-hero-object-position:center center;
  --q-hero-radius:28px;
  --q-hero-aspect:16 / 10;
  --q-hero-max-h:520px;
}
html body:not(.home-page) .qu-page-hero__media,
html body:not(.home-page) .qu-page-hero > .qu-page-hero__grid > .qu-page-hero__media,
html body:not(.home-page) :is(.category-hero__image,.categories-hero__image,.article-hero,.rg-list-hero-media,.qg-hero-media,.garden-hub-hero__image,.garden-master-hero__visual,.qh-hero-media){
  overflow:hidden;
  border-radius:var(--q-hero-radius);
  aspect-ratio:var(--q-hero-aspect);
  max-height:var(--q-hero-max-h);
  background:#eef2f6;
}
html body:not(.home-page) .qu-page-hero__media img,
html body:not(.home-page) .qu-page-hero > .qu-page-hero__grid > .qu-page-hero__media img,
html body:not(.home-page) :is(.category-hero__image,.categories-hero__image,.article-hero,.rg-list-hero-media,.qg-hero-media,.garden-hub-hero__image,.garden-master-hero__visual,.qh-hero-media) img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:var(--q-hero-object-position, center center)!important;
}
@media (max-width:900px){
  :root{ --q-hero-radius:18px; --q-hero-aspect:16 / 9; --q-hero-max-h:var(--q-hero-media-h,220px); }
}
@media (max-width:520px){
  :root{ --q-hero-radius:16px; --q-hero-aspect:16 / 9; --q-hero-max-h:var(--q-hero-media-h,190px); }
}
/* Per-image crop focus from registry (JS keeps style.objectPosition in sync) */
html body:not(.home-page) img[data-q-object-position]{
  object-position:var(--q-hero-object-position, center center)!important;
}
/* Theme accents stay secondary to the neutral brand shell */
body[data-q-theme="garden"]{ --q-theme-accent:#2f7a4a; }
body[data-q-theme="tech"]{ --q-theme-accent:#2a6f97; }
body[data-q-theme="home"]{ --q-theme-accent:#c47a3a; }
body[data-q-theme="outdoor"]{ --q-theme-accent:#2f7d6c; }
body[data-q-theme="family"]{ --q-theme-accent:#b56a4a; }
body[data-q-theme="neutral"]{ --q-theme-accent:#0f8f8a; }

/* Lightweight category hero for upcoming topic worlds */
.category-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(1.2rem,3vw,2.5rem);align-items:center;width:min(1180px,calc(100% - 2rem));margin:clamp(1rem,3vw,2.5rem) auto 2rem}
/* Innere .category-hero__grid-Karte übernimmt das Split-Layout; äußeres Grid sonst halbbreit. */
.category-hero:has(> .category-hero__grid){display:block;width:auto;max-width:none;margin:0}
.category-hero__copy h1{margin:.35rem 0 .75rem;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;color:#102a47;letter-spacing:-.03em}
.category-hero__copy .lead{margin:0;color:#536877;line-height:1.55;max-width:42rem}
.category-hero__image{overflow:hidden;border-radius:var(--q-hero-radius,28px);aspect-ratio:var(--q-hero-aspect,16/10);max-height:var(--q-hero-max-h,520px);background:#eef2f6}
.category-hero__image img{width:100%;height:100%;object-fit:cover;object-position:var(--q-hero-object-position,center center);display:block}
@media (max-width:900px){.category-hero{grid-template-columns:1fr}.category-hero__image{order:-1}}