/* CLXON24 Brand-First Mini-Warenkorb / v2
   Premium-Light passend zu Produktseiten. Dunkler Kopf und Preisblock geben Struktur.
   Alle Funktionen werden vom unveränderten script.js bereitgestellt. */
.mini-cart {
  --mc-text:#152b43;
  --mc-muted:#3b546d;
  --mc-blue:#075fc0;
  color:var(--mc-text);
  color-scheme:light;
  background:#f7fafd;
  border-left:1px solid #b9cde1;
  box-shadow:-22px 0 60px rgba(7,23,41,.20);
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr) auto;
  height:100dvh;
  width:min(460px,100vw);
  overflow:hidden;
}
.mini-cart-head {
  padding:19px 18px 16px;
  align-items:center;
  background:#10293f;
  border-bottom:1px solid #27475f;
  box-shadow:inset 0 4px #178de5;
}
.mini-cart-eyebrow {color:#9ddfff; font-size:11px;}
.mini-cart-head h2 {color:#fff; font-size:22px; line-height:1.25;}
.mini-cart-logo {height:36px; object-fit:contain;}
.mini-cart-close {
  width:46px; height:46px; min-width:46px; min-height:46px;
  background:#244660; border:1px solid #7a9db6; border-radius:12px;
  color:#fff; font-size:25px;
}
.mini-cart-close:hover {background:#e5f5ff; border-color:#e5f5ff; color:#0b3554;}
.mini-cart-trust {
  background:#e8f3ff; color:#1d4568; border-bottom:1px solid #c2d9ee;
  padding:12px 18px; line-height:1.5; font-size:13px; font-weight:750;
}
.mini-cart-trust svg {color:#075eae;}
.mini-cart-list {
  min-height:0; padding:16px; gap:13px; overflow-y:auto;
  scrollbar-color:#93b4d0 #edf4fb; overscroll-behavior:contain;
}
.mini-cart-empty,
.mini-cart-item {
  background:#fff; border:1px solid #cbddec; color:#172f47;
  box-shadow:0 4px 16px rgba(20,48,77,.055);
}
.mini-cart-empty {padding:28px 16px;}
.mini-cart-empty h3 {color:#142d46; font-size:21px;}
.mini-cart-empty p {color:#435970; font-size:15px; line-height:1.6;}
.mini-cart-empty-icon {background:#e9f3ff; color:#075fae;}
.mini-cart-item {
  display:grid; grid-template-columns:72px minmax(0,1fr) auto;
  align-items:start; padding:14px; gap:12px; border-radius:15px;
}
.mini-cart-item:hover {border-color:#2c7ebd;}
.mini-cart-item img {
  background:#f1f6fa; border:1px solid #c8d9e7; border-radius:11px;
  width:72px; height:72px;
}
.mini-cart-item h3 {color:#142c43; font-size:16px; line-height:1.4;}
.mini-cart-item-meta,
.mini-cart-item-unit {color:#3c536b; font-size:13px; line-height:1.45;}
.mini-cart-item-price {color:#0759b5; font-size:18px;}
.mini-cart-qty {gap:9px;}
.mini-cart-qty-btn {
  width:44px; height:44px; border-radius:10px;
  background:#edf5fe; border:1px solid #a6c3de;
  color:#163955; font-size:19px;
}
.mini-cart-qty-btn:hover {background:#d7edff; color:#08447b;}
.mini-cart-qty span {color:#173651; font-size:16px;}
.mini-cart-remove {
  color:#9c2533; font-size:13px; min-height:44px;
  padding:10px 5px; text-decoration:underline; text-underline-offset:3px;
}
.mini-cart-remove:hover {color:#741828;}
.mini-cart .cart-upsell__kicker {
  color:#2c4d6c; font-size:13px; letter-spacing:.05em;
}
.mini-cart .cart-upsell__card {
  color:#15334e; background:#ebf4fc;
  border:1px solid #b7cee3; padding:14px; border-radius:12px;
}
.mini-cart .cart-upsell__card:hover {background:#dceeff; border-color:#3181c2;}
.mini-cart .cart-upsell__card strong {color:#172f49; font-size:15px; line-height:1.45;}
.mini-cart .cart-upsell__card span {color:#3e5872; font-size:14px; line-height:1.5;}
.mini-cart .cart-upsell__card em {color:#0758b1; font-size:14px;}
.mini-cart-foot {
  background:#10293f; color:#fff;
  border-top:1px solid #24435f;
  padding:18px 18px calc(20px + env(safe-area-inset-bottom,0px));
  box-shadow:0 -10px 28px rgba(10,32,51,.12);
}
.mini-cart-totals-row {border-color:#3b5970; padding-block:9px;}
.mini-cart-totals-row dt {color:#e1edf8; font-size:14px; line-height:1.4;}
.mini-cart-totals-row dd {color:#fff; font-size:15px;}
.mini-cart-totals-row--ship dd {color:#b1f0d2;}
.mini-cart-totals-row--total dt {color:#fff; font-size:17px;}
.mini-cart-totals-row--total dd {color:#a3dcff; font-size:28px;}
.mini-cart-btn-primary,
.mini-cart-btn-secondary {
  display:flex; align-items:center; justify-content:center;
  width:100%; min-height:53px; padding:12px 15px;
  border-radius:12px; font-size:16px; font-weight:790; line-height:1.35;
}
.mini-cart-btn-primary {
  background:#35b5fc; border:1px solid #35b5fc; color:#08263c !important;
}
.mini-cart-btn-primary:hover {
  background:#8ed9ff; border-color:#8ed9ff; color:#08263c !important;
}
.mini-cart-btn-secondary {
  background:#244861; border:1px solid #87a9c4; color:#fff !important;
}
.mini-cart-btn-secondary:hover {
  background:#355d7c; color:#fff !important;
}
.mini-cart-overlay {background:rgba(9,22,35,.57); backdrop-filter:blur(3px);}
.mini-cart :is(a,button):focus-visible {outline:3px solid #65b9f2;outline-offset:3px;}
@media(max-width:720px){
  .mini-cart {width:100vw;max-width:100vw;border-left:0;}
  .mini-cart-head {padding:calc(14px + env(safe-area-inset-top,0px)) 14px 12px;}
  .mini-cart-trust {padding:12px 14px;}
  .mini-cart-list {padding:12px;}
  .mini-cart-item {grid-template-columns:66px minmax(0,1fr);gap:11px;}
  .mini-cart-item img {width:66px;height:66px;}
  .mini-cart-item-price {grid-column:2;white-space:normal;}
  .mini-cart-foot {padding:14px 15px calc(17px + env(safe-area-inset-bottom,0px));}
}
@media(prefers-reduced-motion:reduce){
  .mini-cart,.mini-cart-overlay,.mini-cart-item,.mini-cart.is-open .mini-cart-item {
    animation:none;transition:none;
  }
}
