:root{--orange:#FF4900;--orange-dark:#e03f00;--ink:#10151c;--muted:#5b6470;--line:#e7e9ee;}
/* Eyebrow-Labels + Bestseller-Tilt-Prep */
  .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--orange);font-weight:800;letter-spacing:.6px;font-size:13px;text-transform:uppercase;margin-bottom:10px}
.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--orange)}
.brands .eyebrow{justify-content:center;margin:0 auto 10px}
/* ===== WARENKORB ===== */
  main.cart{max-width:1240px;margin:0 auto;padding:18px 24px 50px;position:relative;z-index:1}
.cart-head h1{font-size:clamp(26px,3vw,38px);font-weight:800;color:var(--ink);margin-top:6px}
.cart-head h1 span{color:var(--muted);font-weight:700;font-size:.6em}
.ship-bar{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px 20px;margin:18px 0 24px;box-shadow:0 10px 30px rgba(16,21,28,.05)}
.ship-txt{font-size:14.5px;color:#46505c;margin-bottom:11px}
.ship-txt b{color:var(--ink)}
.ship-track{height:9px;background:#eef0f2;border-radius:9px;overflow:hidden}
.ship-fill{height:100%;width:0;background:linear-gradient(90deg,#FF6A2B,var(--orange));border-radius:9px;transition:width 1.3s cubic-bezier(.2,.7,.2,1)}
.cart-grid{display:grid;grid-template-columns:1.55fr .9fr;gap:36px;align-items:start}
/* Item */
  .ci{display:flex;gap:18px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:14px;position:relative;transition:box-shadow .2s,transform .2s}
.ci:hover{box-shadow:0 16px 40px rgba(16,21,28,.09);transform:translateY(-2px)}
.ci-img{width:128px;height:108px;background:#fff;border-radius:12px;flex:none;display:flex;align-items:center;justify-content:center;padding:6px}
.ci-img img{max-width:100%;max-height:100%;object-fit:contain;background:#fff !important}
.ci-info{flex:1;min-width:0}
.ci-brand{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:800}
.ci-name{font-size:16px;font-weight:700;color:var(--ink);margin:2px 0 6px}
.ci-var{font-size:13.5px;color:var(--muted)}
.ci-var b{color:var(--ink)}
.ci-avail{font-size:13px;color:#0a8a3e;font-weight:700;margin-top:6px}
.ci-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:14px;flex-wrap:wrap}
.ci-price{font-size:19px;font-weight:800;color:var(--ink)}
.ci-remove{position:absolute;top:14px;right:14px;width:30px;height:30px;border:0;background:#f5f6f8;border-radius:8px;color:var(--muted);cursor:pointer;font-size:13px}
.ci-remove:hover{background:#ffe9e0;color:var(--orange)}
.qty{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:11px;overflow:hidden}
.qty button{width:38px;height:42px;border:0;background:#fff;font-size:18px;cursor:pointer;color:var(--ink)}
.qty button:hover{background:#f5f6f8;color:var(--orange)}
.qty .qv{min-width:32px;text-align:center;font-weight:800}
/* Cross-Sell */
  .xsell{background:linear-gradient(135deg,#fff,#fff7f3);border:1px solid var(--line);border-radius:18px;padding:18px 20px;margin-top:6px}
.xs-head{font-weight:800;color:var(--ink);margin-bottom:14px;font-size:15px}
.xs-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.xs{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:11px 13px}
.xs-ic{font-size:22px}
.xs-t{flex:1;min-width:0}
.xs-t b{display:block;font-size:13.5px;color:var(--ink);line-height:1.2}
.xs-t small{color:var(--orange);font-weight:700;font-size:12.5px}
.xs-add{width:30px;height:30px;border-radius:9px;border:0;background:var(--orange);color:#fff;font-size:18px;cursor:pointer;flex:none;transition:.15s}
.xs-add:hover{transform:scale(1.12)}
.xs-add.added{background:#0a8a3e}
/* Summary */
  .summary{position:sticky;top:92px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:0 22px 54px rgba(16,21,28,.10)}
.summary h2{font-size:20px;font-weight:800;color:var(--ink);margin-bottom:18px}
.sum-row{display:flex;justify-content:space-between;align-items:center;font-size:15px;color:#46505c;padding:9px 0}
.sum-row b{color:var(--ink);font-weight:700}
.sum-free{color:#0a8a3e !important}
.sum-discount b{color:var(--orange) !important}
.sum-total{display:flex;justify-content:space-between;align-items:center;padding:14px 0;margin-top:6px;border-top:2px solid var(--ink);font-size:16px}
.sum-total b{font-size:24px;font-weight:800;color:var(--ink)}
.sum-fin{background:#fff5f0;border-radius:12px;padding:11px 14px;font-size:13.5px;color:#46505c;margin:12px 0 16px;text-align:center}
.sum-fin b{color:var(--orange)}
.sum-coupon{display:flex;gap:8px;margin-bottom:16px}
.sum-coupon input{flex:1;min-width:0;padding:12px 13px;border:1.5px solid var(--line);border-radius:11px;font-family:inherit;font-size:14px;outline:none}
.sum-coupon input:focus{border-color:var(--orange)}
.sum-coupon button{padding:0 16px;border:1.5px solid var(--line);background:#fff;border-radius:11px;font-weight:700;cursor:pointer;color:var(--ink)}
.checkout-btn{width:100%;height:56px;font-size:17px;will-change:transform;transition:transform .18s cubic-bezier(.2,.7,.2,1),box-shadow .2s,filter .2s}
.sum-express{text-align:center;font-size:12.5px;color:var(--muted);margin:12px 0 18px}
.sum-express b{color:var(--ink)}
.sum-trust{display:flex;flex-direction:column;gap:10px;padding-top:16px;border-top:1px solid var(--line)}
.sum-trust div{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#46505c;font-weight:600}
.sum-trust span{font-size:16px}
.cart-sticky{display:none}
@media(max-width:900px){.cart-grid{grid-template-columns:1fr;gap:22px}.summary{position:static}.xs-row{grid-template-columns:1fr}.ci-img{width:96px;height:84px}}
@media(max-width:900px){.cart-sticky{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:80;background:#fff;border-top:1px solid var(--line);padding:11px 14px;gap:13px;align-items:center;box-shadow:0 -8px 30px rgba(16,21,28,.13)}.cs-total{flex:none}.cs-total small{display:block;font-size:11px;color:var(--muted);margin-bottom:1px}.cs-total b{font-size:18px;color:var(--ink);font-weight:800}.cs-btn{flex:1;height:48px;font-size:15px}main.cart{padding-bottom:88px}}.xs-t b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}
.xs-ic img{width:34px;height:34px;object-fit:contain;border-radius:7px}
.fb-cart .xs{display:flex !important;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:11px 13px}
.fb-cart .xs-ic{flex:none;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#f5f6f8;border-radius:10px;font-size:20px;overflow:hidden}
.fb-cart .xs-ic img{width:38px !important;height:38px !important;object-fit:contain}
.fb-cart .xs-t{flex:1;min-width:0}
.fb-cart .xs-t b{display:block;font-size:13.5px;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fb-cart .xs-t small{font-size:12px;color:var(--muted)}
.fb-cart .xs-add{flex:none;width:34px;height:34px;border:0;border-radius:9px;background:var(--orange);color:#fff;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;text-decoration:none}
.fb-cart .xs-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:760px){.fb-cart .xs-row{grid-template-columns:1fr}}
.fb-cart .ship-bar{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 18px;margin-bottom:24px}
.fb-cart .ship-txt{font-size:14px;color:var(--ink);margin-bottom:9px}
.fb-cart .ship-track{height:10px;background:#eef0f3;border-radius:50px;overflow:hidden}
.fb-cart .ship-fill{height:100%;background:linear-gradient(90deg,#ff7a3c,var(--orange)) !important;border-radius:50px;transition:width .5s ease}

/* === Cart-Verbesserung 2026-06-17: Button + Zahlungs-Badges + dezente Finanzierung === */
.summary .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:14px;cursor:pointer;font-family:inherit;font-weight:800;text-decoration:none;line-height:1}
.summary .btn-primary{background:var(--orange);color:#fff !important;box-shadow:0 10px 26px rgba(255,73,0,.30);transition:background .15s,transform .18s}
.summary .btn-primary:hover{background:var(--orange-dark);transform:translateY(-1px)}
.checkout-btn{width:100%;height:56px;font-size:17px;margin-top:2px}
/* 0%-Finanzierung dezent (vorhanden lassen, aber leise) */
.sum-fin{background:transparent !important;border:0 !important;padding:8px 0 2px !important;margin:4px 0 0 !important;font-size:12.5px !important;color:var(--muted) !important;text-align:center}
.sum-fin b{color:var(--muted) !important;font-weight:700}
/* Zahlungsarten prominent als Badges */
.sum-pay{margin:16px 0 2px}
.sum-pay-label{font-size:11.5px;font-weight:800;color:var(--muted);text-align:center;text-transform:uppercase;letter-spacing:.5px;margin-bottom:9px}
.sum-pay-badges{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}
.payb{font-size:11.5px;font-weight:800;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px 10px;box-shadow:0 1px 5px rgba(16,21,28,.06);white-space:nowrap}

/* === Cart Zahlungs-Logos (echte Provider-SVGs) 2026-06-17 === */
.sum-pay-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center}
.payb-logo{height:34px;width:auto;max-width:74px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:4px 8px;box-shadow:0 1px 5px rgba(16,21,28,.06);box-sizing:border-box;display:inline-block;vertical-align:middle;object-fit:contain}

/* === "Zur Kasse" Aufmerksamkeit (Puls + Glanz) + Magnet 2026-06-17 === */
.summary .checkout-btn{position:relative;overflow:hidden;animation:fbCoPulse 2.4s ease-in-out infinite;transition:transform .18s cubic-bezier(.2,.7,.2,1)}
.summary .checkout-btn::after{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:fbCoShine 3.4s ease-in-out infinite;pointer-events:none}
@keyframes fbCoPulse{0%,100%{box-shadow:0 10px 26px rgba(255,73,0,.32)}50%{box-shadow:0 12px 40px rgba(255,73,0,.62)}}
@keyframes fbCoShine{0%{left:-60%}55%{left:150%}100%{left:150%}}
@media(prefers-reduced-motion:reduce){.summary .checkout-btn{animation:none}.summary .checkout-btn::after{display:none}}