/* =====================================================================
   Alternativ-Kategorieseite (list_alt) — Stile nach Relaunch-Mockup.
   Wirkt auf .list-alt-Bereiche + den linken Kategoriebaum (sidebarLeft).
   ===================================================================== */

/* ---------- Kategorie-Kopf ---------- */
.list-alt h1, .list-alt .list-alt-head h1{
  letter-spacing:-.01em;text-align:left !important;font-weight:300;
  margin-top:0;padding-top:0;line-height:1.05;
  margin-bottom:.3rem;padding-bottom:.3rem;
}
.list-alt .list-alt-head h1::after,.list-alt .list-alt-head h1::before{display:none;content:none;}
.list-alt .cat-lead{color:#5a615f;font-weight:400;font-style:italic;}

/* ---------- Linker Kategoriebaum (eigener Baum, kein apex-Widget) ---------- */
.list-alt .cat-tree{
  position:sticky;top:14px;
  background:#fff;border:1px solid #e8eae7;border-radius:8px;overflow:hidden;
}
.list-alt .cat-tree__head{
  display:flex;align-items:center;justify-content:space-between;width:100%;
  background:#f7f8f6;color:#2c3133;padding:.65rem 1rem;margin:0;
  font-size:1.15rem;font-weight:300;letter-spacing:.01em;
  border:0;border-bottom:1px solid #e8eae7;text-align:left;cursor:pointer;
}
.list-alt .cat-tree__head-caret{font-size:.75rem;color:#b6bbb8;transition:transform .15s;}
.list-alt .cat-tree__list,.list-alt .cat-tree__sub{margin:0;padding:.3rem 0;list-style:none;}
.list-alt .cat-tree__item a{
  display:flex;align-items:flex-start;gap:.4rem;
  padding:.34rem .9rem;color:#41484a !important;text-decoration:none;
  font-size:.92rem;line-height:1.35;
}
.list-alt .cat-tree__item a:hover{background:#f6f7f5;color:#2c3133 !important;}
.list-alt .cat-tree__caret{flex:none;color:#b6bbb8;font-size:.6rem;margin-top:4px;}
.list-alt .cat-tree__item.is-active > a{color:#d4001a !important;font-weight:500;background:none;}
.list-alt .cat-tree__item.is-active > a .cat-tree__caret{color:#d4001a;}
.list-alt .cat-tree__sub{padding-left:1.05rem;padding-top:0;padding-bottom:.15rem;}
@media (min-width:992px){
  .list-alt .cat-tree__head{pointer-events:none;}
  .list-alt .cat-tree__head-caret{display:none;}
}
@media (max-width:991.98px){
  .list-alt .cat-tree{position:static;}
  .list-alt .cat-tree__list{display:none;}
  .list-alt .cat-tree.is-open .cat-tree__list{display:block;}
  .list-alt .cat-tree.is-open .cat-tree__head-caret{transform:rotate(180deg);}
}

/* ---------- Unterkategorie-Boxen ---------- */
.list-alt .subcat-card{
  background:#fff;border:1px solid #e3e6e3;border-radius:8px;overflow:hidden;
  height:100%;display:flex;flex-direction:column;
}
.list-alt .subcat-card__head{background:#f5f6f4;border-bottom:1px solid #e3e6e3;padding:.7rem 1rem;}
.list-alt .subcat-card__title{font-size:1.05rem;margin:0;font-weight:400;line-height:1.35;}
.list-alt .subcat-card__title a{color:#d4001a;text-decoration:none;}
.list-alt .subcat-card__title a:hover{color:#a80016;}
.list-alt .subcat-card__count{font-size:.78rem;color:#8a908e;font-weight:400;white-space:nowrap;margin-left:.4rem;}
.list-alt .subcat-card__imgwrap{
  height:200px;display:flex;align-items:center;justify-content:center;
  padding:10px;background:#fff;text-decoration:none;
}
.list-alt .subcat-card__img{
  max-width:100%;max-height:100%;width:auto;height:auto;display:block;
}
.list-alt .subcat-card__body{padding:.9rem 1rem 1rem;display:flex;flex-direction:column;flex:1;}
.list-alt .subcat-card__desc{
  font-size:.9rem;color:#41484a;line-height:1.35;flex:1;position:relative;
}
/* Read-more: Text steht komplett im HTML (SEO), wird nur optisch gekuerzt */
.list-alt .subcat-card__desc.is-clamped{max-height:7.2em;overflow:hidden;}
.list-alt .subcat-card__desc.is-clamped::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2em;
  background:linear-gradient(rgba(255,255,255,0),#fff);
}
.list-alt .desc-toggle{
  display:inline-block;font-size:.82rem;color:#8a908e;text-decoration:none;
  margin-top:.3rem;cursor:pointer;background:none;border:0;padding:0;text-align:left;
}
.list-alt .desc-toggle:hover{color:#41484a;text-decoration:underline;}
.list-alt .subcat-card__desc p{margin-bottom:.5rem;}
.list-alt .subcat-card__desc p:last-child{margin-bottom:0;}
.list-alt .subcat-card__desc a{color:#d4001a;text-decoration:none;}
.list-alt .subcat-card__desc a:hover{color:#a80016;text-decoration:underline;}
.list-alt .subcat-card__desc img{max-width:100%;height:auto;}
.list-alt .subcat-card__desc ul{padding-left:1.1rem;margin-bottom:.5rem;}
.list-alt .subcat-card__more{
  font-size:.85rem;font-weight:400;color:#d4001a;text-decoration:none;
  margin-top:.7rem;text-align:right;
}
.list-alt .subcat-card__more:hover{color:#a80016;text-decoration:underline;}

/* ---------- Produktkarten (ohne Preis, ruhig) ---------- */
.list-alt .prod-card{
  background:#fff;border:1px solid #e3e6e3;border-radius:8px;overflow:hidden;
  height:100%;display:flex;flex-direction:column;
}
.list-alt .prod-card__imgwrap{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:14px;}
.list-alt .prod-card__imgwrap img{max-width:100%;max-height:100%;object-fit:contain;width:auto;height:auto;}
.list-alt .prod-card__body{padding:.8rem 1rem 1rem;display:flex;flex-direction:column;flex:1;}
.list-alt .prod-card__title{font-size:1rem;font-weight:600;line-height:1.3;margin-bottom:.35rem;}
.list-alt .prod-card__title a{color:#2c3133;text-decoration:none;}
.list-alt .prod-card__title a:hover{color:#d4001a;}
.list-alt .prod-card__desc{
  font-size:.88rem;color:#5d6462;line-height:1.45;flex:1;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.list-alt .prod-card__more{
  margin-top:auto;padding-top:.6rem;font-size:.85rem;font-weight:600;
  color:#d4001a;text-decoration:none;
}
.list-alt .prod-card__more:hover{color:#a80016;text-decoration:underline;}

/* ----- Ratgeber-Block (Idee #2, entfernbar) ----- */
.ratgeber-block{background:#fafbf9;border:1px solid #e3e6e3;border-radius:8px;padding:1.4rem 1.6rem;}
.ratgeber-block__title{font-size:1.35rem;font-weight:600;margin-bottom:.8rem;}
.ratgeber-block__content{font-size:.95rem;line-height:1.6;color:#41484a;max-width:900px;}
.ratgeber-block__content h3{font-size:1.05rem;font-weight:600;margin:1rem 0 .4rem;}
.ratgeber-block__content a{color:#d4001a;text-decoration:none;font-weight:600;}
.ratgeber-block__content a:hover{color:#a80016;text-decoration:underline;}
.ratgeber-block__content ul{padding-left:1.2rem;}

/* ---------- Brotkrume ---------- */
.list-alt-breadcrumb{font-size:.85rem;color:#8a908e;margin:0 0 1rem;}
.list-alt-breadcrumb a{color:#8a908e;text-decoration:none;}
.list-alt-breadcrumb__home svg{width:14px;height:14px;fill:currentColor;vertical-align:-2px;}
.list-alt-breadcrumb a:hover{color:#d4001a;text-decoration:underline;}
.list-alt-breadcrumb__sep{margin:0 .3rem;color:#c3c8c5;}
.list-alt-breadcrumb .is-current{color:#41484a;}

/* ---------- Artikel-Liste: 2 pro Reihe, Bild links / Text rechts (wie alter Shop) ---------- */
.list-alt .prod-rows{margin-top:.5rem;}
.list-alt .prod-row{display:flex;gap:1.1rem;padding:1.1rem 0;align-items:flex-start;}
.list-alt .prod-row__imgwrap{
  flex:0 0 170px;height:170px;display:flex;align-items:center;justify-content:center;
}
.list-alt .prod-row__imgwrap img{max-width:100%;max-height:100%;width:auto;height:auto;}
.list-alt .prod-row__body{display:flex;flex-direction:column;min-height:170px;}
.list-alt .prod-row__title{font-size:1rem;font-weight:600;line-height:1.3;margin:0 0 .35rem;}
.list-alt .prod-row__title a{color:#2c3133;text-decoration:none;}
.list-alt .prod-row__title a:hover{color:#d4001a;}
.list-alt .prod-row__desc{font-size:.85rem;color:#5d6462;line-height:1.3;}
.list-alt .prod-row__more{
  margin-top:auto;padding-top:.5rem;font-size:.82rem;font-weight:400;
  color:#d4001a;text-decoration:none;align-self:flex-end;
}
.list-alt .prod-row__more:hover{color:#a80016;text-decoration:underline;}
@media (max-width:575.98px){
  .list-alt .prod-row{flex-direction:column;gap:.45rem;padding:.6rem 0;}
  .list-alt .prod-row__imgwrap{flex:none;width:100%;height:110px;}
  .list-alt .prod-row__body{min-height:0;}
  .list-alt .prod-row__title, .list-alt h2.prod-row__title{font-size:.9rem;}
  .list-alt .prod-row__desc{
    font-size:.8rem;line-height:1.35;
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  }
  .list-alt .prod-row__more{font-size:.8rem;padding-top:.3rem;}
}

/* ---------- Ratgeber-Ankerlink im Kopf ---------- */
.list-alt .ratgeber-anchor{
  display:inline-block;font-size:.85rem;color:#8a908e;text-decoration:none;margin-top:.2rem;
}
.list-alt .ratgeber-anchor:hover{color:#d4001a;text-decoration:underline;}
.list-alt .ratgeber-block{scroll-margin-top:20px;}
@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth;}}


/* ---------- list_alt2: Unterkategorien in Produkt-Optik ---------- */
.list-alt h2.prod-row__title{font-size:1rem;font-weight:600;line-height:1.3;margin:0 0 .35rem;}
.list-alt .prod-rows + .article-list{padding-top:0 !important;}
.list-alt .prod-rows.mb-0 + * .prod-rows{margin-top:0;}

/* Mobil: Unterkategorien-Chips (wischbar), Kategorien-Box ausgeblendet */
.list-alt-chips{display:none;}
@media (max-width:991.98px){
  .list-alt .cat-tree{display:none;}
  .list-alt aside.col-12{margin-bottom:0 !important;}
  .list-alt-chips{
    display:flex;gap:.45rem;overflow-x:auto;padding:.1rem 2px .65rem;margin:0 0 .5rem;
    scrollbar-width:none;-webkit-overflow-scrolling:touch;
    -webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);
    mask-image:linear-gradient(90deg,#000 92%,transparent);
  }
  .list-alt-chips::-webkit-scrollbar{display:none;}
  .list-alt-chip{
    flex:0 0 auto;white-space:nowrap;padding:.42rem .85rem;
    border:1px solid #d9ddda;border-radius:999px;background:#fff;
    font-size:.85rem;color:#41484a;text-decoration:none;
  }
  .list-alt-chip:active,.list-alt-chip:hover{border-color:#d4001a;color:#d4001a;text-decoration:none;}
}