.zzk-wrap{--zzk-accent:var(--wp--preset--color--primary,#2e7d32);--zzk-accent-dark:var(--zzk-accent);--zzk-accent-soft:#f4f6f5;max-width:1400px;margin:56px auto;padding:0 24px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--zzk-theme-text,#202428)}.zzk-wrap *{box-sizing:border-box}.zzk-head{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:28px}.zzk-eyebrow{font-size:12px;letter-spacing:.14em;font-weight:800;color:var(--zzk-accent)}.zzk-head h2{font-size:clamp(28px,3vw,44px);margin:6px 0 8px;line-height:1.08}.zzk-head p{max-width:760px;margin:0;color:#61676d;font-size:16px}.zzk-measure-open,.zzk-add-package,.zzk-apply{border:0;border-radius:10px;background:var(--zzk-accent);color:#fff;font-weight:800;padding:15px 22px;cursor:pointer;box-shadow:0 7px 20px color-mix(in srgb,var(--zzk-accent) 18%,transparent)}.zzk-grid{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:24px;align-items:start}.zzk-main{display:grid;gap:18px}.zzk-section,.zzk-summary{background:#fff;border:1px solid #e4e8e5;border-radius:16px;box-shadow:0 8px 26px rgba(25,35,30,.06)}.zzk-section{padding:22px}.zzk-section-title{display:flex;gap:13px;align-items:center;margin-bottom:18px}.zzk-section-title>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--zzk-accent-soft);color:var(--zzk-accent);font-weight:900}.zzk-section-title strong{display:block;font-size:18px}.zzk-section-title small{display:block;color:#6a7175;margin-top:2px}.zzk-situations{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.zzk-situation{background:#F8FBFF;border:1px solid #dfe4e1;border-radius:12px;padding:10px;cursor:pointer;color:#27302b}.zzk-situation svg{width:100%;height:70px;stroke:#68716c;stroke-width:3;fill:#fff}.zzk-situation b,.zzk-situation small{display:block}.zzk-situation small{color:#737a76}.zzk-situation.is-active{border:2px solid var(--zzk-accent);background:var(--zzk-accent-soft);box-shadow:inset 0 0 0 2px #fff}.zzk-situation.is-active svg{stroke:var(--zzk-accent)}.zzk-inline-lengths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.zzk-length-field{display:flex;align-items:stretch;border:1px solid #dce1de;border-radius:9px;overflow:hidden;background:#fff}.zzk-length-field span,.zzk-length-field em{display:grid;place-items:center;padding:0 12px;background:#f0f2f1;font-style:normal;font-weight:700}.zzk-length-field input{min-width:0;width:100%;border:0;padding:12px;font:inherit;outline:none}.zzk-option-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.zzk-option-card{display:grid;grid-template-columns:72px 1fr;grid-template-rows:auto auto;gap:2px 12px;text-align:left;background:#fff;border:1px solid #e0e4e2;border-radius:12px;padding:10px;cursor:pointer}.zzk-option-card img{grid-row:1/3;width:72px;height:72px;object-fit:contain;border-radius:8px;background:#f6f7f6}.zzk-option-card span{font-weight:750}.zzk-option-card small{color:var(--zzk-accent)}.zzk-option-card.is-active{border:2px solid var(--zzk-accent);background:var(--zzk-accent-soft)}.zzk-accessories{display:grid;gap:10px}.zzk-accessory{display:grid;grid-template-columns:auto 64px 1fr;gap:12px;align-items:center;border:1px solid #e0e4e2;border-radius:12px;padding:10px;cursor:pointer}.zzk-accessory img{width:64px;height:64px;object-fit:contain}.zzk-accessory b,.zzk-accessory small{display:block}.zzk-accessory small{color:#69716d;margin-top:3px}.zzk-summary{position:sticky;top:110px;overflow:hidden;padding-bottom:18px}.zzk-hero-img{display:block;width:100%;height:220px;object-fit:cover;background:#f3f4f3}.zzk-summary h3{font-size:22px;margin:18px 20px 10px}.zzk-summary-row{display:flex;justify-content:space-between;gap:18px;padding:11px 20px;border-top:1px solid #edf0ee}.zzk-total{display:flex;justify-content:space-between;align-items:end;padding:18px 20px 13px;margin-top:4px;background:#f6f8f6}.zzk-total span{font-size:14px}.zzk-total strong{font-size:25px;color:var(--zzk-accent)}.zzk-add-package{width:calc(100% - 40px);margin:14px 20px 0}.zzk-status{padding:0 20px;margin:10px 0 0;font-size:13px}.zzk-status a{color:var(--zzk-accent);font-weight:700}.zzk-drawer-backdrop{position:fixed;inset:0;background:rgba(10,16,13,.55);z-index:99998;opacity:0;pointer-events:none;transition:.2s}.zzk-drawer-backdrop.is-open{opacity:1;pointer-events:auto}.zzk-drawer{position:fixed;right:0;top:0;height:100vh;width:min(520px,94vw);background:#fff;z-index:99999;transform:translateX(102%);transition:.25s ease;box-shadow:-16px 0 50px rgba(0,0,0,.18);overflow:auto}.zzk-drawer.is-open{transform:none}.zzk-drawer-head{position:sticky;top:0;background:#18324e;color:#fff;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;z-index:2}.zzk-drawer-close{border:0;background:transparent;color:#fff;font-size:34px;line-height:1;cursor:pointer}.zzk-drawer-body{padding:24px}.zzk-drawer-body h3{margin:0 0 14px}.zzk-drawer-sketch{border:1px solid #e0e5e2;border-radius:12px;padding:8px;margin-bottom:14px}.zzk-drawer-sketch svg{display:block;width:100%;height:140px;stroke:#5e6862;stroke-width:3;fill:#fff}.zzk-drawer-sketch text{font-size:14px;fill:#18324e;stroke:none;font-weight:800}.zzk-drawer-lengths{display:grid;gap:10px}.zzk-drawer-total{display:flex;justify-content:space-between;margin:16px 0;font-size:16px}.zzk-apply{width:100%;font-size:16px}.zzk-helptext{margin-top:28px;border-top:1px solid #e6e9e7;padding-top:22px;line-height:1.55;color:#4e5652}.zzk-no-scroll{overflow:hidden}.zzk-add-package.is-loading{opacity:.65;cursor:wait}
@media(max-width:1050px){.zzk-grid{grid-template-columns:1fr}.zzk-summary{position:static}.zzk-situations{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.zzk-wrap{padding:0 14px;margin:34px auto}.zzk-head{display:block}.zzk-measure-open{margin-top:16px;width:100%}.zzk-situations{grid-template-columns:repeat(2,1fr)}.zzk-inline-lengths{grid-template-columns:1fr}.zzk-option-cards{grid-template-columns:1fr}.zzk-section{padding:16px}.zzk-summary{border-radius:14px}.zzk-drawer-body{padding:18px}}


/* v1.0.1 – volle Produktbreite + Zaunonline-artige Auswahlkarten */
body.single-product div.product > .zzk-wrap,
body.single-product .product > .zzk-wrap {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    justify-self: stretch !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
body.single-product .zzk-wrap { padding-left:0; padding-right:0; }
body.single-product .zzk-wrap .zzk-grid { width:100%; grid-template-columns:minmax(0,1fr) minmax(360px,420px); gap:28px; }
body.single-product .zzk-wrap .zzk-main { min-width:0; }
body.single-product .zzk-wrap button.zzk-situation,
body.single-product .zzk-wrap button.zzk-option-card { background:#fff !important; color:var(--zzk-theme-text,#202428) !important; box-shadow:none !important; position:relative; }
body.single-product .zzk-wrap button.zzk-situation:hover,
body.single-product .zzk-wrap button.zzk-option-card:hover { border-color:var(--zzk-accent) !important; background:#f8fbf8 !important; }
body.single-product .zzk-wrap button.zzk-situation.is-active,
body.single-product .zzk-wrap button.zzk-option-card.is-active { border:2px solid var(--zzk-accent) !important; background:#f2f8f3 !important; color:var(--zzk-theme-text,#202428) !important; }
body.single-product .zzk-wrap button.zzk-situation.is-active::after,
body.single-product .zzk-wrap button.zzk-option-card.is-active::after { content:"✓"; position:absolute; top:8px; right:8px; width:24px; height:24px; border-radius:50%; display:grid; place-items:center; background:var(--zzk-accent); color:#fff; font-size:14px; font-weight:900; }
body.single-product .zzk-wrap .zzk-measure-open,
body.single-product .zzk-wrap .zzk-add-package,
body.single-product .zzk-wrap .zzk-apply { background:var(--zzk-accent) !important; color:#fff !important; border:0 !important; }
body.single-product .zzk-wrap .zzk-measure-open:hover,
body.single-product .zzk-wrap .zzk-add-package:hover,
body.single-product .zzk-wrap .zzk-apply:hover { filter:brightness(.92); }
body.single-product .zzk-wrap .zzk-situations { grid-template-columns:repeat(5,minmax(120px,1fr)); }
body.single-product .zzk-wrap .zzk-situation { min-height:148px; padding:14px 10px !important; }
body.single-product .zzk-wrap .zzk-situation svg { height:76px; }
body.single-product .zzk-wrap .zzk-situation b { margin-top:4px; font-size:14px; }
body.single-product .zzk-wrap .zzk-situation small { font-size:12px; }
body.single-product .zzk-wrap .zzk-summary { align-self:start; width:100%; }
body.single-product .zzk-wrap .zzk-hero-img { height:260px; object-fit:contain; padding:18px; background:#f7f8f7; }
body.single-product .zzk-wrap .zzk-drawer-head { background:#173653; }
body.single-product .zzk-wrap .zzk-drawer-body { font-size:15px; }
@media (max-width:1150px){ body.single-product .zzk-wrap .zzk-grid{grid-template-columns:1fr} body.single-product .zzk-wrap .zzk-summary{position:static} }
@media (max-width:900px){ body.single-product .zzk-wrap .zzk-situations{grid-template-columns:repeat(2,minmax(0,1fr))} }

/* v1.1.0 – Varianten direkt im Konfigurator */
.zzk-variant-groups{display:grid;gap:18px}.zzk-variant-group{display:grid;gap:9px}.zzk-variant-label{font-size:14px;font-weight:800;color:#303733}.zzk-variant-options{display:flex;flex-wrap:wrap;gap:9px}.zzk-variant-option{appearance:none;border:1px solid #dce3df;background:#fff!important;color:var(--zzk-theme-text,#202428)!important;border-radius:10px;padding:10px 14px!important;font:inherit;font-weight:750;line-height:1.2;cursor:pointer;box-shadow:none!important;position:relative}.zzk-variant-option:hover{border-color:var(--zzk-accent);background:var(--zzk-accent-soft)!important}.zzk-variant-option.is-active{border:2px solid var(--zzk-accent);background:var(--zzk-accent-soft)!important;padding:9px 13px!important}.zzk-variant-option.is-active:after{content:"✓";display:inline-grid;place-items:center;margin-left:8px;width:18px;height:18px;border-radius:50%;background:var(--zzk-accent);color:#fff;font-size:11px;font-weight:900}.zzk-summary-row[data-kind=variation] strong,.zzk-summary-row [data-summary=variation]{max-width:58%;text-align:right;font-size:13px;line-height:1.35}.zzk-post-breakdown span{font-size:13px;color:#69716d}.zzk-post-breakdown strong{font-size:13px}
@media(max-width:700px){.zzk-variant-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.zzk-variant-option{width:100%;text-align:center}}


/* v1.2.3 – flexible BPC-Höhenberechnung */
.zzk-height-options{display:flex;flex-wrap:wrap;gap:10px}.zzk-height-option{appearance:none;background:#fff!important;color:var(--zzk-theme-text,#202428)!important;border:1px solid #dce3df!important;border-radius:10px!important;padding:12px 16px!important;font:inherit!important;font-weight:800!important;cursor:pointer;box-shadow:none!important;position:relative}.zzk-height-option:hover{border-color:var(--zzk-accent)!important;background:var(--zzk-accent-soft)!important}.zzk-height-option.is-active{border:2px solid var(--zzk-accent)!important;background:var(--zzk-accent-soft)!important;padding:11px 15px!important}.zzk-height-option.is-active:after{content:"✓";display:inline-grid;place-items:center;margin-left:8px;width:18px;height:18px;border-radius:50%;background:var(--zzk-accent);color:#fff;font-size:11px}.zzk-height-note{margin-top:14px;padding:12px 14px;border-radius:10px;background:#f6f8f6;color:#555}.zzk-height-note strong{color:var(--zzk-theme-text,#202428)}.zzk-summary-row [data-summary=postauto]{max-width:62%;text-align:right;font-size:12px;line-height:1.3}
@media(max-width:700px){.zzk-height-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.zzk-height-option{width:100%}}


/* v1.2.4 – optionales Zubehör mit frei wählbarer Menge */
.zzk-optional-accessories{display:grid;gap:10px}
.zzk-optional-accessory{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid #e0e4e2;border-radius:12px;padding:10px 12px;background:#fff;transition:.15s ease}
.zzk-optional-accessory.is-selected{border:2px solid var(--zzk-accent);background:var(--zzk-accent-soft);padding:9px 11px}
.zzk-optional-check{display:grid;grid-template-columns:auto 64px minmax(0,1fr);gap:12px;align-items:center;cursor:pointer;margin:0}
.zzk-optional-check input{width:18px;height:18px;accent-color:var(--zzk-accent)}
.zzk-optional-check img{width:64px;height:64px;object-fit:contain;border-radius:8px;background:#f6f7f6}
.zzk-optional-check b,.zzk-optional-check small{display:block}.zzk-optional-check small{color:#69716d;margin-top:3px}
.zzk-qty{display:grid;grid-template-columns:38px 58px 38px;align-items:center;border:1px solid #dce1de;border-radius:10px;overflow:hidden;background:#fff}
.zzk-qty button{appearance:none;border:0!important;background:#f3f5f4!important;color:var(--zzk-theme-text,#202428)!important;width:38px;height:38px;padding:0!important;font-size:20px!important;line-height:1!important;cursor:pointer;box-shadow:none!important}
.zzk-qty input{width:58px;height:38px;border:0!important;border-left:1px solid #e2e6e4!important;border-right:1px solid #e2e6e4!important;text-align:center;padding:0 4px!important;font:inherit;font-weight:800;background:#fff;color:var(--zzk-theme-text,#202428);-moz-appearance:textfield}
.zzk-qty input::-webkit-outer-spin-button,.zzk-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.zzk-optional-accessory:not(.is-selected) .zzk-qty{opacity:.45}
@media(max-width:700px){.zzk-optional-accessory{grid-template-columns:1fr}.zzk-qty{justify-self:end}.zzk-optional-check{grid-template-columns:auto 54px minmax(0,1fr)}.zzk-optional-check img{width:54px;height:54px}}


/* v1.2.5 – NORDSTRAND Tor-Komplettset */
.zzk-gate-card{display:grid;grid-template-columns:90px minmax(0,1fr);gap:16px;align-items:center;border:1px solid #e0e5e2;border-radius:12px;padding:12px;background:#fff}
.zzk-gate-card img{width:90px;height:90px;object-fit:contain;background:#f6f7f6;border-radius:9px}
.zzk-gate-info b,.zzk-gate-info small{display:block}.zzk-gate-info b{font-size:16px;margin-bottom:6px}.zzk-gate-info small{color:#69716d;line-height:1.45}.zzk-gate-info small strong{color:var(--zzk-theme-text,#202428)}
.zzk-gate-controls{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:16px}
.zzk-gate-qty-options,.zzk-gate-frame-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.zzk-gate-qty,.zzk-gate-frame{appearance:none;border:1px solid #dce3df!important;background:#fff!important;color:var(--zzk-theme-text,#202428)!important;border-radius:10px!important;padding:10px 14px!important;font:inherit!important;font-weight:800!important;cursor:pointer;box-shadow:none!important}
.zzk-gate-qty:hover,.zzk-gate-frame:hover{border-color:var(--zzk-accent)!important;background:var(--zzk-accent-soft)!important}
.zzk-gate-qty.is-active,.zzk-gate-frame.is-active{border:2px solid var(--zzk-accent)!important;background:var(--zzk-accent-soft)!important;padding:9px 13px!important}
.zzk-gate-note{margin:14px 0 0;padding:10px 12px;border-radius:9px;background:#f7f8f7;color:#68706c;font-size:13px;line-height:1.45}
.zzk-gate-price{margin-top:10px;font-weight:800;color:var(--zzk-accent)}
@media(max-width:700px){.zzk-gate-controls{grid-template-columns:1fr}.zzk-gate-card{grid-template-columns:70px minmax(0,1fr)}.zzk-gate-card img{width:70px;height:70px}}

/* =========================================================
   v1.3.0 – Premium Design Update
   Reines Frontend-Design, keine Berechnungslogik geändert.
   ========================================================= */
.zzk-wrap{
  --zzk-accent:#1F7CEC;
  --zzk-accent-dark:#155FB8;
  --zzk-accent-soft:#F1F7FF;
  --zzk-text:#0F172A;
  --zzk-muted:#64748B;
  --zzk-line:#E2E8F0;
  --zzk-surface:#ffffff;
  --zzk-surface-soft:#F8FBFF;
  --zzk-shadow:0 14px 42px rgba(15,23,42,.08);
  color:var(--zzk-text);
}

.zzk-head{align-items:center;margin-bottom:32px;padding:0 4px}
.zzk-eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--zzk-accent);font-weight:850}
.zzk-head h2{font-size:clamp(30px,3vw,46px);letter-spacing:-.035em;margin:7px 0 10px;color:var(--zzk-text)}
.zzk-head p{font-size:15px;line-height:1.65;color:var(--zzk-muted)}

.zzk-grid{gap:30px}
.zzk-main{gap:22px}
.zzk-section,.zzk-summary{
  border:1px solid var(--zzk-line)!important;
  border-radius:20px!important;
  background:var(--zzk-surface)!important;
  box-shadow:var(--zzk-shadow)!important;
}
.zzk-section{padding:26px!important}
.zzk-section-title{gap:14px;margin-bottom:21px}
.zzk-section-title>span{
  width:38px;height:38px;border-radius:12px;
  background:var(--zzk-accent-soft)!important;
  color:var(--zzk-accent)!important;
  border:1px solid #D7E7FF;
  font-size:14px;font-weight:900;
}
.zzk-section-title strong{font-size:19px;letter-spacing:-.015em;color:var(--zzk-text)}
.zzk-section-title small{font-size:13px;line-height:1.45;color:#64748B;margin-top:4px}

/* Situationskarten */
body.single-product .zzk-wrap button.zzk-situation{
  min-height:154px;
  border:1px solid var(--zzk-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  padding:15px 12px!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
body.single-product .zzk-wrap button.zzk-situation:hover{
  transform:translateY(-2px);
  border-color:#b9d6bf!important;
  background:#fbfdfb!important;
  box-shadow:0 9px 22px rgba(25,45,32,.07)!important;
}
body.single-product .zzk-wrap button.zzk-situation.is-active{
  border:2px solid var(--zzk-accent)!important;
  background:var(--zzk-accent-soft)!important;
  box-shadow:0 8px 20px rgba(46,125,50,.10)!important;
}
.zzk-situation svg{height:72px;stroke:#717b75}
.zzk-situation b{font-size:14px!important;color:var(--zzk-text)}
.zzk-situation small{font-size:12px!important;color:#7a837e!important;margin-top:2px}

/* Längenfelder */
.zzk-inline-lengths{gap:12px;margin-top:18px}
.zzk-length-field{
  min-height:48px;border:1px solid var(--zzk-line)!important;border-radius:12px!important;
  background:#fff!important;transition:border-color .15s ease,box-shadow .15s ease
}
.zzk-length-field:focus-within{border-color:var(--zzk-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--zzk-accent) 12%,transparent)}
.zzk-length-field span,.zzk-length-field em{background:#f3f6f4!important;color:#4f5a53;padding:0 14px}
.zzk-length-field input{font-weight:700;color:var(--zzk-text);background:#fff!important}

/* Varianten / Höhen / allgemeine Auswahl-Chips */
.zzk-variant-options,.zzk-height-options{gap:10px}
.zzk-variant-option,.zzk-height-option{
  min-height:44px;
  border:1px solid var(--zzk-line)!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#2b332f!important;
  padding:11px 16px!important;
  font-weight:750!important;
  transition:all .15s ease!important;
}
.zzk-variant-option:hover,.zzk-height-option:hover{
  border-color:#a9cfb1!important;background:#fafdfb!important;transform:translateY(-1px)
}
.zzk-variant-option.is-active,.zzk-height-option.is-active{
  border:2px solid var(--zzk-accent)!important;
  background:var(--zzk-accent-soft)!important;
  color:var(--zzk-accent-dark)!important;
  padding:10px 15px!important;
}
.zzk-variant-option.is-active:after,.zzk-height-option.is-active:after{
  background:var(--zzk-accent)!important;
}
.zzk-height-note{
  margin-top:16px;padding:13px 15px;border:1px solid #e4ebe6;border-radius:12px;
  background:var(--zzk-surface-soft)!important;color:#606963
}

/* Produkt- und Pfostenkarten */
.zzk-option-cards{gap:14px}
body.single-product .zzk-wrap button.zzk-option-card{
  border:1px solid var(--zzk-line)!important;border-radius:16px!important;padding:12px!important;
  min-height:96px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important
}
body.single-product .zzk-wrap button.zzk-option-card:hover{
  transform:translateY(-2px);border-color:#b9d6bf!important;box-shadow:0 9px 22px rgba(25,45,32,.07)!important
}
body.single-product .zzk-wrap button.zzk-option-card.is-active{
  background:var(--zzk-accent-soft)!important;border-color:var(--zzk-accent)!important
}
.zzk-option-card img{border-radius:12px!important;background:#f4f6f4!important}
.zzk-option-card span{font-size:14px;color:var(--zzk-text)}
.zzk-option-card small{font-size:13px;color:var(--zzk-accent)!important;font-weight:750}

/* Automatisches Zubehör */
.zzk-accessories{gap:12px}
.zzk-accessory{
  border:1px solid var(--zzk-line)!important;border-radius:15px!important;padding:12px!important;
  background:#fff!important;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease
}
.zzk-accessory:hover{border-color:#b9d6bf!important;background:#fbfdfb!important;box-shadow:0 7px 18px rgba(25,45,32,.05)}
.zzk-accessory input{width:19px;height:19px;accent-color:var(--zzk-accent)}
.zzk-accessory img{border-radius:10px;background:#f5f7f5}
.zzk-accessory b{font-size:14px;color:var(--zzk-text)}
.zzk-accessory small{font-size:12px;color:#64748B!important}

/* Optionales Zubehör */
.zzk-optional-accessories{gap:12px}
.zzk-optional-accessory{
  border:1px solid var(--zzk-line)!important;border-radius:16px!important;padding:12px 14px!important;
  background:#fff!important;transition:all .16s ease!important
}
.zzk-optional-accessory:hover{border-color:#c5d9c9!important;box-shadow:0 7px 18px rgba(25,45,32,.05)}
.zzk-optional-accessory.is-selected{
  border:2px solid var(--zzk-accent)!important;background:var(--zzk-accent-soft)!important;padding:11px 13px!important
}
.zzk-optional-check img{border-radius:11px!important;background:#f4f6f4!important}
.zzk-optional-check b{font-size:14px;color:var(--zzk-text)}
.zzk-optional-check small{font-size:12px;color:#64748B!important}
.zzk-qty{border:1px solid #dce5df!important;border-radius:12px!important;box-shadow:none!important}
.zzk-qty button{background:#f4f7f5!important;color:#35413a!important;transition:background .15s ease!important}
.zzk-qty button:hover{background:var(--zzk-accent-soft)!important;color:var(--zzk-accent-dark)!important}
.zzk-qty input{color:var(--zzk-text)!important}

/* Primäraktionen */
body.single-product .zzk-wrap .zzk-measure-open,
body.single-product .zzk-wrap .zzk-add-package,
body.single-product .zzk-wrap .zzk-apply{
  min-height:48px;border-radius:13px!important;background:var(--zzk-accent)!important;color:#fff!important;
  font-weight:800!important;letter-spacing:-.01em;box-shadow:0 9px 22px rgba(46,125,50,.18)!important;
  transition:transform .15s ease,background .15s ease,box-shadow .15s ease!important
}
body.single-product .zzk-wrap .zzk-measure-open:hover,
body.single-product .zzk-wrap .zzk-add-package:hover,
body.single-product .zzk-wrap .zzk-apply:hover{
  background:var(--zzk-accent-dark)!important;filter:none!important;transform:translateY(-1px);box-shadow:0 11px 25px color-mix(in srgb,var(--zzk-accent) 22%,transparent)!important
}

/* Rechte Zusammenfassung */
.zzk-summary{top:96px!important;padding-bottom:20px!important;overflow:hidden}
body.single-product .zzk-wrap .zzk-hero-img{height:230px!important;padding:24px!important;background:#F8FBFF!important;border-bottom:1px solid var(--zzk-line)}
.zzk-summary h3{font-size:20px;letter-spacing:-.02em;margin:20px 22px 12px;color:var(--zzk-text)}
.zzk-summary-row{padding:12px 22px!important;border-top:1px solid #E8EEF6!important;font-size:14px;align-items:flex-start}
.zzk-summary-row span{color:#64748B}
.zzk-summary-row strong{color:#0F172A;font-weight:800;text-align:right}
.zzk-post-breakdown{background:#F8FBFF}
.zzk-total{padding:20px 22px 17px!important;background:#F1F7FF!important;border-top:1px solid #D7E7FF}
.zzk-total span{color:#475569;font-weight:650}
.zzk-total strong{font-size:28px!important;color:var(--zzk-accent-dark)!important;letter-spacing:-.03em}
.zzk-add-package{width:calc(100% - 44px)!important;margin:15px 22px 0!important}
.zzk-status{padding:0 22px!important;color:#64748B!important;line-height:1.45}

/* Drawer */
body.single-product .zzk-wrap .zzk-drawer-head{background:#0F172A!important;padding:22px 24px!important}
.zzk-drawer{box-shadow:-24px 0 70px rgba(0,0,0,.16)!important}
.zzk-drawer-body{padding:26px!important}
.zzk-drawer-sketch{border-radius:16px!important;background:#F8FBFF;border-color:var(--zzk-line)!important}
.zzk-drawer-total{padding:14px 0;border-top:1px solid var(--zzk-line);border-bottom:1px solid var(--zzk-line)}

/* Theme-Konflikte: Orange Theme-Buttons im Konfigurator neutralisieren */
.zzk-wrap button:not(.zzk-measure-open):not(.zzk-add-package):not(.zzk-apply):not(.zzk-qty-minus):not(.zzk-qty-plus){
  text-shadow:none!important;
}
.zzk-wrap .zzk-situation,
.zzk-wrap .zzk-option-card,
.zzk-wrap .zzk-variant-option,
.zzk-wrap .zzk-height-option{
  background-image:none!important;
}

@media(max-width:1150px){
  body.single-product .zzk-wrap .zzk-grid{gap:22px}
  .zzk-summary{top:auto!important}
}
@media(max-width:700px){
  .zzk-wrap{margin:30px auto!important;padding:0 12px!important}
  .zzk-head{margin-bottom:22px;padding:0}
  .zzk-head h2{font-size:30px}
  .zzk-section{padding:18px!important;border-radius:17px!important}
  .zzk-section-title{align-items:flex-start;margin-bottom:17px}
  .zzk-section-title>span{width:34px;height:34px;border-radius:10px;flex:0 0 34px}
  .zzk-section-title strong{font-size:17px}
  .zzk-situations{gap:9px!important}
  body.single-product .zzk-wrap button.zzk-situation{min-height:136px!important;padding:12px 8px!important}
  .zzk-height-options,.zzk-variant-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .zzk-summary{border-radius:17px!important}
  body.single-product .zzk-wrap .zzk-hero-img{height:190px!important}
  .zzk-summary-row{padding:11px 18px!important}
  .zzk-total{padding:18px!important}
  .zzk-add-package{width:calc(100% - 36px)!important;margin:13px 18px 0!important}
  .zzk-status{padding:0 18px!important}
  .zzk-optional-accessory{padding:12px!important}
}


/* v1.3.2 – Farben automatisch vom aktiven Theme übernehmen */
#zzk-configurator.zzk-wrap{
  color:var(--zzk-theme-text,#202428);
}
#zzk-configurator .zzk-section-title>span,
#zzk-configurator .zzk-situation.is-active,
#zzk-configurator .zzk-height-option.is-active,
#zzk-configurator .zzk-variant-option.is-active,
#zzk-configurator .zzk-option-card.is-active,
#zzk-configurator .zzk-optional-accessory.is-selected{
  background-color:var(--zzk-accent-soft)!important;
}
#zzk-configurator .zzk-situation.is-active,
#zzk-configurator .zzk-height-option.is-active,
#zzk-configurator .zzk-variant-option.is-active,
#zzk-configurator .zzk-option-card.is-active,
#zzk-configurator .zzk-optional-accessory.is-selected{
  border-color:var(--zzk-accent)!important;
}
#zzk-configurator .zzk-measure-open,
#zzk-configurator .zzk-add-package,
#zzk-configurator .zzk-apply{
  background:var(--zzk-accent)!important;
  border-color:var(--zzk-accent)!important;
  color:#fff!important;
}
#zzk-configurator .zzk-measure-open:hover,
#zzk-configurator .zzk-add-package:hover,
#zzk-configurator .zzk-apply:hover{
  background:var(--zzk-accent-dark)!important;
  border-color:var(--zzk-accent-dark)!important;
}


/* v1.3.3 – echte Theme-Akzentfarbe statt separater WooCommerce-Buttonfarbe */
body.single-product #zzk-configurator.zzk-wrap button.zzk-situation,
body.single-product #zzk-configurator.zzk-wrap button.zzk-height-option,
body.single-product #zzk-configurator.zzk-wrap button.zzk-variant-option,
body.single-product #zzk-configurator.zzk-wrap button.zzk-option-card {
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
  color:var(--zzk-theme-text,#202428)!important;
  border-color:#dce3df!important;
  text-shadow:none!important;
  box-shadow:none!important;
}
body.single-product #zzk-configurator.zzk-wrap button.zzk-situation:hover,
body.single-product #zzk-configurator.zzk-wrap button.zzk-height-option:hover,
body.single-product #zzk-configurator.zzk-wrap button.zzk-variant-option:hover,
body.single-product #zzk-configurator.zzk-wrap button.zzk-option-card:hover {
  background:var(--zzk-accent-soft)!important;
  border-color:var(--zzk-accent)!important;
  color:var(--zzk-accent-dark)!important;
}
body.single-product #zzk-configurator.zzk-wrap button.zzk-situation.is-active,
body.single-product #zzk-configurator.zzk-wrap button.zzk-height-option.is-active,
body.single-product #zzk-configurator.zzk-wrap button.zzk-variant-option.is-active,
body.single-product #zzk-configurator.zzk-wrap button.zzk-option-card.is-active {
  background:var(--zzk-accent-soft)!important;
  background-color:var(--zzk-accent-soft)!important;
  border-color:var(--zzk-accent)!important;
  color:var(--zzk-accent-dark)!important;
}
body.single-product #zzk-configurator.zzk-wrap .zzk-qty button.zzk-qty-minus,
body.single-product #zzk-configurator.zzk-wrap .zzk-qty button.zzk-qty-plus {
  background:var(--zzk-accent-soft)!important;
  background-color:var(--zzk-accent-soft)!important;
  color:var(--zzk-accent-dark)!important;
  border:0!important;
  text-shadow:none!important;
}
body.single-product #zzk-configurator.zzk-wrap .zzk-qty button.zzk-qty-minus:hover,
body.single-product #zzk-configurator.zzk-wrap .zzk-qty button.zzk-qty-plus:hover {
  background:var(--zzk-accent)!important;
  color:#fff!important;
}


/* v1.4.1 – kompakte Variantenanzeige */
body.zzk-configurator-active .woocommerce-variation-description{display:none!important;}
#zzk-configurator .zzk-variant-hint{margin-top:2px;padding:10px 12px;border-radius:10px;background:var(--zzk-accent-soft,#f3f7ff);color:#5f6b76;font-size:13px;line-height:1.45;}
#zzk-configurator .zzk-variant-group{align-content:start;}
#zzk-configurator .zzk-variant-option{min-width:112px;}


/* v1.5.0 – Variantenbilder, Prüfung, Speichern/Teilen, Montage */
.zzk-variant-option.has-visual{display:inline-flex;align-items:center;gap:8px}
.zzk-variant-thumb{width:34px;height:34px;object-fit:cover;border-radius:7px;border:1px solid #e0e5ea;background:#fff}
.zzk-color-swatch{width:24px;height:24px;border-radius:50%;background:var(--zzk-swatch);border:1px solid rgba(15,23,42,.16);box-shadow:inset 0 0 0 2px rgba(255,255,255,.5)}
.zzk-config-warning{margin:14px 20px 0;padding:12px 14px;border-radius:10px;background:#FEF2F2;border:1px solid #FECACA;color:#B91C1C;font-size:13px;line-height:1.45}
.zzk-add-package:disabled{opacity:.5;cursor:not-allowed}
.zzk-save-share{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 20px 0}
.zzk-save-share button{min-height:42px;border:1px solid color-mix(in srgb,var(--zzk-accent) 35%,#d8dee7);border-radius:10px;background:#fff;color:var(--zzk-accent);font-weight:800;cursor:pointer}
.zzk-save-share button:hover{background:var(--zzk-accent-soft)}
.zzk-save-status{margin:8px 20px 0;font-size:12px;color:#52606d}
.zzk-montage-box{margin:14px 20px 0;padding:14px;border:1px solid #dfe6ef;border-radius:12px;background:#f8fbff}
.zzk-montage-toggle{display:flex;align-items:center;gap:8px;cursor:pointer}
.zzk-montage-fields{display:grid;gap:8px;margin-top:12px}
.zzk-montage-fields p{margin:0 0 4px;font-size:13px;color:#64748b}
.zzk-montage-fields input,.zzk-montage-fields textarea{width:100%;border:1px solid #d8e0ea;border-radius:9px;padding:10px 11px;font:inherit;background:#fff}
.zzk-montage-fields textarea{min-height:76px;resize:vertical}
.zzk-send-montage{border:0;border-radius:10px;background:var(--zzk-accent);color:#fff;font-weight:800;padding:12px 14px;cursor:pointer}
.zzk-montage-status{font-size:12px;color:#334155}
@media(max-width:700px){.zzk-save-share{grid-template-columns:1fr}.zzk-variant-option.has-visual{justify-content:flex-start}}


/* v1.6.0 – Feldaufteilung / Zuschnitt */
.zzk-field-layout{margin-top:18px;padding-top:16px;border-top:1px solid #e6ebf0}
.zzk-field-layout-head{display:flex;flex-direction:column;gap:3px;margin-bottom:10px}
.zzk-field-layout-head strong{font-size:15px;color:#0f172a}
.zzk-field-layout-head small{font-size:12px;color:#64748b}
.zzk-field-layout-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.zzk-field-layout-option{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:14px 15px;border:1px solid #dce3eb;border-radius:12px;background:#fff;color:#0f172a;cursor:pointer;transition:.18s ease}
.zzk-field-layout-option:hover{border-color:var(--zzk-accent);background:var(--zzk-accent-soft)}
.zzk-field-layout-option.is-active{border-color:var(--zzk-accent);background:var(--zzk-accent-soft);box-shadow:0 0 0 1px var(--zzk-accent)}
.zzk-field-layout-option b{font-size:14px}
.zzk-field-layout-option small{font-size:12px;line-height:1.4;color:#64748b}
.zzk-field-plan{margin-top:12px;padding:11px 13px;border-radius:10px;background:#f8fafc;border:1px solid #e6ebf0;color:#475569;font-size:12.5px;line-height:1.55}
.zzk-field-plan>strong{display:block;margin-bottom:3px;color:#0f172a}
.zzk-field-plan div{padding:1px 0}
@media(max-width:700px){
  .zzk-field-layout-options{grid-template-columns:1fr}
}


/* v1.6.1 – Zaunzentrum Blau fest vorgegeben, keine Orange-/Grün-Akzente */
.zzk-wrap{
  --zzk-accent:#1F7CEC!important;
  --zzk-accent-dark:#155FB8!important;
  --zzk-accent-soft:#F1F7FF!important;
  --zzk-text:#0F172A!important;
  --zzk-muted:#64748B!important;
  --zzk-line:#E2E8F0!important;
  --zzk-surface:#FFFFFF!important;
  --zzk-surface-soft:#F8FBFF!important;
}
body.single-product .zzk-wrap .zzk-drawer-head{
  background:#0F172A!important;
}
.zzk-wrap .zzk-add-package,
.zzk-wrap .zzk-apply,
.zzk-wrap .zzk-send-montage{
  background:#1F7CEC!important;
  border-color:#1F7CEC!important;
  color:#fff!important;
}
.zzk-wrap .zzk-add-package:hover,
.zzk-wrap .zzk-apply:hover,
.zzk-wrap .zzk-send-montage:hover{
  background:#155FB8!important;
  border-color:#155FB8!important;
}
.zzk-wrap .zzk-config-warning{
  background:#FEF2F2!important;
  border-color:#FECACA!important;
  color:#B91C1C!important;
}
.zzk-wrap .zzk-situation.is-active,
.zzk-wrap .zzk-option-card.is-active,
.zzk-wrap .zzk-variant-option.is-active,
.zzk-wrap .zzk-height-option.is-active,
.zzk-wrap .zzk-field-layout-option.is-active{
  border-color:#1F7CEC!important;
  background:#F1F7FF!important;
  color:#0F172A!important;
}
.zzk-wrap a,
.zzk-wrap .zzk-eyebrow,
.zzk-wrap .zzk-gate-price{
  accent-color:#1F7CEC;
}


/* v1.6.2 – Feldaufteilung gegen Theme-Buttonfarben vollständig abschirmen.
   Das Shop-Theme hatte für allgemeine Buttons eine spätere orange background-color-Regel. */
html body #zzk-configurator.zzk-wrap button.zzk-field-layout-option,
html body #zzk-configurator.zzk-wrap button.zzk-field-layout-option:hover,
html body #zzk-configurator.zzk-wrap button.zzk-field-layout-option:focus,
html body #zzk-configurator.zzk-wrap button.zzk-field-layout-option:active {
  -webkit-appearance:none!important;
  appearance:none!important;
  background-color:#FFFFFF!important;
  background-image:none!important;
  border:1px solid #D7E1EC!important;
  color:#0F172A!important;
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
}

html body #zzk-configurator.zzk-wrap button.zzk-field-layout-option:hover,
html body #zzk-configurator.zzk-wrap button.zzk-field-layout-option:focus-visible {
  background-color:#F8FBFF!important;
  border-color:#1F7CEC!important;
  color:#0F172A!important;
}

html body #zzk-configurator.zzk-wrap button.zzk-field-layout-option.is-active,
html body #zzk-configurator.zzk-wrap button.zzk-field-layout-option.is-active:hover,
html body #zzk-configurator.zzk-wrap button.zzk-field-layout-option.is-active:focus,
html body #zzk-configurator.zzk-wrap button.zzk-field-layout-option.is-active:active {
  background-color:#F1F7FF!important;
  background-image:none!important;
  border:2px solid #1F7CEC!important;
  color:#0F172A!important;
  box-shadow:none!important;
  padding:13px 14px!important;
}

html body #zzk-configurator.zzk-wrap button.zzk-field-layout-option b,
html body #zzk-configurator.zzk-wrap button.zzk-field-layout-option small {
  color:inherit!important;
}

html body #zzk-configurator.zzk-wrap button.zzk-field-layout-option small {
  color:#64748B!important;
}

html body #zzk-configurator.zzk-wrap button.zzk-field-layout-option.is-active b {
  color:#0F172A!important;
}

html body #zzk-configurator.zzk-wrap button.zzk-field-layout-option.is-active small {
  color:#475569!important;
}


/* v1.7.0 – Theme-Orange vollständig aus dem Konfigurator fernhalten */
html body #zzk-configurator.zzk-wrap{
  --zzk-accent:#1F7CEC!important;
  --zzk-accent-dark:#155FB8!important;
  --zzk-accent-soft:#F1F7FF!important;
}

/* blaue Hauptaktionen */
html body #zzk-configurator.zzk-wrap button.zzk-measure-open,
html body #zzk-configurator.zzk-wrap button.zzk-add-package,
html body #zzk-configurator.zzk-wrap button.zzk-apply,
html body #zzk-configurator.zzk-wrap button.zzk-send-montage{
  background:#1F7CEC!important;
  background-color:#1F7CEC!important;
  background-image:none!important;
  border-color:#1F7CEC!important;
  color:#fff!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
html body #zzk-configurator.zzk-wrap button.zzk-measure-open:hover,
html body #zzk-configurator.zzk-wrap button.zzk-add-package:hover,
html body #zzk-configurator.zzk-wrap button.zzk-apply:hover,
html body #zzk-configurator.zzk-wrap button.zzk-send-montage:hover{
  background:#155FB8!important;
  background-color:#155FB8!important;
  border-color:#155FB8!important;
}

/* Speichern/Teilen: weiß + blau, niemals orange */
html body #zzk-configurator.zzk-wrap button.zzk-save-config,
html body #zzk-configurator.zzk-wrap button.zzk-share-config{
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
  border:1px solid #BFDBFE!important;
  color:#1F7CEC!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
html body #zzk-configurator.zzk-wrap button.zzk-save-config:hover,
html body #zzk-configurator.zzk-wrap button.zzk-share-config:hover{
  background:#F1F7FF!important;
  background-color:#F1F7FF!important;
  border-color:#1F7CEC!important;
  color:#155FB8!important;
}

/* Mengenbuttons ebenfalls neutral */
html body #zzk-configurator.zzk-wrap .zzk-qty button.zzk-qty-minus,
html body #zzk-configurator.zzk-wrap .zzk-qty button.zzk-qty-plus{
  background:#F8FBFF!important;
  background-color:#F8FBFF!important;
  background-image:none!important;
  border-color:#D7E7FF!important;
  color:#1F7CEC!important;
  box-shadow:none!important;
}
html body #zzk-configurator.zzk-wrap .zzk-qty button:hover{
  background:#F1F7FF!important;
  background-color:#F1F7FF!important;
  color:#155FB8!important;
}

/* Zubehör-Konflikte */
.zzk-optional-conflict-note{
  margin:0 0 10px;
  padding:10px 12px;
  border-radius:9px;
  background:#F1F7FF;
  border:1px solid #BFDBFE;
  color:#334155;
  font-size:12.5px;
  line-height:1.45;
}
.zzk-optional-accessory.is-conflict-disabled{
  opacity:.52;
  background:#F8FAFC!important;
}
.zzk-optional-accessory.is-conflict-disabled .zzk-optional-check{
  cursor:not-allowed;
}
.zzk-optional-accessory.is-conflict-disabled img{
  filter:grayscale(.45);
}
.zzk-conflict-msg{
  display:block!important;
  margin-top:4px!important;
  color:#B91C1C!important;
  font-size:11.5px!important;
  line-height:1.35!important;
  font-weight:650!important;
}
.zzk-optional-accessory.is-conflict-disabled .zzk-qty button,
.zzk-optional-accessory.is-conflict-disabled .zzk-qty input{
  cursor:not-allowed!important;
}

/* Plugin-Checkboxen immer blau */
html body #zzk-configurator.zzk-wrap input[type="checkbox"],
html body #zzk-configurator.zzk-wrap input[type="radio"]{
  accent-color:#1F7CEC!important;
}


/* v1.8.0 – Konfigurator-Auswahlseite */
.zzk-start-page{
  --zzk-start-blue:#1F7CEC;
  --zzk-start-blue-dark:#155FB8;
  --zzk-start-soft:#F1F7FF;
  --zzk-start-text:#0F172A;
  --zzk-start-muted:#64748B;
  max-width:1180px;
  margin:0 auto;
  padding:36px 20px 70px;
  color:var(--zzk-start-text);
}
.zzk-start-hero{
  max-width:800px;
  margin:0 0 34px;
}
.zzk-start-kicker{
  display:block;
  margin-bottom:8px;
  color:var(--zzk-start-blue);
  font-size:12px;
  font-weight:850;
  letter-spacing:.12em;
}
.zzk-start-hero h1{
  margin:0 0 10px;
  font-size:clamp(32px,4vw,52px);
  line-height:1.05;
  color:var(--zzk-start-text);
}
.zzk-start-hero p{
  margin:0;
  max-width:720px;
  color:var(--zzk-start-muted);
  font-size:16px;
  line-height:1.65;
}
.zzk-start-section-head{
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin:28px 0 16px;
}
.zzk-start-section-head>span{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  flex:0 0 38px;
  border-radius:12px;
  background:var(--zzk-start-soft);
  border:1px solid #BFDBFE;
  color:var(--zzk-start-blue);
  font-weight:850;
}
.zzk-start-section-head h2{
  margin:0 0 2px;
  font-size:24px;
  line-height:1.2;
}
.zzk-start-section-head p{
  margin:0;
  color:var(--zzk-start-muted);
  font-size:14px;
}
.zzk-start-categories{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
html body .zzk-start-page button.zzk-start-cat{
  display:grid!important;
  grid-template-columns:86px 1fr auto!important;
  align-items:center!important;
  gap:14px!important;
  width:100%!important;
  min-height:104px!important;
  padding:10px!important;
  text-align:left!important;
  border:1px solid #DFE6EF!important;
  border-radius:16px!important;
  background:#fff!important;
  background-image:none!important;
  color:var(--zzk-start-text)!important;
  box-shadow:0 8px 22px rgba(15,23,42,.05)!important;
  cursor:pointer!important;
}
html body .zzk-start-page button.zzk-start-cat:hover,
html body .zzk-start-page button.zzk-start-cat.is-active{
  border-color:var(--zzk-start-blue)!important;
  background:var(--zzk-start-soft)!important;
}
.zzk-start-cat-image{
  display:block;
  width:86px;
  height:82px;
  overflow:hidden;
  border-radius:11px;
  background:#F8FAFC;
}
.zzk-start-cat-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.zzk-start-noimg{display:block;width:100%;height:100%;background:linear-gradient(135deg,#EEF4FB,#F8FAFC)}
.zzk-start-cat-copy{display:flex;flex-direction:column;gap:4px}
.zzk-start-cat-copy strong{font-size:16px;color:var(--zzk-start-text)!important}
.zzk-start-cat-copy small{color:var(--zzk-start-muted)!important;font-size:12px}
.zzk-start-arrow{font-size:22px;color:var(--zzk-start-blue)}
.zzk-start-products{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.zzk-start-product{
  overflow:hidden;
  border:1px solid #E2E8F0;
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 28px rgba(15,23,42,.06);
}
.zzk-start-product-image{
  display:block;
  aspect-ratio:4/3;
  overflow:hidden;
  background:#F8FAFC;
}
.zzk-start-product-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .25s ease;
}
.zzk-start-product:hover .zzk-start-product-image img{transform:scale(1.025)}
.zzk-start-product-body{padding:16px}
.zzk-start-product h3{
  margin:0 0 8px;
  font-size:17px;
  line-height:1.35;
}
.zzk-start-product h3 a{color:var(--zzk-start-text);text-decoration:none}
.zzk-start-product-body>p{
  margin:0 0 14px;
  min-height:42px;
  color:var(--zzk-start-muted);
  font-size:13px;
  line-height:1.5;
}
.zzk-start-product-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.zzk-start-price{
  font-size:16px;
  font-weight:850;
  color:var(--zzk-start-text);
}
.zzk-start-price del{font-size:12px;color:#94A3B8}
.zzk-start-price ins{text-decoration:none}
.zzk-start-configure{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 14px;
  border-radius:10px;
  background:var(--zzk-start-blue)!important;
  color:#fff!important;
  font-size:13px;
  font-weight:850;
  text-decoration:none!important;
}
.zzk-start-configure:hover{background:var(--zzk-start-blue-dark)!important}
.zzk-start-empty{
  padding:18px;
  border:1px solid #BFDBFE;
  border-radius:12px;
  background:#F8FBFF;
  color:#334155;
}
@media(max-width:900px){
  .zzk-start-categories,.zzk-start-products{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .zzk-start-page{padding:24px 14px 48px}
  .zzk-start-categories,.zzk-start-products{grid-template-columns:1fr}
  html body .zzk-start-page button.zzk-start-cat{grid-template-columns:74px 1fr auto!important}
  .zzk-start-cat-image{width:74px;height:72px}
  .zzk-start-product-foot{align-items:flex-start;flex-direction:column}
  .zzk-start-configure{width:100%}
}


/* v1.8.1 – professionelle Konfigurator-Auswahlseite */
.zzk-start-page-pro{
  --zzk-blue:#1F7CEC;
  --zzk-blue-dark:#155FB8;
  --zzk-navy:#0F172A;
  --zzk-soft:#F5F9FF;
  --zzk-border:#DFE7F0;
  --zzk-muted:#64748B;
  max-width:1240px;
  margin:0 auto;
  padding:34px 22px 76px;
  color:var(--zzk-navy);
}

.zzk-start-hero-pro{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);
  gap:28px;
  align-items:stretch;
  padding:46px;
  margin-bottom:38px;
  border-radius:28px;
  overflow:hidden;
  background:
    radial-gradient(circle at 15% 20%,rgba(31,124,236,.24),transparent 34%),
    linear-gradient(135deg,#0B1630 0%,#0F172A 55%,#16233F 100%);
  box-shadow:0 24px 60px rgba(15,23,42,.14);
}
.zzk-start-hero-pro::after{
  content:"";
  position:absolute;
  inset:auto -80px -110px auto;
  width:280px;
  height:280px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.08);
}
.zzk-start-hero-copy{position:relative;z-index:2}
.zzk-start-hero-pro .zzk-start-kicker{
  color:#78AEFF!important;
  font-size:12px!important;
  letter-spacing:.14em!important;
  font-weight:850!important;
}
.zzk-start-hero-pro h1{
  max-width:760px;
  margin:10px 0 16px!important;
  color:#fff!important;
  font-size:clamp(38px,5vw,66px)!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
}
.zzk-start-hero-pro .zzk-start-hero-copy>p{
  max-width:760px;
  margin:0!important;
  color:#CBD5E1!important;
  font-size:17px!important;
  line-height:1.7!important;
}
.zzk-start-trust{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:28px;
}
.zzk-start-trust span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:999px;
  background:rgba(255,255,255,.06);
  color:#E2E8F0;
  font-size:13px;
  font-weight:650;
}
.zzk-start-trust b{
  color:#7CB0FF;
  font-size:11px;
}
.zzk-start-hero-card{
  position:relative;
  z-index:2;
  align-self:center;
  padding:25px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:20px;
  background:rgba(255,255,255,.085);
  backdrop-filter:blur(9px);
}
.zzk-start-hero-card-label{
  display:block;
  margin-bottom:9px;
  color:#7CB0FF;
  font-size:11px;
  font-weight:850;
  letter-spacing:.12em;
}
.zzk-start-hero-card>strong{
  display:block;
  color:#fff;
  font-size:21px;
  line-height:1.3;
}
.zzk-start-hero-card ul{
  list-style:none;
  margin:18px 0 0!important;
  padding:0!important;
}
.zzk-start-hero-card li{
  display:flex;
  gap:10px;
  padding:10px 0;
  border-top:1px solid rgba(255,255,255,.08);
  color:#D6DFEA;
  font-size:13.5px;
}
.zzk-start-hero-card li span{color:#69A6FF;font-weight:900}

.zzk-start-block{
  padding:30px;
  margin-top:22px;
  border:1px solid var(--zzk-border);
  border-radius:24px;
  background:#fff;
  box-shadow:0 12px 34px rgba(15,23,42,.055);
}
.zzk-start-block-head{
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin-bottom:22px;
}
.zzk-start-eyebrow{
  display:block;
  margin-bottom:7px;
  color:var(--zzk-blue);
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
}
.zzk-start-block-head h2{
  margin:0 0 6px!important;
  color:var(--zzk-navy)!important;
  font-size:28px!important;
  line-height:1.2!important;
  letter-spacing:-.02em!important;
}
.zzk-start-block-head p{
  margin:0!important;
  color:var(--zzk-muted)!important;
  font-size:14px!important;
}

.zzk-start-categories-pro{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
html body .zzk-start-page-pro button.zzk-start-cat-pro{
  display:block!important;
  width:100%!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--zzk-border)!important;
  border-radius:18px!important;
  background:#fff!important;
  background-image:none!important;
  color:var(--zzk-navy)!important;
  text-align:left!important;
  box-shadow:none!important;
  cursor:pointer!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
html body .zzk-start-page-pro button.zzk-start-cat-pro:hover{
  transform:translateY(-2px)!important;
  border-color:#B9D5FF!important;
  box-shadow:0 14px 32px rgba(15,23,42,.09)!important;
}
html body .zzk-start-page-pro button.zzk-start-cat-pro.is-active{
  border-color:var(--zzk-blue)!important;
  box-shadow:0 0 0 2px rgba(31,124,236,.10),0 14px 32px rgba(15,23,42,.08)!important;
}
.zzk-start-cat-pro-image{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:16/8.3;
  overflow:hidden;
  background:#EEF3F8;
}
.zzk-start-cat-pro-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .28s ease;
}
.zzk-start-cat-pro:hover .zzk-start-cat-pro-image img{transform:scale(1.035)}
.zzk-start-cat-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(15,23,42,.35),transparent 55%);
  pointer-events:none;
}
.zzk-start-cat-badge{
  position:absolute;
  left:12px;
  bottom:12px;
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(15,23,42,.78);
  color:#fff!important;
  font-size:11px;
  font-weight:800;
}
.zzk-start-cat-pro-copy{
  display:block;
  padding:17px 18px 18px;
}
.zzk-start-cat-pro-copy strong{
  display:block;
  margin-bottom:6px;
  color:var(--zzk-navy)!important;
  font-size:18px;
  line-height:1.25;
}
.zzk-start-cat-pro-copy small{
  display:block;
  min-height:38px;
  color:var(--zzk-muted)!important;
  font-size:12.5px;
  line-height:1.5;
}
.zzk-start-cat-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:13px;
  padding-top:13px;
  border-top:1px solid #EDF1F5;
  color:var(--zzk-blue)!important;
  font-size:12.5px;
  font-weight:850;
}
.zzk-start-cat-link b{font-size:17px}

.zzk-start-products-block{scroll-margin-top:120px}
.zzk-start-current-cat{
  display:flex;
  align-items:center;
  gap:10px;
  margin:-4px 0 16px;
}
.zzk-start-current-cat span{
  padding:5px 8px;
  border-radius:7px;
  background:var(--zzk-soft);
  color:var(--zzk-blue);
  font-size:10px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.zzk-start-current-cat strong{
  font-size:14px;
  color:var(--zzk-navy);
}
.zzk-start-products-pro{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.zzk-start-product-pro{
  overflow:hidden;
  border:1px solid var(--zzk-border);
  border-radius:18px;
  background:#fff;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.zzk-start-product-pro:hover{
  transform:translateY(-2px);
  border-color:#C9D8EA;
  box-shadow:0 16px 34px rgba(15,23,42,.08);
}
.zzk-start-product-pro-image{
  position:relative;
  display:block;
  aspect-ratio:4/3;
  overflow:hidden;
  background:#F5F7FA;
}
.zzk-start-product-pro-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.zzk-start-ready{
  position:absolute;
  top:12px;
  left:12px;
  min-height:28px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  background:#0F172A;
  color:#fff!important;
  font-size:10.5px;
  font-weight:850;
  letter-spacing:.03em;
}
.zzk-start-product-pro-body{padding:17px}
.zzk-start-product-meta{
  display:flex;
  justify-content:space-between;
  gap:8px;
  margin-bottom:9px;
  color:#64748B;
  font-size:10.5px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.zzk-start-product-meta .is-stock{
  color:#15803D!important;
  text-transform:none;
  letter-spacing:0;
}
.zzk-start-product-pro h3{
  margin:0 0 8px!important;
  min-height:44px;
  font-size:17px!important;
  line-height:1.32!important;
}
.zzk-start-product-pro h3 a{
  color:var(--zzk-navy)!important;
  text-decoration:none!important;
}
.zzk-start-product-pro-body>p{
  margin:0 0 16px!important;
  min-height:56px;
  color:var(--zzk-muted)!important;
  font-size:12.5px!important;
  line-height:1.55!important;
}
.zzk-start-product-pro-foot{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  padding-top:14px;
  border-top:1px solid #EDF1F5;
}
.zzk-start-product-pro-foot small{
  display:block;
  margin-bottom:2px;
  color:#94A3B8;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.zzk-start-price{
  color:var(--zzk-navy)!important;
  font-size:16px!important;
  font-weight:900!important;
}
.zzk-start-price del{
  color:#94A3B8!important;
  font-size:11px!important;
  font-weight:600!important;
}
.zzk-start-price ins{text-decoration:none!important}
.zzk-start-configure-pro{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:0 14px;
  border-radius:10px;
  background:var(--zzk-blue)!important;
  color:#fff!important;
  font-size:12.5px;
  font-weight:850;
  text-decoration:none!important;
  white-space:nowrap;
}
.zzk-start-configure-pro:hover{background:var(--zzk-blue-dark)!important}
.zzk-start-configure-pro span{font-size:16px}

.zzk-start-footer-note{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-top:22px;
  padding:24px 28px;
  border-radius:18px;
  background:#F8FAFC;
  border:1px solid #E2E8F0;
}
.zzk-start-footer-note strong{
  display:block;
  margin-bottom:4px;
  color:var(--zzk-navy);
  font-size:16px;
}
.zzk-start-footer-note p{
  margin:0!important;
  color:var(--zzk-muted)!important;
  font-size:13px!important;
}
.zzk-start-footer-note>span{
  color:#94A3B8;
  font-size:11px;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}

@media(max-width:980px){
  .zzk-start-hero-pro{grid-template-columns:1fr;padding:34px}
  .zzk-start-hero-card{max-width:560px}
  .zzk-start-categories-pro,.zzk-start-products-pro{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .zzk-start-page-pro{padding:18px 12px 48px}
  .zzk-start-hero-pro{padding:28px 22px;border-radius:20px}
  .zzk-start-hero-pro h1{font-size:38px!important}
  .zzk-start-trust{display:grid;grid-template-columns:1fr}
  .zzk-start-block{padding:20px 15px;border-radius:18px}
  .zzk-start-block-head h2{font-size:23px!important}
  .zzk-start-categories-pro,.zzk-start-products-pro{grid-template-columns:1fr}
  .zzk-start-product-pro-body>p{min-height:0}
  .zzk-start-product-pro-foot{align-items:stretch;flex-direction:column}
  .zzk-start-configure-pro{width:100%}
  .zzk-start-footer-note{align-items:flex-start;flex-direction:column}
}


/* v1.8.3 – Feinschliff Premium-Auswahlseite */
.zzk-start-page-pro{
  max-width:1280px!important;
  padding-top:42px!important;
  padding-bottom:88px!important;
}

.zzk-start-hero-pro{
  min-height:360px!important;
  align-items:center!important;
  padding:56px 58px!important;
  border-radius:30px!important;
  box-shadow:0 28px 70px rgba(15,23,42,.16)!important;
}

.zzk-start-hero-pro h1{
  max-width:780px!important;
  font-weight:850!important;
}

.zzk-start-hero-pro .zzk-start-hero-copy>p{
  max-width:760px!important;
  font-size:18px!important;
}

.zzk-start-trust{
  margin-top:32px!important;
}

.zzk-start-trust span{
  min-height:42px!important;
  padding:0 16px!important;
}

.zzk-start-hero-card{
  padding:28px!important;
  border-radius:22px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}

.zzk-start-block{
  padding:34px!important;
  border-radius:26px!important;
}

.zzk-start-block + .zzk-start-block{
  margin-top:28px!important;
}

.zzk-start-block-head{
  margin-bottom:26px!important;
}

.zzk-start-block-head h2{
  font-size:30px!important;
}

.zzk-start-categories-pro{
  gap:18px!important;
}

html body .zzk-start-page-pro button.zzk-start-cat-pro{
  border-radius:20px!important;
  min-height:100%!important;
}

.zzk-start-cat-pro-image{
  aspect-ratio:16/9!important;
}

.zzk-start-cat-pro-copy{
  padding:19px 20px 20px!important;
}

.zzk-start-cat-pro-copy strong{
  font-size:19px!important;
  letter-spacing:-.01em!important;
}

.zzk-start-cat-pro-copy small{
  min-height:42px!important;
  font-size:13px!important;
}

.zzk-start-cat-link{
  margin-top:15px!important;
  padding-top:15px!important;
  font-size:13px!important;
}

.zzk-start-products-pro{
  gap:20px!important;
}

.zzk-start-product-pro{
  border-radius:20px!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:100%!important;
}

.zzk-start-product-pro-image{
  aspect-ratio:4/3!important;
}

.zzk-start-product-pro-body{
  display:flex!important;
  flex-direction:column!important;
  flex:1!important;
  padding:19px!important;
}

.zzk-start-product-pro h3{
  font-size:18px!important;
  min-height:48px!important;
}

.zzk-start-product-pro-body>p{
  min-height:58px!important;
  font-size:13px!important;
}

.zzk-start-product-pro-foot{
  margin-top:auto!important;
  padding-top:16px!important;
}

.zzk-start-configure-pro{
  min-height:44px!important;
  padding:0 16px!important;
  border-radius:11px!important;
  box-shadow:0 8px 18px rgba(31,124,236,.18)!important;
}

.zzk-start-configure-pro:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 10px 22px rgba(21,95,184,.22)!important;
}

.zzk-start-footer-note{
  margin-top:28px!important;
  padding:26px 30px!important;
  border-radius:20px!important;
}

@media(min-width:1180px){
  .zzk-start-categories-pro{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .zzk-start-products-pro{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media(max-width:980px){
  .zzk-start-page-pro{
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .zzk-start-hero-pro{
    padding:40px!important;
  }
}

@media(max-width:680px){
  .zzk-start-page-pro{
    padding-top:20px!important;
    padding-left:12px!important;
    padding-right:12px!important;
    padding-bottom:54px!important;
  }
  .zzk-start-hero-pro{
    padding:30px 22px!important;
    min-height:auto!important;
    border-radius:22px!important;
  }
  .zzk-start-hero-pro h1{
    font-size:40px!important;
  }
  .zzk-start-hero-pro .zzk-start-hero-copy>p{
    font-size:16px!important;
  }
  .zzk-start-block{
    padding:20px 16px!important;
    border-radius:20px!important;
  }
  .zzk-start-block-head h2{
    font-size:24px!important;
  }
  .zzk-start-cat-pro-copy small,
  .zzk-start-product-pro-body>p,
  .zzk-start-product-pro h3{
    min-height:0!important;
  }
  .zzk-start-footer-note{
    padding:22px!important;
  }
}


/* v1.8.4 – erst Kategorien, dann Produkte */
.zzk-start-products-block[hidden]{display:none !important;}
.zzk-start-products-block.is-visible{animation:zzkFadeProducts .28s ease;}
@keyframes zzkFadeProducts{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}


/* v1.11.0 – Echtmaßberechnung */
.zzk-measure-info{
  margin-top:12px;
  padding:10px 12px;
  border:1px solid #D7E7FF;
  border-radius:10px;
  background:#F8FBFF;
  color:#475569;
  font-size:12.5px;
  line-height:1.5;
}
.zzk-cut-notice{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin-top:12px;
  padding:12px 14px;
  border:1px solid #BFDBFE;
  border-left:4px solid #1F7CEC;
  border-radius:10px;
  background:#F1F7FF;
  color:#334155;
  font-size:12.5px;
  line-height:1.5;
}
.zzk-cut-notice[hidden]{display:none!important}
.zzk-cut-notice strong{
  color:#0F172A;
  font-size:13.5px;
}
.zzk-field-plan em{
  color:#1F7CEC;
  font-style:normal;
  font-weight:750;
}


/* v1.12.2 – stabile Deko-Auswahl */
.zzk-deco-info{margin:0 0 12px;padding:10px 12px;border:1px solid #BFDBFE;border-radius:10px;background:#F1F7FF;color:#334155;font-size:12.5px}
.zzk-deco-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.zzk-deco-product{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #E2E8F0;border-radius:11px;background:#fff;cursor:pointer}
.zzk-deco-product.is-selected{border-color:#1F7CEC;background:#F1F7FF}
.zzk-deco-product img{width:48px;height:48px;object-fit:cover;border-radius:7px;background:#F8FAFC}
.zzk-deco-product span{display:flex;flex-direction:column;gap:2px}
.zzk-deco-product b{font-size:12.5px;color:#0F172A}
.zzk-deco-product small{font-size:11.5px;color:#64748B}
@media(max-width:700px){.zzk-deco-products{grid-template-columns:1fr}}


/* v1.13.0 – Deko-Mengen + eingeklappte optionale Bereiche */
.zzk-collapsible-title{
  position:relative;
  cursor:pointer;
  user-select:none;
  padding-right:36px;
}
.zzk-collapse-icon{
  position:absolute;
  right:4px;
  top:50%;
  transform:translateY(-50%);
  font-size:20px;
  line-height:1;
  color:#1F7CEC;
  transition:transform .2s ease;
}
.zzk-collapsible-section.is-open .zzk-collapse-icon{
  transform:translateY(-50%) rotate(180deg);
}
.zzk-collapsible-content[hidden]{display:none!important}
.zzk-collapsible-content{
  padding-top:12px;
}
.zzk-deco-products{display:grid;gap:8px}
.zzk-deco-product{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:10px;
  border:1px solid #E2E8F0;
  border-radius:11px;
  background:#fff;
}
.zzk-deco-product.is-selected{
  border-color:#1F7CEC;
  background:#F8FBFF;
}
.zzk-deco-check{
  display:flex;
  align-items:center;
  gap:10px;
  cursor:pointer;
}
.zzk-deco-check img{
  width:48px;
  height:48px;
  object-fit:cover;
  border-radius:7px;
  background:#F8FAFC;
}
.zzk-deco-check span{display:flex;flex-direction:column;gap:2px}
.zzk-deco-check b{font-size:12.5px;color:#0F172A}
.zzk-deco-check small{font-size:11.5px;color:#64748B}
.zzk-deco-product .zzk-qty{
  display:flex;
  align-items:center;
  gap:4px;
}
.zzk-deco-product .zzk-deco-qty{
  width:58px;
  text-align:center;
}
@media(max-width:700px){
  .zzk-deco-product{grid-template-columns:1fr}
}


/* v1.13.1 – Hinweis bauseitiger Zuschnitt */
.zzk-site-cut-note{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin-top:10px;
  padding:12px 14px;
  border:1px solid #E2E8F0;
  border-radius:10px;
  background:#F8FAFC;
  color:#475569;
  font-size:12.5px;
  line-height:1.5;
}
.zzk-site-cut-note strong{
  color:#0F172A;
  font-size:13px;
}


/* v1.14.0 – drehbare 3D-Basisvorschau */
.zzk-3d-preview{
  border-bottom:1px solid #E2E8F0;
  background:#fff;
}
.zzk-3d-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px 10px;
}
.zzk-3d-toolbar strong{display:block;color:#0F172A;font-size:15px}
.zzk-3d-toolbar small{display:block;color:#64748B;font-size:11.5px;margin-top:2px}
.zzk-3d-buttons{display:flex;gap:5px}
body.single-product .zzk-wrap .zzk-3d-buttons button{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  padding:0!important;
  border:1px solid #CBD5E1!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#0F172A!important;
  font-size:18px!important;
  line-height:1!important;
  box-shadow:none!important;
  cursor:pointer;
}
body.single-product .zzk-wrap .zzk-3d-buttons button:hover{
  border-color:#1F7CEC!important;
  color:#1F7CEC!important;
  background:#F8FBFF!important;
}
.zzk-3d-stage{
  position:relative;
  width:100%;
  height:330px;
  overflow:hidden;
  background:#F8FBFF;
  touch-action:none;
}
.zzk-3d-canvas{
  display:block;
  width:100%;
  height:100%;
  cursor:grab;
  touch-action:none;
}
.zzk-3d-canvas.is-dragging{cursor:grabbing}
.zzk-3d-loading{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#64748B;
  font-size:13px;
  pointer-events:none;
}
.zzk-3d-help{
  padding:8px 14px 10px;
  text-align:center;
  color:#64748B;
  font-size:11px;
  background:#fff;
}
.zzk-3d-preview.is-ready + .zzk-3d-fallback{display:none!important}
@media(max-width:1150px){
  .zzk-3d-stage{height:390px}
}
@media(max-width:700px){
  .zzk-3d-stage{height:300px}
  .zzk-3d-toolbar{padding:12px}
}


/* v1.16.0 – weiße Studio-3D-Vorschau mit Einzelprofilen */
.zzk-3d-stage{
  background:#fff!important;
}
.zzk-3d-help{
  background:#fff!important;
}


/* v1.17.0 – hochwertigere 3D-Darstellung */
.zzk-3d-stage{
  height:390px!important;
  background:#fff!important;
}
.zzk-3d-preview{
  border:1px solid #E2E8F0;
  border-radius:14px 14px 0 0;
  overflow:hidden;
  background:#fff;
}
@media(max-width:700px){
  .zzk-3d-stage{height:320px!important}
}


/* v1.17.3 – Premium-Optik 3D-Vorschau */
.zzk-3d-preview{
  border:1px solid #D8E3F0!important;
  border-radius:16px 16px 0 0!important;
  box-shadow:0 10px 28px rgba(15,23,42,.06);
  overflow:hidden;
}
.zzk-3d-toolbar{
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  border-bottom:1px solid #E6EEF8;
}
.zzk-3d-toolbar strong{
  font-size:15.5px;
  letter-spacing:.01em;
}
.zzk-3d-toolbar small{
  color:#5B6B81;
}
body.single-product .zzk-wrap .zzk-3d-buttons button{
  border-color:#D5E0EE!important;
  box-shadow:0 2px 8px rgba(15,23,42,.04)!important;
}
.zzk-3d-stage{
  height:410px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;
}
.zzk-3d-help{
  border-top:1px solid #EEF4FB;
  color:#5B6B81!important;
  font-size:11.5px!important;
}
@media(max-width:700px){
  .zzk-3d-stage{height:340px!important}
}


/* v1.17.4 – realistischere Einstecktiefe */
.zzk-3d-help{letter-spacing:.01em}


/* v1.17.6 – stabile 3D-Vorschau + Großansicht */
.zzk-3d-canvas{cursor:grab}
.zzk-3d-canvas:not(.is-dragging):hover{filter:saturate(1.02)}
body.single-product .zzk-wrap .zzk-3d-buttons [data-3d-open]{
  font-size:16px!important;
}


/* v1.17.7 – deckende Elemente + echte interaktive Großansicht */
html.zzk-3d-popup-mode,
body.zzk-3d-popup-mode{
  margin:0!important;
  padding:0!important;
  background:#f4f7fb!important;
  min-height:100%!important;
}
body.zzk-3d-popup-mode .zzk-wrap{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:22px!important;
  box-sizing:border-box!important;
  background:transparent!important;
}
body.zzk-3d-popup-mode .zzk-wrap > *{display:none!important}
body.zzk-3d-popup-mode .zzk-wrap > .zzk-shell{display:grid!important}
body.zzk-3d-popup-mode .zzk-shell > *{display:none!important}
body.zzk-3d-popup-mode .zzk-shell > .zzk-summary{
  display:block!important;
  width:min(1500px,100%)!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:0!important;
  position:static!important;
  background:transparent!important;
}
body.zzk-3d-popup-mode .zzk-summary > *{display:none!important}
body.zzk-3d-popup-mode .zzk-summary > .zzk-3d-preview{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border-radius:18px!important;
  box-shadow:0 18px 55px rgba(15,23,42,.12)!important;
}
body.zzk-3d-popup-mode .zzk-3d-toolbar{display:flex!important}
body.zzk-3d-popup-mode .zzk-3d-stage{
  display:block!important;
  height:760px!important;
  background:#fff!important;
}
body.zzk-3d-popup-mode .zzk-3d-help{display:block!important}
body.zzk-3d-popup-mode [data-3d-open]{display:none!important}
@media(max-width:950px){
  body.zzk-3d-popup-mode .zzk-wrap{padding:10px!important}
  body.zzk-3d-popup-mode .zzk-3d-stage{height:590px!important}
}


/* v1.17.8 – echter WebGL-Renderer */
.zzk-3d-stage{
  background:#fff!important;
}
.zzk-3d-canvas{
  background:#fff!important;
  image-rendering:auto;
}
.zzk-3d-loading{
  background:#fff;
  z-index:2;
}


/* v1.18.0 – Deko im 3D-Planer */
.zzk-deco-info strong{color:#0F172A}
.zzk-deco-product.is-selected{
  box-shadow:0 0 0 1px rgba(31,124,236,.08);
}


/* v1.19.0 – 3D-Bauteile */
.zzk-system-panel .zzk-board-table th{white-space:nowrap}

/* v1.19.2 – natürliche Premium-Umgebung */
.zzk-3d-stage{
  background:linear-gradient(180deg,#eaf6ff 0%,#f7fbff 56%,#e8f1de 100%)!important;
}
.zzk-3d-preview{
  box-shadow:0 14px 36px rgba(15,23,42,.08)!important;
}


/* v1.19.24 – Deko Dropdown, automatische Verteilung & Positionssteuerung */
.zzk-deco-config{
  display:grid;
  grid-template-columns:minmax(0,1fr) 220px;
  gap:12px;
  align-items:end;
  margin:0 0 14px;
}
.zzk-deco-select-wrap,.zzk-deco-qty-wrap{display:flex;flex-direction:column;gap:6px}
.zzk-deco-select-wrap>span,.zzk-deco-qty-wrap>span{font-size:12px;font-weight:700;color:#334155}
.zzk-deco-select{
  width:100%;
  min-height:42px;
  padding:8px 10px;
  border:1px solid #CBD5E1;
  border-radius:9px;
  background:#fff;
  color:#0F172A;
}
.zzk-deco-qty-wrap .zzk-qty{display:flex;align-items:center;gap:5px}
.zzk-deco-qty-wrap .zzk-deco-qty{width:72px;text-align:center}
.zzk-deco-placement-head{
  display:grid;
  grid-template-columns:1fr auto;
  gap:3px 12px;
  align-items:center;
  margin:8px 0 10px;
  padding-top:12px;
  border-top:1px solid #E2E8F0;
}
.zzk-deco-placement-head>strong{font-size:13px;color:#0F172A}
.zzk-deco-placement-head>small{grid-column:1/2;color:#64748B;font-size:11.5px}
.zzk-deco-auto{
  grid-column:2;grid-row:1/3;
  border:1px solid #1F7CEC;
  background:#fff;color:#1F7CEC;
  border-radius:8px;padding:7px 10px;
  cursor:pointer;font-weight:700;font-size:11.5px;
}
.zzk-deco-auto:hover{background:#F1F7FF}
.zzk-deco-placement-list{display:grid;gap:8px}
.zzk-deco-placement{
  display:grid;
  grid-template-columns:minmax(150px,1fr) minmax(170px,auto) auto;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border:1px solid #DCE6F2;
  border-radius:10px;
  background:#fff;
}
.zzk-deco-placement-title{display:flex;flex-direction:column;gap:2px}
.zzk-deco-placement-title strong{font-size:12.5px;color:#0F172A}
.zzk-deco-placement-title span{font-size:11.5px;color:#64748B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zzk-deco-position-readout{font-size:12px;color:#475569}
.zzk-deco-position-readout b{color:#0F172A}
.zzk-deco-move{display:flex;gap:4px}
.zzk-deco-move button{
  width:34px;height:34px;
  border:1px solid #CBD5E1;
  border-radius:8px;
  background:#fff;color:#0F172A;
  cursor:pointer;font-size:17px;line-height:1;
}
.zzk-deco-move button:hover{border-color:#1F7CEC;color:#1F7CEC;background:#F8FBFF}
@media(max-width:760px){
  .zzk-deco-config{grid-template-columns:1fr}
  .zzk-deco-placement-head{grid-template-columns:1fr}
  .zzk-deco-placement-head>small,.zzk-deco-auto{grid-column:1;grid-row:auto}
  .zzk-deco-placement{grid-template-columns:1fr}
  .zzk-deco-move{justify-content:flex-start}
}


/* v1.19.32 – Vollbild-Konfigurator nach Maßeingabe */
.zzk-config-launch-wrap{
  margin-top:14px;
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.zzk-open-builder{
  border:0;
  border-radius:10px;
  background:#1F7CEC;
  color:#fff;
  font-weight:800;
  padding:12px 18px;
  cursor:pointer;
  box-shadow:0 6px 18px rgba(31,124,236,.18);
}
.zzk-open-builder:hover{background:#155FB8}
.zzk-config-launch-wrap small{font-size:11px;color:#64748B}

body.zzk-builder-open{overflow:hidden}
.zzk-builder-modal[hidden]{display:none!important}
.zzk-builder-modal{position:fixed;inset:0;z-index:999999}
.zzk-builder-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.42);backdrop-filter:blur(3px)}
.zzk-builder-shell{
  position:absolute;
  inset:10px;
  border-radius:18px;
  overflow:hidden;
  background:#F8FAFC;
  box-shadow:0 30px 90px rgba(15,23,42,.30);
  display:grid;
  grid-template-rows:64px 1fr;
}
.zzk-builder-topbar{
  background:#fff;
  border-bottom:1px solid #E2E8F0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 16px;
}
.zzk-builder-title{display:grid;gap:1px}
.zzk-builder-title>span{font-size:9px;letter-spacing:.12em;font-weight:900;color:#1F7CEC}
.zzk-builder-title>strong{font-size:17px;color:#0F172A}
.zzk-builder-title>small{font-size:10.5px;color:#64748B}
.zzk-builder-close{
  width:38px;height:38px;border:1px solid #CBD5E1;border-radius:10px;
  background:#fff;color:#334155;font-size:24px;cursor:pointer;
}
.zzk-builder-layout{
  min-height:0;
  display:grid;
  grid-template-columns:minmax(280px,340px) 1fr;
}
.zzk-builder-menu{
  min-height:0;
  overflow:auto;
  padding:12px;
  background:#fff;
  border-right:1px solid #E2E8F0;
}
.zzk-builder-block{
  border:1px solid #E2E8F0;
  border-radius:11px;
  overflow:hidden;
  margin-bottom:8px;
  background:#fff;
}
.zzk-builder-block-head{
  width:100%;
  border:0;
  background:#fff;
  display:grid;
  grid-template-columns:28px 1fr auto;
  gap:8px;
  align-items:center;
  padding:10px 11px;
  text-align:left;
  cursor:pointer;
}
.zzk-builder-block-head>span{
  width:26px;height:26px;border-radius:8px;
  display:flex;align-items:center;justify-content:center;
  background:#EEF5FF;color:#1F7CEC;font-size:11px;font-weight:900;
}
.zzk-builder-block-head>div{display:grid;gap:1px}
.zzk-builder-block-head strong{font-size:12.5px;color:#0F172A}
.zzk-builder-block-head small{font-size:10px;color:#64748B}
.zzk-builder-block-head>b{color:#94A3B8}
.zzk-builder-block-body{padding:0 10px 10px;border-top:1px solid #F1F5F9}
.zzk-builder-block-body>.zzk-section{
  margin:0!important;padding:8px 0!important;border:0!important;box-shadow:none!important;
}
.zzk-builder-block-body .zzk-section-title{display:none!important}
.zzk-builder-block-body .zzk-option-cards{gap:6px!important}
.zzk-builder-block[data-builder-target="posts"] .zzk-option-cards{grid-template-columns:1fr!important}
.zzk-builder-block[data-builder-target="posts"] .zzk-option-card{
  min-height:auto!important;
  grid-template-columns:46px 1fr auto!important;
  align-items:center!important;
}
.zzk-builder-block[data-builder-target="posts"] .zzk-option-card img{width:42px!important;height:42px!important}
.zzk-builder-main{
  min-width:0;min-height:0;
  padding:12px;
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
  gap:10px;
}
.zzk-builder-preview{min-height:0}
.zzk-builder-preview>.zzk-3d-preview{
  height:100%;
  margin:0!important;
  display:grid;
  grid-template-rows:auto 1fr auto;
}
.zzk-builder-preview .zzk-3d-stage{min-height:0;height:100%!important}
.zzk-builder-preview .zzk-3d-canvas{height:100%!important;min-height:420px}
.zzk-builder-bottom{
  background:#fff;
  border:1px solid #E2E8F0;
  border-radius:11px;
  padding:9px 12px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:12px;
}
.zzk-builder-back{
  border:1px solid #CBD5E1;background:#fff;color:#334155;
  border-radius:9px;padding:9px 12px;font-weight:800;cursor:pointer;
}
.zzk-builder-total .zzk-total{margin:0!important}
.zzk-builder-actions .zzk-add-package{margin:0!important;width:auto!important;white-space:nowrap}

@media(max-width:860px){
  .zzk-builder-shell{inset:0;border-radius:0}
  .zzk-builder-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}
  .zzk-builder-menu{max-height:42vh;border-right:0;border-bottom:1px solid #E2E8F0}
  .zzk-builder-main{min-height:0}
  .zzk-builder-preview .zzk-3d-canvas{min-height:300px}
  .zzk-builder-bottom{grid-template-columns:1fr 1fr}
  .zzk-builder-total{grid-column:1/3;grid-row:1}
  .zzk-builder-actions .zzk-add-package{width:100%!important}
}


/* v1.19.33 – getrennte Desktop-/Mobile-Bedienung */

/* DESKTOP:
   Auf der normalen Produktseite bleiben nur Maße/Feldplanung und die rechte Zusammenfassung.
   Alle Gestaltungsfelder erscheinen erst im Vollbild-Gestalter. */
@media (min-width:861px){
  .zzk-main > .zzk-height-section,
  .zzk-main > .zzk-variant-section,
  .zzk-main > .zzk-post-section,
  .zzk-main > .zzk-accessory-section,
  .zzk-main > .zzk-deco-section,
  .zzk-main > .zzk-optional-section,
  .zzk-main > .zzk-gate-section{
    display:none !important;
  }

  /* Sobald dieselben Elemente in den Vollbild-Gestalter verschoben wurden,
     sind sie dort wieder normal sichtbar. */
  .zzk-builder-block-body > .zzk-height-section,
  .zzk-builder-block-body > .zzk-variant-section,
  .zzk-builder-block-body > .zzk-post-section,
  .zzk-builder-block-body > .zzk-accessory-section,
  .zzk-builder-block-body > .zzk-deco-section,
  .zzk-builder-block-body > .zzk-optional-section,
  .zzk-builder-block-body > .zzk-gate-section{
    display:block !important;
  }

  .zzk-builder-block-body .zzk-collapsible-title{
    display:none !important;
  }
  .zzk-builder-block-body .zzk-collapsible-content{
    display:block !important;
  }

  /* Deko und Zusatzartikel im Gestalter kompakt, aber vollständig sichtbar. */
  .zzk-builder-block[data-builder-target="deco"] .zzk-deco-config{
    grid-template-columns:1fr 130px;
    gap:8px;
  }
  .zzk-builder-block[data-builder-target="deco"] .zzk-deco-placement{
    grid-template-columns:1fr;
    gap:7px;
  }
  .zzk-builder-block[data-builder-target="deco"] .zzk-deco-move{
    justify-content:flex-start;
  }
  .zzk-builder-block[data-builder-target="optional"] .zzk-optional-accessories{
    display:grid;
    grid-template-columns:1fr;
    gap:7px;
  }
}

/* MOBILE:
   Kein Vollbild-Gestalter. Es bleibt bewusst die bewährte Bedienung aus v1.19.30. */
@media (max-width:860px){
  .zzk-config-launch-wrap,
  .zzk-builder-modal{
    display:none !important;
  }

  .zzk-main > .zzk-height-section,
  .zzk-main > .zzk-variant-section,
  .zzk-main > .zzk-post-section,
  .zzk-main > .zzk-accessory-section,
  .zzk-main > .zzk-deco-section,
  .zzk-main > .zzk-optional-section,
  .zzk-main > .zzk-gate-section{
    display:block !important;
  }

  body.zzk-builder-open{
    overflow:auto !important;
  }
}

.zzk-fixed-layout-message{margin:10px 0 4px;padding:10px 12px;border:1px solid #d7e3f0;border-radius:9px;background:#f8fbff;color:#334155;font-size:11.5px;line-height:1.45}.zzk-fixed-layout-message strong{color:#0f172a}


/* v1.19.35.6 – Maße wieder im großen Desktop-Konfigurator */
@media (min-width:861px){
  body.zzk-builder-open .zzk-drawer-backdrop{
    z-index:1000000;
  }
  body.zzk-builder-open .zzk-drawer{
    z-index:1000001;
    width:min(760px,62vw);
  }
  .zzk-builder-measure-block .zzk-builder-block-head{
    background:#F8FBFF;
  }
  .zzk-builder-measure-block .zzk-builder-block-head>b{
    font-size:20px;
    line-height:1;
    color:#1F7CEC;
  }
  .zzk-builder-measure-block .zzk-builder-block-body{
    display:none!important;
  }
}


/* v1.19.35.7 – tatsächliche Maße im großen Konfigurator */
.zzk-builder-measures{
  background:#fff;
  border:1px solid #E2E8F0;
  border-radius:11px;
  padding:10px 12px;
}
.zzk-builder-measures-title{
  font-size:11px;
  font-weight:800;
  color:#64748B;
  text-transform:uppercase;
  letter-spacing:.04em;
  margin-bottom:7px;
}
.zzk-builder-measures-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.zzk-builder-measure-item{
  min-width:150px;
  display:grid;
  grid-template-columns:auto auto;
  gap:2px 10px;
  align-items:baseline;
  border-right:1px solid #E2E8F0;
  padding-right:12px;
}
.zzk-builder-measure-item:last-child{border-right:0}
.zzk-builder-measure-item span{
  font-size:11px;
  color:#64748B;
}
.zzk-builder-measure-item strong{
  font-size:14px;
  color:#0F172A;
}
.zzk-builder-measure-item small{
  grid-column:1/-1;
  font-size:10px;
  color:#64748B;
}
@media(max-width:860px){
  .zzk-builder-measures{display:none}
}


/* v1.19.35.7.1 – Pflicht-Zubehör pro Pfosten */
.zzk-accessory.is-required{
  position:relative;
}
.zzk-accessory.is-required input[type="checkbox"]{
  opacity:1;
  cursor:not-allowed;
}
.zzk-accessory.is-required small{
  font-weight:600;
}


/* v1.19.35.7.4 – optionale Ergänzungselemente */
.zzk-fixed-supplement{flex:1 0 100%;margin-top:3px;padding:8px 10px;border:1px solid #dbe7f5;border-radius:9px;background:#f8fbff}
.zzk-fixed-supplement-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:10.5px;color:#64748b}.zzk-fixed-supplement-head strong{color:#0f172a}
.zzk-fixed-supplement-add{border:1px solid #1f7cec;background:#fff;color:#1f7cec;border-radius:7px;padding:5px 9px;font-weight:700;font-size:10.5px;cursor:pointer}.zzk-fixed-supplement-add:hover{background:#eef6ff}
.zzk-fixed-sequence{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:6px}.zzk-fixed-base-chip,.zzk-fixed-supplement-chip{display:inline-flex;align-items:center;gap:3px;border:1px solid #dce4ee;border-radius:6px;background:#fff;padding:4px 6px;color:#334155;font-size:10px;font-weight:700}.zzk-fixed-supplement-chip{border-color:#9dc7fa;background:#eef6ff;color:#0f5fb8}.zzk-fixed-supplement-chip button{width:20px;height:20px;border:0;border-radius:4px;background:#fff;color:#1f7cec;font-weight:800;cursor:pointer;padding:0}
@media(max-width:860px){.zzk-fixed-supplement{display:none}}


/* v1.19.35.7.5 – ruhigeres Farbsystem + Ergänzungselement-Auswahl */
html body #zzk-configurator.zzk-wrap button.zzk-builder-block-head{
  background:#F5F7FA!important;
  background-color:#F5F7FA!important;
  background-image:none!important;
  border-color:transparent!important;
  color:#0F172A!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
html body #zzk-configurator.zzk-wrap button.zzk-builder-block-head:hover{
  background:#EDF2F7!important;
  background-color:#EDF2F7!important;
}
html body #zzk-configurator.zzk-wrap .zzk-builder-block{
  border-color:#E2E8F0!important;
  background:#fff!important;
}
html body #zzk-configurator.zzk-wrap .zzk-builder-block-head>span{
  background:#EAF3FF!important;
  color:#1F7CEC!important;
}
html body #zzk-configurator.zzk-wrap button.zzk-builder-back,
html body #zzk-configurator.zzk-wrap button.zzk-fixed-supplement-choose{
  background:#EEF2F6!important;
  background-color:#EEF2F6!important;
  background-image:none!important;
  border:1px solid #CBD5E1!important;
  color:#334155!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
html body #zzk-configurator.zzk-wrap button.zzk-builder-back:hover,
html body #zzk-configurator.zzk-wrap button.zzk-fixed-supplement-choose:hover{
  background:#E2E8F0!important;
  border-color:#94A3B8!important;
  color:#0F172A!important;
}
html body #zzk-configurator.zzk-wrap button.zzk-builder-close{
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
  border:1px solid #CBD5E1!important;
  color:#334155!important;
  box-shadow:none!important;
  text-shadow:none!important;
}

/* Hauptaktionen bleiben bewusst blau */
html body #zzk-configurator.zzk-wrap button.zzk-add-package,
html body #zzk-configurator.zzk-wrap button.zzk-measure-open,
html body #zzk-configurator.zzk-wrap button.zzk-apply{
  background:#1F7CEC!important;
  background-color:#1F7CEC!important;
  border-color:#1F7CEC!important;
  color:#fff!important;
}

/* Auswahlfenster Ergänzungselement */
.zzk-supplement-modal[hidden]{display:none!important}
.zzk-supplement-modal{position:fixed;inset:0;z-index:1000005}
.zzk-supplement-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.48);backdrop-filter:blur(2px)}
.zzk-supplement-modal-dialog{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:min(760px,calc(100vw - 32px));max-height:min(760px,calc(100vh - 40px));
  overflow:auto;background:#fff;border:1px solid #E2E8F0;border-radius:16px;
  box-shadow:0 26px 80px rgba(15,23,42,.25);padding:0;
}
.zzk-supplement-modal-head{
  position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;
  padding:18px 20px;background:#fff;border-bottom:1px solid #E2E8F0;
}
.zzk-supplement-modal-head>div{display:grid;gap:3px}
.zzk-supplement-modal-head span{font-size:9px;letter-spacing:.12em;font-weight:900;color:#1F7CEC}
.zzk-supplement-modal-head strong{font-size:18px;color:#0F172A}
.zzk-supplement-modal-head small{font-size:11px;color:#64748B;line-height:1.4}
html body #zzk-configurator.zzk-wrap button.zzk-supplement-modal-close{
  flex:0 0 36px;width:36px;height:36px;padding:0!important;border:1px solid #CBD5E1!important;border-radius:9px!important;
  background:#fff!important;background-color:#fff!important;background-image:none!important;
  color:#334155!important;font-size:22px!important;line-height:1!important;box-shadow:none!important;text-shadow:none!important;
}
.zzk-supplement-modal-products{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;
}
html body #zzk-configurator.zzk-wrap button.zzk-supplement-product-card{
  appearance:none!important;display:grid!important;grid-template-columns:112px 1fr auto!important;gap:14px!important;align-items:center!important;
  width:100%!important;min-height:130px!important;padding:12px!important;text-align:left!important;
  border:1px solid #DCE4EE!important;border-radius:12px!important;background:#fff!important;background-color:#fff!important;background-image:none!important;
  color:#0F172A!important;box-shadow:none!important;text-shadow:none!important;cursor:pointer!important;
}
html body #zzk-configurator.zzk-wrap button.zzk-supplement-product-card:hover{
  border-color:#1F7CEC!important;background:#F8FBFF!important;
}
.zzk-supplement-product-image{
  width:112px;height:104px;border:1px solid #E2E8F0;border-radius:9px;background:#F8FAFC;overflow:hidden;display:grid;place-items:center;
}
.zzk-supplement-product-image img{width:100%;height:100%;object-fit:contain;display:block}
.zzk-supplement-product-copy{display:grid;gap:4px;min-width:0}
.zzk-supplement-product-copy strong{font-size:13px;color:#0F172A;line-height:1.3}
.zzk-supplement-product-copy small{font-size:11px;color:#64748B}
.zzk-supplement-product-copy b{font-size:13px;color:#0F172A}
.zzk-supplement-product-select{
  align-self:center;padding:7px 10px;border-radius:8px;background:#EAF3FF;color:#155FB8;font-size:10.5px;font-weight:800;
}
.zzk-fixed-supplement-head{gap:8px!important}
.zzk-fixed-supplement-head>span{color:#64748B}
@media(max-width:680px){
  .zzk-supplement-modal-products{grid-template-columns:1fr}
  html body #zzk-configurator.zzk-wrap button.zzk-supplement-product-card{grid-template-columns:88px 1fr!important}
  .zzk-supplement-product-image{width:88px;height:84px}
  .zzk-supplement-product-select{grid-column:2}
}


/* v1.19.35.7.25 – Zusatzelemente direkt im 3D-Bild verschieben */
.zzk-fixed-supplement-note{margin-top:6px;font-size:11px;color:#64748B}
html body #zzk-configurator.zzk-wrap button.zzk-fixed-supplement-remove{
  background:#fff!important;background-image:none!important;border:1px solid #CBD5E1!important;color:#334155!important;
  border-radius:8px!important;padding:6px 10px!important;font-weight:700!important;cursor:pointer;box-shadow:none!important;text-shadow:none!important;
}
html body #zzk-configurator.zzk-wrap button.zzk-fixed-supplement-remove:hover{background:#F8FAFC!important}
.zzk-3d-stage{position:relative}
.zzk-3d-supplement-overlay{position:absolute;left:12px;top:12px;z-index:6;pointer-events:none;max-width:min(520px,72%)}
.zzk-3d-supplement-card{pointer-events:auto;background:rgba(255,255,255,.96);border:1px solid #D9E3F0;border-radius:12px;box-shadow:0 12px 28px rgba(15,23,42,.10);padding:10px 12px;backdrop-filter:blur(3px)}
.zzk-3d-sup-head{display:grid;gap:2px;margin-bottom:8px}
.zzk-3d-sup-head strong{font-size:13px;color:#0F172A}
.zzk-3d-sup-head small{font-size:11px;color:#64748B}
.zzk-3d-sup-row{display:grid;grid-template-columns:60px 1fr;gap:10px;align-items:center;margin-top:7px}
.zzk-3d-sup-side{font-size:11px;font-weight:800;color:#334155}
.zzk-3d-sup-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(34px,1fr);gap:6px;align-items:center}
html body #zzk-configurator.zzk-wrap button.zzk-3d-sup-slot{
  appearance:none;border:1px dashed #CBD5E1!important;background:#F8FAFC!important;border-radius:8px!important;min-height:34px!important;padding:3px!important;
  display:grid;place-items:center;cursor:pointer;box-shadow:none!important;
}
html body #zzk-configurator.zzk-wrap button.zzk-3d-sup-slot.is-active{border-style:solid!important;border-color:#93C5FD!important;background:#EFF6FF!important}
html body #zzk-configurator.zzk-wrap button.zzk-3d-sup-slot.is-drop-target{border-color:#1F7CEC!important;background:#DBEAFE!important}
.zzk-3d-sup-base{display:block;width:14px;height:14px;border-radius:999px;background:#CBD5E1}
.zzk-3d-sup-badge{display:inline-flex;align-items:center;justify-content:center;min-width:52px;padding:6px 8px;border-radius:7px;background:#1F7CEC;color:#fff;font-size:11px;font-weight:800;cursor:grab;user-select:none}
.zzk-3d-sup-badge.is-dragging{opacity:.55;cursor:grabbing}
@media(max-width:860px){.zzk-3d-supplement-overlay{display:none!important}}


/* v1.19.35.7.26 – direkte 3D-Manipulation ohne Zusatzleiste */
.zzk-3d-supplement-overlay{display:none!important}
.zzk-3d-canvas.is-field-dragging{cursor:grabbing!important}


/* v1.19.35.7.26 – direkte 3D-Bearbeitung ohne Zusatzleisten */
.zzk-3d-supplement-overlay{display:none!important}
@media(min-width:861px){
  .zzk-deco-placement-head,.zzk-deco-placement-list{display:none!important}
  .zzk-deco-info:after{content:'Deko-Position direkt im 3D-Bild mit der Maus verschieben.';display:block;margin-top:7px;font-size:11px;color:#64748B}
  .zzk-3d-canvas.is-field-dragging{cursor:grabbing!important}
}


/* v1.19.35.7.29 – Materialliste vor Warenkorb */
.zzk-material-modal[hidden]{display:none!important}
.zzk-material-modal{position:fixed;inset:0;z-index:1000010;display:flex;align-items:center;justify-content:center;padding:24px;isolation:isolate}
.zzk-material-backdrop{position:absolute;inset:0;background:rgba(10,18,28,.72)}
.zzk-material-dialog{position:relative;z-index:1;width:min(1080px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.zzk-material-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:3}
.zzk-material-head strong{display:block;font-size:22px;line-height:1.2;color:#111827}
.zzk-material-head small{display:block;margin-top:4px;color:#6b7280;font-size:14px}
.zzk-material-close{border:0;background:#f3f4f6;color:#111827;width:42px;height:42px;border-radius:50%;font-size:28px;line-height:1;cursor:pointer;flex:0 0 42px}
.zzk-material-note{margin:20px 24px 0;padding:14px 16px;border-radius:12px;background:#f8fafc;border:1px solid #e5e7eb;color:#374151;line-height:1.45}
.zzk-material-content{padding:18px 24px 8px}
.zzk-material-loading,.zzk-material-error{padding:28px;text-align:center;color:#6b7280}
.zzk-material-grid{display:grid;gap:12px}
.zzk-material-card{display:grid;grid-template-columns:110px minmax(0,1fr) 92px 145px;gap:16px;align-items:center;padding:14px;border:1px solid #e5e7eb;border-radius:14px;background:#fff}
.zzk-material-image{display:block;width:110px;height:90px;border-radius:10px;overflow:hidden;background:#f8fafc}
.zzk-material-image img{width:100%;height:100%;object-fit:contain;display:block}
.zzk-material-copy{min-width:0}
.zzk-material-role{display:inline-block;margin-bottom:4px;font-size:12px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.03em}
.zzk-material-copy h4{margin:0 0 6px;font-size:16px;line-height:1.3}
.zzk-material-copy h4 a{color:#111827;text-decoration:none}
.zzk-material-copy p{margin:0 0 8px;color:#6b7280;font-size:13px;line-height:1.45}
.zzk-material-details{font-size:13px;font-weight:700;text-decoration:none}
.zzk-material-qty,.zzk-material-price{display:flex;flex-direction:column;gap:4px}
.zzk-material-qty span,.zzk-material-price span{font-size:12px;color:#6b7280}
.zzk-material-qty strong{font-size:18px;color:#111827}
.zzk-material-price{text-align:right}
.zzk-material-price strong{font-size:17px;color:#111827}
.zzk-material-total{display:flex;justify-content:flex-end;align-items:center;gap:18px;padding:18px 2px 6px;border-top:1px solid #e5e7eb;margin-top:10px}
.zzk-material-total span{font-weight:700;color:#374151}
.zzk-material-total strong{font-size:24px;color:#111827}
.zzk-material-actions{display:flex;justify-content:flex-end;gap:12px;padding:18px 24px;border-top:1px solid #e5e7eb;position:sticky;bottom:0;background:#fff;z-index:3}
.zzk-material-back,.zzk-confirm-cart{min-height:46px;border-radius:10px;padding:0 18px;font-weight:700;cursor:pointer}
.zzk-material-back{background:#fff;border:1px solid #cbd5e1;color:#334155}
.zzk-confirm-cart{border:0;background:#111827;color:#fff}
.zzk-confirm-cart:disabled{opacity:.65;cursor:default}
.zzk-material-status{padding:0 24px 18px;text-align:right;font-size:14px}
.zzk-material-status a{font-weight:700}

@media (max-width: 720px){
  .zzk-material-modal{padding:0;align-items:stretch}
  .zzk-material-dialog{width:100%;max-height:none;height:100%;border-radius:0;overflow:auto}
  .zzk-material-head{padding:16px}
  .zzk-material-head strong{font-size:19px}
  .zzk-material-note{margin:14px 14px 0;padding:12px;font-size:13px}
  .zzk-material-content{padding:14px}
  .zzk-material-card{grid-template-columns:84px minmax(0,1fr);gap:12px;padding:12px}
  .zzk-material-image{width:84px;height:78px}
  .zzk-material-copy h4{font-size:15px}
  .zzk-material-copy p{font-size:12px}
  .zzk-material-qty,.zzk-material-price{grid-column:2;display:flex;flex-direction:row;justify-content:space-between;align-items:center;text-align:left;border-top:1px solid #eef2f7;padding-top:8px}
  .zzk-material-qty strong,.zzk-material-price strong{font-size:15px}
  .zzk-material-total{justify-content:space-between;gap:10px}
  .zzk-material-total strong{font-size:20px}
  .zzk-material-actions{padding:12px 14px;display:grid;grid-template-columns:1fr;gap:8px}
  .zzk-material-back,.zzk-confirm-cart{width:100%;min-height:50px}
  .zzk-confirm-cart{order:-1}
  .zzk-material-status{padding:0 14px 14px;text-align:center}
}
body > .zzk-material-modal{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  transform:none!important;
  isolation:isolate!important;
}
body > .zzk-material-modal .zzk-material-backdrop{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
}
body > .zzk-material-modal .zzk-material-dialog{
  position:relative!important;
  z-index:1!important;
}
body.zzk-material-portal-open{overflow:hidden!important;}

/* Auch im Portal niemals Theme-Orange zulassen. */
html body > .zzk-material-modal button.zzk-confirm-cart{
  background:#1F7CEC!important;
  background-color:#1F7CEC!important;
  background-image:none!important;
  border-color:#1F7CEC!important;
  color:#fff!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
html body > .zzk-material-modal button.zzk-confirm-cart:hover,
html body > .zzk-material-modal button.zzk-confirm-cart:focus{
  background:#155FB8!important;
  background-color:#155FB8!important;
  border-color:#155FB8!important;
  color:#fff!important;
}
html body > .zzk-material-modal button.zzk-material-back,
html body > .zzk-material-modal button.zzk-material-close{
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
  color:#334155!important;
  border-color:#CBD5E1!important;
  box-shadow:none!important;
  text-shadow:none!important;
}

@media(max-width:720px){
  body > .zzk-material-modal{
    padding:0!important;
    display:flex!important;
    align-items:stretch!important;
    justify-content:stretch!important;
  }
  body > .zzk-material-modal .zzk-material-dialog{
    width:100%!important;
    height:100%!important;
    max-height:none!important;
    border-radius:0!important;
    overflow:auto!important;
  }
}


/* v1.19.35.7.29 – nur eine 3D-Arbeitsfläche */
#zzk-configurator [data-3d-open]{display:none!important}
#zzk-configurator .zzk-3d-help{font-size:0!important}
#zzk-configurator .zzk-3d-help:after{content:'Ziehen zum Drehen · Mausrad zum Zoomen · Zusatzelemente und Deko direkt im Zaun verschieben';font-size:11px}


/* v1.19.35.7.31 – mehrere 90er per Direktbutton */
html body #zzk-configurator.zzk-wrap button.zzk-add-90-supplement{
  background:#1F7CEC!important;background-image:none!important;color:#fff!important;border:1px solid #1F7CEC!important;
  border-radius:8px!important;padding:7px 11px!important;font-size:11px!important;font-weight:800!important;cursor:pointer;box-shadow:none!important;text-shadow:none!important;
}
html body #zzk-configurator.zzk-wrap button.zzk-add-90-supplement:hover{background:#155FB8!important;border-color:#155FB8!important}


/* v1.19.35.7.34 – eigener Menüpunkt Zusatzelemente für feste und kürzbare Systeme */
.zzk-builder-supplement-list{display:grid;gap:9px}
.zzk-builder-supplement-list .zzk-fixed-supplement{margin:0;flex:auto;background:#F8FBFF;border:1px solid #DBE7F5;border-radius:9px;padding:9px 10px}
.zzk-builder-supplement-list .zzk-fixed-supplement-head{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.zzk-builder-supplement-list .zzk-fixed-supplement-head strong{min-width:52px}
html body #zzk-configurator.zzk-wrap .zzk-builder-supplement-list button.zzk-add-90-supplement,
html body #zzk-configurator.zzk-wrap .zzk-builder-supplement-list button.zzk-fixed-supplement-choose{
  background:#1F7CEC!important;background-image:none!important;color:#fff!important;border:1px solid #1F7CEC!important;border-radius:8px!important;padding:7px 10px!important;font-size:11px!important;font-weight:800!important;box-shadow:none!important;text-shadow:none!important;cursor:pointer
}
html body #zzk-configurator.zzk-wrap .zzk-builder-supplement-list button.zzk-add-90-supplement:hover,
html body #zzk-configurator.zzk-wrap .zzk-builder-supplement-list button.zzk-fixed-supplement-choose:hover{background:#155FB8!important}

/* Produktseite: Konfigurator erst nach Klick anzeigen */
#zzk-configurator[hidden]{display:none!important}
.zzk-launch-container{margin:18px 0 24px}
.zzk-launch-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:56px;padding:15px 27px;background:#283d3c;color:#fff;border:0;border-radius:9px;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 5px 18px rgba(0,0,0,.10);transition:background .2s,transform .2s}
.zzk-launch-button:hover,.zzk-launch-button:focus-visible{background:#172a29;color:#fff;transform:translateY(-1px)}
.zzk-launch-container p{margin:8px 0 0;color:#6a6e71;font-size:14px}
@media(max-width:600px){.zzk-launch-button{width:100%;min-height:58px}}

/* v1.19.35.7.50: eigene Konfigurator-Arbeitsflaeche */
body.zzk-workspace-open{overflow:hidden!important}
.zzk-workspace[hidden]{display:none!important}
.zzk-workspace{position:fixed!important;inset:0!important;z-index:2147480000!important;background:#f6f8f9;display:flex;flex-direction:column;overflow:hidden}
body.admin-bar .zzk-workspace{top:32px!important}
.zzk-workspace-top{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:13px clamp(14px,3vw,42px);background:#fff;border-bottom:1px solid #dce3e5;gap:15px}
.zzk-workspace-top strong{display:block;font-size:22px;color:#233a38}
.zzk-workspace-top small{color:#5c6b6e;display:block;font-size:13px}
.zzk-workspace-close{background:#243c39!important;color:#fff!important;border:0!important;border-radius:8px!important;padding:12px 18px!important;cursor:pointer;font-weight:600}
.zzk-workspace-nav{flex-shrink:0;display:flex;gap:8px;overflow-x:auto;padding:10px clamp(14px,3vw,42px);background:#fff;border-bottom:1px solid #e3e8eb}
.zzk-workspace-nav button{white-space:nowrap;background:#f2f5f5!important;border:1px solid #dce5e5!important;color:#243c39!important;border-radius:8px!important;padding:10px 15px!important;font-size:14px!important;cursor:pointer}
.zzk-workspace-nav button:hover{background:#e1eeee!important}
.zzk-workspace-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:18px clamp(12px,3vw,42px) 45px}
.zzk-workspace-body #zzk-configurator{display:block!important;width:100%;max-width:1600px;margin:0 auto!important}
.zzk-workspace-body #zzk-configurator[hidden]{display:none!important}
@media(max-width:782px){body.admin-bar .zzk-workspace{top:0!important}.zzk-workspace-top strong{font-size:18px}.zzk-workspace-top{padding:10px 12px}.zzk-workspace-close{padding:10px!important}.zzk-workspace-body{padding:10px 8px 30px}.zzk-workspace-nav{padding:9px 10px}}

/* v1.19.35.7.51 – eine einzige Konfigurator-Ansicht statt doppeltem Vollbild */
.zzk-unified .zzk-builder-modal{display:none!important}
.zzk-unified .zzk-main>.zzk-height-section,
.zzk-unified .zzk-main>.zzk-variant-section,
.zzk-unified .zzk-main>.zzk-post-section,
.zzk-unified .zzk-main>.zzk-accessory-section,
.zzk-unified .zzk-main>.zzk-deco-section,
.zzk-unified .zzk-main>.zzk-optional-section,
.zzk-unified .zzk-main>.zzk-gate-section{display:block!important}
.zzk-unified .zzk-unified-supplements{display:block!important}
.zzk-unified .zzk-unified-supplements .zzk-builder-block{margin:0}
.zzk-unified .zzk-unified-supplements .zzk-builder-block-head{display:none}
.zzk-unified .zzk-unified-supplements .zzk-builder-block-body{display:block!important}
.zzk-unified .zzk-workspace-nav button{background:#edf3f2!important;color:#233a38!important}
.zzk-unified .zzk-workspace-nav button:hover{background:#dce9e7!important}
.zzk-unified .zzk-open-builder{background:#284f4a!important}
.zzk-unified .zzk-section{scroll-margin-top:20px}


/* v1.19.35.7.52: grosse 3D-Arbeitsflaeche und kompakter gefuehrter Assistent */
.zzk-workspace.zzk-unified .zzk-workspace-top{padding:9px 20px}
.zzk-workspace.zzk-unified .zzk-workspace-top strong{font-size:19px}
.zzk-workspace.zzk-unified .zzk-workspace-nav{padding:8px 20px;gap:6px}
.zzk-workspace.zzk-unified .zzk-workspace-nav button{padding:7px 12px!important;font-size:12px!important}
.zzk-workspace.zzk-unified .zzk-workspace-nav button.is-active{background:#244a45!important;color:white!important;border-color:#244a45!important}
.zzk-workspace.zzk-unified .zzk-workspace-body{padding:10px 14px 14px;overflow:hidden}
.zzk-workspace.zzk-unified #zzk-configurator.zzk-wrap{max-width:none!important;margin:0!important;padding:0!important;height:100%}
.zzk-workspace.zzk-unified #zzk-configurator .zzk-head{display:none!important}
.zzk-workspace.zzk-unified #zzk-configurator .zzk-guided-grid{display:grid!important;grid-template-columns:minmax(320px, 360px) minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr) auto;column-gap:14px!important;row-gap:8px!important;height:100%;align-items:stretch!important;max-width:none!important}
.zzk-workspace.zzk-unified .zzk-guide-intro{grid-column:1;grid-row:1;display:grid;gap:3px;padding:2px 6px}
.zzk-workspace.zzk-unified .zzk-guide-intro strong{font-size:16px;color:#233e3b}
.zzk-workspace.zzk-unified .zzk-guide-intro small{font-size:11px;color:#607072}
.zzk-workspace.zzk-unified .zzk-guide-heading{padding:12px 13px;background:#fff;border:1px solid #e2e8e8;border-radius:12px;display:grid;gap:4px;margin-bottom:9px}
.zzk-workspace.zzk-unified .zzk-guide-heading strong{font-size:15px;color:#263e3c}
.zzk-workspace.zzk-unified .zzk-guide-heading small{font-size:12px;color:#5a6d70}
.zzk-workspace.zzk-unified .zzk-guided-panel{grid-column:1;grid-row:2;min-height:0;overflow-y:auto;overflow-x:hidden;display:block!important;gap:0;padding:0 2px 15px;scrollbar-width:thin}
.zzk-workspace.zzk-unified .zzk-guided-panel .zzk-section{padding:14px 11px!important;margin-bottom:9px!important;box-shadow:none!important}
.zzk-workspace.zzk-unified .zzk-section-title strong{font-size:14px!important}
.zzk-workspace.zzk-unified .zzk-section-title{margin-bottom:10px!important}
.zzk-workspace.zzk-unified .zzk-situations{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.zzk-workspace.zzk-unified .zzk-situation{padding:6px 3px;font-size:11px}
.zzk-workspace.zzk-unified .zzk-situation svg{height:36px}
.zzk-workspace.zzk-unified .zzk-field-layout-options{grid-template-columns:1fr!important}
.zzk-workspace.zzk-unified .zzk-field-layout-option{padding:9px!important}
.zzk-workspace.zzk-unified .zzk-option-cards{grid-template-columns:1fr 1fr!important;gap:6px}
.zzk-workspace.zzk-unified .zzk-option-card{grid-template-columns:50px 1fr!important;padding:6px!important}
.zzk-workspace.zzk-unified .zzk-option-card img{width:48px;height:48px}
.zzk-workspace.zzk-unified .zzk-guide-controls{grid-column:1;grid-row:3;background:white;border:1px solid #dde7e5;border-radius:11px;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.zzk-workspace.zzk-unified .zzk-guide-buttons{display:flex;gap:7px}
.zzk-workspace.zzk-unified .zzk-guide-controls button{padding:10px 12px!important;background:#244a45!important;color:#fff!important;border:0!important;border-radius:8px!important;font-size:13px!important;cursor:pointer}
.zzk-workspace.zzk-unified .zzk-guide-controls button:disabled{opacity:.35!important;cursor:default}
.zzk-workspace.zzk-unified .zzk-guide-position{font-size:12px;font-weight:700;color:#536864}
.zzk-workspace.zzk-unified .zzk-large-preview{grid-column:2;grid-row:1 / 4;position:relative!important;top:auto!important;max-height:100%!important;min-height:0;overflow-y:auto!important;scrollbar-width:thin;display:block!important}
.zzk-workspace.zzk-unified .zzk-large-preview .zzk-3d-stage{height:clamp(450px, 68vh, 1000px)!important;min-height:450px!important}
.zzk-workspace.zzk-unified .zzk-large-preview .zzk-3d-preview{width:100%!important;max-width:none!important}
.zzk-workspace.zzk-unified .zzk-large-preview .zzk-3d-canvas{width:100%!important;display:block!important}
.zzk-workspace.zzk-unified .zzk-large-preview .zzk-3d-toolbar{padding:12px 16px!important}
.zzk-workspace.zzk-unified .zzk-large-preview .zzk-summary-row{padding:8px 16px!important}
.zzk-workspace.zzk-unified .zzk-large-preview h3{font-size:17px;margin:10px 16px}
.zzk-workspace.zzk-unified .zzk-large-preview .zzk-add-package{position:relative}
.zzk-workspace.zzk-unified .zzk-guide-highlight{outline:3px solid #5e9e8d!important;outline-offset:3px}
@media(max-width:850px){
 .zzk-workspace.zzk-unified .zzk-workspace-body{overflow:auto;padding:8px}
 .zzk-workspace.zzk-unified #zzk-configurator.zzk-wrap{height:auto}
 .zzk-workspace.zzk-unified #zzk-configurator .zzk-guided-grid{display:flex!important;flex-direction:column;gap:8px!important;height:auto}
 .zzk-workspace.zzk-unified .zzk-guide-intro{order:0}
 .zzk-workspace.zzk-unified .zzk-large-preview{order:1;overflow:visible!important;max-height:none!important}
 .zzk-workspace.zzk-unified .zzk-large-preview .zzk-3d-stage{height:clamp(290px,46vh,500px)!important;min-height:290px!important}
 .zzk-workspace.zzk-unified .zzk-guided-panel{order:2;overflow:visible;max-height:none}
 .zzk-workspace.zzk-unified .zzk-guide-controls{order:3;position:sticky;bottom:0;z-index:4}
 .zzk-workspace.zzk-unified .zzk-large-preview .zzk-summary-row{display:none}
}

/* v1.19.35.7.53 – lesbare Schrittführung und großzügige 3D-Fläche */
@media (min-width: 901px){
  .zzk-workspace.zzk-unified #zzk-configurator .zzk-guided-grid{
    grid-template-columns:clamp(400px,32vw,480px) minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr) auto!important;
    gap:12px 16px!important;
  }
  .zzk-workspace.zzk-unified .zzk-guide-intro{display:none!important}
  .zzk-workspace.zzk-unified .zzk-guided-panel{grid-column:1;grid-row:1;min-width:0;width:100%;padding:0 7px 10px 0!important}
  .zzk-workspace.zzk-unified .zzk-guide-controls{grid-column:1;grid-row:2}
  .zzk-workspace.zzk-unified .zzk-large-preview{grid-column:2;grid-row:1 / 3;min-width:0}
  .zzk-workspace.zzk-unified .zzk-large-preview .zzk-3d-stage{height:clamp(460px,72vh,1000px)!important}
}
.zzk-workspace.zzk-unified .zzk-workspace-body{padding:12px 20px 14px!important}
.zzk-workspace.zzk-unified #zzk-configurator .zzk-guided-grid > *{min-width:0}
.zzk-workspace.zzk-unified .zzk-guided-panel .zzk-section{min-width:0;max-width:100%;overflow:visible;padding:15px 13px!important}
.zzk-workspace.zzk-unified .zzk-guided-panel .zzk-guide-heading{margin-bottom:12px}
/* Nie die Auswahlkarten oder Eingabefelder abschneiden. */
body.single-product .zzk-workspace.zzk-unified #zzk-configurator.zzk-wrap .zzk-situations,
.zzk-workspace.zzk-unified #zzk-configurator .zzk-situations{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;
}
body.single-product .zzk-workspace.zzk-unified #zzk-configurator.zzk-wrap button.zzk-situation,
.zzk-workspace.zzk-unified #zzk-configurator button.zzk-situation{
 min-width:0!important;width:100%!important;min-height:104px!important;padding:10px 8px!important;
 white-space:normal!important;display:block!important;
}
.zzk-workspace.zzk-unified #zzk-configurator .zzk-situation svg{height:46px!important;width:100%!important}
.zzk-workspace.zzk-unified #zzk-configurator .zzk-situation b{font-size:13px!important}
.zzk-workspace.zzk-unified #zzk-configurator .zzk-situation small{font-size:11px!important}
.zzk-workspace.zzk-unified #zzk-configurator .zzk-inline-lengths{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;
}
.zzk-workspace.zzk-unified #zzk-configurator .zzk-length-field{width:100%!important;min-width:0!important}
.zzk-workspace.zzk-unified #zzk-configurator .zzk-length-field input{min-width:0!important;width:100%!important;padding:10px 5px!important}
.zzk-workspace.zzk-unified #zzk-configurator .zzk-length-field span,
.zzk-workspace.zzk-unified #zzk-configurator .zzk-length-field em{padding:0 8px!important;font-size:12px}
.zzk-workspace.zzk-unified #zzk-configurator .zzk-guided-panel button,
.zzk-workspace.zzk-unified #zzk-configurator .zzk-guided-panel label{max-width:100%}
.zzk-workspace.zzk-unified .zzk-large-preview{overflow:auto!important;position:relative!important;top:auto!important}
.zzk-workspace.zzk-unified .zzk-large-preview .zzk-3d-stage{width:100%!important;overflow:hidden!important}
.zzk-workspace.zzk-unified .zzk-large-preview .zzk-3d-canvas{width:100%!important;height:100%!important}
.zzk-workspace.zzk-unified .zzk-workspace-nav{padding:8px 20px!important;gap:6px!important}
.zzk-workspace.zzk-unified .zzk-workspace-nav button{white-space:nowrap!important}
@media(max-width:900px){
 .zzk-workspace.zzk-unified .zzk-workspace-body{overflow:auto!important;padding:9px!important}
 .zzk-workspace.zzk-unified #zzk-configurator .zzk-guided-grid{display:flex!important;flex-direction:column!important;height:auto!important}
 .zzk-workspace.zzk-unified .zzk-large-preview{order:0!important;overflow:visible!important}
 .zzk-workspace.zzk-unified .zzk-guide-intro{display:none!important}
 .zzk-workspace.zzk-unified .zzk-guided-panel{order:1!important;overflow:visible!important;width:100%}
 .zzk-workspace.zzk-unified .zzk-guide-controls{order:2!important}
 .zzk-workspace.zzk-unified .zzk-large-preview .zzk-3d-stage{height:clamp(300px,48vh,540px)!important}
}
@media(max-width:430px){
 .zzk-workspace.zzk-unified #zzk-configurator .zzk-inline-lengths{grid-template-columns:1fr!important}
 .zzk-workspace.zzk-unified .zzk-workspace-nav{padding:6px 10px!important}
}

/* v1.19.35.7.54: einheitliche Schritt-Navigation + Materialliste */
.zzk-workspace.zzk-unified .zzk-config-launch-wrap{display:none!important}
.zzk-workspace.zzk-unified .zzk-guide-final{display:block;padding:18px 15px;border-radius:12px;background:#fff;border:1px solid #dce5e4}
.zzk-workspace.zzk-unified .zzk-guide-final h3{margin:0 0 10px;color:#243c3a;font-size:18px}
.zzk-workspace.zzk-unified .zzk-guide-final p{font-size:13px;line-height:1.55;color:#4c6060}
.zzk-workspace.zzk-unified button.zzk-guide-material-open{background:#244a45!important;color:white!important;padding:13px 17px!important;border:0!important;border-radius:8px!important;font-weight:700!important;cursor:pointer}
.zzk-workspace.zzk-unified .zzk-guide-material-feedback{color:#b03d24;font-size:12px;margin-top:10px}
body > .zzk-material-modal.is-open{display:flex!important;z-index:2147483646!important}


/* v1.19.35.7.55: Mobil-Optimierung mit abschliessender Montageanfrage */
.zzk-mobile-montage-end{display:none}
@media(max-width:900px){
  body.zzk-workspace-open{overflow:hidden!important}
  .zzk-workspace.zzk-unified .zzk-workspace-body{overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:8px 10px 24px!important}
  .zzk-workspace.zzk-unified #zzk-configurator .zzk-guided-grid{display:flex!important;flex-direction:column!important;gap:12px!important;min-width:0!important;width:100%!important}
  .zzk-workspace.zzk-unified .zzk-workspace-nav{display:flex!important;overflow-x:auto!important;scroll-snap-type:x proximity;gap:7px;padding:9px 12px!important;scrollbar-width:thin}
  .zzk-workspace.zzk-unified .zzk-workspace-nav button{flex:0 0 auto!important;scroll-snap-align:start;min-height:40px}
  .zzk-workspace.zzk-unified .zzk-large-preview{order:0!important;min-width:0!important;width:100%!important}
  .zzk-workspace.zzk-unified .zzk-large-preview .zzk-3d-stage{height:clamp(210px,33vh,360px)!important;min-height:210px!important}
  .zzk-workspace.zzk-unified .zzk-guided-panel{order:1!important;width:100%!important;min-width:0!important;padding:0!important;overflow:visible!important}
  .zzk-workspace.zzk-unified .zzk-guided-panel .zzk-section{padding:12px!important}
  .zzk-workspace.zzk-unified .zzk-guide-controls{order:2!important;position:sticky!important;bottom:0!important;z-index:15!important;padding:9px 12px!important;box-shadow:0 -3px 18px rgba(20,45,43,.12);width:100%!important}
  .zzk-workspace.zzk-unified .zzk-guide-controls button{min-height:42px!important}
  .zzk-workspace.zzk-unified .zzk-mobile-montage-end{display:block!important;order:3!important;width:100%!important;min-width:0!important;margin:12px 0 24px!important}
  .zzk-workspace.zzk-unified .zzk-mobile-montage-end .zzk-montage-box{margin:0!important;padding:16px!important;border-radius:12px!important;background:#f6f9f8!important;border:1px solid #d7e2e0!important}
  .zzk-workspace.zzk-unified .zzk-montage-fields input,.zzk-workspace.zzk-unified .zzk-montage-fields textarea{width:100%!important;max-width:100%!important;box-sizing:border-box!important;min-height:44px!important;font-size:16px!important}
  .zzk-workspace.zzk-unified .zzk-montage-fields textarea{min-height:100px!important}
  .zzk-workspace.zzk-unified .zzk-montage-fields button{min-height:46px!important;width:100%!important;background:#244a45!important;border-radius:8px!important}
  .zzk-workspace.zzk-unified .zzk-guide-step,.zzk-workspace.zzk-unified .zzk-section,.zzk-workspace.zzk-unified .zzk-section *{max-width:100%;box-sizing:border-box}
  .zzk-workspace.zzk-unified .zzk-inline-lengths{grid-template-columns:1fr!important}
  .zzk-workspace.zzk-unified .zzk-option-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .zzk-workspace.zzk-unified .zzk-large-preview .zzk-save-share{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
  .zzk-workspace.zzk-unified .zzk-large-preview .zzk-save-share button{flex:1 1 130px;min-height:42px!important}
  .zzk-workspace.zzk-unified .zzk-large-preview .zzk-add-package{display:block!important;width:calc(100% - 24px)!important;margin:12px!important;min-height:46px!important}
  .zzk-workspace.zzk-unified .zzk-large-preview .zzk-summary-row{display:flex!important;padding:8px 12px!important;gap:12px!important}
  .zzk-workspace.zzk-unified .zzk-large-preview .zzk-summary-row strong{text-align:right;overflow-wrap:anywhere}
  .zzk-material-dialog{max-width:calc(100vw - 18px)!important;width:calc(100vw - 18px)!important;max-height:calc(100dvh - 26px)!important;overflow-y:auto!important}
}
@media(max-width:480px){
 .zzk-workspace.zzk-unified .zzk-workspace-top{padding:8px 12px!important}
 .zzk-workspace.zzk-unified .zzk-workspace-top strong{font-size:16px!important}
 .zzk-workspace.zzk-unified .zzk-situations{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .zzk-workspace.zzk-unified .zzk-guide-buttons{gap:6px!important}
}

/* v1.19.35.7.56 – mobile 3D pinned, only assistant entries scroll */
@media(max-width:900px){
 .zzk-workspace.zzk-unified .zzk-workspace-body{overflow:hidden!important;display:flex!important;flex-direction:column!important;padding:5px 8px 8px!important;}
 .zzk-workspace.zzk-unified #zzk-configurator.zzk-wrap{height:100%!important;min-height:0!important;overflow:hidden!important;}
 .zzk-workspace.zzk-unified #zzk-configurator .zzk-guided-grid{height:100%!important;max-height:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(190px,32vh) minmax(0,1fr) auto!important;gap:6px!important;overflow:hidden!important;}
 .zzk-workspace.zzk-unified .zzk-large-preview{grid-column:1!important;grid-row:1!important;order:unset!important;height:100%!important;overflow:hidden!important;min-height:0!important;display:flex!important;flex-direction:column!important;}
 .zzk-workspace.zzk-unified .zzk-large-preview .zzk-3d-preview{flex:1 1 auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;}
 .zzk-workspace.zzk-unified .zzk-large-preview .zzk-3d-stage{height:100%!important;min-height:140px!important;flex:1 1 auto!important;}
 .zzk-workspace.zzk-unified .zzk-large-preview .zzk-summary-row,.zzk-workspace.zzk-unified .zzk-large-preview .zzk-add-package,.zzk-workspace.zzk-unified .zzk-large-preview .zzk-montage-box,.zzk-workspace.zzk-unified .zzk-large-preview .zzk-save-share{display:none!important;}
 .zzk-workspace.zzk-unified .zzk-guided-panel{grid-column:1!important;grid-row:2!important;order:unset!important;overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important;height:100%!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0 3px 8px!important;}
 .zzk-workspace.zzk-unified .zzk-guide-controls{grid-column:1!important;grid-row:3!important;order:unset!important;position:relative!important;bottom:auto!important;z-index:20!important;margin:0!important;}
 .zzk-workspace.zzk-unified .zzk-mobile-montage-end{display:none!important;}
 .zzk-workspace.zzk-unified .zzk-field-layout,.zzk-workspace.zzk-unified .zzk-field-plan{display:block!important;visibility:visible!important;}
 .zzk-workspace.zzk-unified .zzk-field-layout-options{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
 .zzk-workspace.zzk-unified .zzk-field-layout-option{width:100%!important;min-width:0!important;white-space:normal!important;text-align:left!important;}
 .zzk-workspace.zzk-unified .zzk-situations{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 .zzk-workspace.zzk-unified[data-zzk-current-step="4"] .zzk-large-preview .zzk-summary-row{display:flex!important;}
 .zzk-workspace.zzk-unified[data-zzk-current-step="4"] .zzk-large-preview{overflow-y:auto!important;}
 .zzk-workspace.zzk-unified[data-zzk-current-step="4"] .zzk-mobile-montage-end{display:block!important;grid-column:1;grid-row:4;max-height:180px;overflow:auto;}
}
@media(max-width:480px){
 .zzk-workspace.zzk-unified #zzk-configurator .zzk-guided-grid{grid-template-rows:minmax(175px,29vh) minmax(0,1fr) auto!important;}
 .zzk-workspace.zzk-unified .zzk-workspace-nav{padding:5px 8px!important;}
 .zzk-workspace.zzk-unified .zzk-workspace-nav button{min-height:34px!important;padding:5px 9px!important;}
}

/* v1.19.35.7.57: mobile 3D always visible, only wizard inputs scroll */
.zzk-mobile-live-3d{display:none}
@media(max-width:900px){
  .zzk-workspace.zzk-unified .zzk-workspace-body{overflow:hidden!important;min-height:0!important;display:flex!important;flex-direction:column!important;padding:4px 8px 8px!important}
  .zzk-workspace.zzk-unified #zzk-configurator.zzk-wrap{min-height:0!important;height:100%!important;overflow:hidden!important}
  .zzk-workspace.zzk-unified #zzk-configurator .zzk-guided-grid{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:minmax(190px,34dvh) minmax(0,1fr) auto!important;
    gap:7px!important;height:100%!important;max-height:100%!important;overflow:hidden!important;
  }
  .zzk-workspace.zzk-unified .zzk-guide-intro{display:none!important}
  .zzk-workspace.zzk-unified .zzk-mobile-live-3d{
    display:flex!important;grid-column:1!important;grid-row:1!important;
    min-height:0!important;overflow:hidden!important;width:100%!important;
    border:1px solid #d8e3e9;border-radius:14px;background:#fff;
  }
  .zzk-workspace.zzk-unified .zzk-mobile-live-3d .zzk-3d-preview{
    display:flex!important;flex-direction:column!important;flex:1 1 auto!important;
    min-height:0!important;height:100%!important;width:100%!important;margin:0!important;
  }
  .zzk-workspace.zzk-unified .zzk-mobile-live-3d .zzk-3d-stage{
    flex:1 1 auto!important;height:100%!important;min-height:125px!important;overflow:hidden!important;
  }
  .zzk-workspace.zzk-unified .zzk-mobile-live-3d .zzk-3d-canvas{height:100%!important;width:100%!important}
  .zzk-workspace.zzk-unified .zzk-mobile-live-3d .zzk-3d-help{display:none!important}
  .zzk-workspace.zzk-unified .zzk-guided-panel{
    grid-column:1!important;grid-row:2!important;min-height:0!important;height:100%!important;
    overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;padding:0 3px 14px!important;
  }
  .zzk-workspace.zzk-unified .zzk-guide-controls{
    grid-column:1!important;grid-row:3!important;position:relative!important;bottom:auto!important;
    z-index:20!important;order:unset!important;margin:0!important;
  }
  .zzk-workspace.zzk-unified .zzk-large-preview{display:none!important}
  .zzk-workspace.zzk-unified .zzk-guide-final .zzk-large-preview{
    display:block!important;position:static!important;height:auto!important;
    max-height:none!important;overflow:visible!important;margin:14px 0!important;
  }
  .zzk-workspace.zzk-unified .zzk-guide-final .zzk-large-preview .zzk-summary-row{display:flex!important}
  .zzk-workspace.zzk-unified .zzk-guide-final .zzk-large-preview .zzk-add-package{display:none!important}
  .zzk-workspace.zzk-unified .zzk-mobile-montage-end{display:none!important}
  .zzk-workspace.zzk-unified[data-zzk-current-step="4"] .zzk-mobile-montage-end{
    display:block!important;grid-column:1!important;grid-row:4!important;
  }
  .zzk-workspace.zzk-unified .zzk-field-layout,.zzk-workspace.zzk-unified .zzk-field-plan{display:block!important;visibility:visible!important}
  .zzk-workspace.zzk-unified .zzk-field-layout-options{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:480px){
 .zzk-workspace.zzk-unified #zzk-configurator .zzk-guided-grid{
   grid-template-rows:minmax(170px,29dvh) minmax(0,1fr) auto!important;
 }
 .zzk-workspace.zzk-unified .zzk-mobile-live-3d .zzk-3d-toolbar{padding:6px 10px!important}
}

@media(max-width:900px){
 .zzk-workspace.zzk-unified[data-zzk-current-step="4"] .zzk-guide-final .zzk-mobile-montage-end{display:block!important;max-height:none!important;overflow:visible!important;margin:18px 0 14px!important}
}


/* v1.19.35.7.58 – mobile preview and step flow optimized */
@media(max-width:900px){
  .zzk-workspace.zzk-unified .zzk-workspace-nav{
    padding:4px 8px!important;
    gap:5px!important;
  }
  .zzk-workspace.zzk-unified .zzk-workspace-nav button{
    min-height:32px!important;
    padding:5px 8px!important;
    font-size:11px!important;
    border-radius:7px!important;
  }
  .zzk-workspace.zzk-unified .zzk-workspace-top{padding:10px 12px!important}
  .zzk-workspace.zzk-unified .zzk-workspace-top small{font-size:12px!important}
  .zzk-workspace.zzk-unified .zzk-workspace-close{padding:8px 10px!important;font-size:13px!important}
  .zzk-workspace.zzk-unified #zzk-configurator .zzk-guided-grid{
    grid-template-rows:minmax(240px,40dvh) minmax(0,1fr) auto!important;
    gap:8px!important;
  }
  .zzk-workspace.zzk-unified .zzk-mobile-live-3d{
    position:sticky!important;
    top:0!important;
    z-index:12!important;
    box-shadow:0 8px 22px rgba(21,42,41,.08)!important;
  }
  .zzk-workspace.zzk-unified .zzk-mobile-live-3d .zzk-3d-stage{min-height:170px!important}
  .zzk-workspace.zzk-unified .zzk-mobile-live-3d .zzk-3d-toolbar{
    padding:10px 12px!important;
    align-items:flex-start!important;
  }
  .zzk-workspace.zzk-unified .zzk-mobile-live-3d .zzk-3d-toolbar strong{font-size:16px!important}
  .zzk-workspace.zzk-unified .zzk-mobile-live-3d .zzk-3d-toolbar small{font-size:11px!important;line-height:1.35!important}
  .zzk-workspace.zzk-unified .zzk-mobile-live-3d .zzk-3d-buttons button{
    width:40px!important;height:40px!important;font-size:20px!important;
  }
  .zzk-workspace.zzk-unified .zzk-guided-panel{padding:0 2px 14px!important}
  .zzk-workspace.zzk-unified .zzk-guide-heading{padding:10px 12px!important;margin-bottom:10px!important}
  .zzk-workspace.zzk-unified .zzk-guide-heading strong{font-size:17px!important}
  .zzk-workspace.zzk-unified .zzk-guide-heading small{font-size:12px!important;line-height:1.35!important}
  .zzk-workspace.zzk-unified .zzk-section{padding:14px!important}
  .zzk-workspace.zzk-unified .zzk-section-title strong{font-size:16px!important}
  .zzk-workspace.zzk-unified .zzk-layout-step .zzk-field-layout-head{margin-bottom:10px!important}
  .zzk-workspace.zzk-unified .zzk-field-layout-options{gap:10px!important}
  .zzk-workspace.zzk-unified .zzk-guide-controls{padding:8px 10px!important}
}
@media(max-width:480px){
  .zzk-workspace.zzk-unified #zzk-configurator .zzk-guided-grid{
    grid-template-rows:minmax(225px,37dvh) minmax(0,1fr) auto!important;
  }
}

/* v1.19.35.7.59 – mobile image pickers for 90cm and decorative elements */
.zzk-mobile-supplement-picker[hidden],.zzk-mobile-deco-gallery[hidden]{display:none!important}
@media(max-width:900px){
 .zzk-workspace.zzk-unified .zzk-unified-supplements .zzk-builder-block-body,
 .zzk-workspace.zzk-unified .zzk-unified-supplements .zzk-builder-supplement-list{display:block!important;visibility:visible!important;max-height:none!important;overflow:visible!important}
 .zzk-workspace.zzk-unified .zzk-unified-supplements .zzk-builder-block-head{display:none!important}
 .zzk-workspace.zzk-unified .zzk-mobile-supplement-picker{display:block;background:#fff;border:1px solid #dce5e5;border-radius:12px;margin:12px 0;overflow:visible}
 .zzk-mobile-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;border-bottom:1px solid #e1e8e8}
 .zzk-mobile-picker-close{border:0!important;background:#eef3f2!important;color:#244a45!important;border-radius:8px!important;padding:8px 12px!important}
 .zzk-mobile-supplement-picker .zzk-supplement-modal-products{padding:10px!important;grid-template-columns:1fr!important}
 .zzk-mobile-supplement-picker .zzk-supplement-product-card{grid-template-columns:78px 1fr!important;min-height:98px!important}
 .zzk-mobile-supplement-picker .zzk-supplement-product-image{width:76px!important;height:76px!important}
 .zzk-mobile-deco-open{display:block!important;width:100%!important;padding:13px 15px!important;border:1px solid #cbded8!important;border-radius:10px!important;background:#f2f7f5!important;color:#244a45!important;text-align:left!important;font-weight:750!important;margin:8px 0 12px!important}
 .zzk-mobile-deco-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 14px}
 .zzk-mobile-deco-card{min-width:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;padding:9px!important;background:#fff!important;color:#223b38!important;border:1px solid #dce5e5!important;border-radius:10px!important;white-space:normal!important;text-align:center!important;font-size:12px!important}
 .zzk-mobile-deco-card.is-selected{border:2px solid #244a45!important;background:#f2f7f5!important}
 .zzk-mobile-deco-card img{display:block;width:100%;height:100px;object-fit:contain;background:#f7f9f8;border-radius:7px}
 .zzk-mobile-deco-empty{height:100px;display:grid;place-items:center;font-size:30px}
 .zzk-workspace.zzk-unified .zzk-deco-section .zzk-collapsible-content{display:block!important;visibility:visible!important}
 .zzk-workspace.zzk-unified .zzk-deco-section .zzk-deco-select-wrap{display:none!important}
}
@media(min-width:901px){.zzk-mobile-deco-open,.zzk-mobile-deco-gallery,.zzk-mobile-supplement-picker{display:none!important}}

/* v1.19.35.7.60 mobile controls */
@media(max-width:900px){
 .zzk-workspace.zzk-unified .zzk-mobile-90-open{display:block!important;width:100%!important;background:#244a45!important;color:#fff!important;border:0!important;border-radius:10px!important;padding:14px!important;font-weight:750!important;margin:10px 0!important;text-align:left!important}
 .zzk-workspace.zzk-unified .zzk-unified-supplements{display:block!important;overflow:visible!important}
 .zzk-workspace.zzk-unified .zzk-unified-supplements .zzk-mobile-supplement-picker{display:block!important;max-height:45dvh!important;overflow-y:auto!important}
 .zzk-workspace.zzk-unified .zzk-unified-supplements .zzk-mobile-supplement-picker[hidden]{display:none!important}
 .zzk-workspace.zzk-unified .zzk-deco-bulk{display:grid;gap:8px;padding:14px;border:1px solid #d5e2df;border-radius:12px;background:#f2f7f6;margin:10px 0}
 .zzk-workspace.zzk-unified .zzk-deco-bulk select{width:100%;padding:13px;background:#fff;border:1px solid #b7cac6;border-radius:8px;font-size:16px}
 .zzk-workspace.zzk-unified .zzk-deco-placement{display:none!important}
 .zzk-workspace.zzk-unified .zzk-3d-toolbar small{display:none!important}
 .zzk-workspace.zzk-unified .zzk-mobile-live-3d .zzk-3d-stage{min-height:180px!important}
 .zzk-workspace.zzk-unified[data-zzk-current-step="5"] .zzk-guide-final .zzk-mobile-montage-end{display:block!important}
}
@media(min-width:901px){.zzk-mobile-90-open,.zzk-deco-bulk{display:none!important}}

/* v1.19.35.7.61 compact removable supplements */
.zzk-supplement-chips{display:grid;gap:7px;margin:9px 0}.zzk-supplement-chip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid #dae5e1;border-radius:9px;background:#f7faf9;font-size:12px}.zzk-supplement-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zzk-supplement-delete-one{flex:0 0 auto;border:1px solid #cbddda!important;border-radius:8px!important;padding:7px 9px!important;background:#fff!important;color:#314e49!important;font-size:12px!important}.zzk-3d-canvas{touch-action:none!important}

/* v1.19.35.7.62: kompakte, zuverlässige Positionsauswahl */
.zzk-supplement-chip{display:block!important;min-width:0}
.zzk-supplement-chip-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.zzk-supplement-chip-top span{min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.35}
.zzk-supplement-position-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;font-weight:600;font-size:12px}
.zzk-supplement-position-select{width:min(160px,58%)!important;max-width:100%;min-width:0;background:#fff!important;border:1px solid #a8bdb7!important;border-radius:8px!important;padding:10px!important;font-size:14px!important;min-height:42px!important}
@media(max-width:900px){.zzk-supplement-position-label{font-size:13px}.zzk-supplement-position-select{font-size:16px!important}}

/* v1.19.35.7.63 - Step-only navigation and compact supplement position */
.zzk-workspace.zzk-unified .zzk-workspace-nav button:disabled{opacity:.52!important;cursor:not-allowed!important}
.zzk-workspace.zzk-unified .zzk-guide-validation{margin:4px 12px;padding:10px 12px;background:#fff1f1;color:#a82222;border:1px solid #ffcece;border-radius:8px;font-weight:600}
.zzk-workspace.zzk-unified .zzk-guide-validation[hidden],.zzk-workspace.zzk-unified .zzk-guide-extra-hidden{display:none!important}
.zzk-workspace.zzk-unified .zzk-supplement-position-select{width:100%!important;min-height:44px!important;display:block!important}
@media(max-width:900px){.zzk-workspace.zzk-unified .zzk-guided-panel{overflow-y:auto!important;overscroll-behavior:contain!important}.zzk-workspace.zzk-unified .zzk-supplement-chip{padding:12px!important}}

/* v1.19.35.7.64 – wizard is truly one step at a time, mobile supplement controls */
.zzk-workspace.zzk-unified .zzk-guided-panel > .zzk-guide-step:not(.zzk-step-active),
.zzk-workspace.zzk-unified .zzk-guided-panel > .zzk-guide-extra-hidden,
.zzk-workspace.zzk-unified .zzk-guided-panel > [data-zzk-guide-step]:not(.zzk-step-active){display:none!important;}
.zzk-workspace.zzk-unified .zzk-guided-panel > .zzk-guide-step.zzk-step-active{display:block!important;}
.zzk-workspace.zzk-unified .zzk-workspace-nav button:disabled{opacity:.45!important;cursor:not-allowed!important}
@media(max-width:900px){
 .zzk-workspace.zzk-unified .zzk-fixed-supplement{display:block!important;max-width:100%!important;}
 .zzk-workspace.zzk-unified .zzk-supplement-chips{display:grid!important;grid-template-columns:minmax(0,1fr)!important;}
 .zzk-workspace.zzk-unified .zzk-supplement-chip{display:block!important;}
 .zzk-workspace.zzk-unified .zzk-supplement-chip-top{display:flex;justify-content:space-between;gap:8px;align-items:center;}
 .zzk-workspace.zzk-unified .zzk-supplement-position-label{display:block;margin-top:8px;}
 .zzk-workspace.zzk-unified .zzk-supplement-position-select{display:block;width:100%;height:44px;margin-top:5px;font-size:16px;}
}

/* v1.19.35.7.73 – Hinweis für bauseitige Höhenanpassung */
.zzk-height-trim-note{font-size:12px;line-height:1.45;color:#534b29;background:#fff8df;border:1px solid #e5d7a2;padding:8px 10px;border-radius:8px;margin:7px 0}

/* v1.19.35.7.80 – 3D-Szenenwahl (echte WebGL-Bodenoberflächen) */
.zzk-3d-preview .zzk-scene-switch{display:flex;align-items:center;gap:5px;padding:6px 11px;background:#fafbfa;border-bottom:1px solid #e3e8e5;flex-wrap:wrap}
.zzk-3d-preview .zzk-scene-switch button{appearance:none;background:#fff!important;color:#244a45!important;border:1px solid #d8e2df!important;border-radius:7px!important;padding:5px 11px!important;font-size:12px!important;line-height:1.3!important;font-weight:650!important;box-shadow:none!important;cursor:pointer}
.zzk-3d-preview .zzk-scene-switch button[aria-pressed="true"]{background:#244a45!important;color:#fff!important;border-color:#244a45!important}
@media(max-width:900px){.zzk-workspace.zzk-unified .zzk-mobile-live-3d .zzk-scene-switch{padding:4px 8px!important;gap:4px!important}.zzk-workspace.zzk-unified .zzk-mobile-live-3d .zzk-scene-switch button{font-size:11px!important;padding:4px 8px!important}}

/* Version 1.19.35.7.132: mobile 3D viewport priority, compact navigation */
@media (max-width:900px) {
 .zzk-workspace.zzk-unified #zzk-configurator .zzk-guided-grid {
   grid-template-rows:clamp(260px,45dvh,470px) minmax(0,1fr) auto!important;
   gap:5px!important;
 }
 .zzk-workspace.zzk-unified .zzk-mobile-live-3d {box-shadow:none!important;top:0!important}
 .zzk-workspace.zzk-unified .zzk-mobile-live-3d .zzk-3d-stage {min-height:190px!important}
 .zzk-workspace.zzk-unified .zzk-guide-controls {
   padding:5px 8px!important;min-height:0!important;gap:6px!important;
   border-radius:9px!important;box-shadow:none!important;
 }
 .zzk-workspace.zzk-unified .zzk-guide-controls .zzk-guide-position {font-size:12px!important;white-space:nowrap}
 .zzk-workspace.zzk-unified .zzk-guide-buttons {gap:5px!important}
 .zzk-workspace.zzk-unified .zzk-guide-controls button {
   padding:7px 10px!important;min-height:36px!important;height:36px!important;
   font-size:13px!important;line-height:18px!important;border-radius:7px!important;
 }
 .zzk-workspace.zzk-unified .zzk-workspace-body {padding:3px 7px 5px!important}
}
@media (max-width:480px) {
 .zzk-workspace.zzk-unified #zzk-configurator .zzk-guided-grid {
   grid-template-rows:clamp(250px,44dvh,415px) minmax(0,1fr) auto!important;
 }
 .zzk-workspace.zzk-unified .zzk-mobile-live-3d .zzk-3d-toolbar {padding:5px 8px!important}
 .zzk-workspace.zzk-unified .zzk-mobile-live-3d .zzk-3d-buttons button {width:34px!important;height:34px!important;font-size:18px!important}
 .zzk-workspace.zzk-unified .zzk-guide-controls button {padding:6px 9px!important;min-height:34px!important;height:34px!important}
}

/* v1.19.35.7.133: Mobile Kopfbereich reduzieren, Raum für 3D gewinnen.
   Auf Desktop bleiben alle Dimensionen unverändert. */
@media(max-width:900px){
 .zzk-workspace.zzk-unified .zzk-workspace-top{padding:4px 10px!important;min-height:0!important;gap:6px!important;}
 .zzk-workspace.zzk-unified .zzk-workspace-top strong{font-size:15px!important;line-height:1.15!important;}
 .zzk-workspace.zzk-unified .zzk-workspace-top small{display:none!important;}
 .zzk-workspace.zzk-unified .zzk-workspace-close{font-size:12px!important;min-height:30px!important;padding:5px 9px!important;line-height:1.2!important;}
 .zzk-workspace.zzk-unified .zzk-workspace-nav{padding:3px 8px!important;gap:5px!important;min-height:0!important;}
 .zzk-workspace.zzk-unified .zzk-workspace-nav button{min-height:30px!important;padding:4px 8px!important;font-size:11px!important;line-height:1.2!important;border-radius:7px!important;}
 .zzk-workspace.zzk-unified .zzk-mobile-live-3d .zzk-3d-toolbar{padding:3px 8px!important;min-height:0!important;}
 .zzk-workspace.zzk-unified .zzk-mobile-live-3d .zzk-3d-toolbar strong{font-size:14px!important;line-height:1.2!important;}
 .zzk-workspace.zzk-unified .zzk-mobile-live-3d .zzk-3d-buttons button{width:30px!important;height:30px!important;min-height:30px!important;font-size:16px!important;}
 .zzk-workspace.zzk-unified .zzk-mobile-live-3d .zzk-scene-switch{padding:2px 7px!important;gap:4px!important;}
 .zzk-workspace.zzk-unified .zzk-mobile-live-3d .zzk-scene-switch button{font-size:10px!important;padding:3px 7px!important;line-height:1.2!important;}
 .zzk-workspace.zzk-unified #zzk-configurator .zzk-guided-grid{grid-template-rows:clamp(275px,48dvh,510px) minmax(0,1fr) auto!important;}
}
@media(max-width:480px){
 .zzk-workspace.zzk-unified #zzk-configurator .zzk-guided-grid{grid-template-rows:clamp(270px,47dvh,465px) minmax(0,1fr) auto!important;}
}

/* 1.19.35.7.139 – Deko-Produktbilder auf Desktop und Mobil */
.zzk-workspace.zzk-unified .zzk-deco-selected-preview{display:flex;align-items:center;gap:12px;padding:10px 12px;margin:8px 0;border:1px solid #dce5e5;border-radius:11px;background:#f7faf9;color:#244a45;font-weight:650;min-width:0}
.zzk-deco-selected-preview img{width:92px;height:76px;object-fit:contain;border-radius:7px;background:white;flex-shrink:0}
.zzk-deco-selected-preview>span:last-child{overflow-wrap:anywhere}
.zzk-deco-selected-empty{display:grid;place-items:center;width:92px;height:76px;background:white;border-radius:7px;color:#8c9e9d;font-size:28px;flex-shrink:0}
.zzk-workspace.zzk-unified .zzk-mobile-deco-open{display:block!important;width:100%!important;padding:11px 14px!important;border:1px solid #cbded8!important;border-radius:10px!important;background:#f2f7f5!important;color:#244a45!important;text-align:left!important;font-weight:750!important;margin:8px 0 12px!important}
.zzk-workspace.zzk-unified .zzk-mobile-deco-gallery:not([hidden]){display:grid!important;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px;margin:0 0 14px}
.zzk-workspace.zzk-unified .zzk-mobile-deco-card{min-width:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;padding:9px!important;background:#fff!important;color:#223b38!important;border:1px solid #dce5e5!important;border-radius:10px!important;white-space:normal!important;text-align:center!important;font-size:12px!important;cursor:pointer}
.zzk-workspace.zzk-unified .zzk-mobile-deco-card.is-selected{border:2px solid #244a45!important;background:#f2f7f5!important}
.zzk-workspace.zzk-unified .zzk-mobile-deco-card img{display:block;width:100%;height:100px;object-fit:contain;background:#f7f9f8;border-radius:7px}
.zzk-workspace.zzk-unified .zzk-mobile-deco-empty{height:100px;display:grid;place-items:center;font-size:30px}
@media(min-width:901px){.zzk-workspace.zzk-unified .zzk-mobile-deco-open,.zzk-workspace.zzk-unified .zzk-mobile-deco-gallery{display:block!important}.zzk-workspace.zzk-unified .zzk-mobile-deco-gallery[hidden]{display:none!important}}
@media(max-width:900px){.zzk-workspace.zzk-unified .zzk-deco-selected-preview img,.zzk-deco-selected-empty{width:68px;height:62px}.zzk-workspace.zzk-unified .zzk-mobile-deco-gallery:not([hidden]){grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 1.19.35.7.140: ein Deko-Auswahlfeld und modales Bilderfenster */
.zzk-workspace.zzk-unified .zzk-deco-section .zzk-deco-select-wrap{display:none!important}
.zzk-workspace.zzk-unified .zzk-deco-picker-trigger{display:flex!important;align-items:center;gap:12px;width:100%;min-width:0;min-height:78px;padding:9px 13px;border:1px solid #cbded8;border-radius:12px;background:#fff;color:#244a45;text-align:left;cursor:pointer}
.zzk-deco-picker-thumb{width:88px;height:62px;flex:0 0 88px;display:grid;place-items:center;background:#f6f8f7;border-radius:8px;font-size:28px}
.zzk-deco-picker-thumb img{width:100%;height:100%;object-fit:contain}
.zzk-deco-picker-label{flex:1;min-width:0;font-size:14px;font-weight:650;line-height:1.35;overflow-wrap:break-word}
.zzk-deco-picker-chevron{font-size:22px;flex-shrink:0}
.zzk-deco-dialog[hidden]{display:none!important}
.zzk-deco-dialog{position:fixed!important;inset:0!important;z-index:2147483000!important;display:grid!important;place-items:center!important;padding:16px!important}
.zzk-deco-dialog-backdrop{position:absolute;inset:0;background:rgba(11,22,24,.68)}
.zzk-deco-dialog-panel{position:relative;width:min(780px,100%);max-height:min(85dvh,850px);display:flex;flex-direction:column;background:#fff;border-radius:18px;box-shadow:0 20px 80px #0004;overflow:hidden}
.zzk-deco-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #e2e9e7;color:#244a45}
.zzk-deco-dialog-header strong{font-size:19px}
.zzk-deco-dialog-close{width:40px;height:40px;display:grid;place-items:center;border:0!important;border-radius:9px;background:#eef3f2!important;color:#244a45!important;font-size:26px!important;cursor:pointer}
.zzk-deco-dialog-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;padding:20px;overflow:auto;overscroll-behavior:contain}
.zzk-deco-dialog-card{min-width:0;display:flex;flex-direction:column;align-items:center;gap:11px;padding:13px;border:1px solid #dce5e5;border-radius:12px;background:#fff;color:#244a45;text-align:center;cursor:pointer}
.zzk-deco-dialog-card.is-selected{border:2px solid #244a45;background:#f2f7f5}
.zzk-deco-dialog-card img{display:block;width:100%;height:130px;object-fit:contain;background:#f7f9f8;border-radius:8px}
.zzk-deco-dialog-empty{height:130px;display:grid;place-items:center;font-size:36px}
.zzk-deco-dialog-name{font-size:13px;line-height:1.45;overflow-wrap:break-word;word-break:normal}
body.zzk-deco-dialog-active{overflow:hidden}
@media(max-width:600px){.zzk-deco-dialog{padding:10px!important}.zzk-deco-dialog-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px}.zzk-deco-dialog-card{padding:8px}.zzk-deco-dialog-card img,.zzk-deco-dialog-empty{height:95px}.zzk-deco-dialog-name{font-size:12px}.zzk-deco-picker-thumb{width:65px;height:53px;flex-basis:65px}}


/* 1.19.35.7.141: kompakter Deko-Picker, konsequent Theme-Dunkelgruen */
.zzk-workspace.zzk-unified .zzk-deco-section .zzk-deco-picker-trigger{
  width:100%!important;max-width:215px!important;height:54px!important;min-height:54px!important;
  padding:5px 8px!important;gap:7px!important;display:flex!important;flex-wrap:nowrap!important;
  background:#f4f8f6!important;border:1px solid #bacfc9!important;color:#244a45!important;
  box-shadow:none!important;overflow:hidden!important
}
.zzk-workspace.zzk-unified .zzk-deco-picker-thumb{flex:0 0 54px!important;width:54px!important;height:42px!important;font-size:22px!important}
.zzk-workspace.zzk-unified .zzk-deco-picker-label{
  display:block!important;flex:1 1 0!important;min-width:0!important;width:auto!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  overflow-wrap:normal!important;word-break:normal!important;font-size:12px!important;
  line-height:1.3!important;letter-spacing:0!important
}
.zzk-workspace.zzk-unified .zzk-deco-picker-chevron{flex:0 0 auto!important;font-size:15px!important}
.zzk-workspace.zzk-unified .zzk-deco-section .zzk-deco-picker-trigger:hover{background:#eaf2ef!important;border-color:#244a45!important}
.zzk-workspace.zzk-unified .zzk-deco-dialog-card{background:#fff!important;color:#244a45!important}
.zzk-workspace.zzk-unified .zzk-deco-dialog-card.is-selected{background:#eaf2ef!important;border-color:#244a45!important}
/* Bestimmte Theme-Regeln fuer globale button-Elemente waren orange und ueberschrieben die Plugin-Farben. */
html body .zzk-workspace.zzk-unified .zzk-deco-section .zzk-deco-qty-wrap button,
html body .zzk-workspace.zzk-unified .zzk-deco-section .zzk-deco-qty-minus,
html body .zzk-workspace.zzk-unified .zzk-deco-section .zzk-deco-qty-plus,
html body .zzk-workspace.zzk-unified .zzk-deco-section .zzk-qty button,
html body .zzk-workspace.zzk-unified button.zzk-qty-minus,
html body .zzk-workspace.zzk-unified button.zzk-qty-plus{
  background:#244a45!important;background-color:#244a45!important;background-image:none!important;
  color:#fff!important;border-color:#244a45!important;box-shadow:none!important
}
html body .zzk-workspace.zzk-unified .zzk-deco-section .zzk-deco-qty-wrap button:hover,
html body .zzk-workspace.zzk-unified .zzk-deco-section .zzk-qty button:hover,
html body .zzk-workspace.zzk-unified button.zzk-qty-minus:hover,
html body .zzk-workspace.zzk-unified button.zzk-qty-plus:hover{background:#34635c!important}
@media(max-width:600px){.zzk-workspace.zzk-unified .zzk-deco-section .zzk-deco-picker-trigger{max-width:180px!important}}


/* v1.19.35.7.144 – KEIN Orange im Zaunkonfigurator oder auf dem Startbutton.
   Theme setzt teils globale WooCommerce-Buttonfarben mit hoher Priorität. */
html body .zzk-wrap,
html body .zzk-workspace,
html body #zzk-configurator.zzk-wrap {
  --zzk-accent:#244a45;
  --zzk-accent-dark:#193b36;
  --zzk-accent-soft:#eaf2ef;
}
html body button.zzk-launch-button,
html body .zzk-launch-container button.zzk-launch-button,
html body .zzk-workspace button.zzk-workspace-close,
html body .zzk-workspace.zzk-unified button.zzk-workspace-close,
html body #zzk-configurator.zzk-wrap button.zzk-measure-open,
html body #zzk-configurator.zzk-wrap button.zzk-add-package,
html body #zzk-configurator.zzk-wrap button.zzk-apply,
html body #zzk-configurator.zzk-wrap button.zzk-gate-qty.is-active,
html body #zzk-configurator.zzk-wrap button.zzk-variant-option.is-active,
html body #zzk-configurator.zzk-wrap button.zzk-qty-minus,
html body #zzk-configurator.zzk-wrap button.zzk-qty-plus,
html body #zzk-configurator.zzk-wrap button.zzk-deco-qty-minus,
html body #zzk-configurator.zzk-wrap button.zzk-deco-qty-plus,
html body .zzk-workspace button.zzk-guide-next,
html body .zzk-workspace button.zzk-guide-back,
html body .zzk-workspace button.zzk-guide-material-open,
html body .zzk-workspace .zzk-guide-controls button,
html body .zzk-workspace .zzk-material-confirm,
html body .zzk-workspace button.zzk-confirm-cart {
  background:#244a45!important;
  background-color:#244a45!important;
  background-image:none!important;
  border-color:#244a45!important;
  color:#fff!important;
  text-shadow:none!important;
}
html body button.zzk-launch-button:hover,
html body .zzk-workspace button.zzk-workspace-close:hover,
html body #zzk-configurator.zzk-wrap button.zzk-gate-qty.is-active:hover,
html body #zzk-configurator.zzk-wrap button.zzk-qty-plus:hover,
html body #zzk-configurator.zzk-wrap button.zzk-qty-minus:hover {
  background:#34635c!important;
  background-color:#34635c!important;
  border-color:#34635c!important;
}
/* Ungewählte Torzahl / Ausführung: weiß statt orangefarbener Theme-Buttons. */
html body #zzk-configurator.zzk-wrap button.zzk-gate-qty:not(.is-active),
html body #zzk-configurator.zzk-wrap button.zzk-variant-option:not(.is-active) {
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
  border-color:#cddcd7!important;
  color:#244a45!important;
  text-shadow:none!important;
}
/* Die zentrale Ausführung steuert den Torrahmen – nur die Toranzahl ist wählbar. */
html body #zzk-configurator.zzk-wrap .zzk-gate-controls {grid-template-columns:minmax(0,1fr)!important;}

/* 1.19.35.7.147 – separate Hersteller-Schnittliste im Prüfschritt */
.zzk-manufacturer-guide{margin:14px 0;padding:12px;border:1px solid #d5e2de;border-radius:10px;background:#f7faf9;font-size:14px;color:#233e37}
.zzk-manufacturer-guide summary{cursor:pointer;font-weight:700;line-height:1.4}
.zzk-manufacturer-guide-body{padding-top:10px;line-height:1.55}
.zzk-manufacturer-guide-body p{margin:8px 0}
.zzk-manufacturer-scroll{overflow-x:auto;max-width:100%}
.zzk-manufacturer-guide table{border-collapse:collapse;width:100%;font-size:13px}
.zzk-manufacturer-guide th,.zzk-manufacturer-guide td{border-bottom:1px solid #dbe4e0;padding:7px;text-align:left;white-space:nowrap}
.zzk-manufacturer-note{color:#5f6f69;font-size:12px}