/* Korb-Stile der V5-Vorschau (Kaufweg-Gang 19.08.2026, Owner Option B).
   Kuratierte Uebernahme der Korb-Regeln aus website-neu/recovery-a/c-shop.css
   (Korbleiste .cbar, Korb-Panel .korb-*, .kp-*, Kaufknopf-Grundmasse), angepasst
   an die V5-Typografieregel: kein normaler UI-Text traegt Gewicht 700 oder
   schwerer (Owner-Entscheid 14.08.2026, HAUSSCHRIFT Outfit 400/500/600) — alle
   700er der C-Fassung stehen hier auf 600. Farbwerte sind die etablierten
   Kanonwerte der C-Korbflaechen (#0A4438 Leiste, Warnstil #8A4B00/#FFF7E6),
   var()-Fallbacks greifen, weil die V5-Tokens eigene Namen tragen.
   Kaufknoepfe (.kauf-*) nutzen die V5-.btn-Basis aus styles.css. */

/* Kaufbereich der Detailseiten */
.kauf-varianten{list-style:none;padding:0;margin:1.2rem 0 0;display:grid;gap:1rem}
@media(min-width:700px){.kauf-varianten{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}
.kauf-variante h3{margin:0 0 .3rem}
.kauf-preis{margin:0 0 .8rem;font-weight:500}
.kauf-cta{margin:0}
.kauf-btn[aria-pressed="true"]{background:#106B57;color:#fff}
.kauf-sektion .preis-pflichtzeile{margin-top:1.2rem;font-size:.85rem;color:#5F6763}

/* Kaufhinweis (cadd-note setzt sein Inline-Styling selbst, hier nur Reserve) */

/* Korbleiste (fix unten, nur bei gefuelltem Korb sichtbar) */
.cbar{position:fixed;left:0;right:0;bottom:0;z-index:150;background:#0A4438;color:#fff;padding:.7rem 1rem;display:none;align-items:center;justify-content:space-between;gap:1rem;box-shadow:0 -4px 20px rgba(10,12,11,.18)}
.cbar.show{display:flex}
.cbar b{font-size:.95rem;font-weight:600}
.cbar small{opacity:.85;display:block;font-size:.75rem}
body.cbar-an{padding-bottom:5.5rem}
.cbar button.cbar-auf{background:#fff;color:#0A4438;padding:.5rem .9rem;border:0;border-radius:8px;font:inherit;font-weight:600;font-size:.9rem;cursor:pointer;min-height:44px}

/* Korb-Panel (schiebt von rechts, Fokusfalle im Skript) */
.korb-hg{position:fixed;inset:0;background:rgba(4,17,15,.5);z-index:1190;opacity:0;transition:opacity .3s ease}
.korb-hg.auf{opacity:1}
.korb-panel{position:fixed;top:0;right:0;bottom:0;z-index:1200;width:min(92vw,420px);background:var(--bg,#fff);color:var(--ink,#0A0C0B);display:flex;flex-direction:column;visibility:hidden;transform:translateX(101%);transition:transform .28s cubic-bezier(.22,1,.36,1),visibility .28s step-end;box-shadow:-18px 0 48px rgba(10,12,11,.18)}
.korb-panel.auf{transform:translateX(0);visibility:visible;transition:transform .28s cubic-bezier(.22,1,.36,1),visibility 0s}
.kp-kopf{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem;border-bottom:1px solid var(--border,#E9EDEB)}
.kp-kopf h2{font-size:1.15rem;font-weight:600;margin:0}
.kp-zu{border:0;background:transparent;font-size:1.9rem;line-height:1;cursor:pointer;color:var(--ink,#0A0C0B);width:44px;height:44px}
.kp-koerper{flex:1;overflow-y:auto;padding:1rem 1.2rem}
.kp-leer{color:#5F6763;text-align:center;padding:2.5rem 0;margin:0}
.kp-liste{list-style:none;margin:0;padding:0;display:grid;gap:.85rem}
.kp-liste li{display:flex;gap:.7rem;align-items:flex-start;padding-bottom:.85rem;border-bottom:1px solid #F0F3F2}
.kp-liste .kp-t{flex:1;min-width:0}
.kp-liste .kp-n{display:block;font-weight:600;font-size:.98rem;line-height:1.3}
.kp-liste .kp-p{display:block;font-size:.88rem;color:#5F6763;margin-top:.15rem}
.kp-liste .kp-auto{display:block;font-size:.8rem;color:#5F6763;margin-top:.15rem}
.kp-weg{border:0;background:transparent;color:#5F6763;font:inherit;font-weight:600;font-size:.82rem;cursor:pointer;text-decoration:underline;padding:.2rem;flex:none}
.kp-wahl{margin-top:1.2rem;padding:1rem;border:1.5px solid #F0C36A;background:#FFFBF2;border-radius:12px}
.kp-wahl+.kp-wahl{margin-top:.8rem}
.kp-wahl h3{font-size:.98rem;font-weight:600;margin:0 0 .35rem}
.kp-wahl p{font-size:.88rem;color:#5F6763;margin:0 0 .8rem;line-height:1.45}
.kp-wahl-opt{display:grid;gap:.5rem}
.kp-wahl-opt button{border:1.5px solid var(--accent,#0A7E68);background:var(--bg,#fff);color:var(--accent,#0A7E68);font:inherit;font-weight:600;font-size:.92rem;padding:.7rem;border-radius:10px;cursor:pointer;min-height:44px;text-align:left}
.kp-fuss{border-top:1px solid var(--border,#E9EDEB);padding:1rem 1.2rem 1.2rem;background:#FAFCFB}
.kp-summe{display:grid;gap:.3rem;margin-bottom:.6rem}
.kp-summe div{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.kp-summe span{font-size:.92rem;color:#5F6763}
.kp-summe strong{font-size:1.15rem;font-weight:600}
.kp-hinweis{font-size:.8rem;color:#5F6763;line-height:1.45;margin:0 0 .9rem}
.kp-code{display:flex;gap:.4rem;margin-bottom:.5rem}
.kp-code input{flex:1;min-width:0;border:1px solid #D9E0DD;border-radius:10px;padding:.65rem .8rem;font:inherit;font-size:.95rem;background:var(--bg,#fff);color:inherit}
.kp-code input:focus{outline:2px solid #10A88F;outline-offset:1px}
.kp-code-btn{border:1px solid #D9E0DD;background:var(--bg,#fff);color:var(--ink,#0A0C0B);font:inherit;font-weight:600;font-size:.92rem;padding:.65rem .9rem;border-radius:10px;cursor:pointer;min-height:44px}
.kp-codehinweis{font-size:.84rem;margin:0 0 .7rem;line-height:1.4;padding:.45rem .7rem;border-radius:8px}
.kp-codehinweis.gut{color:var(--accent,#0A7E68);background:rgba(16,168,143,.10)}
.kp-codehinweis.schlecht{color:#8A4B00;background:#FFF7E6;border:1px solid #F0D9A8}
.kp-kasse{display:block;width:100%;border:0;border-radius:12px;background:var(--accent,#0A7E68);color:#fff;font:inherit;font-weight:600;font-size:1.05rem;padding:.95rem;cursor:pointer;min-height:52px;text-align:center;text-decoration:none}
.kp-kasse[disabled],.kp-kasse[aria-disabled="true"]{background:#6B7873;cursor:not-allowed}
@media (prefers-reduced-motion:reduce){
  .korb-hg,.korb-panel{transition:none}
}