:root {
    --wkf-compare-accent: #0055ad;
    --wkf-compare-surface: #fff;
    --wkf-compare-text: #1f2937;
    --wkf-compare-border: #d9e2ec;
    --wkf-compare-motion: 220ms;
}

body.wkf-compare-is-open { overflow: hidden; }

.wkf-compare-dock,
.wkf-compare-overlay,
.wkf-compare-picker,
.wkf-compare-toast { box-sizing: border-box; font-family: inherit; }

.wkf-compare-dock {
    position: fixed;
    z-index: 999880;
    left: 50%;
    bottom: 18px;
    width: min(1120px, calc(100vw - 32px));
    transform: translate(-50%, 20px);
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--wkf-compare-motion) ease, transform var(--wkf-compare-motion) ease;
}
.wkf-compare-dock.is-visible { opacity: 1; transform: translate(-50%, 0); pointer-events: auto; }
.wkf-compare-dock__inner {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr) auto auto;
    gap: 10px;
    align-items: center;
    padding: 11px 14px;
    background: color-mix(in srgb, var(--wkf-compare-surface) 98%, transparent);
    border: 1px solid color-mix(in srgb, var(--wkf-compare-border) 90%, transparent);
    border-radius: 18px;
    box-shadow: 0 18px 46px rgba(20, 41, 64, .14);
    backdrop-filter: blur(16px);
}
.wkf-compare-dock__title { min-width: 0; display: grid; gap: 3px; line-height: 1.1; color: var(--wkf-compare-text); }
.wkf-compare-dock__title strong { font-size: 15px; font-weight: 700; letter-spacing: -.01em; }
.wkf-compare-dock__eyebrow,
.wkf-compare-panel__eyebrow { color: var(--wkf-compare-accent); font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.wkf-compare-dock__products { min-width: 0; display: flex; align-items: stretch; gap: 8px; overflow-x: auto; scrollbar-width: thin; padding: 1px; }
.wkf-compare-dock__products:empty::before { content: 'Noch keine Produkte ausgewählt'; display: inline-flex; align-items: center; min-height: 58px; padding: 0 14px; color: #6f8094; font-size: 12px; white-space: nowrap; }
.wkf-compare-dock__product {
    position: relative;
    flex: 0 1 220px;
    min-width: 170px;
    max-width: 220px;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 22px;
    gap: 8px;
    align-items: center;
    min-height: 56px;
    padding: 6px 6px 6px 8px;
    border: 1px solid var(--wkf-compare-border);
    border-radius: 12px;
    background: linear-gradient(180deg, #fff 0%, #fbfdff 100%);
    transition: transform var(--wkf-compare-motion) ease, opacity var(--wkf-compare-motion) ease, border-color var(--wkf-compare-motion) ease, box-shadow var(--wkf-compare-motion) ease;
}
.wkf-compare-dock__product:hover { border-color: color-mix(in srgb, var(--wkf-compare-accent) 38%, var(--wkf-compare-border)); box-shadow: 0 8px 20px rgba(18, 42, 66, .08); }
.wkf-compare-dock__product.is-new { animation: wkfCompareAdd var(--wkf-compare-motion) ease both; }
@keyframes wkfCompareAdd { from { opacity: .2; transform: scale(.96) translateY(5px); } to { opacity: 1; transform: scale(1) translateY(0); } }
.wkf-compare-dock__media { width: 42px; height: 42px; display: grid; place-items: center; background: #f7f9fb; border-radius: 10px; overflow: hidden; }
.wkf-compare-dock__media img { width: 100%; height: 100%; object-fit: contain; }
.wkf-compare-dock__product-info { min-width: 0; display: grid; gap: 2px; }
.wkf-compare-dock__product-info strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--wkf-compare-text); font-size: 12px; font-weight: 700; letter-spacing: -.01em; }
.wkf-compare-dock__product-info small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #708094; font-size: 10px; }
.wkf-compare-dock__remove { width: 22px; height: 22px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #718096; font-size: 18px; cursor: pointer; }
.wkf-compare-dock__remove:hover { background: #eef3f8; color: var(--wkf-compare-text); }
.wkf-compare-dock__add {
    min-height: 56px;
    min-width: 84px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2px;
    padding: 7px 12px;
    border: 1px dashed color-mix(in srgb, var(--wkf-compare-accent) 55%, var(--wkf-compare-border));
    border-radius: 11px;
    background: color-mix(in srgb, var(--wkf-compare-accent) 3%, white);
    color: var(--wkf-compare-accent);
    font: inherit;
    font-size: 11px;
    cursor: pointer;
}
.wkf-compare-dock__add > span:first-child { font-size: 20px; line-height: 18px; }
.wkf-compare-dock__actions { display: flex; gap: 7px; align-items: center; }
.wkf-compare-dock__open,
.wkf-compare-panel__done,
.wkf-compare-picker__result-add { border: 1px solid var(--wkf-compare-accent); border-radius: 9px; background: var(--wkf-compare-accent); color: #fff; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.wkf-compare-dock__open { min-height: 42px; padding: 0 18px; white-space: nowrap; box-shadow: 0 10px 20px rgba(0, 85, 173, .14); }
.wkf-compare-dock__clear { width: 36px; height: 36px; border: 0; border-radius: 50%; background: transparent; color: #607084; font: inherit; font-size: 22px; cursor: pointer; }
.wkf-compare-dock button { transition: transform 120ms ease, background 120ms ease, border-color 120ms ease, opacity 120ms ease; }
.wkf-compare-dock button:hover { transform: translateY(-1px); }

.wkf-compare-overlay,
.wkf-compare-picker {
    position: fixed;
    z-index: 999900;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 28px;
    background: rgba(16, 30, 44, .58);
    backdrop-filter: blur(5px);
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--wkf-compare-motion) ease;
}
/*
 * Hidden compare layers must never form an invisible click shield. Some themes
 * override the browser's default [hidden] rule; keep the shell defensive here.
 */
.wkf-compare-overlay[hidden],
.wkf-compare-picker[hidden],
.wkf-compare-dock[hidden],
.wkf-compare-toast[hidden] {
    display: none !important;
    pointer-events: none !important;
}
.wkf-compare-picker { z-index: 999920; background: rgba(16, 30, 44, .48); }
.wkf-compare-overlay.is-open,
.wkf-compare-picker.is-open { opacity: 1; pointer-events: auto; }
.wkf-compare-panel,
.wkf-compare-picker__panel {
    width: min(1480px, 96vw);
    max-height: 92vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--wkf-compare-border) 90%, transparent);
    border-radius: 18px;
    background: var(--wkf-compare-surface);
    color: var(--wkf-compare-text);
    box-shadow: 0 30px 90px rgba(7, 25, 45, .3);
    transform: translateY(14px) scale(.99);
    transition: transform var(--wkf-compare-motion) cubic-bezier(.2,.8,.2,1);
}
.wkf-compare-overlay.is-open .wkf-compare-panel,
.wkf-compare-picker.is-open .wkf-compare-picker__panel { transform: translateY(0) scale(1); }
.wkf-compare-panel__header {
    position: sticky;
    top: 0;
    z-index: 18;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 20px 26px;
    border-bottom: 1px solid var(--wkf-compare-border);
    background: rgba(255,255,255,.96);
    backdrop-filter: blur(12px);
}
.wkf-compare-panel__header h2 { margin: 2px 0 0; font-size: clamp(21px, 2.1vw, 30px); line-height: 1.1; color: var(--wkf-compare-text); }
.wkf-compare-panel__header p { margin: 5px 0 0; color: #718096; font-size: 12px; }
.wkf-compare-panel__tools { display: flex; align-items: center; gap: 10px; }
.wkf-compare-switch { display: inline-flex; align-items: center; gap: 7px; min-height: 40px; padding: 0 14px; border: 1px solid var(--wkf-compare-border); border-radius: 999px; background: #fff; font-size: 12px; cursor: pointer; white-space: nowrap; }
.wkf-compare-switch input { accent-color: var(--wkf-compare-accent); }
.wkf-compare-panel__add,
.wkf-compare-panel__clear { min-height: 40px; padding: 0 15px; border: 1px solid var(--wkf-compare-accent); border-radius: 999px; background: transparent; color: var(--wkf-compare-accent); font: inherit; font-size: 12px; font-weight: 600; cursor: pointer; }
.wkf-compare-panel__close,
.wkf-compare-picker__header button { width: 40px; height: 40px; display: grid; place-items: center; border: 0; border-radius: 50%; background: var(--wkf-compare-accent); color: #fff; font: inherit; font-size: 22px; cursor: pointer; }
.wkf-compare-panel__message { flex: 0 0 auto; min-height: 0; padding: 0 24px; color: #6f7e90; font-size: 12px; }
.wkf-compare-panel__message:empty { display: none; }
.wkf-compare-panel__body { flex: 1 1 auto; min-height: 0; overflow: auto; padding: 0 0 10px; background: linear-gradient(180deg, #fbfcfe 0%, #f6f9fc 100%); }
.wkf-compare-panel__footer { flex: 0 0 auto; display: flex; justify-content: space-between; gap: 12px; padding: 13px 20px; border-top: 1px solid var(--wkf-compare-border); background: #fff; }
.wkf-compare-panel__done { min-height: 38px; padding: 0 18px; }
.wkf-compare-panel__empty { padding: 50px 24px; text-align: center; color: #718096; }

.wkf-compare-table {
    min-width: max(100%, calc(280px + var(--wkf-compare-columns) * 280px));
    margin: 0 18px 18px;
    overflow: hidden;
    border: 1px solid var(--wkf-compare-border);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(18, 42, 66, .06);
}
.wkf-compare-table__row {
    display: grid;
    grid-template-columns: 280px repeat(var(--wkf-compare-columns), minmax(280px, 1fr));
    border-bottom: 1px solid var(--wkf-compare-border);
}
.wkf-compare-table__row > * { min-width: 0; border-right: 1px solid var(--wkf-compare-border); }
.wkf-compare-table__row > *:last-child { border-right: 0; }
.wkf-compare-table__row--products { position: sticky; top: 0; z-index: 12; background: #fff; box-shadow: 0 8px 22px rgba(31, 51, 73, .08); }
.wkf-compare-table__label { position: sticky; left: 0; z-index: 4; padding: 18px 20px; background: #f7f9fb; color: #203245; font-size: 13px; font-weight: 650; line-height: 1.35; }
.wkf-compare-table__row--products .wkf-compare-table__label { z-index: 16; background: #f4f7fa; }
.wkf-compare-table__value { padding: 18px 20px; background: #fff; color: #435468; font-size: 13px; line-height: 1.5; }
.wkf-compare-table__row--spec.has-difference .wkf-compare-table__value { background: color-mix(in srgb, var(--wkf-compare-accent) 3.2%, white); color: #26384b; }
.wkf-compare-table__row--spec.is-same .wkf-compare-table__value { background: #fff; }
.wkf-compare-table__section {
    position: sticky;
    left: 0;
    z-index: 6;
    padding: 12px 20px;
    border-bottom: 1px solid var(--wkf-compare-border);
    background: linear-gradient(180deg, color-mix(in srgb, var(--wkf-compare-accent) 7%, #f7f9fb) 0%, #f7f9fb 100%);
    color: var(--wkf-compare-accent);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .01em;
}
.wkf-compare-table__product { padding: 18px 20px 16px; background: #fff; display: grid; grid-template-columns: 76px minmax(0, 1fr); grid-template-rows: auto auto auto; column-gap: 14px; align-items: start; }
.wkf-compare-table__product-image { grid-row: 1 / span 3; width: 76px; height: 76px; display: grid; place-items: center; border-radius: 12px; background: #f7f9fb; overflow: hidden; }
.wkf-compare-table__product-image img { width: 100%; height: 100%; object-fit: contain; }
.wkf-compare-table__product-name { align-self: end; color: var(--wkf-compare-accent); text-decoration: none; font-size: 16px; font-weight: 700; line-height: 1.25; }
.wkf-compare-table__product-meta { margin-top: 5px; color: #718096; font-size: 11px; line-height: 1.4; }
.wkf-compare-table__remove { justify-self: start; margin-top: 10px; min-height: 32px; padding: 0 12px; border: 1px solid var(--wkf-compare-border); border-radius: 999px; background: #fff; color: #516274; font: inherit; font-size: 11px; font-weight: 600; cursor: pointer; }
.wkf-compare-table__remove:hover { border-color: color-mix(in srgb, var(--wkf-compare-accent) 45%, var(--wkf-compare-border)); color: var(--wkf-compare-accent); }
.wkf-compare-table__no-differences { padding: 36px 20px; text-align: center; color: #718096; background: #fff; }

.wkf-compare-picker__panel { width: min(900px, 94vw); max-height: min(760px, 88vh); }
.wkf-compare-picker__header { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 18px 20px; border-bottom: 1px solid var(--wkf-compare-border); }
.wkf-compare-picker__header span { color: var(--wkf-compare-accent); font-size: 10px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.wkf-compare-picker__header h2 { margin: 2px 0 0; font-size: 22px; line-height: 1.15; }
.wkf-compare-picker__search { padding: 16px 20px 8px; }
.wkf-compare-picker__search input { width: 100%; min-height: 46px; padding: 0 14px; border: 1px solid var(--wkf-compare-border); border-radius: 10px; background: #fff; color: var(--wkf-compare-text); font: inherit; outline: none; }
.wkf-compare-picker__search input:focus { border-color: var(--wkf-compare-accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--wkf-compare-accent) 12%, transparent); }
.wkf-compare-picker__hint { padding: 0 20px 12px; color: #728196; font-size: 11px; }
.wkf-compare-picker__results { flex: 1 1 auto; min-height: 160px; overflow-y: auto; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 9px; padding: 0 20px 20px; }
.wkf-compare-picker__result { display: grid; grid-template-columns: 72px minmax(0, 1fr) auto; gap: 11px; align-items: center; padding: 10px; border: 1px solid var(--wkf-compare-border); border-radius: 11px; background: #fff; transition: border-color 140ms ease, transform 140ms ease, box-shadow 140ms ease; }
.wkf-compare-picker__result:hover { border-color: color-mix(in srgb, var(--wkf-compare-accent) 45%, var(--wkf-compare-border)); transform: translateY(-1px); box-shadow: 0 6px 16px rgba(20, 50, 80, .06); }
.wkf-compare-picker__result-image { width: 72px; height: 64px; display: grid; place-items: center; border-radius: 8px; background: #f7f9fb; overflow: hidden; }
.wkf-compare-picker__result-image img { width: 100%; height: 100%; object-fit: contain; }
.wkf-compare-picker__result-body { min-width: 0; display: grid; gap: 3px; }
.wkf-compare-picker__result-body strong { color: var(--wkf-compare-text); font-size: 13px; }
.wkf-compare-picker__result-body small { color: #718096; font-size: 10px; }
.wkf-compare-picker__result-add { min-height: 34px; padding: 0 11px; font-size: 11px; }
.wkf-compare-picker__loading,
.wkf-compare-picker__empty { grid-column: 1 / -1; padding: 42px 20px; text-align: center; color: #718096; }

.wkf-compare-toast { position: fixed; z-index: 999950; left: 50%; bottom: 116px; max-width: min(500px, calc(100vw - 32px)); padding: 10px 14px; border-radius: 10px; background: #203247; color: #fff; box-shadow: 0 10px 34px rgba(7, 25, 45, .22); font-size: 12px; transform: translate(-50%, 10px); opacity: 0; transition: opacity var(--wkf-compare-motion) ease, transform var(--wkf-compare-motion) ease; }
.wkf-compare-toast.is-visible { opacity: 1; transform: translate(-50%, 0); }

.wkf-product-compare-button.is-selected,
[data-wkf-compare].is-selected { border-color: var(--wkf-compare-accent) !important; }

@media (max-width: 980px) {
    .wkf-compare-dock__inner { grid-template-columns: minmax(0, 1fr) auto; }
    .wkf-compare-dock__title { display: none; }
    .wkf-compare-dock__add { min-width: 76px; }
    .wkf-compare-dock__actions { grid-column: 1 / -1; }
    .wkf-compare-dock__open { flex: 1; }
    .wkf-compare-panel__header { align-items: flex-start; }
    .wkf-compare-panel__tools { flex-wrap: wrap; justify-content: flex-end; }
}

@media (max-width: 680px) {
    .wkf-compare-dock { bottom: 8px; width: calc(100vw - 16px); }
    .wkf-compare-dock__inner { padding: 8px; border-radius: 13px; gap: 7px; }
    .wkf-compare-dock__products { gap: 6px; }
    .wkf-compare-dock__product { flex-basis: 170px; min-width: 150px; grid-template-columns: 40px minmax(0, 1fr) 20px; min-height: 52px; }
    .wkf-compare-dock__media { width: 40px; height: 40px; }
    .wkf-compare-dock__add { min-height: 52px; padding-inline: 8px; }
    .wkf-compare-overlay, .wkf-compare-picker { padding: 8px; }
    .wkf-compare-panel { width: 100%; max-height: 96vh; border-radius: 13px; }
    .wkf-compare-panel__header { padding: 14px; gap: 12px; }
    .wkf-compare-panel__header p { display: none; }
    .wkf-compare-panel__tools { gap: 5px; }
    .wkf-compare-switch span { display: none; }
    .wkf-compare-panel__add { max-width: 130px; }
    .wkf-compare-table { min-width: calc(190px + var(--wkf-compare-columns) * 220px); }
    .wkf-compare-table__row { grid-template-columns: 190px repeat(var(--wkf-compare-columns), minmax(220px, 1fr)); }
    .wkf-compare-table__label, .wkf-compare-table__value { padding: 12px; }
    .wkf-compare-picker__results { grid-template-columns: 1fr; padding: 0 12px 12px; }
    .wkf-compare-picker__search { padding: 12px 12px 7px; }
    .wkf-compare-picker__hint { padding: 0 12px 10px; }
    .wkf-compare-toast { bottom: 138px; }
}

@media (prefers-reduced-motion: reduce) {
    :root { --wkf-compare-motion: 0ms; }
    .wkf-compare-dock__product.is-new { animation: none; }
    .wkf-compare-dock button,
    .wkf-compare-picker__result { transition: none; }
}


/* 4.12.4 – Vergleich: kompakter Dock und ruhigere Vergleichsansicht */
.wkf-compare-dock{
  width:min(1180px,calc(100vw - 32px));
  bottom:16px;
}
.wkf-compare-dock__inner{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:76px;
  padding:9px 11px 9px 14px;
  border-radius:16px;
  background:rgba(255,255,255,.98);
  box-shadow:0 18px 46px rgba(18,42,66,.16);
}
.wkf-compare-dock__title{
  flex:0 0 132px;
  min-width:0;
  padding-right:12px;
  border-right:1px solid var(--wkf-compare-border);
}
.wkf-compare-dock__title strong{font-size:14px;line-height:1.1}
.wkf-compare-dock__products{
  flex:0 1 auto;
  max-width:min(620px,52vw);
  min-width:0;
  gap:7px;
  padding:0;
}
.wkf-compare-dock__product{
  flex:0 0 205px;
  min-width:180px;
  max-width:205px;
  min-height:54px;
  grid-template-columns:42px minmax(0,1fr) 22px;
  padding:5px 5px 5px 7px;
  border-radius:10px;
  box-shadow:none;
}
.wkf-compare-dock__product:hover{transform:none;box-shadow:0 5px 14px rgba(18,42,66,.07)}
.wkf-compare-dock__media{width:42px;height:42px;border-radius:8px}
.wkf-compare-dock__product-info strong{font-size:12px}
.wkf-compare-dock__product-info small{font-size:9px}
.wkf-compare-dock__add{
  flex:0 0 auto;
  min-width:auto;
  min-height:40px;
  flex-direction:row;
  gap:6px;
  padding:0 12px;
  border-style:solid;
  border-radius:9px;
  background:#fff;
  font-size:11px;
  font-weight:600;
  white-space:nowrap;
}
.wkf-compare-dock__add>span:first-child{font-size:17px;line-height:1}
.wkf-compare-dock__actions{margin-left:auto;flex:0 0 auto;gap:6px}
.wkf-compare-dock__open{
  min-height:40px;
  padding:0 17px;
  border-radius:9px;
  background:var(--wkf-compare-accent);
  color:#fff;
  box-shadow:none;
}
.wkf-compare-dock__clear{width:34px;height:34px;font-size:19px}
.wkf-compare-dock button:hover{transform:none}

.wkf-compare-panel{
  width:min(var(--wkf-compare-panel-width,1480px),96vw);
  max-height:92vh;
  border-radius:16px;
  box-shadow:0 30px 86px rgba(7,25,45,.28);
}
.wkf-compare-panel__header{
  padding:20px 24px;
  gap:18px;
}
.wkf-compare-panel__header h2{
  font-size:clamp(23px,2vw,30px);
  letter-spacing:-.02em;
}
.wkf-compare-panel__tools{gap:8px}
.wkf-compare-panel__body{padding:16px 0 4px}
.wkf-compare-table{
  min-width:max(100%,calc(240px + var(--wkf-compare-columns) * 270px));
  margin:0 16px 16px;
  border-radius:13px;
  box-shadow:none;
}
.wkf-compare-table__row{
  grid-template-columns:240px repeat(var(--wkf-compare-columns),minmax(270px,1fr));
}
.wkf-compare-table__row--products{box-shadow:0 5px 16px rgba(31,51,73,.06)}
.wkf-compare-table__label{
  padding:15px 17px;
  background:#f8fafc;
  font-size:13px;
}
.wkf-compare-table__row--products .wkf-compare-table__label{
  display:flex;
  align-items:center;
  background:#f5f8fb;
  color:#536476;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.wkf-compare-table__value{
  padding:15px 17px;
  color:#435468;
  font-size:13px;
}
.wkf-compare-table__section{
  padding:10px 17px;
  background:#eef4f9;
  color:#0759a7;
  font-size:12px;
  letter-spacing:.015em;
}
.wkf-compare-table__product{
  min-height:108px;
  padding:14px 16px;
  grid-template-columns:76px minmax(0,1fr);
  column-gap:12px;
  align-content:center;
}
.wkf-compare-table__product-image{width:76px;height:76px;background:#fafbfc}
.wkf-compare-table__product-name{font-size:15px}
.wkf-compare-table__product-meta{font-size:10px}
.wkf-compare-table__remove{
  min-height:28px;
  margin-top:7px;
  padding:0 10px;
  border-radius:7px;
  font-size:10px;
}
.wkf-compare-panel__footer{padding:11px 16px}

@media(max-width:980px){
  .wkf-compare-dock__inner{display:flex;flex-wrap:wrap}
  .wkf-compare-dock__title{display:none}
  .wkf-compare-dock__products{flex:1 1 100%;max-width:none;order:1}
  .wkf-compare-dock__add{order:2}
  .wkf-compare-dock__actions{order:3;margin-left:auto}
}
@media(max-width:680px){
  .wkf-compare-dock__inner{min-height:0;padding:8px}
  .wkf-compare-dock__products{overflow-x:auto}
  .wkf-compare-dock__product{flex-basis:168px;min-width:168px;max-width:168px}
  .wkf-compare-dock__add{min-height:38px}
  .wkf-compare-dock__open{min-height:38px}
  .wkf-compare-panel__body{padding-top:8px}
  .wkf-compare-table{margin:0 8px 8px;min-width:calc(180px + var(--wkf-compare-columns) * 220px)}
  .wkf-compare-table__row{grid-template-columns:180px repeat(var(--wkf-compare-columns),minmax(220px,1fr))}
}


/* 4.12.6 – Vergleichsleiste unten: kompakter, sauberer und ausgewogener */
.wkf-compare-dock{
  width:min(1240px,calc(100vw - 40px));
  bottom:14px;
}
.wkf-compare-dock__inner{
  display:grid;
  grid-template-columns:120px minmax(0,1fr) auto auto;
  align-items:center;
  gap:8px;
  min-height:66px;
  padding:10px 12px;
  border-radius:18px;
  background:rgba(255,255,255,.985);
  border:1px solid color-mix(in srgb,var(--wkf-compare-border) 92%, transparent);
  box-shadow:0 16px 34px rgba(18,42,66,.14);
}
.wkf-compare-dock__title{
  flex:none;
  min-width:0;
  padding-right:10px;
  border-right:1px solid #e8eef4;
}
.wkf-compare-dock__eyebrow{font-size:9px;letter-spacing:.07em}
.wkf-compare-dock__title strong{font-size:13px;line-height:1.12}
.wkf-compare-dock__products{
  flex:none;
  max-width:none;
  min-width:0;
  gap:6px;
  padding:0;
}
.wkf-compare-dock__products:empty::before{
  min-height:48px;
  padding:0 12px;
  font-size:11px;
}
.wkf-compare-dock__product{
  flex:0 0 178px;
  min-width:178px;
  max-width:178px;
  min-height:48px;
  grid-template-columns:36px minmax(0,1fr) 18px;
  gap:8px;
  padding:5px 5px 5px 6px;
  border-radius:12px;
  border:1px solid #dbe5ef;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
}
.wkf-compare-dock__product:hover{box-shadow:0 4px 12px rgba(18,42,66,.06)}
.wkf-compare-dock__media{width:36px;height:36px;border-radius:8px}
.wkf-compare-dock__product-info{gap:1px}
.wkf-compare-dock__product-info strong{font-size:11px;line-height:1.2}
.wkf-compare-dock__product-info small{font-size:9px;line-height:1.2}
.wkf-compare-dock__remove{
  width:18px;
  height:18px;
  font-size:14px;
  color:#6f7f92;
}
.wkf-compare-dock__add,
.wkf-compare-dock__open{
  min-height:40px;
  padding:0 15px;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.01em;
  white-space:nowrap;
}
.wkf-compare-dock__add{
  min-width:auto;
  gap:5px;
  padding:0 14px;
  background:#fff;
}
.wkf-compare-dock__add > span:first-child{font-size:16px;line-height:1}
.wkf-compare-dock__actions{
  margin-left:0;
  gap:6px;
}
.wkf-compare-dock__open{
  padding:0 16px;
  box-shadow:none;
}
.wkf-compare-dock__clear{
  width:32px;
  height:32px;
  font-size:18px;
  color:#607084;
}
@media(max-width:1180px){
  .wkf-compare-dock{width:calc(100vw - 24px)}
  .wkf-compare-dock__inner{grid-template-columns:108px minmax(0,1fr) auto auto}
  .wkf-compare-dock__product{flex-basis:170px;min-width:170px;max-width:170px}
}
@media(max-width:980px){
  .wkf-compare-dock__inner{display:flex;flex-wrap:wrap;gap:8px;padding:10px}
  .wkf-compare-dock__title{display:none}
  .wkf-compare-dock__products{flex:1 1 100%;order:1}
  .wkf-compare-dock__add{order:2}
  .wkf-compare-dock__actions{order:3;margin-left:auto}
}
@media(max-width:680px){
  .wkf-compare-dock{bottom:8px;width:calc(100vw - 12px)}
  .wkf-compare-dock__inner{padding:8px;border-radius:14px}
  .wkf-compare-dock__product{flex-basis:156px;min-width:156px;max-width:156px}
  .wkf-compare-dock__add,
  .wkf-compare-dock__open{min-height:36px;padding:0 12px}
  .wkf-compare-dock__clear{width:30px;height:30px}
}


/* 4.12.7 – Compare Dock Feinschliff nach Shop-Feedback */
.wkf-compare-dock{width:min(1220px,calc(100vw - 28px));bottom:12px}
.wkf-compare-dock__inner{
  grid-template-columns:102px minmax(0,1fr) 44px auto;
  gap:7px;
  min-height:62px;
  padding:9px 10px;
  border-radius:16px;
}
.wkf-compare-dock__title{padding-right:8px}
.wkf-compare-dock__title strong{font-size:12px;line-height:1.08}
.wkf-compare-dock__products{
  display:flex;
  flex-wrap:nowrap;
  overflow:hidden;
  gap:5px;
}
.wkf-compare-dock__product{
  flex:0 0 152px;
  min-width:152px;
  max-width:152px;
  min-height:46px;
  grid-template-columns:32px minmax(0,1fr) 16px;
  gap:7px;
  padding:4px 4px 4px 5px;
  border-radius:10px;
}
.wkf-compare-dock__media{width:32px;height:32px;border-radius:7px}
.wkf-compare-dock__product-info strong{font-size:10px;line-height:1.15}
.wkf-compare-dock__product-info small{font-size:8.5px;line-height:1.15}
.wkf-compare-dock__remove{
  width:16px;height:16px;font-size:12px;color:#6f7f92;
}
.wkf-compare-dock__add{
  width:44px;
  min-width:44px;
  min-height:44px;
  padding:0;
  gap:0;
  justify-content:center;
  border-radius:10px;
}
.wkf-compare-dock__add > span:first-child{font-size:18px;line-height:1}
.wkf-compare-dock__add > span:last-child{display:none}
.wkf-compare-dock__actions{gap:7px}
.wkf-compare-dock__open{
  min-height:44px;
  padding:0 18px;
  border-radius:8px;
  font-size:14px;
  font-weight:600;
}
.wkf-compare-dock__clear{
  width:40px;
  height:40px;
  border:1px solid var(--wkf-compare-accent);
  border-radius:10px;
  background:#fff;
  color:var(--wkf-compare-accent);
  font-size:16px;
  line-height:1;
}
.wkf-compare-dock__clear:hover{background:#f3f8fd}
@media(max-width:1320px){
  .wkf-compare-dock__product{flex-basis:146px;min-width:146px;max-width:146px}
  .wkf-compare-dock__open{padding:0 14px;font-size:13px}
}
@media(max-width:1180px){
  .wkf-compare-dock__inner{grid-template-columns:92px minmax(0,1fr) 42px auto}
  .wkf-compare-dock__product{flex-basis:138px;min-width:138px;max-width:138px}
}
@media(max-width:980px){
  .wkf-compare-dock__products{overflow-x:auto}
  .wkf-compare-dock__add{width:40px;min-width:40px;min-height:40px}
  .wkf-compare-dock__open{min-height:40px}
  .wkf-compare-dock__clear{width:36px;height:36px}
}


/* 4.12.8 – Button-Feinschliff Compare Dock */
.wkf-compare-dock__remove{
  display:grid;
  place-items:center;
  width:16px;
  height:16px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent !important;
  color:#6f7f92;
  font-size:14px;
  line-height:1;
  box-shadow:none !important;
}
.wkf-compare-dock__remove:hover{
  background:transparent !important;
  color:#d92d20;
}
.wkf-compare-dock__open{
  border:1px solid var(--wkf-compare-accent);
  background:var(--wkf-compare-accent) !important;
  color:#fff !important;
}
.wkf-compare-dock__open:hover{
  background:#004792 !important;
  border-color:#004792;
  color:#fff !important;
}


/* 4.12.9 – Compare Dock: X ohne Rahmen, mehr Titelabstand, max. 4 Produkte */
.wkf-compare-dock__title{
  padding-right:18px;
  margin-right:8px;
}
.wkf-compare-dock__products{
  padding-left:8px;
}
.wkf-compare-dock__remove,
.wkf-compare-dock__remove:hover,
.wkf-compare-dock__remove:focus,
.wkf-compare-dock__remove:active{
  -webkit-appearance:none !important;
  appearance:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  align-self:center !important;
  justify-self:center !important;
  width:16px !important;
  min-width:16px !important;
  max-width:16px !important;
  height:16px !important;
  min-height:16px !important;
  max-height:16px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  line-height:1 !important;
  text-decoration:none !important;
}
.wkf-compare-dock__remove{
  color:#607084 !important;
  font-size:14px !important;
}
.wkf-compare-dock__remove:hover,
.wkf-compare-dock__remove:focus-visible{
  color:#d92d20 !important;
}
.wkf-compare-dock__add[hidden]{display:none !important}
.wkf-compare-dock__add,
.wkf-compare-dock__clear{
  -webkit-appearance:none;
  appearance:none;
  display:grid;
  place-items:center;
  width:40px;
  min-width:40px;
  max-width:40px;
  height:40px;
  min-height:40px;
  max-height:40px;
  padding:0;
  border:1px solid #b9cce0;
  border-radius:8px;
  background:#fff;
  color:var(--wkf-compare-accent);
  box-shadow:none;
  line-height:1;
}
.wkf-compare-dock__add:hover{
  border-color:var(--wkf-compare-accent);
  background:#f3f8fd;
  color:var(--wkf-compare-accent);
}
.wkf-compare-dock__clear:hover{
  border-color:#d92d20;
  background:#fff5f4;
  color:#d92d20;
}
.wkf-compare-dock__open{
  min-height:40px;
  height:40px;
  padding:0 18px;
  border-radius:8px;
}
@media(min-width:981px){
  .wkf-compare-dock__products{
    overflow:hidden !important;
  }
}


/* 4.12.10 – flexibler Dock: Produktkarten wachsen, Aktionen bleiben sicher innerhalb */
.wkf-compare-dock{
  width:min(1320px,calc(100vw - 32px));
  bottom:12px;
}
.wkf-compare-dock__inner{
  display:grid;
  grid-template-columns:118px minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  width:100%;
  min-width:0;
  min-height:64px;
  padding:9px 12px;
  border-radius:16px;
  overflow:hidden;
}
.wkf-compare-dock__title{
  min-width:0;
  margin:0;
  padding:0 18px 0 0;
  border-right:1px solid #e4ebf2;
}
.wkf-compare-dock__products{
  display:flex;
  align-items:stretch;
  min-width:0;
  width:100%;
  max-width:none;
  gap:7px;
  padding:0;
  overflow:hidden;
}
.wkf-compare-dock__product{
  flex:1 1 150px;
  min-width:132px;
  max-width:220px;
  min-height:46px;
  grid-template-columns:32px minmax(0,1fr) 16px;
  gap:7px;
  padding:4px 5px 4px 6px;
  border-radius:10px;
}
.wkf-compare-dock__actions{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  min-width:0;
  gap:7px;
  margin:0;
  padding-left:4px;
}
.wkf-compare-dock__add[hidden]{display:none !important}
.wkf-compare-dock__add,
.wkf-compare-dock__clear{
  -webkit-appearance:none !important;
  appearance:none !important;
  display:grid;
  place-items:center;
  width:38px;
  min-width:38px;
  max-width:38px;
  height:38px;
  min-height:38px;
  max-height:38px;
  margin:0;
  padding:0;
  border:0 !important;
  border-radius:8px;
  box-shadow:none !important;
  line-height:1;
}
.wkf-compare-dock__add{
  background:#f2f7fc !important;
  color:var(--wkf-compare-accent) !important;
}
.wkf-compare-dock__add:hover,
.wkf-compare-dock__add:focus-visible{
  background:#e5f0fb !important;
  color:#004792 !important;
}
.wkf-compare-dock__clear{
  background:transparent !important;
  color:#647589 !important;
}
.wkf-compare-dock__clear:hover,
.wkf-compare-dock__clear:focus-visible{
  background:#fff1f0 !important;
  color:#d92d20 !important;
}
.wkf-compare-dock__open{
  flex:0 0 auto;
  height:40px;
  min-height:40px;
  padding:0 18px;
  border:1px solid var(--wkf-compare-accent);
  border-radius:8px;
  background:var(--wkf-compare-accent) !important;
  color:#fff !important;
  white-space:nowrap;
  box-shadow:none !important;
}
.wkf-compare-dock__open:hover,
.wkf-compare-dock__open:focus-visible{
  background:#004792 !important;
  border-color:#004792 !important;
  color:#fff !important;
}
@media(min-width:981px){
  .wkf-compare-dock__products{overflow:hidden !important}
}
@media(max-width:1180px){
  .wkf-compare-dock{width:calc(100vw - 20px)}
  .wkf-compare-dock__inner{grid-template-columns:102px minmax(0,1fr) auto;gap:10px}
  .wkf-compare-dock__title{padding-right:12px}
  .wkf-compare-dock__product{min-width:120px;max-width:190px}
  .wkf-compare-dock__open{padding:0 14px;font-size:12px}
}
@media(max-width:980px){
  .wkf-compare-dock__inner{display:flex;flex-wrap:wrap;overflow:visible}
  .wkf-compare-dock__title{display:none}
  .wkf-compare-dock__products{flex:1 1 100%;order:1;overflow-x:auto !important}
  .wkf-compare-dock__actions{order:2;margin-left:auto}
}


/* 4.12.11 – große Vergleichsansicht: Buttons und Entfernen-X im WEBER-Stil */
.wkf-compare-table__product{
  position:relative;
  padding-right:42px;
}
.wkf-compare-table__remove,
.wkf-compare-table__remove:hover,
.wkf-compare-table__remove:focus,
.wkf-compare-table__remove:active{
  -webkit-appearance:none !important;
  appearance:none !important;
  position:absolute !important;
  top:50% !important;
  right:14px !important;
  transform:translateY(-50%) !important;
  display:grid !important;
  place-items:center !important;
  width:20px !important;
  min-width:20px !important;
  max-width:20px !important;
  height:20px !important;
  min-height:20px !important;
  max-height:20px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#647589 !important;
  font:inherit !important;
  font-size:18px !important;
  font-weight:400 !important;
  line-height:1 !important;
  text-decoration:none !important;
  cursor:pointer !important;
}
.wkf-compare-table__remove:hover,
.wkf-compare-table__remove:focus-visible{
  color:#d92d20 !important;
}

.wkf-compare-switch,
.wkf-compare-panel__add,
.wkf-compare-panel__clear,
.wkf-compare-panel__done,
.wkf-compare-panel__close{
  border-radius:8px !important;
  box-shadow:none !important;
  font-family:inherit !important;
}
.wkf-compare-switch{
  min-height:40px;
  padding:0 13px;
  border:1px solid #d7e1eb;
  background:#fff;
  color:#536476;
}
.wkf-compare-panel__add,
.wkf-compare-panel__clear{
  min-height:40px;
  padding:0 15px;
  border:1px solid var(--wkf-compare-accent) !important;
  background:#fff !important;
  color:var(--wkf-compare-accent) !important;
  font-size:12px;
  font-weight:600;
}
.wkf-compare-panel__add:hover,
.wkf-compare-panel__clear:hover,
.wkf-compare-panel__add:focus-visible,
.wkf-compare-panel__clear:focus-visible{
  background:#f3f8fd !important;
  border-color:#004792 !important;
  color:#004792 !important;
}
.wkf-compare-panel__close{
  width:40px !important;
  min-width:40px !important;
  max-width:40px !important;
  height:40px !important;
  min-height:40px !important;
  max-height:40px !important;
  padding:0 !important;
  border:1px solid #b9cce0 !important;
  background:#fff !important;
  color:#647589 !important;
  font-size:18px !important;
  line-height:1 !important;
}
.wkf-compare-panel__close:hover,
.wkf-compare-panel__close:focus-visible{
  border-color:#d92d20 !important;
  background:#fff5f4 !important;
  color:#d92d20 !important;
}
.wkf-compare-panel__done{
  min-height:40px !important;
  padding:0 18px !important;
  border:1px solid var(--wkf-compare-accent) !important;
  background:var(--wkf-compare-accent) !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:600 !important;
}
.wkf-compare-panel__done:hover,
.wkf-compare-panel__done:focus-visible{
  background:#004792 !important;
  border-color:#004792 !important;
  color:#fff !important;
}
@media(max-width:680px){
  .wkf-compare-table__product{padding-right:34px}
  .wkf-compare-table__remove{right:9px !important}
}


/* 4.12.12 – nativer Vergleich: Icon, Auswahlzustand und sichere Overlay-Anzeige */
.wkf-product-compare-button__icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 20px!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  min-height:20px!important;
  max-width:20px!important;
  max-height:20px!important;
  overflow:hidden!important;
  color:inherit!important;
  line-height:1!important;
}
.wkf-product-compare-button__icon svg{
  display:block!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  min-height:20px!important;
  max-width:20px!important;
  max-height:20px!important;
  margin:0!important;
  padding:0!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.wkf-product-compare-button__icon svg path,
.wkf-product-compare-button__icon svg line,
.wkf-product-compare-button__icon svg polyline{
  fill:none!important;
  stroke:currentColor!important;
}
.wkf-product-compare-button__icon i{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:20px!important;
  height:20px!important;
  font-size:16px!important;
  line-height:1!important;
  color:inherit!important;
}

/* Bereits ausgewählt: bewusst neutral statt wie ein aktiver Hauptbutton. */
.wkf-product-compare-button.is-selected,
[data-wkf-compare].is-selected{
  background:#eef2f5!important;
  border-color:#cbd4dd!important;
  color:#667585!important;
  box-shadow:none!important;
}
.wkf-product-compare-button.is-selected:hover,
.wkf-product-compare-button.is-selected:focus-visible,
[data-wkf-compare].is-selected:hover,
[data-wkf-compare].is-selected:focus-visible{
  background:#e5eaee!important;
  border-color:#b8c3cd!important;
  color:#445565!important;
}

/* Hauptprodukt: Icon immer sauber neben dem Text, nicht durch Theme/Elementor vergrößern. */
.wkf-product-configurator__compare-button{
  gap:9px!important;
}
.wkf-product-configurator__compare-button .wkf-product-compare-button__icon{
  flex-basis:22px!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  max-width:22px!important;
  max-height:22px!important;
}
.wkf-product-configurator__compare-button .wkf-product-compare-button__icon svg{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  max-width:22px!important;
  max-height:22px!important;
}

/* Ähnliche-Produkte-Widget: Compare-Button wieder normal hoch und Icon klein. */
.wkf-related-products__external-compare{
  display:block!important;
  width:100%!important;
  min-width:0!important;
}
.wkf-related-products__external-compare > span,
.wkf-related-products__external-compare > div{
  display:contents!important;
}
.wkf-related-products__compare-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  min-height:40px!important;
  height:auto!important;
  padding:8px 13px!important;
  overflow:hidden!important;
  line-height:1.25!important;
}
.wkf-related-products__compare-button .wkf-product-compare-button__icon{
  flex:0 0 18px!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  max-width:18px!important;
  max-height:18px!important;
}
.wkf-related-products__compare-button .wkf-product-compare-button__icon svg{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  max-width:18px!important;
  max-height:18px!important;
}
.wkf-related-products__compare-button.is-selected{
  background:#eef2f5!important;
  border-color:#cbd4dd!important;
  color:#667585!important;
}


/* 4.12.13 – einheitliches natives Zwei-Pfeile-Icon */
.wkf-product-compare-button__icon{
  opacity:1!important;
}
.wkf-product-compare-button__icon svg.wkf-compare-arrows{
  display:block!important;
  width:100%!important;
  height:100%!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  opacity:1!important;
}
.wkf-product-compare-button__icon svg.wkf-compare-arrows path{
  fill:none!important;
  stroke:currentColor!important;
  opacity:1!important;
}
.wkf-related-products__compare-button:not(.is-selected) .wkf-product-compare-button__icon,
.wkf-product-configurator__compare-button:not(.is-selected) .wkf-product-compare-button__icon{
  color:currentColor!important;
  opacity:1!important;
}
.wkf-related-products__compare-button:not(.is-selected) .wkf-product-compare-button__icon svg,
.wkf-product-configurator__compare-button:not(.is-selected) .wkf-product-compare-button__icon svg{
  color:inherit!important;
  stroke:currentColor!important;
  opacity:1!important;
}
.wkf-related-products__compare-button .wkf-product-compare-button__icon{
  flex:0 0 19px!important;
  width:19px!important;
  height:19px!important;
  min-width:19px!important;
  min-height:19px!important;
  max-width:19px!important;
  max-height:19px!important;
}
.wkf-product-configurator__compare-button .wkf-product-compare-button__icon{
  flex:0 0 21px!important;
  width:21px!important;
  height:21px!important;
  min-width:21px!important;
  min-height:21px!important;
  max-width:21px!important;
  max-height:21px!important;
}


/* 4.12.14 – Vergleich vergrößern, Picker-Hover beruhigen, Compare-Icons vereinheitlichen */
.wkf-compare-picker__results{
  padding-top:4px;
}
.wkf-compare-picker__result:hover{
  transform:none;
  box-shadow:0 6px 16px rgba(20, 50, 80, .06);
}
.wkf-related-products__compare-button,
.wkf-product-configurator__compare-button{
  gap:9px!important;
}
.wkf-related-products__compare-button:not(.is-selected),
.wkf-product-configurator__compare-button:not(.is-selected){
  color:var(--wkf-compare-accent)!important;
}
.wkf-related-products__compare-button:not(.is-selected) .wkf-product-compare-button__icon,
.wkf-product-configurator__compare-button:not(.is-selected) .wkf-product-compare-button__icon{
  color:var(--wkf-compare-accent)!important;
}
.wkf-related-products__compare-button.is-selected .wkf-product-compare-button__icon,
.wkf-product-configurator__compare-button.is-selected .wkf-product-compare-button__icon{
  color:currentColor!important;
}
.wkf-related-products__compare-button .wkf-product-compare-button__icon svg,
.wkf-product-configurator__compare-button .wkf-product-compare-button__icon svg{
  stroke:currentColor!important;
}


/* 4.12.16 – Dock höher mit feinem Schatten; Vergleich ohne Desktop-Horizontalscroll */
@media (min-width:981px){
  .wkf-compare-dock{
    bottom:20px !important;
  }
  .wkf-compare-dock__inner{
    box-shadow:0 12px 32px rgba(18,42,66,.14),0 2px 8px rgba(18,42,66,.07) !important;
  }
  .wkf-compare-panel{
    width:min(var(--wkf-compare-panel-width,1460px),calc(100vw - 72px)) !important;
  }
  .wkf-compare-panel__body{
    overflow-y:auto !important;
    overflow-x:hidden !important;
  }
  .wkf-compare-table{
    box-sizing:border-box !important;
    width:calc(100% - 32px) !important;
    min-width:0 !important;
    max-width:calc(100% - 32px) !important;
    margin:0 16px 16px !important;
  }
  .wkf-compare-table__row{
    grid-template-columns:220px repeat(var(--wkf-compare-columns),minmax(0,1fr)) !important;
  }
  .wkf-compare-table__product,
  .wkf-compare-table__label,
  .wkf-compare-table__value{
    min-width:0 !important;
  }
  .wkf-compare-table__product-name,
  .wkf-compare-table__product-meta,
  .wkf-compare-table__value{
    overflow-wrap:anywhere;
  }
}
@media (min-width:981px) and (max-width:1180px){
  .wkf-compare-table__row{
    grid-template-columns:190px repeat(var(--wkf-compare-columns),minmax(0,1fr)) !important;
  }
}
@media (max-width:980px){
  .wkf-compare-dock{
    bottom:12px !important;
  }
  .wkf-compare-dock__inner{
    box-shadow:0 10px 26px rgba(18,42,66,.14),0 2px 6px rgba(18,42,66,.06) !important;
  }
}


/* 4.12.17 – einheitliche Button-Typografie und Geometrie im Produktvergleich */
:root{
  --wkf-compare-control-height:40px;
  --wkf-compare-control-radius:6px;
  --wkf-compare-control-font-size:13px;
  --wkf-compare-control-font-weight:650;
}
.wkf-compare-panel__add,
.wkf-compare-panel__clear,
.wkf-compare-panel__done,
.wkf-compare-picker__result-add{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:var(--wkf-compare-control-height)!important;
  height:var(--wkf-compare-control-height)!important;
  padding:0 15px!important;
  border-radius:var(--wkf-compare-control-radius)!important;
  font-family:inherit!important;
  font-size:var(--wkf-compare-control-font-size)!important;
  font-weight:var(--wkf-compare-control-font-weight)!important;
  line-height:1.25!important;
  letter-spacing:0!important;
  text-transform:none!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
.wkf-compare-panel__add,
.wkf-compare-panel__clear{
  border:1px solid var(--wkf-compare-accent)!important;
  background:#fff!important;
  color:var(--wkf-compare-accent)!important;
}
.wkf-compare-panel__add:hover,
.wkf-compare-panel__add:focus-visible,
.wkf-compare-panel__clear:hover,
.wkf-compare-panel__clear:focus-visible{
  border-color:#004792!important;
  background:#f3f8fd!important;
  color:#004792!important;
}
.wkf-compare-panel__done,
.wkf-compare-picker__result-add{
  border:1px solid var(--wkf-compare-accent)!important;
  background:var(--wkf-compare-accent)!important;
  color:#fff!important;
}
.wkf-compare-panel__done:hover,
.wkf-compare-panel__done:focus-visible,
.wkf-compare-picker__result-add:hover,
.wkf-compare-picker__result-add:focus-visible{
  border-color:#004792!important;
  background:#004792!important;
  color:#fff!important;
}
.wkf-compare-switch{
  min-height:var(--wkf-compare-control-height)!important;
  height:var(--wkf-compare-control-height)!important;
  border-radius:var(--wkf-compare-control-radius)!important;
  font-family:inherit!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:1.25!important;
}
.wkf-compare-panel__close,
.wkf-compare-picker__header button{
  width:var(--wkf-compare-control-height)!important;
  min-width:var(--wkf-compare-control-height)!important;
  max-width:var(--wkf-compare-control-height)!important;
  height:var(--wkf-compare-control-height)!important;
  min-height:var(--wkf-compare-control-height)!important;
  max-height:var(--wkf-compare-control-height)!important;
  border-radius:var(--wkf-compare-control-radius)!important;
  font-family:inherit!important;
  line-height:1!important;
  box-shadow:none!important;
}


/* 4.15.46 – Produktauswahl: vollständige Produktbilder statt abgeschnittener Hochformate. */
.wkf-compare-picker__result-image{
  box-sizing:border-box!important;
  width:72px!important;
  height:68px!important;
  padding:3px!important;
  overflow:hidden!important;
}
.wkf-compare-picker__result-image img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
}

/* 4.16.21: WooCommerce/Elementor themes sometimes force product thumbnails to
 * cover their box. Comparison images must always show the complete product. */
.wkf-compare-picker__result-image,
.wkf-compare-table__product-image,
.wkf-compare-dock__media {
    box-sizing: border-box;
}
.wkf-compare-picker__result-image { padding: 5px; }
.wkf-compare-table__product-image { padding: 6px; }
.wkf-compare-dock__media { padding: 3px; }
.wkf-compare-picker__result-image img,
.wkf-compare-table__product-image img,
.wkf-compare-dock__media img,
.wkf-compare-picker__result-image img[data-wkf-full-product-image="1"],
.wkf-compare-table__product-image img[data-wkf-full-product-image="1"],
.wkf-compare-dock__media img[data-wkf-full-product-image="1"] {
    display: block !important;
    position: static !important;
    inset: auto !important;
    float: none !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: auto !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
    translate: none !important;
    scale: none !important;
    clip: auto !important;
    clip-path: none !important;
}