/* Stich-haltig Mass-Konfigurator 0.9.11 - aus src-css/konfigurator.css. Nicht hier aendern. */
.prod_free_attribs .requiredtext{display:none}
:root{color-scheme:only light}
.shk{color-scheme:only light}
/* Konfigurator als "aufgesetztes Bedienelement": kräftiger Rand, leichter Schatten, Blau aus der Website */
.shk{--shk-accent:#044cd0;--shk-accent-soft:rgba(4,76,208,.07);--shk-line:#d6dbe3;
  border:2px solid var(--jsm-ink,#16181d);border-radius:16px;padding:1.1rem 1.2rem 1rem;margin:1rem 0 1.25rem;
  background:var(--jsm-bg-card,#fff);box-shadow:0 10px 28px rgba(22,24,29,.10)}
.shk-title{font-weight:800;font-size:1.1rem;margin:0 0 .9rem;letter-spacing:.01em}
.shk-row{margin:0 0 1rem}
.shk-row label{display:flex;justify-content:space-between;align-items:baseline;font-weight:700;margin-bottom:.35rem;gap:.5rem}
.shk-row .shk-range{color:var(--jsm-text-muted,#767a82);font-weight:400;font-size:.85rem}
.shk-dim{display:flex;align-items:center;gap:.75rem}
.shk-dim input[type=range]{flex:1;min-width:0;accent-color:var(--shk-accent);height:1.6rem}
.shk-dim .shk-num{width:6rem;display:flex;align-items:center;gap:.3rem;font-weight:600}
.shk-dim .shk-num input{width:100%;padding:.45rem .5rem;border:2px solid var(--shk-line);border-radius:10px;font-size:1.05rem;font-weight:700;text-align:right}
.shk-dim .shk-num input:focus{outline:none;border-color:var(--shk-accent)}
.shk-err{color:#a53f3f;font-size:.85rem;margin-top:.25rem;display:none}
.shk-row.is-invalid .shk-err{display:block}
.shk-row.is-invalid .shk-num input{border-color:#a53f3f}
.shk-extras{display:grid;gap:.55rem;margin-top:.25rem}
.shk-group-title{font-weight:700;margin:.6rem 0 .1rem}
.shk-extra{display:flex;align-items:center;gap:.65rem;padding:.65rem .8rem;border:2px solid var(--shk-line);border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s}
.shk-extra:hover{border-color:#aab3c2}
.shk-extra:has(input:checked),.shk-extra.is-on{border-color:var(--shk-accent);background:var(--shk-accent-soft)}
.shk-extra input[type=checkbox],.shk-extra input[type=radio]{width:1.2rem;height:1.2rem;accent-color:var(--shk-accent);flex:none}
.shk-extra .shk-extra-name{flex:1}
.shk-extra .shk-extra-name small{display:block;color:var(--jsm-text-muted,#767a82);font-size:.82rem;font-weight:400}
.shk-extra .shk-extra-price{color:var(--jsm-text-muted,#767a82);white-space:nowrap;font-size:.92rem}
.shk-extra select{padding:.3rem .5rem;border-radius:8px;border:2px solid var(--shk-line);font-weight:600}
.shk-choice{border:0;padding:0;margin:0 0 .3rem;display:grid;gap:.55rem}
.shk-choice legend{font-weight:700;font-size:1rem;margin-bottom:.35rem}
.shk-summary{margin-top:.9rem;padding-top:.75rem;border-top:1px dashed var(--shk-line);font-size:.92rem;color:var(--jsm-text,#16181d)}
.shk-summary span{display:inline-block;margin-right:1rem}
.shk-extra select{width:auto!important;flex:none;min-width:4.2rem}
/* Live-Skizze */
.shk-preview{position:relative;margin:-.2rem 0 1rem;border-radius:12px;background:#f4f2ef;overflow:hidden}
.shk-preview svg{display:block;width:100%;height:auto}
.shk-preview .shk-pv-note{position:absolute;right:.7rem;bottom:.45rem;font-size:.72rem;color:#767a82}
.shk-pv-anim{transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .45s ease}
.shk-pv-hidden{opacity:0}
/* Gruppen: 1 Maße · 2 Ausführung · 3 Extras – leicht abgesetzt, kompakter */
.shk-grp{border:1.5px solid var(--shk-line);border-radius:14px;padding:.75rem .85rem .8rem;margin:0 0 .75rem;background:#fafbfc}
.shk-grp-h{display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:.98rem;margin:0 0 .6rem}
.shk-grp-h .shk-no{display:inline-flex;align-items:center;justify-content:center;width:1.45rem;height:1.45rem;border-radius:50%;background:var(--shk-accent);color:#fff;font-size:.8rem}
.shk-grp .shk-row{margin:0 0 .7rem}
.shk-grp .shk-row:last-child{margin-bottom:0}
.shk-grp .shk-extra{padding:.5rem .65rem;border-radius:10px;background:#fff}
.shk-grp .shk-choice{margin:0;gap:.45rem}
.shk-grp .shk-choice legend{display:none}
/* mehrere Auswahlen (Korb): Zwischenüberschriften, Karten zweispaltig */
/* Spalten nach verfügbarer Breite: zweispaltig nur, wenn die Karten Platz haben (schmale Spalte/Handy = untereinander) */
.shk-choice,.shk-choice .shk-extra,.shk-choice .shk-extra-name{min-width:0}
.shk-choice .shk-extra-name{overflow-wrap:anywhere}
.shk-choicebox.is-multi .shk-choice{grid-template-columns:repeat(auto-fit,minmax(min(100%,10.5rem),1fr));gap:.4rem;margin-bottom:.5rem}
.shk-choicebox.is-multi .shk-choice legend{display:block;grid-column:1/-1;float:none;width:100%;font-size:.92rem;font-weight:700;margin:.35rem 0 .1rem;padding:0;border:0}
.shk-choicebox.is-multi .shk-extra small{font-size:.74rem}
.shk-choicebox .shk-choice.shk-regler{display:block;margin:.2rem 0 .6rem}
.shk-choicebox .shk-choice.shk-regler legend{display:block;font-size:.92rem;font-weight:700;margin:.35rem 0 .3rem;padding:0}
.shk-regler-h{display:block;color:#6b6f76;font-size:.74rem;margin-top:.2rem}
.shk-ecke{display:inline-block;width:1rem;height:1rem;margin-right:.45rem;vertical-align:-.15rem;border-top:2.5px solid currentColor;border-left:2.5px solid currentColor}
.shk-ecke-rund{border-top-left-radius:.6rem}
.shk-ecke-wunsch{border-top-left-radius:.95rem;border-top-style:dashed;border-left-style:dashed}
/* Ecken: drei kleine Karten nebeneinander, wenn Platz ist; in schmalen Spalten (Handy) drei flache Zeilen */
.shk-choicebox .shk-choice:has(.shk-ecke){grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:.4rem;margin-top:.6rem}
.shk-choicebox .shk-choice:has(.shk-ecke) legend{display:block;grid-column:1/-1;float:none;width:100%;font-size:.92rem;font-weight:700;margin:0 0 .1rem;padding:0;border:0}
.shk-choice:has(.shk-ecke) .shk-extra{padding:.45rem .5rem;gap:.4rem}
.shk-choice:has(.shk-ecke) .shk-extra-name{font-size:.86rem;line-height:1.25}
.shk-choice:has(.shk-ecke) .shk-extra-name small{font-size:.74rem}
.shk-choice:has(.shk-ecke) .shk-ecke{display:block;margin:0 0 .2rem}
@media (max-width:560px){
  .shk-choice:has(.shk-ecke) .shk-ecke{display:inline-block;margin:0 .45rem 0 0}
  .shk-choice:has(.shk-ecke) .shk-extra-name small{display:inline;margin-left:.4rem}
}
.shk-dot{display:inline-block;width:.95rem;height:.95rem;border-radius:50%;margin-right:.4rem;vertical-align:-.12rem;border:1px solid rgba(0,0,0,.25);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.shk-xgrid{display:grid;gap:.45rem}
.shk-xgrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.shk-mini{background:#f4f2ef;border-radius:10px;padding:.35rem .4rem .1rem;margin:0 0 .6rem}
.shk-mini svg{display:block;width:100%;height:auto}
.shk-xgrid .shk-extra{align-items:flex-start;flex-wrap:wrap}
.shk-xgrid .shk-extra .shk-extra-price{width:100%;padding-left:1.85rem;font-size:.85rem;margin-top:-.15rem}
.shk-xgrid .shk-extra select{margin-left:auto}
.shk-toggle{all:unset;cursor:pointer;display:flex;align-items:center;gap:.5rem;width:100%;font-weight:800;font-size:.98rem}
.shk-toggle .shk-tg-info{margin-left:auto;font-weight:600;font-size:.82rem;color:var(--shk-accent)}
.shk-toggle .shk-chev{transition:transform .3s;font-size:.9rem}
.shk-grp.is-open .shk-chev{transform:rotate(180deg)}
.shk-fold{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease}
.shk-fold > div{overflow:hidden}
.shk-grp.is-open .shk-fold{grid-template-rows:1fr}
.shk-grp.is-open .shk-fold > div{padding-top:.6rem}
.shk-limit{display:none;margin:.2rem 0 .7rem;padding:.6rem .75rem;border-radius:10px;background:#fdf1f1;border:1.5px solid #e3b4b4;color:#7d2a2a;font-size:.88rem}
.shk-limit.is-on{display:block}
.shk-limit a{color:inherit;font-weight:700}
/* Filzfarben-Gruppen (1–10 / A–K) */
.shk-fg{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 .9rem}
.shk-fg:last-child{margin-bottom:0}
.shk-fg-h{width:100%;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--jsm-text-muted,#767a82)}
.shk-fg-h span{font-weight:400;text-transform:none;letter-spacing:0}
.shk-fg .input_type_radio{margin:0}
/* Aktion */
.shk-promo{display:flex;flex-direction:column;gap:.1rem;margin:-.2rem 0 .8rem;padding:.6rem .8rem;border-radius:12px;background:#044cd0;color:#fff}
.shk-promo b{font-size:1rem}
.shk-promo span{font-size:.82rem;opacity:.9}
.shk-total-reg{font-size:.82rem;color:var(--jsm-text-muted,#767a82);margin-top:.1rem}

/* Preis immer im Blick: Fußzeile im Konfigurator */
.shk-total{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:.8rem;padding-top:.8rem;border-top:1.5px solid var(--shk-line)}
.shk-total .shk-total-l{font-size:.85rem;color:var(--jsm-text-muted,#767a82)}
.shk-total .shk-total-p{font-size:1.45rem;font-weight:800;line-height:1.1}
.shk-total .shk-total-btn{margin-left:auto;padding:.65rem 1.1rem;border:0;border-radius:10px;background:var(--jsm-ink,#16181d);color:#fff;font-weight:700;cursor:pointer}
.shk-total .shk-total-btn:hover{background:var(--shk-accent)}