.hkwfe-root {
  --hkwfe-border: #e4e7ec;
  --hkwfe-bg: #ffffff;
  --hkwfe-soft: #f6f7f9;
  --hkwfe-soft-2: #eef2f6;
  --hkwfe-text: #111827;
  --hkwfe-muted: #667085;
  --hkwfe-strong: #0f172a;
  --hkwfe-radius: 16px;
  --hkwfe-radius-sm: 10px;
  --hkwfe-shadow: 0 18px 50px rgba(15, 23, 42, .10);
  color: var(--hkwfe-text);
  font-size: 15px;
}

.hkwfe-root * { box-sizing: border-box; }
.hkwfe-root button { font: inherit; }

.hkwfe-mobile-head { display: none; margin-bottom: 14px; }
.hkwfe-open-drawer,
.hkwfe-reset,
.hkwfe-apply-mobile,
.hkwfe-show-more {
  border: 1px solid var(--hkwfe-border);
  background: var(--hkwfe-bg);
  color: var(--hkwfe-text);
  border-radius: 999px;
  padding: 9px 14px;
  cursor: pointer;
  line-height: 1.2;
}
.hkwfe-open-drawer { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; }
.hkwfe-mobile-count { min-width: 20px; min-height: 20px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: var(--hkwfe-strong); color: #fff; font-size: 12px; }
.hkwfe-mobile-count:empty { display: none; }

.hkwfe-panel {
  background: var(--hkwfe-bg);
  border: 1px solid var(--hkwfe-border);
  border-radius: var(--hkwfe-radius);
  padding: 16px;
  margin-bottom: 24px;
}

.hkwfe-panel-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 12px; }
.hkwfe-panel-title { font-weight: 800; letter-spacing: -.01em; }
.hkwfe-close-drawer { display: none; border: 0; background: transparent; font-size: 26px; line-height: 1; cursor: pointer; }
.hkwfe-statusline { color: var(--hkwfe-muted); font-size: 13px; min-height: 18px; margin: 0 0 8px; }

.hkwfe-active-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0 12px; }
.hkwfe-chip { border: 1px solid var(--hkwfe-border); background: var(--hkwfe-soft); border-radius: 999px; padding: 7px 11px; cursor: pointer; font-size: 13px; }

.hkwfe-filter { border: 0; border-top: 1px solid var(--hkwfe-border); margin: 0; padding: 0; }
.hkwfe-filter:first-of-type { border-top: 0; }
.hkwfe-title { margin: 0; padding: 0; }
.hkwfe-filter-toggle { width: 100%; border: 0; background: transparent; display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 16px 0 12px; color: var(--hkwfe-strong); font-weight: 800; cursor: pointer; text-align: left; }
.hkwfe-filter-toggle:after { content: ""; width: 9px; height: 9px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translateY(-2px); opacity: .65; transition: transform .18s ease; }
.hkwfe-filter.is-collapsed .hkwfe-filter-toggle:after { transform: rotate(-45deg); }
.hkwfe-title-count { color: var(--hkwfe-muted); font-weight: 600; font-size: 12px; margin-left: auto; }
.hkwfe-filter-body { padding-bottom: 16px; }
.hkwfe-filter.is-collapsed .hkwfe-filter-body { display: none; }

.hkwfe-option-search { width: 100%; border: 1px solid var(--hkwfe-border); border-radius: 999px; padding: 10px 13px; margin-bottom: 10px; }
.hkwfe-options { display: grid; gap: 8px; }
.hkwfe-display-icon_grid .hkwfe-options,
.hkwfe-display-logo_grid .hkwfe-options,
.hkwfe-display-pill_buttons .hkwfe-options,
.hkwfe-display-color_swatches .hkwfe-options { grid-template-columns: repeat(auto-fit, minmax(94px, 1fr)); }

.hkwfe-option { display: block; cursor: pointer; min-width: 0; }
.hkwfe-option input { position: absolute; opacity: 0; pointer-events: none; }
.hkwfe-option-ui { min-height: 40px; display: flex; align-items: center; gap: 9px; border: 1px solid var(--hkwfe-border); background: var(--hkwfe-bg); border-radius: var(--hkwfe-radius-sm); padding: 9px 10px; transition: border-color .14s ease, box-shadow .14s ease, transform .14s ease, background .14s ease; }
.hkwfe-option:hover .hkwfe-option-ui { border-color: #cbd5e1; box-shadow: 0 8px 24px rgba(15, 23, 42, .06); }
.hkwfe-option input:focus-visible + .hkwfe-option-ui { outline: 2px solid #111827; outline-offset: 2px; }
.hkwfe-option input:checked + .hkwfe-option-ui { border-color: var(--hkwfe-strong); background: var(--hkwfe-soft); box-shadow: inset 0 0 0 1px var(--hkwfe-strong); }
.hkwfe-option.is-empty:not(:has(input:checked)) .hkwfe-option-ui,
.hkwfe-option.is-disabled-by-count .hkwfe-option-ui { opacity: .46; box-shadow: none; }
.hkwfe-option.is-disabled-by-count { cursor: not-allowed; }
.hkwfe-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hkwfe-count { margin-left: auto; color: var(--hkwfe-muted); font-size: 12px; }
.hkwfe-option img { max-width: 46px; max-height: 26px; object-fit: contain; }
.hkwfe-fallback-icon { width: 28px; height: 28px; border-radius: 9px; background: var(--hkwfe-soft-2); display: inline-flex; align-items: center; justify-content: center; font-weight: 800; flex: 0 0 auto; }
.hkwfe-swatch { width: 24px; height: 24px; border-radius: 999px; border: 1px solid rgba(0,0,0,.18); background: var(--hkwfe-soft-2); flex: 0 0 auto; }

.hkwfe-display-pill_buttons .hkwfe-option-ui { justify-content: center; border-radius: 999px; min-height: 36px; }
.hkwfe-display-pill_buttons .hkwfe-count { margin-left: 4px; }
.hkwfe-display-color_swatches .hkwfe-option-ui { min-height: 46px; }
.hkwfe-display-icon_grid .hkwfe-option-ui,
.hkwfe-display-logo_grid .hkwfe-option-ui { min-height: 72px; flex-direction: column; justify-content: center; text-align: center; }
.hkwfe-display-icon_grid .hkwfe-count,
.hkwfe-display-logo_grid .hkwfe-count { margin-left: 0; }

.hkwfe-option.is-extra { display: none; }
.hkwfe-filter.is-expanded .hkwfe-option.is-extra { display: block; }
.hkwfe-show-more { margin-top: 10px; width: 100%; }

.hkwfe-range { display: grid; gap: 12px; }
.hkwfe-range-inputs { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.hkwfe-range-inputs label { display: grid; gap: 5px; color: var(--hkwfe-muted); font-size: 12px; }
.hkwfe-range-inputs input { width: 100%; border: 1px solid var(--hkwfe-border); border-radius: 12px; padding: 9px 10px; color: var(--hkwfe-text); background: #fff; }
.hkwfe-dual-range { position: relative; height: 30px; }
.hkwfe-range-track { position: absolute; left: 0; right: 0; top: 13px; height: 4px; background: var(--hkwfe-soft-2); border-radius: 99px; overflow: hidden; }
.hkwfe-range-fill { position: absolute; top: 0; bottom: 0; background: var(--hkwfe-strong); border-radius: inherit; }
.hkwfe-dual-range input[type="range"] { position: absolute; left: 0; right: 0; top: 3px; width: 100%; margin: 0; pointer-events: none; appearance: none; background: transparent; }
.hkwfe-dual-range input[type="range"]::-webkit-slider-thumb { appearance: none; pointer-events: auto; width: 18px; height: 18px; border-radius: 50%; border: 2px solid var(--hkwfe-strong); background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.16); }
.hkwfe-dual-range input[type="range"]::-moz-range-thumb { pointer-events: auto; width: 18px; height: 18px; border-radius: 50%; border: 2px solid var(--hkwfe-strong); background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.16); }
.hkwfe-dual-range input[type="range"]::-webkit-slider-runnable-track { height: 4px; background: transparent; }
.hkwfe-range-unit { color: var(--hkwfe-muted); font-size: 12px; }

.hkwfe-actions { display: flex; flex-wrap: wrap; gap: 10px; padding-top: 14px; }
.hkwfe-apply-mobile { display: none; background: var(--hkwfe-strong); color: #fff; border-color: var(--hkwfe-strong); }
.hkwfe-loading-products { opacity: .58; pointer-events: none; position: relative; }
.hkwfe-root.is-loading .hkwfe-panel { cursor: progress; }
.hkwfe-error { color: #b42318; background: #fef3f2; border: 1px solid #fecdca; border-radius: 12px; padding: 10px; }
.hkwfe-no-results { list-style: none; padding: 24px; border: 1px dashed var(--hkwfe-border); border-radius: var(--hkwfe-radius); background: var(--hkwfe-soft); text-align: center; }
.hkwfe-pagination { display: flex; gap: 6px; justify-content: center; align-items: center; margin: 24px 0; }
.hkwfe-page { border: 1px solid var(--hkwfe-border); background: #fff; border-radius: 10px; padding: 8px 11px; cursor: pointer; }
.hkwfe-page.is-active { background: var(--hkwfe-strong); border-color: var(--hkwfe-strong); color: #fff; }
.hkwfe-page-ellipsis { color: var(--hkwfe-muted); padding: 8px 2px; }

.hkwfe-layout-top_bar .hkwfe-panel { border-radius: 20px; box-shadow: var(--hkwfe-shadow); }
.hkwfe-layout-top_bar .hkwfe-form { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); align-items: start; }
.hkwfe-layout-top_bar .hkwfe-filter { border: 1px solid var(--hkwfe-border); border-radius: 14px; padding: 0 12px; }
.hkwfe-layout-top_bar .hkwfe-actions { grid-column: 1 / -1; }

.hkwfe-layout-mega_panel .hkwfe-panel { box-shadow: var(--hkwfe-shadow); }
.hkwfe-layout-mega_panel .hkwfe-form { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 20px; }
.hkwfe-layout-mega_panel .hkwfe-actions { grid-column: 1 / -1; }

.hkwfe-layout-compact .hkwfe-panel { padding: 10px 12px; border-radius: 14px; }
.hkwfe-layout-compact .hkwfe-filter-toggle { padding: 11px 0 8px; }
.hkwfe-layout-compact .hkwfe-option-ui { min-height: 34px; padding: 7px 9px; }

.hkwfe-theme-minimal { --hkwfe-radius: 10px; --hkwfe-radius-sm: 8px; }
.hkwfe-theme-premium { --hkwfe-radius: 22px; --hkwfe-radius-sm: 14px; }
.hkwfe-theme-premium .hkwfe-panel { box-shadow: var(--hkwfe-shadow); border-color: rgba(15,23,42,.08); }

.hkwfe-drawer-backdrop { display: none; }
.hkwfe-lock-scroll { overflow: hidden; }

@media (max-width: 768px) {
  .hkwfe-mobile-head { display: block; }
  .hkwfe-panel { position: fixed; inset: 0 0 0 auto; width: min(420px, 92vw); max-width: 92vw; transform: translateX(105%); transition: transform .2s ease; z-index: 99999; margin: 0; border-radius: 18px 0 0 18px; overflow: auto; box-shadow: var(--hkwfe-shadow); }
  .hkwfe-root.is-drawer-open .hkwfe-panel { transform: translateX(0); }
  .hkwfe-root.is-drawer-open .hkwfe-drawer-backdrop { display: block; position: fixed; inset: 0; background: rgba(15, 23, 42, .38); z-index: 99998; }
  .hkwfe-close-drawer { display: inline-flex; }
  .hkwfe-apply-mobile { display: inline-flex; justify-content: center; }
  .hkwfe-actions { position: sticky; bottom: 0; background: linear-gradient(180deg, rgba(255,255,255,.85), #fff 35%); padding: 14px 0 4px; }
  .hkwfe-layout-mega_panel .hkwfe-form,
  .hkwfe-layout-top_bar .hkwfe-form { display: block; }
}

/* 0.9 Design System marker: sidebar/top_bar/mega_panel/compact + premium/minimal */

.hkwfe-root.has-active-filters .hkwfe-reset { border-color: var(--hkwfe-strong); }

.hkwfe-root.is-loading .hkwfe-statusline:after { content: ' '; display: inline-block; width: 10px; height: 10px; margin-left: 6px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: hkwfe-spin .7s linear infinite; }
@keyframes hkwfe-spin { to { transform: rotate(360deg); } }
/* HKWFE Studio-driven frontend hints */
.hkwfe-filter{--hkwfe-filter-accent:#111827;--hkwfe-slider-color:#0f766e}.hkwfe-filter-description{margin:0 0 10px;color:#667085;font-size:.92em}.hkwfe-filter.hkwfe-style-outlined{border-color:var(--hkwfe-filter-accent)}.hkwfe-filter.hkwfe-style-filled{background:color-mix(in srgb,var(--hkwfe-filter-accent) 9%,#fff)}.hkwfe-filter.hkwfe-style-minimal{border-color:transparent;background:transparent;box-shadow:none}.hkwfe-filter .hkwfe-range-fill{background:var(--hkwfe-slider-color)!important}.hkwfe-filter input[type=range]::-webkit-slider-thumb{background:var(--hkwfe-slider-color)}.hkwfe-filter input[type=range]::-moz-range-thumb{background:var(--hkwfe-slider-color)}.hkwfe-display-icon_grid .hkwfe-options,.hkwfe-display-logo_grid .hkwfe-options,.hkwfe-display-pill_buttons .hkwfe-options{grid-template-columns:repeat(var(--hkwfe-columns,auto-fit),minmax(110px,1fr))}.hkwfe-columns-1 .hkwfe-options{--hkwfe-columns:1}.hkwfe-columns-2 .hkwfe-options{--hkwfe-columns:2}.hkwfe-columns-3 .hkwfe-options{--hkwfe-columns:3}.hkwfe-columns-4 .hkwfe-options{--hkwfe-columns:4}

/* 2.0 value-level visual meta improvements */
.hkwfe-fallback-icon[style*="background"]{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.28);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.hkwfe-display-icon_grid .hkwfe-fallback-icon,.hkwfe-display-logo_grid .hkwfe-fallback-icon{min-width:34px;width:auto;padding:0 8px;border-radius:11px;font-size:12px;letter-spacing:-.01em}


/* 2.1.0: einfache Namensliste ohne Icon-Zwang */
.hkwfe-display-plain_list .hkwfe-options{display:flex;flex-direction:column;gap:6px}
.hkwfe-display-plain_list .hkwfe-option-ui{justify-content:space-between;min-height:34px;padding:8px 10px}
.hkwfe-display-plain_list .hkwfe-label{font-weight:500}

/* 2.2.0: value-level generated SVG icons and simple modern list displays */
.hkwfe-generated-icon-wrap{display:inline-grid;place-items:center;min-width:44px;max-width:64px;line-height:0;flex:0 0 auto}
.hkwfe-generated-icon{width:54px;height:36px;display:block;filter:drop-shadow(0 4px 9px rgba(15,23,42,.13))}
.hkwfe-display-pill_buttons .hkwfe-generated-icon{width:34px;height:22px}
.hkwfe-display-pill_buttons .hkwfe-generated-icon-wrap{min-width:30px;max-width:38px;margin-right:4px}
.hkwfe-display-name_list .hkwfe-options,
.hkwfe-display-modern_list .hkwfe-options,
.hkwfe-display-compact_list .hkwfe-options{display:flex;flex-direction:column;gap:6px}
.hkwfe-display-name_list .hkwfe-option-ui{justify-content:space-between;min-height:34px;padding:8px 10px;border-radius:10px;background:#fff;border:1px solid #edf0f4}
.hkwfe-display-modern_list .hkwfe-option-ui{justify-content:space-between;min-height:42px;padding:10px 12px;border-radius:14px;background:#fff;border:1px solid #e4e7ec;box-shadow:0 4px 12px rgba(16,24,40,.04)}
.hkwfe-display-modern_list .hkwfe-option:hover .hkwfe-option-ui{border-color:#2563eb;box-shadow:0 8px 18px rgba(37,99,235,.10)}
.hkwfe-display-compact_list .hkwfe-option-ui{justify-content:space-between;min-height:28px;padding:5px 2px;border:0;background:transparent;border-bottom:1px solid #edf0f4;border-radius:0}
.hkwfe-display-name_list .hkwfe-label,
.hkwfe-display-modern_list .hkwfe-label,
.hkwfe-display-compact_list .hkwfe-label{font-weight:600;color:#111827}


/* 2.3 Responsive & Sticky Integration */
.hkwfe-root{--hkwfe-blue:#1d4ed8;--hkwfe-black:#111827;--hkwfe-surface:#fff;--hkwfe-sticky-offset:24px;color:var(--hkwfe-black)}
.hkwfe-sticky-enabled .hkwfe-panel{position:sticky;top:var(--hkwfe-sticky-offset);align-self:flex-start;max-height:calc(100vh - var(--hkwfe-sticky-offset) - 24px);overflow:auto;scrollbar-width:thin;z-index:9;background:var(--hkwfe-surface)}
.hkwfe-panel{border-radius:18px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.06)}
.hkwfe-filter-toggle,.hkwfe-open-drawer,.hkwfe-apply-mobile{color:#111827}.hkwfe-open-drawer,.hkwfe-apply-mobile,.hkwfe-reset{border-radius:999px}.hkwfe-apply-mobile{background:#1d4ed8;color:#fff;border-color:#1d4ed8}
.hkwfe-filter{background:#fff}.hkwfe-options{gap:8px}.hkwfe-option-ui{transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.hkwfe-option:hover .hkwfe-option-ui{transform:translateY(-1px)}
@media (max-width: 782px){.hkwfe-sticky-enabled .hkwfe-panel{position:static;max-height:none;overflow:visible}.hkwfe-mobile-head{position:sticky;top:0;z-index:20;background:#fff;padding:10px 0}.hkwfe-panel{border-radius:22px 22px 0 0}.hkwfe-actions{position:sticky;bottom:0;background:#fff;padding:14px;border-top:1px solid #e5e7eb;z-index:4}.hkwfe-options{display:grid;grid-template-columns:1fr 1fr}.hkwfe-display-name_list .hkwfe-options,.hkwfe-display-modern_name_list .hkwfe-options,.hkwfe-display-compact_text_list .hkwfe-options{display:block}}
@media (prefers-reduced-motion: reduce){.hkwfe-option-ui,.hkwfe-loading-products{transition:none!important}}

.hkwfe-share{display:flex;align-items:center;gap:8px;margin:8px 0 12px}.hkwfe-copy-url{border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:6px 12px;font-weight:700;cursor:pointer}.hkwfe-copy-state{font-size:12px;color:#16a34a}

.hkwfe-client-hidden{display:none!important}.hkwfe-client-empty-page::after{content:'Keine Produkte auf dieser aktuellen Seite passend zur Filterauswahl. Filter zurücksetzen oder Kategorie neu laden.';display:block;padding:24px;border:1px dashed #bfdbfe;border-radius:16px;color:#1d4ed8;background:#eff6ff;text-align:center;font-weight:700}
@media(max-width:782px){.hkwfe-share{justify-content:center}.hkwfe-copy-url{width:100%;padding:12px}.hkwfe-open-drawer{width:100%;padding:13px 18px;background:#1d4ed8;color:#fff;border:0}}

/* 3.4.0: Natural-flow frontend filter + premium white/blue/black refinement
   The filter must never become its own scroll container. It grows with the page. */
.hkwfe-root{
  --hkwfe-blue:#1368e8;
  --hkwfe-blue-2:#0b5ed7;
  --hkwfe-blue-soft:#eef5ff;
  --hkwfe-blue-soft-2:#e0ecff;
  --hkwfe-black:#0b1220;
  --hkwfe-text:#111827;
  --hkwfe-muted:#667085;
  --hkwfe-border:#dbe3ef;
  --hkwfe-soft:#f7faff;
  --hkwfe-soft-2:#edf3fb;
  --hkwfe-surface:#ffffff;
  --hkwfe-shadow:0 18px 45px rgba(17,24,39,.08);
  --hkwfe-shadow-hover:0 18px 38px rgba(19,104,232,.13);
}

.hkwfe-panel,
.hkwfe-sticky-enabled .hkwfe-panel{
  position:static!important;
  top:auto!important;
  max-height:none!important;
  height:auto!important;
  overflow:visible!important;
  scrollbar-width:auto!important;
}

.hkwfe-lock-scroll,
body.hkwfe-lock-scroll{
  overflow:visible!important;
}

.hkwfe-panel{
  border:1px solid rgba(19,104,232,.15)!important;
  border-radius:24px!important;
  padding:18px!important;
  background:
    radial-gradient(circle at 0 0, rgba(19,104,232,.08), transparent 32%),
    linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
  box-shadow:var(--hkwfe-shadow)!important;
}

.hkwfe-panel-head{
  padding:2px 2px 14px;
  border-bottom:1px solid rgba(219,227,239,.8);
  margin-bottom:12px!important;
}

.hkwfe-panel-title{
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--hkwfe-black);
  font-size:18px;
  letter-spacing:-.03em;
}
.hkwfe-panel-title:before{
  content:"";
  width:34px;
  height:34px;
  border-radius:12px;
  background:linear-gradient(135deg,var(--hkwfe-blue),#61a5ff);
  box-shadow:0 10px 22px rgba(19,104,232,.26);
}

.hkwfe-statusline{
  font-size:13px;
  color:var(--hkwfe-muted);
  padding:2px 2px 8px;
}

.hkwfe-share{
  margin:10px 0 14px!important;
  padding:10px;
  border:1px solid rgba(19,104,232,.12);
  border-radius:16px;
  background:rgba(238,245,255,.62);
}
.hkwfe-copy-url{
  border:0!important;
  background:linear-gradient(135deg,var(--hkwfe-blue),var(--hkwfe-blue-2))!important;
  color:#fff!important;
  box-shadow:0 10px 20px rgba(19,104,232,.18);
}
.hkwfe-copy-url:hover{transform:translateY(-1px);box-shadow:0 14px 26px rgba(19,104,232,.23)}

.hkwfe-chip{
  border-color:rgba(19,104,232,.22)!important;
  background:#fff!important;
  color:var(--hkwfe-blue)!important;
  box-shadow:0 8px 20px rgba(17,24,39,.05);
  font-weight:700;
}
.hkwfe-chip:hover{background:var(--hkwfe-blue-soft)!important;border-color:rgba(19,104,232,.4)!important}

.hkwfe-filter{
  margin:10px 0!important;
  padding:0 12px!important;
  border:1px solid rgba(219,227,239,.88)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 8px 24px rgba(17,24,39,.035);
}
.hkwfe-filter:first-of-type{border-top:1px solid rgba(219,227,239,.88)!important}
.hkwfe-filter:hover{border-color:rgba(19,104,232,.28)!important;box-shadow:0 12px 28px rgba(19,104,232,.07)}

.hkwfe-filter-toggle{
  padding:15px 2px 13px!important;
  color:var(--hkwfe-black)!important;
  font-size:15px;
  letter-spacing:-.02em;
}
.hkwfe-filter-toggle:after{
  color:var(--hkwfe-blue);
  opacity:.95!important;
}
.hkwfe-title-count{
  background:var(--hkwfe-blue-soft);
  color:var(--hkwfe-blue)!important;
  border-radius:999px;
  padding:3px 8px;
}
.hkwfe-filter-body{padding:0 0 14px!important}

.hkwfe-option-search,
.hkwfe-range-inputs input{
  border-color:rgba(219,227,239,.95)!important;
  background:#fff!important;
  box-shadow:inset 0 1px 1px rgba(17,24,39,.03);
}
.hkwfe-option-search:focus,
.hkwfe-range-inputs input:focus{
  border-color:var(--hkwfe-blue)!important;
  outline:0;
  box-shadow:0 0 0 3px rgba(19,104,232,.14)!important;
}

.hkwfe-option-ui{
  border-color:rgba(219,227,239,.95)!important;
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
  color:var(--hkwfe-black)!important;
  box-shadow:0 3px 10px rgba(17,24,39,.025);
}
.hkwfe-option:hover .hkwfe-option-ui{
  border-color:rgba(19,104,232,.42)!important;
  box-shadow:var(--hkwfe-shadow-hover)!important;
  transform:translateY(-2px)!important;
}
.hkwfe-option input:checked + .hkwfe-option-ui{
  border-color:var(--hkwfe-blue)!important;
  background:linear-gradient(180deg,#f7fbff,#eef5ff)!important;
  color:var(--hkwfe-black)!important;
  box-shadow:0 0 0 2px rgba(19,104,232,.18),0 14px 28px rgba(19,104,232,.12)!important;
}
.hkwfe-option input:checked + .hkwfe-option-ui .hkwfe-label{color:var(--hkwfe-black);font-weight:800}
.hkwfe-count{color:#7a8aa0!important}
.hkwfe-option input:checked + .hkwfe-option-ui .hkwfe-count{color:var(--hkwfe-blue)!important;font-weight:800}

.hkwfe-fallback-icon,
.hkwfe-generated-icon-wrap{
  background:linear-gradient(135deg,var(--hkwfe-blue),#6aa9ff)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(19,104,232,.20), inset 0 0 0 1px rgba(255,255,255,.24);
}
.hkwfe-swatch{box-shadow:0 6px 14px rgba(17,24,39,.10), inset 0 0 0 1px rgba(255,255,255,.4)}

.hkwfe-display-pill_buttons .hkwfe-option-ui{
  min-height:38px!important;
  padding:9px 13px!important;
  border-radius:999px!important;
}
.hkwfe-display-name_list .hkwfe-option-ui,
.hkwfe-display-modern_list .hkwfe-option-ui,
.hkwfe-display-plain_list .hkwfe-option-ui{
  border-radius:14px!important;
}
.hkwfe-display-modern_list .hkwfe-option-ui{
  min-height:44px!important;
}
.hkwfe-display-compact_list .hkwfe-option-ui{
  border-bottom-color:rgba(219,227,239,.95)!important;
  box-shadow:none!important;
  background:transparent!important;
}

.hkwfe-range-track{height:6px!important;top:12px!important;background:var(--hkwfe-blue-soft-2)!important;overflow:hidden!important}
.hkwfe-range-fill{background:linear-gradient(90deg,var(--hkwfe-blue),#66a8ff)!important}
.hkwfe-dual-range input[type="range"]::-webkit-slider-thumb{
  border-color:var(--hkwfe-blue)!important;
  box-shadow:0 7px 18px rgba(19,104,232,.25)!important;
}
.hkwfe-dual-range input[type="range"]::-moz-range-thumb{
  border-color:var(--hkwfe-blue)!important;
  box-shadow:0 7px 18px rgba(19,104,232,.25)!important;
}

.hkwfe-actions{
  margin-top:10px;
  padding-top:16px!important;
  border-top:1px solid rgba(219,227,239,.8);
}
.hkwfe-reset,
.hkwfe-open-drawer,
.hkwfe-apply-mobile,
.hkwfe-show-more{
  border-color:rgba(19,104,232,.20)!important;
  background:#fff!important;
  color:var(--hkwfe-black)!important;
  font-weight:800;
  box-shadow:0 8px 20px rgba(17,24,39,.05);
  transition:transform .14s ease, box-shadow .14s ease, border-color .14s ease, background .14s ease;
}
.hkwfe-reset:hover,
.hkwfe-open-drawer:hover,
.hkwfe-show-more:hover{
  transform:translateY(-1px);
  border-color:var(--hkwfe-blue)!important;
  background:var(--hkwfe-blue-soft)!important;
  box-shadow:0 12px 24px rgba(19,104,232,.12);
}
.hkwfe-apply-mobile{
  background:linear-gradient(135deg,var(--hkwfe-blue),var(--hkwfe-blue-2))!important;
  color:#fff!important;
}

.hkwfe-no-results,
.hkwfe-client-empty-page::after{
  border-color:#bfdbfe!important;
  background:linear-gradient(180deg,#eff6ff,#fff)!important;
  color:var(--hkwfe-blue)!important;
}

/* Mobile: inline drawer, no own scroll container. Opening the filter increases page height. */
@media (max-width:768px){
  .hkwfe-mobile-head{display:block;position:static!important;background:transparent!important;padding:0!important;margin-bottom:12px!important}
  .hkwfe-open-drawer{width:100%;justify-content:center;padding:13px 18px!important;background:linear-gradient(135deg,var(--hkwfe-blue),var(--hkwfe-blue-2))!important;color:#fff!important;border:0!important}
  .hkwfe-panel{
    display:none;
    position:static!important;
    inset:auto!important;
    width:100%!important;
    max-width:none!important;
    transform:none!important;
    transition:none!important;
    z-index:auto!important;
    margin:0 0 20px!important;
    border-radius:22px!important;
    overflow:visible!important;
    max-height:none!important;
  }
  .hkwfe-root.is-drawer-open .hkwfe-panel{display:block!important;transform:none!important}
  .hkwfe-root.is-drawer-open .hkwfe-drawer-backdrop{display:none!important}
  .hkwfe-close-drawer{display:inline-flex!important;color:var(--hkwfe-black)}
  .hkwfe-actions{position:static!important;background:transparent!important;padding:14px 0 0!important;border-top:1px solid rgba(219,227,239,.8)!important}
  .hkwfe-options{grid-template-columns:1fr!important}
  .hkwfe-display-icon_grid .hkwfe-options,
  .hkwfe-display-logo_grid .hkwfe-options,
  .hkwfe-display-pill_buttons .hkwfe-options,
  .hkwfe-display-color_swatches .hkwfe-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width:480px){
  .hkwfe-panel{padding:14px!important;border-radius:18px!important}
  .hkwfe-display-icon_grid .hkwfe-options,
  .hkwfe-display-logo_grid .hkwfe-options,
  .hkwfe-display-pill_buttons .hkwfe-options,
  .hkwfe-display-color_swatches .hkwfe-options{grid-template-columns:1fr!important}
  .hkwfe-panel-title{font-size:17px}
}


/* 3.5.0: Visual-only value tiles. When an icon, logo, image or swatch is used as the value definition, the visible label is hidden and the visual element gets more presence. */
.hkwfe-label-visually-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.hkwfe-option.is-visual-only .hkwfe-option-ui{
  position:relative;
  min-height:92px!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  padding:14px 12px!important;
}
.hkwfe-display-icon_grid .hkwfe-option.is-visual-only .hkwfe-option-ui,
.hkwfe-display-logo_grid .hkwfe-option.is-visual-only .hkwfe-option-ui,
.hkwfe-display-color_swatches .hkwfe-option.is-visual-only .hkwfe-option-ui{
  flex-direction:column!important;
}
.hkwfe-option.is-visual-only img{
  max-width:112px!important;
  max-height:62px!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
}
.hkwfe-display-icon_grid .hkwfe-option.is-visual-only .hkwfe-generated-icon,
.hkwfe-display-logo_grid .hkwfe-option.is-visual-only .hkwfe-generated-icon{
  width:92px!important;
  height:58px!important;
}
.hkwfe-option.is-visual-only .hkwfe-generated-icon-wrap{
  display:grid!important;
  place-items:center!important;
  line-height:0!important;
}
.hkwfe-option.is-visual-only .hkwfe-fallback-icon{
  width:76px!important;
  min-width:76px!important;
  height:56px!important;
  border-radius:16px!important;
  font-size:19px!important;
  letter-spacing:-.02em;
}
.hkwfe-display-color_swatches .hkwfe-option.is-visual-only .hkwfe-option-ui{
  min-height:84px!important;
}
.hkwfe-option.is-visual-only .hkwfe-swatch{
  width:58px!important;
  height:58px!important;
  border-radius:18px!important;
  border:1px solid rgba(17,24,39,.16)!important;
}
.hkwfe-option.is-visual-only .hkwfe-count{
  position:absolute!important;
  top:8px!important;
  right:8px!important;
  margin:0!important;
  min-width:22px;
  height:22px;
  padding:0 7px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#64748b!important;
  font-size:11px!important;
  line-height:1;
  box-shadow:0 4px 12px rgba(17,24,39,.08);
}
.hkwfe-option.is-visual-only input:checked + .hkwfe-option-ui .hkwfe-count{
  background:var(--hkwfe-blue)!important;
  color:#fff!important;
}
.hkwfe-option.is-visual-only input:checked + .hkwfe-option-ui{
  transform:translateY(-1px);
}
@media (max-width: 520px){
  .hkwfe-option.is-visual-only .hkwfe-option-ui{min-height:82px!important;padding:12px 8px!important}
  .hkwfe-option.is-visual-only img{max-width:94px!important;max-height:52px!important}
  .hkwfe-display-icon_grid .hkwfe-option.is-visual-only .hkwfe-generated-icon,
  .hkwfe-display-logo_grid .hkwfe-option.is-visual-only .hkwfe-generated-icon{width:80px!important;height:50px!important}
  .hkwfe-option.is-visual-only .hkwfe-fallback-icon{width:66px!important;min-width:66px!important;height:50px!important;font-size:17px!important}
  .hkwfe-option.is-visual-only .hkwfe-swatch{width:50px!important;height:50px!important}
}


/* 3.6.0: Streamlined filter header + cleaner reset integration
   The browser URL is the shareable filter URL, so no separate copy button is rendered. */
.hkwfe-panel-head-compact{
  justify-content:flex-end!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  min-height:0!important;
}
.hkwfe-panel-head-compact:empty{display:none!important}
.hkwfe-panel-title{display:none!important}
.hkwfe-share,.hkwfe-copy-url,.hkwfe-copy-state{display:none!important}
.hkwfe-statusline:empty{display:none!important}
.hkwfe-statusline{padding:0 2px 8px!important}
.hkwfe-active:empty{display:none!important}
.hkwfe-active-chips{margin-top:0!important}
.hkwfe-actions{
  justify-content:center!important;
  align-items:center!important;
  padding-top:18px!important;
  margin-top:14px!important;
}
.hkwfe-reset{
  min-width:min(100%,240px);
  justify-content:center!important;
  text-align:center!important;
  padding:12px 18px!important;
  border-radius:999px!important;
  color:var(--hkwfe-blue)!important;
  background:linear-gradient(180deg,#ffffff,#f7fbff)!important;
  border:1px solid rgba(19,104,232,.28)!important;
  box-shadow:0 10px 22px rgba(19,104,232,.08)!important;
}
.hkwfe-reset:hover{
  color:#fff!important;
  background:linear-gradient(135deg,var(--hkwfe-blue),var(--hkwfe-blue-2))!important;
  border-color:transparent!important;
  box-shadow:0 16px 30px rgba(19,104,232,.20)!important;
}
@media (min-width:769px){
  .hkwfe-panel-head-compact{display:none!important}
}
@media (max-width:768px){
  .hkwfe-panel-head-compact{display:flex!important}
  .hkwfe-close-drawer{
    width:38px!important;
    height:38px!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    background:#f7fbff!important;
    border:1px solid rgba(19,104,232,.18)!important;
    box-shadow:0 8px 18px rgba(17,24,39,.05)!important;
  }
  .hkwfe-actions{justify-content:center!important}
  .hkwfe-reset{width:100%;max-width:320px}
}

/* 3.7.0: Trefferzahlen an einzelnen Filterwerten bleiben nur technisch für Logik vorhanden, aber werden im Frontend nicht sichtbar ausgegeben. */
.hkwfe-root .hkwfe-count,
.hkwfe-root .hkwfe-count-hidden{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.hkwfe-root .hkwfe-filter-tax .hkwfe-title-count{
  display:none!important;
}


/* 3.8.0: Cleaner Premium UI — no visible product-count line and no active-filter chip bar.
   Selections are communicated only by the active state directly on the selected option. */
.hkwfe-statusline,
.hkwfe-active,
.hkwfe-active-chips {
  display: none !important;
}
.hkwfe-panel {
  padding-top: 14px;
}
.hkwfe-form {
  margin-top: 0;
}

/* 4.0.0: Mobile filter hardening.
   The mobile button must open the real filter content, not an empty drawer.
   We force the same panel/form/fieldset DOM to be visible inline and keep the page as the only scroll container. */
@media (max-width: 768px){
  .hkwfe-root .hkwfe-mobile-head{
    display:block!important;
    position:static!important;
    z-index:auto!important;
    background:transparent!important;
  }
  .hkwfe-root .hkwfe-panel{
    display:none!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:100%!important;
    max-height:none!important;
    height:auto!important;
    overflow:visible!important;
    opacity:1!important;
    visibility:visible!important;
    margin:0 0 20px!important;
    border-radius:22px!important;
  }
  .hkwfe-root.is-drawer-open .hkwfe-panel,
  .hkwfe-root.is-mobile-filter-open .hkwfe-panel{
    display:block!important;
  }
  .hkwfe-root.is-drawer-open .hkwfe-form,
  .hkwfe-root.is-mobile-filter-open .hkwfe-form,
  .hkwfe-root.is-drawer-open .hkwfe-filter,
  .hkwfe-root.is-mobile-filter-open .hkwfe-filter,
  .hkwfe-root.is-drawer-open .hkwfe-filter-body,
  .hkwfe-root.is-mobile-filter-open .hkwfe-filter-body,
  .hkwfe-root.is-drawer-open .hkwfe-options,
  .hkwfe-root.is-mobile-filter-open .hkwfe-options,
  .hkwfe-root.is-drawer-open .hkwfe-actions,
  .hkwfe-root.is-mobile-filter-open .hkwfe-actions{
    visibility:visible!important;
    opacity:1!important;
    max-height:none!important;
    height:auto!important;
    overflow:visible!important;
  }
  .hkwfe-root.is-drawer-open .hkwfe-form,
  .hkwfe-root.is-mobile-filter-open .hkwfe-form{
    display:block!important;
  }
  .hkwfe-root.is-drawer-open .hkwfe-filter,
  .hkwfe-root.is-mobile-filter-open .hkwfe-filter{
    display:block!important;
  }
  .hkwfe-root.is-drawer-open .hkwfe-filter:not(.is-collapsed) .hkwfe-filter-body,
  .hkwfe-root.is-mobile-filter-open .hkwfe-filter:not(.is-collapsed) .hkwfe-filter-body{
    display:block!important;
  }
  .hkwfe-root.is-drawer-open .hkwfe-drawer-backdrop,
  .hkwfe-root.is-mobile-filter-open .hkwfe-drawer-backdrop{
    display:none!important;
  }
  html.hkwfe-lock-scroll,
  body.hkwfe-lock-scroll{
    overflow:visible!important;
  }
  .hkwfe-root .hkwfe-mobile-empty-warning{
    display:block;
    padding:14px 16px;
    margin:8px 0 14px;
    border:1px dashed rgba(19,104,232,.35);
    border-radius:16px;
    background:#eef5ff;
    color:#0b5ed7;
    font-weight:700;
    text-align:center;
  }
}

/* 4.2.0: CTA button blocks inside the filter column. */
.hkwfe-cta-block{
  margin: 12px 0;
}
.hkwfe-cta-button{
  width:100%;
  border:0;
  appearance:none;
  text-decoration:none!important;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border-radius:18px;
  font-family:inherit;
  font-weight:800;
  line-height:1.15;
  box-shadow:0 12px 28px rgba(15,23,42,.10);
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease,border-color .16s ease;
}
.hkwfe-cta-button:hover{transform:translateY(-1px);box-shadow:0 18px 34px rgba(15,23,42,.15);filter:saturate(1.06)}
.hkwfe-cta-button:focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:3px}
.hkwfe-cta-icon{
  width:42px;height:42px;flex:0 0 42px;border-radius:14px;display:grid;place-items:center;
  background:rgba(255,255,255,.18);color:inherit;font-size:22px;font-weight:900;
}
.hkwfe-cta-icon img,.hkwfe-cta-icon svg{max-width:28px;max-height:28px;width:28px;height:28px;object-fit:contain;display:block}
.hkwfe-cta-icon svg{stroke:currentColor;fill:none}
.hkwfe-cta-copy{display:grid;gap:3px;text-align:left;min-width:0}
.hkwfe-cta-copy strong{font-size:15px;letter-spacing:-.01em;color:inherit}
.hkwfe-cta-copy small{font-size:12px;font-weight:650;opacity:.82;color:inherit}
.hkwfe-cta-green .hkwfe-cta-button{background:linear-gradient(135deg,#0fb981,#079455);color:#fff}
.hkwfe-cta-blue .hkwfe-cta-button{background:linear-gradient(135deg,#2563eb,#0b5ed7);color:#fff}
.hkwfe-cta-dark .hkwfe-cta-button{background:linear-gradient(135deg,#111827,#020617);color:#fff}
.hkwfe-cta-outline .hkwfe-cta-button{background:#fff;color:#0b1220;border:1px solid #d8e2f0;box-shadow:0 8px 20px rgba(15,23,42,.06)}
.hkwfe-cta-outline .hkwfe-cta-icon{background:#eff6ff;color:#2563eb}
.hkwfe-cta-size-large .hkwfe-cta-button{padding:17px 18px;border-radius:22px}
.hkwfe-cta-size-large .hkwfe-cta-icon{width:48px;height:48px;flex-basis:48px;font-size:25px}
.hkwfe-cta-size-large .hkwfe-cta-icon img,.hkwfe-cta-size-large .hkwfe-cta-icon svg{width:30px;height:30px;max-width:30px;max-height:30px}
.hkwfe-cta-size-large .hkwfe-cta-copy strong{font-size:16px}
.hkwfe-cta-size-compact .hkwfe-cta-button{padding:10px 12px;border-radius:15px;gap:9px}
.hkwfe-cta-size-compact .hkwfe-cta-icon{width:34px;height:34px;flex-basis:34px;font-size:18px;border-radius:11px}
.hkwfe-cta-size-compact .hkwfe-cta-icon img,.hkwfe-cta-size-compact .hkwfe-cta-icon svg{width:20px;height:20px;max-width:20px;max-height:20px}
@media(max-width:768px){.hkwfe-cta-button{padding:13px 14px}.hkwfe-cta-icon{width:38px;height:38px;flex-basis:38px}}

/* 4.5.0: Outer alignment helper only.
   Inner filter spacing is restored; any vertical correction should happen on the outside wrapper. */
.hkwfe-root{
  transform: translateY(var(--hkwfe-outer-shift, 0px));
}


/* 4.8.0: Porto/mobile-sidebar compatibility.
   Porto already opens the mobile filter/sidebar. Inside that sidebar the HKW filter must show
   the real filter content immediately instead of rendering a second, empty mobile drawer.
   This also keeps the page/sidebar as the only scroll context and avoids duplicate "Filter" buttons. */
@media (max-width: 768px){
  .hkwfe-root .hkwfe-mobile-head{
    display:none!important;
  }
  .hkwfe-root .hkwfe-panel,
  .hkwfe-root.is-drawer-open .hkwfe-panel,
  .hkwfe-root.is-mobile-filter-open .hkwfe-panel{
    display:block!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:100%!important;
    max-height:none!important;
    height:auto!important;
    overflow:visible!important;
    opacity:1!important;
    visibility:visible!important;
    margin:0 0 20px!important;
    border-radius:22px!important;
  }
  .hkwfe-root .hkwfe-panel-head,
  .hkwfe-root .hkwfe-close-drawer,
  .hkwfe-root .hkwfe-apply-mobile,
  .hkwfe-root .hkwfe-drawer-backdrop{
    display:none!important;
  }
  .hkwfe-root .hkwfe-form,
  .hkwfe-root .hkwfe-filter,
  .hkwfe-root .hkwfe-filter-body,
  .hkwfe-root .hkwfe-options,
  .hkwfe-root .hkwfe-actions{
    visibility:visible!important;
    opacity:1!important;
    max-height:none!important;
    height:auto!important;
    overflow:visible!important;
  }
  .hkwfe-root .hkwfe-form,
  .hkwfe-root .hkwfe-filter{
    display:block!important;
  }
  .hkwfe-root .hkwfe-filter:not(.is-collapsed) .hkwfe-filter-body{
    display:block!important;
  }
}


/* 5.5.0: Porto/mobile sidebar hardening.
   Porto can move sidebar widgets into an off-canvas container; the HKW panel must stay real content, not an empty drawer. */
.hkwfe-root.hkwfe-porto-mobile-compatible .hkwfe-panel,
.porto-sidebar .hkwfe-root .hkwfe-panel,
.sidebar .hkwfe-root .hkwfe-panel,
.mobile-sidebar .hkwfe-root .hkwfe-panel,
.offcanvas .hkwfe-root .hkwfe-panel {
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}
@media (max-width: 991px) {
  .hkwfe-root .hkwfe-mobile-head,
  .hkwfe-root .hkwfe-drawer-backdrop,
  .hkwfe-root .hkwfe-panel-head { display:none !important; }
  .hkwfe-root .hkwfe-panel {
    position:static !important;
    inset:auto !important;
    transform:none !important;
    max-height:none !important;
    overflow:visible !important;
  }
  .hkwfe-root .hkwfe-form { display:block !important; }
}


.hkwfe-snapshot-meta{margin-top:8px;font-size:12px;line-height:1.45;color:#475467}
.hkwfe-snapshot-meta .price{display:block;margin:4px 0 2px;font-size:15px;font-weight:800;color:#111827}
.hkwfe-snapshot-germanized{display:grid;gap:2px;margin-top:3px}
.hkwfe-snapshot-germanized p,.hkwfe-snapshot-germanized span{margin-top:0;margin-bottom:0}
.hkwfe-gzd-delivery-time{font-weight:650;color:#0f766e}
.hkwfe-gzd-tax-notice,.hkwfe-gzd-shipping-notice{color:#667085}

.hkwfe-client-awaiting-snapshot{opacity:.88;transition:opacity .15s ease}


.hkwfe-injected-product-meta{margin-top:6px;font-size:12px;line-height:1.45;color:#475467}
.hkwfe-injected-product-meta .hkwfe-injected-price,.hkwfe-injected-product-meta .price{font-size:15px;font-weight:800;color:#111827;margin:3px 0}
.hkwfe-injected-product-meta .hkwfe-injected-delivery,.hkwfe-injected-product-meta .hkwfe-injected-availability{font-weight:650;color:#0f766e;margin:2px 0}
.hkwfe-injected-product-meta .hkwfe-injected-tax-notice,.hkwfe-injected-product-meta .hkwfe-injected-shipping-notice{color:#667085;margin:1px 0}


/* HKWFE 6.9.4: Produktübersicht bewusst schlank halten */
.hkwfe-gzd-tax-notice,
.hkwfe-gzd-shipping-notice,
.hkwfe-injected-tax-notice,
.hkwfe-injected-shipping-notice{display:none!important}

.hkwfe-snapshot-meta .delivery-time,
.hkwfe-snapshot-meta [class*="delivery"],
.hkwfe-snapshot-meta [class*="liefer"],
.hkwfe-injected-product-meta .delivery-time,
.hkwfe-injected-product-meta [class*="delivery"],
.hkwfe-injected-product-meta [class*="liefer"],
.hkwfe-injected-product-meta .stock,
.hkwfe-gzd-delivery-time,
.hkwfe-injected-delivery,
.hkwfe-injected-availability{
    color:#0f766e!important;
    font-weight:650;
}

.hkwfe-injected-product-meta .hkwfe-injected-delivery p,
.hkwfe-injected-product-meta .hkwfe-injected-delivery span,
.hkwfe-injected-product-meta .hkwfe-injected-availability p,
.hkwfe-injected-product-meta .hkwfe-injected-availability span{
    color:inherit!important;
}


.hkwfe-debug-overlay{
  position:fixed;right:14px;bottom:14px;z-index:999999;
  display:grid;gap:3px;min-width:260px;max-width:360px;
  padding:12px 14px;border-radius:14px;background:rgba(15,23,42,.94);
  color:#fff;font:12px/1.35 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  box-shadow:0 18px 50px rgba(0,0,0,.28)
}
.hkwfe-debug-overlay strong{font-size:13px;margin-bottom:2px}
.hkwfe-debug-overlay span{display:block;color:#e5e7eb}
.hkwfe-debug-overlay small{color:#94a3b8;margin-top:4px}