/* Mobileri Kolcukaj – Produktvergleich (Champagner/Braun) */

/* ---- Button allgemein ---- */
.mk-cmp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  border:none;background:none;cursor:pointer;color:var(--mk-brown-700);padding:0;
  -webkit-tap-highlight-color:transparent;}
.mk-cmp-ic{width:20px;height:20px;display:block;color:currentColor;transition:transform .18s ease,color .18s ease;}
.mk-cmp-btn:hover{color:var(--mk-gold-deep);}
.mk-cmp-btn.is-active{color:var(--mk-gold-deep);}
.mk-cmp-btn.mk-wish-pop .mk-cmp-ic{transform:scale(1.3);}

/* ---- Eck-Button auf Karten (unter dem Herz) ---- */
.mk-cmp-corner{position:absolute;top:54px;right:10px;z-index:3;width:38px;height:38px;border-radius:50%;
  background:rgba(255,253,248,.92);box-shadow:0 1px 6px rgba(62,44,28,.18);
  transition:background .15s ease,transform .15s ease;}
.mk-cmp-corner:hover{background:#fff;transform:translateY(-1px);}
.mk-cmp-corner.is-active{background:var(--mk-champ-100);}

/* ---- Button auf der Produktseite ---- */
.mk-cmp-single{margin:.4rem 0 .2rem;border:1.5px solid var(--mk-champ-300);border-radius:999px;
  padding:.55em 1.2em;font:600 .9rem system-ui,sans-serif;background:var(--mk-surface);color:var(--mk-brown-800);}
.mk-cmp-single:hover{border-color:var(--mk-gold);background:var(--mk-champ-050);}
.mk-cmp-single.is-active{border-color:var(--mk-gold-deep);background:var(--mk-champ-100);}

/* ---- Sticky-Bar unten ---- */
.mk-cmp-bar{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:9998;
  display:flex;align-items:center;gap:1.2rem;max-width:calc(100% - 24px);
  background:var(--mk-brown-800);color:var(--mk-champ-050);border-radius:999px;
  padding:.6rem 1rem .6rem 1.4rem;box-shadow:0 8px 28px rgba(62,44,28,.34);
  font:600 .9rem system-ui,sans-serif;animation:mkCmpBarIn .25s ease;}
@keyframes mkCmpBarIn{from{opacity:0;transform:translate(-50%,16px);}to{opacity:1;transform:translateX(-50%);}}
.mk-cmp-bar-actions{display:flex;align-items:center;gap:.5rem;}
.mk-cmp-bar-go{background:var(--mk-gold);color:var(--mk-brown-800);text-decoration:none;border-radius:999px;
  padding:.5em 1.2em;font-weight:800;white-space:nowrap;}
.mk-cmp-bar-go:hover{background:#d9bd7e;color:var(--mk-brown-800);}
.mk-cmp-bar-clear{background:none;border:1px solid rgba(251,244,230,.4);color:var(--mk-champ-050);
  border-radius:999px;padding:.5em 1em;cursor:pointer;font:inherit;}
.mk-cmp-bar-clear:hover{border-color:var(--mk-champ-050);}

/* ---- Vergleichsseite ---- */
.mk-vergleich-page{max-width:1240px;margin:0 auto;}
.mk-vergleich-loading{color:var(--mk-brown-500);padding:1.5rem 0;}
.mk-vergleich-empty{text-align:center;padding:2.5rem 1rem;color:var(--mk-brown-700);}
.mk-vergleich-empty-t{font-size:1.25rem;font-weight:700;color:var(--mk-brown-800);margin:0 0 .4rem;}
.mk-cmp-ic-inline{color:var(--mk-gold-deep);font-weight:800;}
.mk-vergleich-cta{display:inline-block;margin-top:1rem;background:var(--mk-brown-700);color:var(--mk-champ-050);
  text-decoration:none;border-radius:999px;padding:.7em 1.6em;font-weight:700;}
.mk-vergleich-cta:hover{background:var(--mk-brown-500);color:var(--mk-champ-050);}

/* ---- Tabelle ---- */
.mk-vergleich-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.mk-cmp-table{border-collapse:collapse;width:100%;min-width:560px;font-size:.92rem;color:var(--mk-brown-700);}
.mk-cmp-table th,.mk-cmp-table td{border-bottom:1px solid var(--mk-champ-300);padding:.7rem .8rem;text-align:left;vertical-align:middle;}
.mk-cmp-table tbody th[scope=row]{font-weight:700;color:var(--mk-brown-800);white-space:nowrap;
  background:var(--mk-champ-050);width:130px;}
.mk-cmp-head{position:relative;text-align:center;vertical-align:top;min-width:150px;}
.mk-cmp-corner-cell{background:var(--mk-champ-050);}
.mk-cmp-head-link{display:flex;flex-direction:column;align-items:center;gap:.4rem;text-decoration:none;color:var(--mk-brown-800);}
.mk-cmp-head-link img{width:110px;height:110px;object-fit:cover;border-radius:10px;background:var(--mk-champ-100);}
.mk-cmp-head-name{font-weight:700;font-size:.9rem;line-height:1.25;}
.mk-cmp-head-link:hover .mk-cmp-head-name{color:var(--mk-gold-deep);}
.mk-cmp-remove{position:absolute;top:2px;right:2px;width:26px;height:26px;border-radius:50%;border:none;
  background:var(--mk-champ-100);color:var(--mk-brown-700);font-size:1.1rem;line-height:1;cursor:pointer;}
.mk-cmp-remove:hover{background:var(--mk-gold);color:var(--mk-brown-800);}
.mk-cmp-price{font-weight:700;color:var(--mk-brown-800);}
.mk-cmp-ok{color:#5c7a43;font-weight:600;}
.mk-cmp-na{color:var(--mk-brown-500);opacity:.7;}
.mk-cmp-cart{display:inline-block;background:var(--mk-brown-700);color:var(--mk-champ-050);text-decoration:none;
  border-radius:999px;padding:.5em 1.1em;font-weight:700;font-size:.85rem;}
.mk-cmp-cart:hover{background:var(--mk-brown-500);color:var(--mk-champ-050);}
.mk-cmp-table .mk-stars{color:var(--mk-gold-deep);}

@media (max-width:560px){ .mk-cmp-bar{font-size:.82rem;gap:.7rem;padding:.5rem .7rem .5rem 1rem;} }
@media (prefers-reduced-motion:reduce){ .mk-cmp-ic,.mk-cmp-corner,.mk-cmp-bar{transition:none;animation:none;} }