/* RS Sticker Designer */
.rsd-panel,.rsd-stagecol{--rsd-ink:#111311;--rsd-on-ink:#f4f6ef;--rsd-accent:#d2ee3f;--rsd-line:#dadfd3;--rsd-soft:#f2f4ee;--rsd-muted:#5b6157;--rsd-warn:#8a5a00;--rsd-warn-bg:#fff3cf;box-sizing:border-box}
.rsd-panel *,.rsd-stagecol *{box-sizing:border-box}
.rsd-panel{display:flex;flex-direction:column;gap:18px;margin:18px 0 22px;min-width:0;color:var(--rsd-ink)}
.rsd-stagecol{min-width:0;width:100%}
.rsd-stage{background:#fff;border:1px solid var(--rsd-line);border-radius:12px;overflow:hidden;position:relative}
.rsd-stage svg{display:block;width:100%;height:auto;max-height:70vh}
.rsd-stage .rsd-hit{cursor:text}
.rsd-loading{padding:40px 16px;text-align:center;color:var(--rsd-muted)}
.rsd-dims{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:10px;font-variant-numeric:tabular-nums;color:var(--rsd-ink)}
.rsd-dims b{font-weight:800}
.rsd-dims span{color:var(--rsd-muted)}
.rsd-note{margin-top:8px;background:var(--rsd-warn-bg);color:var(--rsd-warn);padding:8px 10px;border-radius:8px;font-size:14px}
.rsd-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.rsd-lab{display:flex;justify-content:space-between;align-items:baseline;font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;margin:0;color:var(--rsd-ink)}
.rsd-lab small{font-weight:500;color:var(--rsd-muted);text-transform:none;letter-spacing:0;font-size:13px;font-variant-numeric:tabular-nums}
.rsd-panel input.rsd-txt{width:100%;font-weight:800;font-size:22px;line-height:1.2;padding:13px 14px;height:auto;border:2px solid var(--rsd-ink);border-radius:10px;background:#fff;color:var(--rsd-ink)}
.rsd-panel input.rsd-txt.rsd-missing{border-color:#c62828}
.rsd-panel :focus-visible{outline:3px solid var(--rsd-accent);outline-offset:2px}
.rsd-fonts{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px;max-height:232px;overflow-y:auto;padding:4px;border:1px solid var(--rsd-line);border-radius:10px}
.rsd-panel .rsd-fonts button{border:1px solid var(--rsd-line);background:#fff;color:var(--rsd-ink);border-radius:8px;padding:8px 6px 6px;cursor:pointer;min-width:0;min-height:0;height:auto;display:flex;flex-direction:column;gap:2px;align-items:center;text-transform:none;letter-spacing:0;box-shadow:none}
.rsd-fonts .rsd-s{font-size:19px;line-height:1.2;white-space:nowrap;overflow:hidden;max-width:100%;height:24px;font-weight:400}
.rsd-fonts .rsd-n{font-size:10.5px;font-weight:500;color:var(--rsd-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.rsd-panel .rsd-fonts button[aria-pressed="true"]{background:var(--rsd-ink);color:var(--rsd-on-ink);border-color:var(--rsd-ink)}
.rsd-fonts button[aria-pressed="true"] .rsd-n{color:var(--rsd-on-ink);opacity:.7}
.rsd-sw{display:flex;flex-wrap:wrap;gap:7px}
.rsd-panel .rsd-sw button{width:30px;height:30px;min-width:0;min-height:0;border-radius:50%;border:1px solid #b9beb2;padding:0;cursor:pointer;box-shadow:none}
.rsd-panel .rsd-sw button[aria-pressed="true"]{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--rsd-ink)}
.rsd-panel input[type=range]{width:100%;accent-color:var(--rsd-ink);height:28px;margin:0;padding:0;border:0;background:transparent}
.rsd-row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.rsd-pick{display:flex;align-items:center;gap:10px;font-weight:500;cursor:pointer;margin:0}
.rsd-panel .rsd-pick input{width:56px;height:36px;padding:0;border:1px solid var(--rsd-line);border-radius:8px;background:#fff;cursor:pointer}
body.rsd-active .sg-anleitung{display:none!important}
.rsd-gallery > *:not(.rsd-stagecol){display:none!important}
@media (min-width:1000px){
  .rsd-gallery .rsd-stagecol{position:sticky;top:110px}
  .product-entry-wrapper > .rsd-gallery{overflow:visible!important;align-self:stretch}
  .product-entry-wrapper > .rsd-gallery{flex:0 0 52%!important;max-width:52%!important;width:52%!important;min-width:0}
  .product-entry-wrapper > .rsd-gallery ~ .entry-summary{flex:1 1 0!important;min-width:0;width:auto!important;max-width:none!important}
}
@media (max-width:999.98px){
  .rsd-gallery.rsd-moved{display:none!important}
  .rsd-panel > .rsd-stagecol{position:sticky;top:var(--rsd-top,0px);z-index:20;background:#fff;padding:6px 0 8px;border-bottom:1px solid var(--rsd-line)}
  .rsd-panel > .rsd-stagecol .rsd-stage svg{max-height:38vh}
  .rsd-dims{margin-top:6px;font-size:14px}
}
@media (max-width:420px){.rsd-row2{grid-template-columns:minmax(0,1fr)}}
/* Namens-Sticker-Bogen */
.rsd-chips{display:flex;flex-wrap:wrap;gap:8px}
.rsd-panel .rsd-chips button{border:1px solid var(--rsd-line);background:#fff;color:var(--rsd-ink);border-radius:99px;padding:9px 16px;font-size:15px;font-weight:600;line-height:1.2;cursor:pointer;min-height:0;height:auto;text-transform:none;letter-spacing:0;box-shadow:none}
.rsd-panel .rsd-chips button[aria-pressed="true"]{background:var(--rsd-ink);color:var(--rsd-on-ink);border-color:var(--rsd-ink)}
.rsd-panel input.rsd-txt.rsd-txt2{font-size:18px;font-weight:700;border-width:1px;border-color:#8d9288}
.rsd-stage-sheet{background:#f2f4ee}
.rsd-stage-sheet svg{max-height:82vh;margin:0 auto}
@media (max-width:999.98px){.rsd-panel > .rsd-stagecol .rsd-stage-sheet svg{max-height:44vh}}
.rsd-set{display:flex;align-items:center;gap:14px;background:var(--rsd-ink);color:var(--rsd-on-ink);border-radius:12px;padding:12px 16px;line-height:1.35}
.rsd-set b{font-size:30px;font-weight:800;color:var(--rsd-accent);line-height:1;white-space:nowrap}
.rsd-set strong{font-weight:700}
.rsd-set span{font-size:14.5px;min-width:0}
.rsd-lab small.rsd-colorname{font-size:15px;font-weight:700;color:var(--rsd-ink)}

/* Designelemente */
.rsd-els{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px;padding:4px;border:1px solid var(--rsd-line);border-radius:10px}
.rsd-panel .rsd-els button{border:1px solid var(--rsd-line);background:#fff;color:var(--rsd-ink);border-radius:8px;padding:9px 4px 7px;cursor:pointer;min-width:0;min-height:0;height:auto;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;text-transform:none;letter-spacing:0;box-shadow:none;font-size:10.5px;font-weight:500;line-height:1.15}
.rsd-els svg{height:24px;width:auto;max-width:100%;display:block}
.rsd-els .rsd-el-none{font-size:14px;font-weight:800;height:24px;display:flex;align-items:center}
.rsd-panel .rsd-els button[aria-pressed="true"]{background:var(--rsd-ink);color:var(--rsd-on-ink);border-color:var(--rsd-ink)}
.rsd-elpos{display:flex;gap:6px;flex-wrap:wrap}
.rsd-elpos[hidden],.rsd-elprice[hidden]{display:none}
.rsd-panel .rsd-elpos button{flex:1;border:1px solid var(--rsd-ink);background:#fff;color:var(--rsd-ink);border-radius:8px;padding:8px 10px;font-weight:600;font-size:13px;cursor:pointer;min-height:0;height:auto;text-transform:none;letter-spacing:0;box-shadow:none}
.rsd-panel .rsd-elpos button[aria-pressed="true"]{background:var(--rsd-ink);color:var(--rsd-on-ink)}
.rsd-elprice{font-size:13px;color:var(--rsd-muted);font-variant-numeric:tabular-nums}

/* Felgen-Designs */
.rsd-des{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;border:1px solid var(--rsd-line);border-radius:10px}
.rsd-panel .rsd-des button{border:1px solid var(--rsd-line);background:#fff;color:var(--rsd-ink);border-radius:8px;padding:8px 6px 6px;cursor:pointer;min-width:0;min-height:0;height:auto;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;text-transform:none;letter-spacing:0;box-shadow:none;font-size:11px;font-weight:600;line-height:1.15}
.rsd-des svg{height:30px;width:100%;display:block}
.rsd-des .rsd-el-none{font-size:14px;font-weight:800;height:30px;display:flex;align-items:center}
.rsd-panel .rsd-des button[aria-pressed="true"]{background:var(--rsd-ink);color:var(--rsd-on-ink);border-color:var(--rsd-ink)}

/* Schriftstil Kontur */
.rsd-fonts.rsd-outline .rsd-s{color:transparent;-webkit-text-stroke:1.2px var(--rsd-ink)}
.rsd-panel .rsd-fonts.rsd-outline button[aria-pressed="true"] .rsd-s{-webkit-text-stroke-color:var(--rsd-on-ink)}

/* Transparente Folie: Schachbrett-Muster */
.rsd-panel .rsd-sw button[data-c="#FBFBFB"],.rsd-panel .rsd-sw button[data-c="#fbfbfb"]{background:repeating-conic-gradient(#d4d4d4 0 25%,#fff 0 50%) 50%/8px 8px!important}

/* Scrollbare Auswahl */
.rsd-panel .rsd-des{max-height:238px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.rsd-panel .rsd-els{max-height:150px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.rsd-panel .rsd-des::-webkit-scrollbar,.rsd-panel .rsd-els::-webkit-scrollbar{width:6px}
.rsd-panel .rsd-des::-webkit-scrollbar-thumb,.rsd-panel .rsd-els::-webkit-scrollbar-thumb{background:#c7c7c0;border-radius:3px}

/* Text gegenüber gesperrt */
#rsd-txt2f.is-locked { cursor: pointer; }
#rsd-txt2f.is-locked .rsd-txt { background: #f3f3f0; color: #9a9a95; border-style: dashed; pointer-events: none; }
.rsd-t2lock { display: none; align-items: center; justify-content: space-between; gap: 10px; margin-top: 8px; font-size: 13px; color: #555; }
#rsd-txt2f.is-locked .rsd-t2lock { display: flex; }
#rsd-t2on { flex: 0 0 auto; border: 0; border-radius: 999px; background: #111; color: #fff; font-weight: 700; font-size: 13px; padding: 8px 14px; cursor: pointer; }
#rsd-t2on:hover { background: #d7ea3c; color: #111; }
@keyframes rrsPulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(215, 234, 60, 0); } 50% { box-shadow: 0 0 0 6px rgba(215, 234, 60, .9); } }
.rrs-pulse button { animation: rrsPulse .65s ease-in-out 4; }

/* Zu fein zum Plotten */
.rsd-des button.is-toofine { opacity: .38; filter: grayscale(1); cursor: not-allowed; position: relative; }
.rsd-des button.is-toofine:not([aria-pressed="true"]) { pointer-events: none; }
.rsd-des button.is-toofine::after { content: "zu fein"; position: absolute; top: 6px; right: 6px; background: #111; color: #fff; font-size: 10px; font-weight: 700; letter-spacing: .02em; padding: 2px 6px; border-radius: 999px; }

/* Ladeverhalten: Platz von Anfang an reservieren, damit die Produktseite nicht springt */
@media (min-width:1000px){
  body.rsd-active .product-entry-wrapper > .woocommerce-product-gallery{flex:0 0 52%!important;max-width:52%!important;width:52%!important;min-width:0;overflow:visible!important;align-self:stretch}
  body.rsd-active .product-entry-wrapper > .woocommerce-product-gallery ~ .entry-summary{flex:1 1 0!important;min-width:0;width:auto!important;max-width:none!important}
  body.rsd-active .woocommerce-product-gallery:not(:has(.rsd-stagecol)){aspect-ratio:1/1}
}
@media (max-width:999.98px){
  body.rsd-active .woocommerce-product-gallery{display:none!important}
}
body.rsd-active .woocommerce-product-gallery > *:not(.rsd-stagecol){display:none!important}
#rsd-panel:empty{min-height:100vh}
body.rsd-active table.variations tr:has(select[name="attribute_aufkleberhoehe"]){display:none}
/* Solange die Ausführung noch nicht bestätigt ist: Vorschau am Handy nicht mitscrollen lassen */
@media (max-width:999.98px){ body.rrs-locked .rsd-panel > .rsd-stagecol{position:static} }
