/* mabo Designstudie 04: Astro-Komponenten mit der Gestaltung aus dem
   freigegebenen externen Layout, ohne statische HTML-Seiten als Laufzeitbasis.
   15 % groesseres mabo-Logo, optisch mittig. */
:root{--header-h:80px}
.site-header__inner{min-height:var(--header-h);align-items:center}
.site-header__inner>.brand{display:flex;align-self:stretch;align-items:center;padding:0;flex:none;line-height:1}
.site-header__inner>.brand img{width:202px;height:auto;display:block}
main .note{margin-bottom:2rem}
.product-card__body .muted{margin-top:.75rem}
.product-card__actions{margin-top:auto}
.product-card__body{display:flex;flex-direction:column}
.product-card__media img{object-fit:contain}
.finder__filters{height:max-content}
.is-disabled{opacity:.55;pointer-events:none}
[data-catalog-item][hidden]{display:none!important}
#finder-no-results[hidden]{display:none}
#catalog-products.is-list{display:block}
#catalog-products.is-list .product-card{display:grid;grid-template-columns:175px 1fr;margin-bottom:1rem}
#catalog-products.is-list .product-card__media{min-height:160px}
#catalog-products.is-list .product-card__media img{max-height:160px;width:100%;object-fit:contain}
.site-header .main-nav__toggle{font-size:1rem;padding:.45rem;color:var(--blue)}
.search-dialog__results{list-style:none}
.search-dialog__results a{display:block;padding:.9rem;border-bottom:1px solid var(--line-soft)}
.search-dialog__results a:hover{background:var(--blue-50)}
.site-footer__col p{font-size:.95rem}
@media(max-width:1099px){
 :root{--header-h:70px}
 .site-header__inner>.brand img{width:173px}
 .main-nav__toggle{font-size:1.3rem}
}
@media(max-width:640px){
 #catalog-products.is-list .product-card{grid-template-columns:1fr}
}

/* Anpassung auf Wunsch von mabo: Schrift der oberen Hauptnavigation +2 Punkt.
   Urspruenglich 0.975rem (15.6px bei Standard-16px), neu ~18.27px.
   Mobilmenue bleibt wegen des begrenzten Platzes bei der bisherigen Groesse. */
@media (min-width:1100px) {
  .site-header .main-nav__link {
    font-size: calc(.975rem + 2pt);
    white-space: nowrap;
    padding-left: .65rem;
    padding-right: .65rem;
  }
}

/* Craft-gebundene BR22-Variantenauswahl – echtes HTML-details, ohne JS.
   Kernfarbe aus mabo-Logo #0074B8, keine zusaetzlichen Akzentfarben. */
.mabo-variant-picker {
  margin: 1.7rem 0 2.2rem;
  padding: clamp(1rem, 2vw, 1.7rem);
  border: 1px solid var(--line-soft);
  border-radius: var(--radius-lg);
  background: #F4F7F9;
}
.mabo-variant-picker__heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1.2rem;
  margin-bottom: 1.1rem;
}
.mabo-variant-picker__heading h3 {
  color: var(--blue-950);
  font-size: clamp(1.15rem, 1rem + .5vw, 1.45rem);
  margin: .15rem 0 .4rem;
}
.mabo-variant-picker__heading p {
  color: var(--muted);
  font-size: .9rem;
  margin: 0;
}
.mabo-variant-picker__overline {
  color: var(--blue);
  font-weight: 750;
  font-size: .7rem;
  letter-spacing: .13em;
  margin: 0;
}
.mabo-variant-picker__counter {
  color: var(--blue-800);
  border: 1px solid var(--blue-200);
  background: white;
  border-radius: 50px;
  font-size: .76rem;
  font-weight: 700;
  padding: .4rem .7rem;
  white-space: nowrap;
}
.mabo-variant-picker__items {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: .85rem;
  align-items: start;
}
.mabo-variant-card {
  min-width: 0;
  border: 1px solid #D6DEE4;
  border-radius: 7px;
  background: white;
  overflow: hidden;
}
.mabo-variant-card[open] {
  border-color: #0074B8;
  box-shadow: 0 4px 15px rgba(0,74,119,.09);
}
.mabo-variant-card summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: 1rem;
  cursor: pointer;
  list-style: none;
  user-select: none;
}
.mabo-variant-card summary::-webkit-details-marker { display:none; }
.mabo-variant-card summary:hover { background: #EEF5FA; }
.mabo-variant-card summary:focus-visible {
  outline: 3px solid #0074B8;
  outline-offset: -3px;
}
.mabo-variant-card__code {
  display: block;
  color: #061B2B;
  font-size: 1.05rem;
  font-weight: 750;
  white-space: nowrap;
}
.mabo-variant-card__pressure {
  display: flex;
  flex-direction: column;
  color: #004A77;
  font-weight: 700;
  font-size: .86rem;
  line-height: 1.5;
  white-space: nowrap;
}
.mabo-variant-card__pressure small {
  font-size: .65rem;
  color: #56636B;
  font-weight: 500;
}
.mabo-variant-card__chevron {
  display: inline-block;
  transform: rotate(0);
  color: #0074B8;
  font-size: 1.1rem;
  transition: transform .15s ease;
  font-weight: 700;
}
.mabo-variant-card[open] .mabo-variant-card__chevron { transform: rotate(180deg); }
.mabo-variant-card__body {
  border-top: 1px solid #D6DEE4;
  padding: .9rem 1rem 1rem;
}
.mabo-variant-card__disclaimer {
  color: #56636B;
  font-size: .76rem;
  line-height: 1.55;
}
.mabo-variant-card__specs {
  margin: .8rem 0;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: .4rem;
}
.mabo-variant-card__specs div {
  min-width: 0;
  border-left: 1px solid #D6DEE4;
  padding-left: .55rem;
}
.mabo-variant-card__specs dt { color: #56636B; font-size: .7rem; }
.mabo-variant-card__specs dd {
  color: #061B2B;
  margin: .15rem 0 0;
  font-weight: 700;
  font-size: .95rem;
}
.mabo-variant-card__verified {
  font-size: .72rem;
  color: #005E96;
  padding-top: .7rem;
  border-top: 1px solid #E6ECF0;
  margin: 0;
}
.mabo-variant-card__verified span {
  display: inline-block;
  margin-right: .3rem;
  font-weight: 800;
}
.mabo-variant-card__inquiry { display:inline-flex; margin-top:.8rem; color:#005e96; font-size:.86rem; font-weight:700; text-decoration:underline; text-underline-offset:3px; }
.mabo-variant-card__inquiry:focus-visible {outline:3px solid #0074B8; outline-offset:3px;}
.product-section h3.mabo-comparison-title {
  margin-top: 2rem;
  margin-bottom: .75rem;
  font-size: 1.18rem;
}
@media (max-width:820px) {
  .mabo-variant-picker__items { grid-template-columns: minmax(0,1fr); }
}
@media (max-width:520px) {
  .mabo-variant-picker__heading { align-items: start; flex-direction: column; }
  .mabo-variant-card summary { gap:.45rem; padding:.85rem .65rem; }
  .mabo-variant-card__pressure { font-size:.75rem; }
  .mabo-variant-card__code { font-size:.92rem; }
  .mabo-variant-card__body { padding:.85rem .7rem; }
}

/* Bild-QA 23.10.2026: neutrale Studio-Hintergruende statt uneinheitlicher
   Lichtflecken, Bildausschnitte etwas groesser. Original-WebP unangetastet.
   Besonders wichtig, da einzelne Freistellungen helle Restpixel enthalten. */
#catalog-products .product-card__media,
.family-card__media,
.gallery__stage {
  background: #ffffff;
  background-image: none;
  border: 1px solid #E6ECF0;
  overflow: hidden;
}
#catalog-products .product-card__media img {
  display: block;
  width: 98%;
  height: 98%;
  object-fit: contain;
}
.family-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: contain;
}
.gallery__stage img {
  width: 94%;
  height: 94%;
  object-fit: contain;
}
#catalog-products .product-card__media .mabo-photo-note {
  position: absolute;
  bottom: .5rem;
  left: .5rem;
  z-index: 1;
  color: #56636B;
  font-size: .65rem;
  padding: .18rem .35rem;
  background: rgba(255,255,255,.94);
  border: 1px solid #E6ECF0;
  border-radius: 4px;
}
@media (max-width: 639px) {
  #catalog-products .product-card__media img {
    width: 100%;
    height: 100%;
  }
  #catalog-products .product-card__media .mabo-photo-note {
    font-size: .55rem;
    left: .25rem;
    bottom: .25rem;
    padding: .1rem .2rem;
  }
}

#catalog-products .product-card__media { position: relative; }