/* zoo-kompakt Frontend Breiten-/Typografie-Test v2
   Separates Override: keine bestehenden Frontend-/Hero-Dateien werden ersetzt. */
:root{
  --zk-content-max:1440px;
  --zk-content-gutter:48px;
}

html{font-size:18px}
body{font-size:18px}

/* Der zentrale Frontend-Wrapper ist im Projekt .wrap. Weitere Wrapper werden
   vorsorglich mit erfasst, ohne Komponentenbreiten innerhalb der Seite zu erzwingen. */
.wrap,
.site-container,
.page-container,
.content-container,
.site-wrap,
.main-wrap,
.header-inner,
.footer-inner{
  width:min(var(--zk-content-max),calc(100% - var(--zk-content-gutter)))!important;
  max-width:var(--zk-content-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Standard-Fliesstext/Formulartext auf der neuen 18px-Basis. Explizit gestaltete
   Headlines und kompakte Badges behalten ihre bestehenden Sondergroessen. */
p,input,select,textarea,button{font-size:inherit}

/* Kategoriebaum: Pfeil, Checkbox und Label exakt auf einer Zeile zentrieren. */
.filter-category-row{align-items:center!important}
.filter-category-toggle,
.filter-category-toggle-spacer{
  align-self:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:38px!important;
}
.filter-category-option{
  display:flex!important;
  align-items:center!important;
  min-height:38px!important;
}
.filter-category-option input{
  align-self:center!important;
  margin-top:0!important;
  margin-bottom:0!important;
}

@media(max-width:768px){
  :root{--zk-content-gutter:32px}
}
@media(max-width:420px){
  :root{--zk-content-gutter:24px}
}

/* Typografie-Pass v3: 18px-Basis auch in bisher explizit zu klein gesetzten Frontend-Komponenten. */

/* Kategorien-Uebersicht */
.category-overview-head p{font-size:18px!important}
.category-overview-title strong{font-size:24px!important}
.category-overview-title small{font-size:15px!important;line-height:1.4}
.category-overview-child-title{font-size:17px!important;line-height:1.4}
.category-overview-child-title small{font-size:14px!important}
.category-overview-grandchildren a{font-size:15px!important;line-height:1.45}
.category-overview-grandchildren small{font-size:13px!important}
.category-empty{font-size:16px!important;line-height:1.55}

/* Produktlisten / Karten */
.product-brand{font-size:13px!important}
.product-card h3{font-size:18px!important;line-height:1.4}
.product-meta span{font-size:14px!important}
.product-link{font-size:15px!important}
.results-head span{font-size:15px!important}
.catalog-empty p{font-size:16px!important}

/* Produktdetail */
.product-detail-v2 .breadcrumbs,.breadcrumbs{font-size:14px!important}
.product-summary-card .product-brand{font-size:14px!important}
.product-summary-card .product-intro{font-size:18px!important;line-height:1.7}
.product-variant-line{font-size:14px!important}
.product-keyfacts small,.product-keyfacts-muted small{font-size:13px!important;line-height:1.35}
.product-keyfacts strong,.product-keyfacts-muted strong{font-size:15px!important;line-height:1.4}
.product-price-strip .price-main small{font-size:14px!important}
.product-price-strip .price-main span{font-size:14px!important}
.price-stat span{font-size:13px!important}
.compact-offer-row .offer-shop strong{font-size:16px!important}
.compact-offer-row .offer-price strong,.compact-offer-row .offer-total strong{font-size:18px!important}
.compact-offer-row .offer-button{font-size:15px!important}
.offer-row small,.offer-row span{font-size:15px!important}
.product-copy-panel .product-description{font-size:18px!important;line-height:1.75}
.compact-facts dt,.product-facts dt{font-size:14px!important}
.compact-facts dd,.product-facts dd{font-size:16px!important}
.category-chip{font-size:15px!important}
.subtle-affiliate-note,.affiliate-note p{font-size:14px!important;line-height:1.6}
.subtle-affiliate-note strong,.affiliate-note strong{font-size:14px!important}
.product-guide-card small{font-size:13px!important}
.product-guide-card p{font-size:16px!important;line-height:1.6}
.best-price-badge{font-size:12px!important}
.offer-total small{font-size:13px!important}

@media(max-width:560px){
  .category-overview-title strong{font-size:22px!important}
  .category-overview-child-title{font-size:16px!important}
  .product-summary-card .product-intro,.product-copy-panel .product-description{font-size:17px!important}
}