.mits-zk-storefront{
  --mits-zk-primary:#6a9;
  --mits-zk-primary-dark:#2f6257;
  --mits-zk-primary-hover:#28564d;
  --mits-zk-soft:#edf7f4;
  --mits-zk-soft2:#f8fbfa;
  --mits-zk-line:#d4e7e0;
  --mits-zk-line-strong:#b9d6cb;
  --mits-zk-text:#444;
  --mits-zk-heading:#244e45;
  --mits-zk-muted:#65736e;
  --mits-zk-focus-ring:rgba(47,98,87,.22);
  --mits-zk-danger:#a3483f;
  margin:18px 0;
  border:1px solid var(--mits-zk-line);
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 24px rgba(76,110,101,.10);
  color:var(--mits-zk-text);
  overflow:hidden;
}

.mits-zk-storefront.mits-zk-theme-blue{
  --mits-zk-primary:#1e3a8c;
  --mits-zk-primary-dark:#1e3a8c;
  --mits-zk-primary-hover:#172f70;
  --mits-zk-soft:#eef2ff;
  --mits-zk-soft2:#f8faff;
  --mits-zk-line:#cbd5e1;
  --mits-zk-line-strong:#94a3b8;
  --mits-zk-text:#334155;
  --mits-zk-heading:#172554;
  --mits-zk-muted:#526078;
  --mits-zk-focus-ring:rgba(30,58,140,.22);
}
.mits-zk-storefront.mits-zk-theme-neutral{
  --mits-zk-primary:#4b5563;
  --mits-zk-primary-dark:#374151;
  --mits-zk-primary-hover:#1f2937;
  --mits-zk-soft:#f3f4f6;
  --mits-zk-soft2:#f9fafb;
  --mits-zk-line:#d1d5db;
  --mits-zk-line-strong:#9ca3af;
  --mits-zk-text:#374151;
  --mits-zk-heading:#1f2937;
  --mits-zk-muted:#5b6472;
  --mits-zk-focus-ring:rgba(55,65,81,.22);
}
.mits-zk-storefront *{box-sizing:border-box}
.mits-zk-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;background:linear-gradient(135deg,var(--mits-zk-soft),#fff);border-bottom:1px solid var(--mits-zk-line)}
.mits-zk-head h3{margin:2px 0 5px;color:var(--mits-zk-heading);font-size:20px;line-height:1.25}
.mits-zk-head p{margin:0;color:var(--mits-zk-muted);font-size:13px;line-height:1.5}
.mits-zk-kicker{display:block;color:var(--mits-zk-primary-dark);font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.mits-zk-badge{display:inline-flex;align-items:center;white-space:nowrap;padding:5px 9px;border-radius:999px;background:#fff8e8;color:#886a24;border:1px solid #ead79d;font-size:11px;font-weight:700}
.mits-zk-layout{display:grid;grid-template-columns:minmax(280px,.92fr) minmax(320px,1.08fr);gap:0}
.mits-zk-controls{padding:18px;border-right:1px solid var(--mits-zk-line)}
.mits-zk-preview-col{position:relative;padding:18px;background:var(--mits-zk-soft2)}
.mits-zk-section{margin-bottom:18px}
.mits-zk-section:last-child{margin-bottom:0}
.mits-zk-section-title,.mits-zk-label{display:block;margin:0 0 8px;color:var(--mits-zk-heading);font-weight:800;font-size:13px}
.mits-zk-select,.mits-zk-input{width:100%;min-height:38px;border:1px solid var(--mits-zk-line-strong);border-radius:9px;background:#fff;padding:8px 10px;color:var(--mits-zk-text);font:inherit}
.mits-zk-input:focus,.mits-zk-select:focus{outline:none;border-color:var(--mits-zk-primary-dark);box-shadow:0 0 0 3px var(--mits-zk-focus-ring)}
.mits-zk-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.mits-zk-field label{display:block;margin-bottom:5px;color:var(--mits-zk-muted);font-size:11px;font-weight:700}
.mits-zk-field small{display:block;margin-top:4px;color:var(--mits-zk-muted);font-size:10px;line-height:1.35}
.mits-zk-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.mits-zk-btn{min-height:34px;padding:6px 10px;border:1px solid var(--mits-zk-line-strong);border-radius:9px;background:var(--mits-zk-primary-dark);color:#fff;font-weight:700;font-size:12px;cursor:pointer}
.mits-zk-btn:hover{background:var(--mits-zk-primary-hover);color:#fff}
.mits-zk-btn:focus-visible,.mits-zk-icon-btn:focus-visible,.mits-zk-select:focus-visible,.mits-zk-input:focus-visible{outline:2px solid var(--mits-zk-primary-dark);outline-offset:2px}
.mits-zk-btn--ghost{background:#fff;color:var(--mits-zk-heading)}
.mits-zk-btn--ghost:hover{background:var(--mits-zk-soft);color:var(--mits-zk-heading)}
.mits-zk-btn--danger{background:#fdeeed;border-color:#f1cec9;color:var(--mits-zk-danger)}
.mits-zk-btn--danger:hover{background:#f9dfdc;color:var(--mits-zk-danger)}
.mits-zk-cutouts{display:grid;gap:10px}
.mits-zk-cutout{border:1px solid var(--mits-zk-line);border-radius:12px;padding:10px;background:#fff}
.mits-zk-cutout-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;color:var(--mits-zk-heading);font-weight:800;font-size:12px}
.mits-zk-cutout-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mits-zk-note{padding:10px 12px;border-radius:10px;background:#fff8e8;border:1px solid #ead79d;color:#69561f;font-size:11px;line-height:1.5;margin-top:10px}
.mits-zk-note--muted{background:#f8fbfa;border-color:var(--mits-zk-line);color:var(--mits-zk-muted)}
.mits-zk-preview{min-height:260px;display:flex;align-items:center;justify-content:center;border:1px solid var(--mits-zk-line);border-radius:14px;background:#fff;padding:10px;overflow:hidden}
.mits-zk-preview svg{display:block;width:100%;height:auto;max-height:440px}
.mits-zk-placeholder{color:var(--mits-zk-muted);font-size:12px;text-align:center}
.mits-zk-errors{margin-top:10px;padding:10px 12px;border-radius:10px;background:#fdeeed;border:1px solid #f1cec9;color:var(--mits-zk-danger);font-size:12px;line-height:1.45}
.mits-zk-errors ul{margin:0;padding-left:18px}
.mits-zk-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
.mits-zk-results>div{padding:10px 12px;border:1px solid var(--mits-zk-line);border-radius:10px;background:#fff}
.mits-zk-results span{display:block;color:var(--mits-zk-muted);font-size:10px;text-transform:uppercase;letter-spacing:.035em;margin-bottom:3px}
.mits-zk-results strong{display:block;color:var(--mits-zk-heading);font-size:14px}
.mits-zk-results__price{grid-column:1/-1;background:var(--mits-zk-soft)!important}
.mits-zk-results__price strong{font-size:20px}
.mits-zk-storefront.mits-zk-loading{opacity:1;position:relative}
.mits-zk-storefront.mits-zk-loading .mits-zk-preview-col::before{content:'';position:absolute;inset:0;z-index:20;background:rgba(255,255,255,.78);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);pointer-events:none}
.mits-zk-storefront.mits-zk-loading .mits-zk-preview-col::after{content:'';position:absolute;z-index:21;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border:3px solid var(--mits-zk-line);border-top-color:var(--mits-zk-primary-dark);border-radius:50%;animation:mits-zk-spin .7s linear infinite;pointer-events:none}
@keyframes mits-zk-spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.mits-zk-layout{grid-template-columns:1fr}.mits-zk-controls{border-right:0;border-bottom:1px solid var(--mits-zk-line)}}
@media(max-width:520px){.mits-zk-head{flex-direction:column}.mits-zk-fields,.mits-zk-cutout-fields,.mits-zk-results{grid-template-columns:1fr}.mits-zk-results__price{grid-column:auto}}
.mits-zk-shape-panel{display:contents}
.mits-zk-shape-panel[hidden]{display:none!important}

/* v0.9 - interactive cutouts */
.mits-zk-section-title--with-count{display:flex;align-items:center;gap:7px}
.mits-zk-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--mits-zk-soft);border:1px solid var(--mits-zk-line);color:var(--mits-zk-primary-dark);font-size:11px;font-weight:800}
.mits-zk-cutout{position:relative;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
.mits-zk-cutout.is-selected{border-color:var(--mits-zk-primary-dark);box-shadow:0 0 0 2px rgba(79,142,126,.11);background:#fbfefd}
.mits-zk-cutout-head{cursor:pointer;margin-bottom:4px}
.mits-zk-cutout-title{display:flex;align-items:center;gap:7px;min-width:0}
.mits-zk-cutout-number{white-space:nowrap}
.mits-zk-cutout-type{display:inline-flex;align-items:center;padding:3px 6px;border-radius:999px;background:var(--mits-zk-soft);border:1px solid var(--mits-zk-line);color:var(--mits-zk-muted);font-size:10px;font-weight:700;white-space:nowrap}
.mits-zk-cutout-head-actions{display:flex;gap:5px;flex:0 0 auto}
.mits-zk-icon-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--mits-zk-line-strong);border-radius:8px;background:#fff;color:var(--mits-zk-heading);font:700 16px/1 Arial,sans-serif;cursor:pointer;padding:0}
.mits-zk-icon-btn:hover{background:var(--mits-zk-soft);color:var(--mits-zk-heading)}
.mits-zk-icon-btn--danger{color:var(--mits-zk-danger);border-color:#f1cec9;background:#fff8f7}
.mits-zk-icon-btn--danger:hover{background:#fdeeed;color:var(--mits-zk-danger)}
.mits-zk-cutout-drag-note{margin:0 0 9px;padding:5px 7px;border-radius:7px;background:var(--mits-zk-soft2);color:var(--mits-zk-muted);font-size:10px;line-height:1.35}
.mits-zk-drag-hint{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:8px 10px;border-radius:9px;background:var(--mits-zk-soft);border:1px solid var(--mits-zk-line);color:var(--mits-zk-muted);font-size:11px;line-height:1.4}
.mits-zk-drag-hint:before{content:'↔';display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;background:#fff;border:1px solid var(--mits-zk-line);color:var(--mits-zk-primary-dark);font-size:15px;font-weight:800;flex:0 0 auto}
.mits-zk-preview .mits-zk-svg-cutout,.mits-zk-preview .mits-zk-svg-cutout-label{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
.mits-zk-preview .mits-zk-svg-cutout{transition:stroke .12s ease,stroke-width .12s ease,fill .12s ease}
.mits-zk-preview .mits-zk-svg-cutout:hover,.mits-zk-preview .mits-zk-svg-cutout.is-selected{stroke:#d07d22!important;fill:#fff9f0!important}
.mits-zk-preview .mits-zk-svg-cutout.is-selected{stroke-width:3!important}
.mits-zk-preview .mits-zk-svg-cutout-label.is-selected{fill:#b76013!important;font-weight:700}
.mits-zk-preview .mits-zk-svg-cutout.is-dragging,.mits-zk-preview .mits-zk-svg-cutout-label.is-dragging{cursor:grabbing}
.mits-zk-dragging .mits-zk-preview{box-shadow:inset 0 0 0 2px rgba(208,125,34,.13)}
@media(max-width:520px){.mits-zk-cutout-title{align-items:flex-start;flex-direction:column;gap:3px}.mits-zk-cutout-head{align-items:flex-start}}


/* v0.10 - DXF import */
.mits-zk-dxf{padding-top:14px;border-top:1px solid var(--mits-zk-line)}
.mits-zk-dxf-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(130px,.6fr);gap:10px;align-items:end}
.mits-zk-file{display:block;width:100%;min-height:38px;border:1px solid var(--mits-zk-line-strong);border-radius:9px;background:#fff;padding:6px 8px;color:var(--mits-zk-text);font:inherit;font-size:11px}
.mits-zk-file::file-selector-button{margin:-2px 8px -2px -2px;padding:6px 9px;border:0;border-right:1px solid var(--mits-zk-line);background:var(--mits-zk-soft);color:var(--mits-zk-heading);font-weight:700;cursor:pointer}
.mits-zk-dxf-actions{margin:9px 0 0}
.mits-zk-dxf-status{margin-top:9px;padding:9px 10px;border:1px solid var(--mits-zk-line);border-radius:9px;background:var(--mits-zk-soft);color:var(--mits-zk-heading);font-size:11px;line-height:1.45}
.mits-zk-dxf-status.is-error{background:#fdeeed;border-color:#f1cec9;color:var(--mits-zk-danger)}
.mits-zk-dxf-status strong{display:block;margin-bottom:2px}
.mits-zk-dxf-active .mits-zk-fields{opacity:.48}
.mits-zk-dxf-active [data-mits-zk-shape]{border-color:var(--mits-zk-primary-dark);background:var(--mits-zk-soft)}
@media(max-width:520px){.mits-zk-dxf-grid{grid-template-columns:1fr}}

/* v0.12 - fullscreen workflow and native modified price display */
.mits-zk-head__actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.mits-zk-expand{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:5px 9px;border:1px solid var(--mits-zk-line-strong);border-radius:9px;background:#fff;color:var(--mits-zk-heading);font-family:inherit;font-size:11px;font-weight:700;line-height:1.2;cursor:pointer;white-space:nowrap}
.mits-zk-expand:hover{background:var(--mits-zk-soft)}
.mits-zk-expand span{font-size:16px;line-height:1}
/* v0.15.5 - keep Neu, Abbrechen and Uebernehmen in one horizontal row.
   If the toolbar becomes narrow, the status text moves to its own row first;
   the action group itself never wraps. */
.mits-zk-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px 12px;flex-wrap:wrap;padding:12px 18px;border-top:1px solid var(--mits-zk-line);background:#fff}
.mits-zk-toolbar__status{flex:1 1 320px;min-width:0;min-height:18px;color:var(--mits-zk-muted);font-size:11px;line-height:1.4}
.mits-zk-toolbar__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto;flex-wrap:nowrap;margin-left:auto;white-space:nowrap}
.mits-zk-toolbar__actions .mits-zk-btn{white-space:nowrap}
.mits-zk-price-breakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:9px;padding-top:8px;border-top:1px solid var(--mits-zk-line)}
.mits-zk-price-breakdown>div{min-width:0}
.mits-zk-price-breakdown span{font-size:9px;margin-bottom:1px}
.mits-zk-price-breakdown b{display:block;color:var(--mits-zk-heading);font-size:11px;font-weight:700;white-space:nowrap}
.mits-zk-price-meta{margin-top:8px;color:var(--mits-zk-muted);font-size:10px;line-height:1.45}
.mits-zk-price-meta a{color:var(--mits-zk-primary-dark);text-decoration:underline}
.mits-zk-live-product-price .small-price{margin-right:4px}
.mits-zk-live-product-price .real_price{white-space:nowrap}
body.mits-zk-modal-open{overflow:hidden!important}
.mits-zk-storefront.mits-zk-fullscreen{position:fixed!important;inset:0!important;z-index:2147483640!important;margin:0!important;width:100vw!important;height:100vh!important;max-width:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;background:#fff}
.mits-zk-fullscreen .mits-zk-head{flex:0 0 auto;padding:14px 20px}
.mits-zk-fullscreen .mits-zk-head h3{font-size:22px}
.mits-zk-fullscreen .mits-zk-expand{display:none}
.mits-zk-fullscreen .mits-zk-layout{flex:1 1 auto;min-height:0;grid-template-columns:minmax(340px,460px) minmax(0,1fr);overflow:hidden}
.mits-zk-fullscreen .mits-zk-controls,.mits-zk-fullscreen .mits-zk-preview-col{min-height:0;overflow:auto;padding:20px}
.mits-zk-fullscreen .mits-zk-preview-col{display:flex;flex-direction:column}
.mits-zk-fullscreen .mits-zk-preview{flex:1 1 auto;min-height:420px;max-height:none}
.mits-zk-fullscreen .mits-zk-preview svg{max-height:calc(100vh - 300px);width:100%;height:100%}
.mits-zk-fullscreen .mits-zk-results{flex:0 0 auto}
.mits-zk-fullscreen .mits-zk-toolbar{flex:0 0 auto;padding:12px 20px;box-shadow:0 -4px 18px rgba(76,110,101,.08)}
@media(max-width:900px){.mits-zk-fullscreen .mits-zk-layout{grid-template-columns:minmax(290px,40%) minmax(0,1fr)}.mits-zk-fullscreen .mits-zk-controls{border-right:1px solid var(--mits-zk-line);border-bottom:0}}
@media(max-width:700px){.mits-zk-fullscreen .mits-zk-layout{display:block;overflow:auto}.mits-zk-fullscreen .mits-zk-controls,.mits-zk-fullscreen .mits-zk-preview-col{overflow:visible}.mits-zk-fullscreen .mits-zk-preview{min-height:320px}.mits-zk-fullscreen .mits-zk-preview svg{max-height:55vh}.mits-zk-toolbar{align-items:stretch;flex-direction:column}.mits-zk-toolbar__status{flex:0 0 auto;width:100%}.mits-zk-toolbar__actions{width:100%;margin-left:0}.mits-zk-toolbar__actions .mits-zk-btn{flex:1 1 auto}.mits-zk-price-breakdown{grid-template-columns:1fr}}

/* v0.13 - larger fullscreen workspace, dedicated info rail and technical drawing readability */
.mits-zk-layout{
  grid-template-columns:minmax(280px,.92fr) minmax(340px,1.08fr);
  grid-template-rows:auto auto;
  align-items:stretch;
}
.mits-zk-controls{grid-column:1;grid-row:1 / span 2}
.mits-zk-preview-col{grid-column:2;grid-row:1;min-width:0}
.mits-zk-info-col{grid-column:2;grid-row:2;padding:0 18px 18px;background:var(--mits-zk-soft2);border-top:1px solid var(--mits-zk-line)}
.mits-zk-info-col .mits-zk-results{margin-top:14px}
.mits-zk-live-summary{margin-top:12px;padding:12px;border:1px solid var(--mits-zk-line);border-radius:12px;background:#fff}
.mits-zk-summary-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding:0}
.mits-zk-summary-list>div{padding:8px 9px;border-bottom:1px solid #edf3f1;min-width:0}
.mits-zk-summary-list>div:nth-child(odd){border-right:1px solid #edf3f1}
.mits-zk-summary-list>div:last-child,.mits-zk-summary-list>div:nth-last-child(2){border-bottom:0}
.mits-zk-summary-list dt{margin:0 0 3px;color:var(--mits-zk-muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.035em}
.mits-zk-summary-list dd{margin:0;color:var(--mits-zk-heading);font-size:12px;line-height:1.45;font-weight:700;word-break:break-word}
.mits-zk-download{display:inline-flex;align-items:center;gap:7px;margin-top:11px}
.mits-zk-download svg,.mits-zk-expand__icon{display:block;flex:0 0 auto}
.mits-zk-download[disabled]{opacity:.48;cursor:not-allowed}
.mits-zk-preview svg text{paint-order:stroke fill}

body.mits-zk-modal-open{overflow:hidden!important}
.mits-zk-storefront.mits-zk-fullscreen .mits-zk-layout{
  display:grid!important;
  grid-template-columns:minmax(300px,360px) minmax(460px,1fr) minmax(285px,350px)!important;
  grid-template-rows:minmax(0,1fr)!important;
  flex:1 1 auto;
  min-height:0;
  overflow:hidden;
}
.mits-zk-fullscreen .mits-zk-controls{
  grid-column:1!important;
  grid-row:1!important;
  min-height:0;
  overflow:auto;
  padding:16px 18px;
  border-right:1px solid var(--mits-zk-line);
  border-bottom:0;
  background:#fff;
}
.mits-zk-fullscreen .mits-zk-preview-col{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0;
  min-height:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  padding:14px;
  background:var(--mits-zk-soft2);
  border-right:1px solid var(--mits-zk-line);
}
.mits-zk-fullscreen .mits-zk-info-col{
  grid-column:3!important;
  grid-row:1!important;
  min-height:0;
  overflow:auto;
  padding:16px 18px;
  background:#fff;
  border-top:0;
}
.mits-zk-fullscreen .mits-zk-drag-hint{flex:0 0 auto;margin-bottom:8px}
.mits-zk-fullscreen .mits-zk-preview{
  flex:1 1 auto;
  min-height:0!important;
  height:100%;
  max-height:none!important;
  padding:5px;
  border-radius:10px;
  background:#fff;
}
.mits-zk-fullscreen .mits-zk-preview svg{
  display:block;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:none!important;
  min-height:0;
}
.mits-zk-fullscreen .mits-zk-errors{flex:0 0 auto;max-height:115px;overflow:auto}
.mits-zk-fullscreen .mits-zk-info-col .mits-zk-results{grid-template-columns:1fr;margin-top:0}
.mits-zk-fullscreen .mits-zk-info-col .mits-zk-results__price{grid-column:auto}
.mits-zk-fullscreen .mits-zk-info-col .mits-zk-results>div{padding:9px 11px}
.mits-zk-fullscreen .mits-zk-info-col .mits-zk-results__price strong{font-size:22px}
.mits-zk-fullscreen .mits-zk-price-breakdown{grid-template-columns:1fr;gap:4px}
.mits-zk-fullscreen .mits-zk-live-summary{margin-top:14px}
.mits-zk-fullscreen .mits-zk-summary-list{grid-template-columns:1fr}
.mits-zk-fullscreen .mits-zk-summary-list>div,.mits-zk-fullscreen .mits-zk-summary-list>div:nth-child(odd){border-right:0;border-bottom:1px solid #edf3f1}
.mits-zk-fullscreen .mits-zk-summary-list>div:last-child{border-bottom:0}
.mits-zk-fullscreen .mits-zk-toolbar{flex:0 0 auto;padding:10px 18px;box-shadow:0 -4px 18px rgba(76,110,101,.08)}

/* Keep the theme's native price typography. Only our small label is additive. */
#pd_puprice .mits-zk-configured-price-label{display:inline-block;margin-right:.3em}

@media(max-width:1100px){
  .mits-zk-storefront.mits-zk-fullscreen .mits-zk-layout{grid-template-columns:minmax(280px,330px) minmax(390px,1fr) minmax(250px,300px)!important}
}
@media(max-width:900px){
  .mits-zk-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto}
  .mits-zk-controls{grid-column:1;grid-row:1;border-right:0;border-bottom:1px solid var(--mits-zk-line)}
  .mits-zk-preview-col{grid-column:1;grid-row:2}
  .mits-zk-info-col{grid-column:1;grid-row:3}
  .mits-zk-storefront.mits-zk-fullscreen .mits-zk-layout{grid-template-columns:minmax(260px,32%) minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) auto!important}
  .mits-zk-fullscreen .mits-zk-controls{grid-column:1!important;grid-row:1 / span 2!important}
  .mits-zk-fullscreen .mits-zk-preview-col{grid-column:2!important;grid-row:1!important;border-right:0;border-bottom:1px solid var(--mits-zk-line)}
  .mits-zk-fullscreen .mits-zk-info-col{grid-column:2!important;grid-row:2!important;max-height:250px;border-top:0}
  .mits-zk-fullscreen .mits-zk-info-col .mits-zk-results{grid-template-columns:repeat(4,minmax(0,1fr))}
  .mits-zk-fullscreen .mits-zk-info-col .mits-zk-results__price{grid-column:1/-1}
  .mits-zk-fullscreen .mits-zk-price-breakdown{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mits-zk-fullscreen .mits-zk-summary-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mits-zk-fullscreen .mits-zk-summary-list>div:nth-child(odd){border-right:1px solid #edf3f1}
}
@media(max-width:700px){
  .mits-zk-storefront.mits-zk-fullscreen .mits-zk-layout{display:block!important;overflow:auto!important}
  .mits-zk-fullscreen .mits-zk-controls,.mits-zk-fullscreen .mits-zk-preview-col,.mits-zk-fullscreen .mits-zk-info-col{overflow:visible!important;max-height:none!important;border-right:0!important}
  .mits-zk-fullscreen .mits-zk-preview{height:58vh;min-height:330px!important}
  .mits-zk-fullscreen .mits-zk-preview svg{height:100%!important;max-height:none!important}
  .mits-zk-fullscreen .mits-zk-info-col .mits-zk-results{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mits-zk-fullscreen .mits-zk-price-breakdown{grid-template-columns:1fr}
  .mits-zk-summary-list,.mits-zk-fullscreen .mits-zk-summary-list{grid-template-columns:1fr}
  .mits-zk-summary-list>div,.mits-zk-summary-list>div:nth-child(odd),.mits-zk-fullscreen .mits-zk-summary-list>div:nth-child(odd){border-right:0}
}
.mits-zk-expand>span{font-size:11px;line-height:1.2}

/* v0.13.2 - price updater compatibility fallback.
   The normal path reuses the theme's existing .standard-price/.new-price host.
   This class is only used when a custom template has no recognised host and
   intentionally avoids those class names so Web0Null cannot rewrite it. */
#pd_puprice .mits-zk-configured-product-price{
  display:block;
  margin:16px 0;
  text-align:right;
  font-size:28px;
  line-height:1.25;
  font-weight:700;
}
#pd_puprice .mits-zk-configured-product-price .small-price{font-size:11px;font-weight:400;margin-right:.3em}
#pd_puprice .mits-zk-configured-product-price .real_price{font:inherit;white-space:nowrap}

/* v0.14 - opaque preview loading state without blocking the controls. */
.mits-zk-storefront.mits-zk-fullscreen.mits-zk-loading .mits-zk-preview-col::before{background:rgba(255,255,255,.86)}


/* v0.15 - the active cutout keeps its dimensions; all other cutout dimensions stay quiet. */
.mits-zk-preview .mits-zk-svg-cutout-dimensions{display:none}
.mits-zk-preview .mits-zk-svg-cutout-dimensions.is-selected{display:inline}

/* Fullscreen has to win over sticky template navigation and admin overlays. */
body.mits-zk-modal-open .mits-zk-layer-suppressed{visibility:hidden!important;pointer-events:none!important}
.mits-zk-fullscreen-ancestor{position:relative!important;z-index:2147483630!important}

/* v0.15.2 - template select compatibility in fullscreen. Select2 appends its
   dropdown to <body>; it must sit above the fixed configurator layer. */
body.mits-zk-modal-open > .select2-container--open,
body.mits-zk-modal-open > .select2-container--open .select2-dropdown{
  z-index:2147483647!important;
}
/* v0.15.4 - preserve the template's complete button layout. The class is
   attached to an already existing visible button host; no wrapper, width,
   display, positioning, padding or flex property is introduced. */
.mits-zk-cart-visual--locked,
.mits-zk-cart-control--locked{opacity:.48!important;cursor:not-allowed!important}
.mits-zk-cart-control[disabled]{cursor:not-allowed!important}