/* KAMAN Suche & Filter – Filterleiste, Live-Vorschau, Suchkopf, Größen auf der Produktkarte.
   Farben über CSS-Variablen (Theme setzt sie in redesign/_plugins.scss), sonst die Standardwerte unten. */
.ks-fl-leiste, .ks-fl-schnell, .ks-fl-aktiv, .ks-fl-sheet, .ks-s, .ks-kopf, .ks-hinweis, .ks-groessen {
    --ks-i: var(--ks-ink, #15171a);
    --ks-m: var(--ks-muted, #5f6670);
    --ks-l: var(--ks-line, #c5cad0);
    --ks-ls: var(--ks-line-soft, #e3e6ea);
    --ks-s: var(--ks-surface, #f3f4f6);
    --ks-a: var(--ks-accent, #950d14);
    --ks-r: var(--ks-radius, 2px);
}

/* ---------- Suchkopf und Hinweise ---------- */
.ks-kopf { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; margin: 1.5rem 0 1rem; }
.ks-kopf-label { margin: 0 0 .25rem; font-size: .75rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--ks-m); }
.ks-kopf-titel { margin: 0; overflow-wrap: anywhere; }
.ks-kopf-zahl { flex: none; padding-bottom: .375rem; font-size: .9375rem; color: var(--ks-m); white-space: nowrap; }
.ks-hinweis { margin: 0 0 1rem; padding: .75rem 1rem; background: var(--ks-s); border-left: 4px solid var(--ks-a); font-size: .9375rem; color: var(--ks-i); }

/* ---------- Schnellwahl ---------- */
.ks-fl-lbl { font-size: .8125rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--ks-i); white-space: nowrap; }
.ks-fl-schnell { display: flex; align-items: center; gap: .875rem; margin: 0 0 .875rem; }
.ks-fl-chips { display: flex; flex-wrap: wrap; gap: .5rem; }
.ks-fl-chip {
    display: inline-flex; align-items: center; gap: .5rem; height: 2.25rem; padding: 0 .875rem;
    border: 1px solid var(--ks-l); border-radius: var(--ks-r); background: #fff;
    color: var(--ks-i) !important; font-size: .875rem; font-weight: 600; text-decoration: none !important; white-space: nowrap;
    transition: border-color .15s, background-color .15s;
}
@media (hover: hover) { .ks-fl-chip:hover { border-color: var(--ks-i); } }
.ks-fl-chip.is-on { background: var(--ks-i); border-color: var(--ks-i); color: #fff !important; }
.ks-fl-n { font-size: .75rem; font-weight: 600; color: var(--ks-m); font-variant-numeric: tabular-nums; }
.ks-fl-chip.is-on .ks-fl-n, .ks-fl-pill.is-on .ks-fl-n { color: rgba(255, 255, 255, .7); }

/* ---------- Leiste ---------- */
.ks-fl-leiste {
    position: sticky; top: var(--ks-fl-top, 0px); z-index: 1010;
    display: flex; align-items: center; gap: .625rem; margin: 0 0 .875rem; padding: .625rem 0;
    background: #fff; border-top: 1px solid var(--ks-ls); border-bottom: 1px solid var(--ks-ls);
}
.ks-fl-leiste.ist-fest { border-top-color: transparent; border-bottom-color: transparent; box-shadow: 0 0 0 100vmax #fff, 0 1px 0 100vmax var(--ks-ls); clip-path: inset(0 -100vmax -1px); }
.ks-fl-handy { display: none; }
.ks-fl-facetten { display: flex; flex-wrap: wrap; gap: .5rem; flex: 1 1 auto; min-width: 0; }
.ks-fl-dd { position: relative; }
.ks-fl-pill {
    display: inline-flex; align-items: center; gap: .375rem; height: 2.5rem; padding: 0 .875rem;
    border: 1px solid var(--ks-l); border-radius: var(--ks-r); background: #fff;
    color: var(--ks-i) !important; font: inherit; font-size: .875rem; font-weight: 600; line-height: 1;
    text-decoration: none !important; white-space: nowrap; cursor: pointer; transition: border-color .15s, background-color .15s;
}
@media (hover: hover) { .ks-fl-pill:hover { border-color: var(--ks-i); } }
.ks-fl-dd.is-offen > .ks-fl-pill { border-color: var(--ks-i); box-shadow: inset 0 0 0 1px var(--ks-i); }
.ks-fl-pill:focus-visible, .ks-fl-chip:focus-visible, .ks-fl-mbtn:focus-visible, .ks-fl-opt:focus-visible { outline: 2px solid var(--ks-a); outline-offset: 2px; }
.ks-fl-pill.is-on { background: var(--ks-i); border-color: var(--ks-i); color: #fff !important; }
.ks-fl-pill-t { max-width: 16rem; overflow: hidden; text-overflow: ellipsis; }
.ks-fl-wert { font-weight: 500; }
.ks-fl-pfeil { flex: none; transition: transform .15s; }
.ks-fl-dd.is-offen .ks-fl-pfeil { transform: rotate(180deg); }
.ks-fl-zahl { display: inline-grid; place-items: center; min-width: 1.25rem; height: 1.25rem; padding: 0 .375rem; border-radius: var(--ks-r); background: var(--ks-a); color: #fff; font-size: .75rem; font-weight: 700; line-height: 1; }
.ks-fl-sortdd { display: flex; align-items: center; gap: .5rem; margin-left: auto; }
.ks-fl-sortdd .ks-fl-lbl { font-weight: 500; text-transform: none; letter-spacing: 0; color: var(--ks-m); }

/* Aufklappfeld */
.ks-fl-pop {
    position: absolute; top: calc(100% + .5rem); left: 0; z-index: 5; width: 19.5rem; max-width: calc(100vw - 2rem);
    padding: .5rem; background: #fff; border: 1px solid var(--ks-l); border-radius: var(--ks-r);
    box-shadow: 0 1.25rem 2.75rem rgba(21, 23, 26, .16);
}
.ks-fl-pop.nach-links, .ks-fl-pop-r { left: auto; right: 0; }
.ks-fl-pop[hidden] { display: none; }
.ks-fl-pop .ks-fl-liste { max-height: 21rem; overflow-y: auto; overscroll-behavior: contain; }
.ks-fl-such { display: block; width: 100%; height: 2.5rem; margin: 0 0 .375rem; padding: 0 .75rem; border: 1px solid var(--ks-l); border-radius: var(--ks-r); background: #fff; font-size: 1rem; color: var(--ks-i); }
.ks-fl-such:focus { outline: none; border-color: var(--ks-i); }
.ks-fl-opt { display: flex; align-items: center; gap: .625rem; min-height: 2.5rem; padding: .5rem .625rem; border-radius: var(--ks-r); color: var(--ks-i) !important; font-size: .9375rem; line-height: 1.25; text-decoration: none !important; }
@media (hover: hover) { .ks-fl-opt:hover { background: var(--ks-s); } }
.ks-fl-opt[hidden] { display: none; }
.ks-fl-opt.is-on { font-weight: 700; }
.ks-fl-box { flex: none; display: grid; place-items: center; width: 1.125rem; height: 1.125rem; border: 1.5px solid #8b929b; border-radius: var(--ks-r); background: #fff; }
.ks-fl-box.is-rund { border-radius: 50%; }
.ks-fl-opt.is-on .ks-fl-box { background: var(--ks-i); border-color: var(--ks-i); }
.ks-fl-opt.is-on .ks-fl-box::after { content: ''; width: .625rem; height: .375rem; border: solid #fff; border-width: 0 0 2px 2px; transform: translateY(-1px) rotate(-45deg); }
.ks-fl-opt.is-on .ks-fl-box.is-rund::after { width: .5rem; height: .5rem; border: 0; border-radius: 50%; background: #fff; transform: none; }
.ks-fl-name { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
.ks-fl-opt .ks-fl-n { flex: none; font-size: .8125rem; }
.ks-fl-leer { margin: .5rem .625rem; font-size: .875rem; color: var(--ks-m); }
.ks-fl-leer[hidden] { display: none; }

/* Preis */
.ks-fl-preis { display: grid; grid-template-columns: 1fr 1fr auto; gap: .5rem; align-items: end; margin: .375rem 0 0; padding: .625rem .625rem .25rem; border-top: 1px solid var(--ks-ls); }
.ks-fl-preis label { position: relative; display: grid; gap: .1875rem; margin: 0; }
.ks-fl-preis label span { font-size: .75rem; font-weight: 600; color: var(--ks-m); }
.ks-fl-preis input { width: 100%; height: 2.5rem; padding: 0 1.5rem 0 .625rem; border: 1px solid var(--ks-l); border-radius: var(--ks-r); background: #fff; font-size: 1rem; color: var(--ks-i); -moz-appearance: textfield; appearance: textfield; }
.ks-fl-preis input::-webkit-outer-spin-button, .ks-fl-preis input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.ks-fl-preis input:focus { outline: none; border-color: var(--ks-i); }
.ks-fl-preis i { position: absolute; right: .625rem; bottom: .625rem; font-style: normal; font-size: .8125rem; color: var(--ks-m); pointer-events: none; }
.ks-fl-preis-ok { height: 2.5rem; padding: 0 .875rem; border: 0; border-radius: var(--ks-r); background: var(--ks-i); color: #fff; font-size: .875rem; font-weight: 700; cursor: pointer; }

/* Aktive Filter */
.ks-fl-aktiv { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin: -.25rem 0 1.125rem; }
.ks-fl-achip { display: inline-flex; align-items: center; gap: .375rem; height: 2rem; padding: 0 .625rem 0 .75rem; border: 1px solid var(--ks-l); border-radius: var(--ks-r); background: var(--ks-s); color: var(--ks-i) !important; font-size: .875rem; font-weight: 600; white-space: nowrap; text-decoration: none !important; transition: border-color .15s, opacity .15s; }
@media (hover: hover) { .ks-fl-achip:hover { border-color: var(--ks-i); } }
.ks-fl-achip.is-weg { opacity: .4; }
.ks-fl-achip-g { font-weight: 500; color: var(--ks-m); }
.ks-fl-reset { margin-left: .25rem; font-size: .875rem; font-weight: 600; color: var(--ks-i) !important; white-space: nowrap; text-decoration: underline !important; text-underline-offset: 3px; }

/* Laden */
.ks-fl-laden { position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; overflow: hidden; display: none; }
.ks-fl-laden::after { content: ''; position: absolute; top: 0; bottom: 0; left: -30%; width: 30%; background: var(--ks-a); animation: ksFlLaden 1s infinite ease-in-out; }
@keyframes ksFlLaden { 0% { left: -30%; } 100% { left: 100%; } }
.ks-fl-laedt .ks-fl-laden { display: block; }
.ks-fl-laedt #product-list { opacity: .45; pointer-events: none; transition: opacity .2s .08s; }

/* Handy: Knöpfe und Filterfenster */
.ks-fl-mbtn { flex: 1 1 0; min-width: 0; display: inline-flex; align-items: center; justify-content: center; gap: .5rem; height: 2.75rem; padding: 0 .75rem; border: 1px solid var(--ks-i); border-radius: var(--ks-r); background: #fff; color: var(--ks-i); font: inherit; font-size: .9375rem; font-weight: 700; }
.ks-fl-mbtn svg { flex: none; }
.ks-fl-mbtn-t { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ks-fl-sheet { position: fixed; inset: 0; z-index: 1060; }
.ks-fl-sheet[hidden] { display: none; }
.ks-fl-sheet-bg { position: absolute; inset: 0; background: rgba(21, 23, 26, .5); opacity: 0; transition: opacity .25s; }
.ks-fl-sheet-in { position: absolute; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; max-height: 92vh; max-height: 92dvh; background: #fff; border-radius: 6px 6px 0 0; transform: translateY(100%); transition: transform .26s cubic-bezier(.2, .8, .2, 1); }
.ks-fl-sheet:not(.is-klein) .ks-fl-sheet-in { height: 92vh; height: 92dvh; }
.ks-fl-sheet.is-offen .ks-fl-sheet-bg { opacity: 1; }
.ks-fl-sheet.is-offen .ks-fl-sheet-in { transform: none; }
.ks-fl-sheet.ohne-anim .ks-fl-sheet-bg, .ks-fl-sheet.ohne-anim .ks-fl-sheet-in { transition: none; }
.ks-fl-sheet-kopf { display: flex; align-items: center; justify-content: space-between; padding: .75rem 1rem .625rem; border-bottom: 1px solid var(--ks-ls); }
.ks-fl-sheet-kopf h2 { margin: 0; font-size: 1.25rem; font-weight: 700; color: var(--ks-i); }
.ks-fl-x { display: grid; place-items: center; width: 2.75rem; height: 2.75rem; padding: 0; border: 0; border-radius: var(--ks-r); background: var(--ks-s); color: var(--ks-i); }
.ks-fl-sheet-body { flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding: .25rem 1rem 1rem; }
.ks-fl-sheet .ks-fl-aktiv.is-sheet { margin: .75rem 0 .25rem; }
.ks-fl-sec { border-bottom: 1px solid var(--ks-ls); }
.ks-fl-sec > summary { display: flex; align-items: center; gap: .625rem; padding: .9375rem 0; font-size: 1rem; font-weight: 700; color: var(--ks-i); list-style: none; cursor: pointer; }
.ks-fl-sec > summary::-webkit-details-marker { display: none; }
.ks-fl-sec > summary::after { content: ''; flex: none; margin-left: auto; width: .5625rem; height: .5625rem; border: solid var(--ks-i); border-width: 0 2px 2px 0; transform: translateY(-3px) rotate(45deg); transition: transform .15s; }
.ks-fl-sec[open] > summary::after { transform: translateY(2px) rotate(-135deg); }
.ks-fl-sec-wert { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .875rem; font-weight: 500; color: var(--ks-m); }
.ks-fl-sec .ks-fl-liste { padding: 0 0 .625rem; }
.ks-fl-sec .ks-fl-opt { min-height: 2.875rem; padding: .625rem .25rem; font-size: 1rem; }
.ks-fl-sec .ks-fl-preis { padding: .75rem 0 .875rem; }
.ks-fl-sec .ks-fl-such { margin-bottom: .5rem; }
.ks-fl-liste.ist-kurz > .ks-fl-opt:nth-child(n+7):not(.is-on) { display: none; }
.ks-fl-mehr { display: block; margin: -.25rem 0 .75rem; padding: .375rem .25rem; border: 0; background: none; font: inherit; font-size: .9375rem; font-weight: 700; color: var(--ks-i); text-decoration: underline; text-underline-offset: 3px; }
.ks-fl-sheet.is-klein .ks-fl-sheet-body { padding-bottom: calc(1rem + env(safe-area-inset-bottom)); }
.ks-fl-sheet.is-klein .ks-fl-opt { min-height: 3rem; font-size: 1rem; }
.ks-fl-sheet-fuss { display: flex; align-items: center; gap: .75rem; padding: .75rem 1rem calc(.75rem + env(safe-area-inset-bottom)); border-top: 1px solid var(--ks-ls); background: #fff; }
.ks-fl-sheet-reset { flex: none; padding: 0 .25rem; font-weight: 600; color: var(--ks-i) !important; text-decoration: underline !important; text-underline-offset: 3px; }
.ks-fl-zeigen { flex: 1 1 auto; height: 3.125rem; border: 0; border-radius: var(--ks-r); background: var(--ks-a); color: #fff; font-size: 1rem; font-weight: 700; transition: opacity .15s; }
.ks-fl-laedt .ks-fl-zeigen { opacity: .55; }
html.ks-fl-sperre, html.ks-fl-sperre body { overflow: hidden !important; }
@media (prefers-reduced-motion: reduce) {
    .ks-fl-sheet-in, .ks-fl-sheet-bg, .ks-fl-pfeil { transition: none; }
    .ks-fl-laden::after { animation-duration: 2.5s; }
}
@media (max-width: 991.98px) {
    .ks-fl-handy { display: flex; gap: .5rem; width: 100%; }
    .ks-fl-facetten, .ks-fl-sortdd { display: none !important; }
    .ks-fl-leiste { margin-bottom: .75rem; padding: .5rem 0; border-top: 0; }
    .ks-fl-schnell, .ks-fl-aktiv:not(.is-sheet) { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-left: -1rem; margin-right: -1rem; padding-left: 1rem; padding-right: 1rem; }
    .ks-fl-schnell::-webkit-scrollbar, .ks-fl-aktiv::-webkit-scrollbar { display: none; }
    .ks-fl-schnell { margin-bottom: .625rem; }
    .ks-fl-schnell .ks-fl-lbl { display: none; }
    .ks-fl-chips { flex-wrap: nowrap; }
    .ks-fl-chip { height: 2.5rem; }
    .ks-fl-aktiv:not(.is-sheet) { margin-top: 0; margin-bottom: .875rem; }
    .ks-kopf { margin-top: 1rem; }
}

/* ---------- Passende Größen auf der Produktkarte ---------- */
.ks-groessen { position: relative; z-index: 2; display: flex; flex-wrap: wrap; align-items: center; gap: .375rem; margin-top: .5rem; }
.ks-groessen-t { width: 100%; font-size: .75rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--ks-m); }
.ks-groesse { display: inline-flex; align-items: center; min-height: 2rem; padding: 0 .5rem; border: 1px solid var(--ks-i); border-radius: var(--ks-r); background: #fff; color: var(--ks-i) !important; font-size: .8125rem; font-weight: 700; text-decoration: none !important; white-space: nowrap; }
@media (hover: hover) { .ks-groesse:hover { background: var(--ks-i); color: #fff !important; } }
.ks-groessen-mehr { font-size: .8125rem; color: var(--ks-m); }

/* ---------- Live-Vorschau ---------- */
.ks-s {
    position: fixed; z-index: 1045; background: #fff; border: 1px solid var(--ks-l); border-radius: var(--ks-r);
    box-shadow: 0 1.5rem 3.5rem rgba(21, 23, 26, .2), 0 2px 6px rgba(21, 23, 26, .06);
    overflow: hidden auto; overscroll-behavior: contain; font-size: .875rem; color: var(--ks-i); -webkit-font-smoothing: antialiased;
}
.ks-s[hidden] { display: none !important; }
.ks-s.is-laedt .ks-s-body { opacity: .55; transition: opacity .15s; }
.ks-s a { color: var(--ks-i) !important; text-decoration: none !important; }
.ks-s mark { background: none; padding: 0; color: inherit; font-weight: 700; box-shadow: inset 0 -.32em 0 rgba(149, 13, 20, .18); }
.ks-s-hinweis { padding: .625rem 1.125rem; background: var(--ks-s); border-bottom: 1px solid var(--ks-ls); border-left: 4px solid var(--ks-a); font-size: .875rem; }
.ks-s-body { display: grid; grid-template-columns: 15rem minmax(0, 1fr); }
.ks-s-body.ks-s-einspaltig { grid-template-columns: minmax(0, 1fr); }
.ks-s-seite { background: var(--ks-s); border-right: 1px solid var(--ks-ls); padding: .75rem 0 .875rem; }
.ks-s-gruppe + .ks-s-gruppe { margin-top: .625rem; }
.ks-s-h { padding: .375rem 1.125rem .25rem; font-size: .7rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--ks-m); }
.ks-s-link { display: flex; align-items: center; gap: .5rem; padding: .4375rem 1.125rem; line-height: 1.3; }
.ks-s-link span { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ks-s-link em { flex: none; font-style: normal; font-size: .75rem; color: var(--ks-m); }
.ks-s-link.is-aktiv { background: #fff; box-shadow: inset 3px 0 0 var(--ks-a); }
.ks-s-produkte { padding: .375rem 0; }
.ks-s-p { display: grid; grid-template-columns: 3.5rem minmax(0, 1fr) auto; align-items: center; gap: .875rem; padding: .5rem 1.125rem; }
.ks-s-p + .ks-s-p { border-top: 1px solid var(--ks-ls); }
.ks-s-p.is-aktiv { background: var(--ks-s); box-shadow: inset 3px 0 0 var(--ks-a); }
.ks-s-bild { width: 3.5rem; height: 3.5rem; border: 1px solid var(--ks-ls); background: #fff; display: grid; place-items: center; overflow: hidden; }
.ks-s-bild img { width: 100%; height: 100%; object-fit: contain; }
.ks-s-info { display: flex; flex-direction: column; gap: .125rem; min-width: 0; }
.ks-s-marke { font-size: .6875rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--ks-m); }
.ks-s-name { line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ks-s-gr { display: flex; flex-wrap: wrap; align-items: center; gap: .375rem; margin-top: .25rem; }
.ks-s-groesse { display: inline-flex; align-items: center; height: 1.375rem; padding: 0 .4375rem; background: var(--ks-i); color: #fff; font-size: .75rem; font-weight: 700; border-radius: var(--ks-r); white-space: nowrap; }
.ks-s-weitere { font-size: .75rem; color: var(--ks-m); }
.ks-s-preis { font-weight: 700; font-size: 1rem; white-space: nowrap; }
.ks-s-fuss { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .75rem 1.125rem; border-top: 1px solid var(--ks-ls); background: #fff; }
.ks-s-alle { font-weight: 700; display: inline-flex; gap: .5rem; align-items: center; border-bottom: 2px solid var(--ks-a); padding-bottom: 1px; }
.ks-s-alle.is-aktiv, .ks-s-alle:hover { border-bottom-color: var(--ks-i); }
.ks-s-tasten { font-size: .75rem; color: var(--ks-m); white-space: nowrap; }
.ks-s-tasten kbd { display: inline-block; min-width: 1.25rem; padding: 1px .3125rem; margin: 0 2px; border: 1px solid var(--ks-l); border-bottom-width: 2px; border-radius: var(--ks-r); background: #fff; color: var(--ks-i); font: 600 .6875rem/1.4 inherit; text-align: center; box-shadow: none; }
.ks-s-leer { padding: 1.375rem 1.125rem; display: grid; gap: .25rem; }
.ks-s-leer span { color: var(--ks-m); }
.ks-s-laden { display: flex; gap: .375rem; justify-content: center; padding: 1.375rem; }
.ks-s-laden span { width: .5rem; height: .5rem; border-radius: 50%; background: var(--ks-a); animation: ksSucheDot 1s infinite ease-in-out; }
.ks-s-laden span:nth-child(2) { animation-delay: .15s; }
.ks-s-laden span:nth-child(3) { animation-delay: .3s; }
@keyframes ksSucheDot { 0%, 80%, 100% { opacity: .2; transform: scale(.75); } 40% { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .ks-s-laden span { animation: none; opacity: .6; } }
@media (max-width: 767.98px) {
    .ks-s { border-left: 0; border-right: 0; box-shadow: 0 1.125rem 2.5rem rgba(21, 23, 26, .22); }
    .ks-s-body { display: flex; flex-direction: column; }
    .ks-s-seite { display: flex; gap: .5rem; overflow-x: auto; padding: .625rem .875rem; border-right: 0; border-bottom: 1px solid var(--ks-ls); scrollbar-width: none; }
    .ks-s-seite::-webkit-scrollbar { display: none; }
    .ks-s-gruppe { display: contents; }
    .ks-s-h { display: none; }
    .ks-s-link { flex: none; min-height: 2.5rem; padding: .4375rem .75rem; border: 1px solid var(--ks-l); border-radius: var(--ks-r); background: #fff; }
    .ks-s-link span { max-width: 10rem; }
    .ks-s-link.is-aktiv { box-shadow: none; border-color: var(--ks-i); }
    .ks-s-p { grid-template-columns: 3.25rem minmax(0, 1fr) auto; gap: .75rem; padding: .5625rem .875rem; }
    .ks-s-bild { width: 3.25rem; height: 3.25rem; }
    .ks-s-preis { font-size: .875rem; }
    .ks-s-fuss { padding: .75rem .875rem; }
    .ks-s-tasten { display: none; }
    .ks-s-hinweis { padding: .625rem .875rem; }
}