/* Koszulkowo Designer – układ 1:1 wg shebydesigner. Kolory teal. */
.kd-app {
  --sd:#00a39b; --sd-dark:#00796f; --sd-soft:#e6f6f5; --sd-line:#e3e8e8; --sd-ink:#12333a; --sd-gold:#c9a24a;
  display:grid; grid-template-columns:104px 340px minmax(0,1fr) 262px; gap:0;
  border:1px solid var(--sd-line); border-radius:12px; overflow:hidden; background:#fff; color:var(--sd-ink);
  font-size:14px; margin:14px 0; position:relative;
}
.kd-root.kd-app { padding:0; }
.kd-err { padding:16px; color:#b32d2e; }

/* pełnoszerokie miejsce po przejęciu strony */
.kd-takeover-host { width:100%; margin:0 0 20px; }
.kd-takeover-host .kd-app { margin:0; }

/* ---- lewy pasek ikon ---- */
.kd-rail { border-right:1px solid var(--sd-line); padding:14px 10px; display:flex; flex-direction:column; gap:10px; }
.kd-rail-btn {
  display:flex; flex-direction:column; align-items:center; gap:6px; cursor:pointer;
  background:#fff; border:2px solid var(--sd-line); border-radius:12px; padding:12px 6px; color:var(--sd-ink);
  font:inherit; font-size:11px; line-height:1.2; text-align:center; transition:border-color .12s, background .12s;
}
.kd-rail-btn:hover { border-color:var(--sd); }
.kd-rail-btn.is-active { border-color:var(--sd); background:var(--sd-soft); color:var(--sd-dark); font-weight:600; }
.kd-rail-ico svg { width:26px; height:26px; display:block; }

/* ---- panel ---- */
.kd-panel { border-right:1px solid var(--sd-line); padding:16px 18px 22px; overflow:auto; max-height:720px; }
.kd-panel-head { display:flex; align-items:center; gap:8px; margin-bottom:12px; color:#6b7c80; font-size:13px; letter-spacing:.04em; text-transform:uppercase; }
.kd-panel-head > span { flex:1; }
.kd-panel-x, .kd-back { background:none; border:0; cursor:pointer; color:#9aa7a7; font-size:16px; padding:2px 6px; }
.kd-back { font-size:20px; color:var(--sd-ink); }
.kd-sub { color:#50575e; margin:10px 0 6px; }
.kd-note { color:#6b7c80; font-size:12.5px; margin:8px 0; }
.kd-field-lbl { font-weight:600; margin:14px 0 6px; }
.kd-link { color:var(--sd-dark); font-size:13px; display:inline-block; margin-top:8px; }

/* buttons */
.kd-btn { font:inherit; font-size:13px; cursor:pointer; border:1px solid var(--sd-line); background:#fff; color:var(--sd-ink); padding:9px 12px; border-radius:8px; }
.kd-btn:hover { border-color:var(--sd); }
.kd-btn.kd-primary { background:var(--sd); border-color:var(--sd); color:#fff; }
.kd-btn.kd-primary:hover { background:var(--sd-dark); }
.kd-btn.kd-wide { width:100%; text-align:center; padding:12px; font-size:15px; }
.kd-btn.kd-sm { padding:6px 9px; font-size:12px; }

/* produkt */
.kd-prod { display:flex; gap:12px; align-items:flex-start; }
.kd-prod-thumb { width:84px; height:84px; border-radius:8px; background:#f2f6f6 center/cover no-repeat; border:1px solid var(--sd-line); flex:none; }
.kd-prod-info { display:flex; flex-direction:column; gap:8px; }
.kd-prod-name { font-weight:600; }
.kd-sizes { display:flex; gap:8px; flex-wrap:wrap; }
.kd-size { min-width:40px; padding:8px 10px; border:1px solid var(--sd-line); border-radius:7px; background:#fff; cursor:pointer; font:inherit; }
.kd-size.is-active { border-color:var(--sd); background:var(--sd-soft); color:var(--sd-dark); font-weight:600; }

/* tekst */
.kd-chips { display:flex; flex-wrap:wrap; gap:5px; margin-bottom:8px; }
.kd-chip { border:1px solid var(--sd); color:var(--sd-dark); background:#fff; border-radius:6px; padding:4px 8px; cursor:pointer; font:inherit; font-size:11.5px; line-height:1.25; }
.kd-chip:hover { background:var(--sd-soft); }
.kd-textbox { border:1px solid var(--sd); border-radius:8px; overflow:hidden; margin-bottom:10px; }
.kd-textbox .kd-ta { border:0; border-radius:0; }
.kd-textbox .kd-fmt { border-top:1px solid var(--sd-line); background:#fafcfc; margin:0; }
.kd-ta { width:100%; min-height:72px; border:1px solid var(--sd); border-radius:8px; padding:10px; font-size:16px; text-align:center; resize:vertical; box-sizing:border-box; }
.kd-fmt { display:flex; gap:5px; margin:8px 0 10px; padding:5px; }
.kd-fmt-b { width:30px; height:28px; display:flex; align-items:center; justify-content:center; border:1px solid var(--sd-line); background:#fff; border-radius:6px; cursor:pointer; font-size:13px; color:#12333a; padding:0; }
.kd-fmt-b.is-active { border-color:var(--sd); background:var(--sd-soft); }
.kd-fmt-b svg { width:16px; height:16px; display:block; }

/* properties / akordeony */
.kd-props { margin-top:10px; border-top:1px solid var(--sd-line); font-size:12.5px; }
.kd-prow { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:7px 0; border-bottom:1px solid var(--sd-line); }
.kd-prow-lbl { color:var(--sd-ink); }
.kd-font-sel { max-width:140px; padding:4px 6px; border:1px solid var(--sd-line); border-radius:6px; font-size:12.5px; }
.kd-step { display:inline-flex; align-items:center; gap:3px; }
.kd-step button { width:24px; height:24px; border:1px solid var(--sd-line); background:#f3f6f6; border-radius:6px; cursor:pointer; font-size:13px; line-height:1; }
.kd-step-u { min-width:28px; text-align:center; border:1px solid var(--sd-line); border-radius:6px; padding:3px 5px; font-size:11px; color:#6b7c80; }
.kd-prow input[type=color] { width:26px; height:24px; border:1px solid var(--sd-line); border-radius:6px; padding:0; cursor:pointer; background:#fff; }
.kd-arc { width:120px; accent-color:var(--sd); }
.kd-acc { width:100%; display:flex; align-items:center; gap:8px; justify-content:space-between; padding:8px 0; border-bottom:1px solid var(--sd-line); background:none; border-left:0; border-right:0; border-top:0; cursor:pointer; font:inherit; font-size:12.5px; color:var(--sd-ink); }
.kd-acc-ar { color:#9aa7a7; }
.kd-acc-sub { color:#9aa7a7; font-size:11px; }
.kd-layer { display:flex; gap:5px; flex-wrap:wrap; padding:6px 0; }
.kd-copyrow { display:flex; gap:6px; justify-content:flex-end; padding:8px 0; }
.kd-btn.kd-sm { padding:4px 7px; font-size:11px; border-radius:6px; }

/* grafika */
.kd-gfx-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.kd-gfx-tile { display:flex; flex-direction:column; align-items:center; text-align:center; gap:6px; padding:16px 10px; border:1px solid var(--sd-line); border-radius:10px; background:#fff; cursor:pointer; }
.kd-gfx-tile:hover { border-color:var(--sd); }
.kd-gfx-ico { font-size:26px; color:var(--sd-gold); }
.kd-gfx-t { font-weight:600; }
.kd-gfx-d { font-size:11.5px; color:#9aa7a7; }
.kd-drop { border:1px dashed var(--sd-line); border-radius:10px; padding:16px; text-align:center; }
.kd-drop.is-over { border-color:var(--sd); background:var(--sd-soft); }
.kd-drop-ic { font-size:28px; color:var(--sd-gold); margin:12px 0 6px; }
.kd-drop-t { font-weight:600; }
.kd-drop-d { font-size:12px; color:#9aa7a7; }
.kd-aitoggle { display:flex; gap:10px; align-items:flex-start; margin:12px 0; padding:12px; background:var(--sd-soft); border-radius:10px; cursor:pointer; }
.kd-aitoggle input { margin-top:3px; transform:scale(1.2); }
.kd-aitoggle-txt span { color:#6b7c80; font-size:12px; }
.kd-disc { font-size:11px; color:#9aa7a7; margin-top:8px; }
.kd-ai-status { font-size:13px; color:#a3540b; margin-top:10px; }
.kd-shapes { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.kd-shape { font-size:28px; padding:16px; border:1px solid var(--sd-line); border-radius:10px; background:#fff; cursor:pointer; color:var(--sd-ink); }
.kd-shape:hover { border-color:var(--sd); }

/* zapisz */
.kd-savelist { display:flex; flex-direction:column; }
.kd-saverow { display:flex; gap:12px; align-items:center; text-align:left; padding:12px 0; border-bottom:1px solid var(--sd-line); background:none; border-left:0; border-right:0; border-top:0; cursor:pointer; font:inherit; color:var(--sd-ink); }
.kd-saverow-ic { color:var(--sd); font-size:18px; width:22px; text-align:center; }
.kd-saverow b { display:block; }
.kd-saverow-d { color:#9aa7a7; font-size:12px; }

/* ---- środek: canvas ---- */
.kd-area { background:#fff; display:flex; align-items:flex-start; justify-content:center; padding:18px 10px; overflow:auto; min-height:560px; }
.kd-canvas-wrap .canvas-container { border-radius:6px; }

/* ---- prawa kolumna ---- */
.kd-buy { border-left:1px solid var(--sd-line); padding:16px 16px 20px; display:flex; flex-direction:column; gap:14px; }
.kd-zoom { display:flex; align-items:center; gap:6px; }
.kd-zoom input[type=range] { flex:1; accent-color:var(--sd); }
.kd-zoom-b { width:26px; height:26px; border-radius:50%; border:1px solid var(--sd-line); background:#fff; cursor:pointer; }
.kd-sidethumbs { display:flex; gap:8px; }
.kd-sidethumb { flex:1; border:2px solid var(--sd-line); border-radius:10px; background:#fff; padding:6px; cursor:pointer; display:flex; flex-direction:column; align-items:center; gap:4px; }
.kd-sidethumb.is-active { border-color:var(--sd); }
.kd-sidethumb img { width:100%; height:64px; object-fit:contain; }
.kd-sidethumb .kd-noimg { height:64px; display:flex; align-items:center; color:#cfd8d8; }
.kd-sidethumb-lbl { font-size:12px; color:#6b7c80; }
.kd-price { margin-top:6px; }
.kd-price-lbl { font-size:11px; color:#9aa7a7; letter-spacing:.08em; text-transform:uppercase; }
.kd-price-val { display:block; font-size:24px; font-weight:700; color:var(--sd-ink); }
.kd-price-val .amount { color:var(--sd-ink); }
.kd-qtyrow { display:flex; align-items:center; gap:12px; }
.kd-qty-lbl { font-size:11px; color:#9aa7a7; letter-spacing:.06em; }
.kd-qty { display:inline-flex; border:1px solid var(--sd-line); border-radius:8px; overflow:hidden; }
.kd-qty button { width:34px; height:36px; border:0; background:#f3f6f6; cursor:pointer; font-size:16px; }
.kd-qty-input { width:44px; text-align:center; border:0; border-left:1px solid var(--sd-line); border-right:1px solid var(--sd-line); }
.kd-cart { background:var(--sd); color:#fff; border:0; border-radius:8px; padding:14px; font-size:15px; font-weight:600; cursor:pointer; }
.kd-cart:hover { background:var(--sd-dark); }
.kd-ship { text-align:center; font-size:12px; color:#6b7c80; }
.kd-ship span { color:#9aa7a7; }

/* ---- nakładka „zmień produkt" ---- */
.kd-chooser { position:absolute; inset:0; background:#fff; z-index:30; padding:16px 20px; overflow:auto; }
.kd-ch-head { display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.kd-ch-back { background:none; border:0; color:var(--sd-dark); font-size:15px; cursor:pointer; }
.kd-ch-search { flex:1; max-width:360px; margin-left:auto; padding:9px 12px; border:1px solid var(--sd-line); border-radius:8px; }
.kd-ch-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.kd-ch-card { border:1px solid var(--sd-line); border-radius:10px; padding:10px; text-decoration:none; color:var(--sd-ink); background:#fff; }
.kd-ch-card:hover { border-color:var(--sd); }
.kd-ch-card.is-current { border-color:var(--sd); box-shadow:0 0 0 2px rgba(0,163,155,.2); }
.kd-ch-thumb { height:150px; background:#f6f8f8 center/contain no-repeat; border-radius:6px; }
.kd-ch-price { font-weight:700; margin-top:8px; }
.kd-ch-name { font-size:13px; color:#50575e; }

/* ---- responsywność ---- */
@media (max-width:1100px) {
  .kd-app { grid-template-columns:96px minmax(0,1fr); grid-template-areas:"rail area" "rail panel" "rail buy"; }
  .kd-rail { grid-area:rail; } .kd-area { grid-area:area; } .kd-panel { grid-area:panel; border-right:0; border-top:1px solid var(--sd-line); max-height:none; }
  .kd-buy { grid-area:buy; border-left:0; border-top:1px solid var(--sd-line); }
  .kd-ch-grid { grid-template-columns:repeat(3,1fr); }
}
@media (max-width:640px) {
  /* edytor na całą szerokość telefonu, bez bocznych ramek */
  .kd-takeover-host { margin:0 0 10px; }
  .kd-app {
    display:flex; flex-direction:column; grid-template-columns:none; grid-template-areas:none;
    border-left:0; border-right:0; border-radius:0; margin:0; font-size:15px;
  }
  /* 1) canvas na górze – ograniczona wysokość, żeby narzędzia były w zasięgu */
  .kd-area { order:1; min-height:0; height:clamp(320px,56vh,520px); padding:8px; background:#fff; }
  /* 2) pasek narzędzi – 4 kafelki jak w sheby: ikona na górze, podpis pod nią */
  .kd-rail {
    order:2; flex-direction:row; gap:8px;
    padding:10px 10px; border-right:0; border-top:1px solid var(--sd-line); border-bottom:1px solid var(--sd-line);
    background:#fff;
  }
  .kd-rail-btn { flex:1; flex-direction:column; justify-content:center; gap:7px; padding:12px 4px; font-size:11.5px; border-radius:12px; min-height:66px; }
  .kd-rail-ico svg { width:26px; height:26px; }
  .kd-rail-lbl { line-height:1.2; }
  /* 3) panel aktywnego narzędzia */
  .kd-panel { order:3; max-height:none; border-right:0; border-top:0; padding:14px 14px 18px; }
  /* 4) sekcja zakupu – większe pola dotykowe */
  .kd-buy { order:4; border-left:0; border-top:8px solid var(--sd-soft); padding:16px 14px calc(18px + env(safe-area-inset-bottom)); gap:16px; }
  .kd-sidethumb img, .kd-sidethumb .kd-noimg { height:76px; }
  /* cena w jednej linii: „Cena: 115,00 zł" jak w sheby */
  .kd-price { display:flex; align-items:baseline; gap:7px; margin-top:0; }
  .kd-price-lbl { text-transform:none; font-size:17px; font-weight:600; color:var(--sd-ink); letter-spacing:0; }
  .kd-price-lbl::after { content:':'; }
  .kd-price-val { display:inline; font-size:22px; }
  .kd-opt-lbl, .kd-qty-lbl { font-size:12px; }
  .kd-app .kd-sw { width:34px !important; height:34px !important; }      /* kolory – większe do dotyku */
  .kd-app .kd-size { padding:11px 14px !important; font-size:15px; }     /* rozmiary – większe */
  .kd-app .kd-qty button { width:44px; height:44px; font-size:18px; }
  .kd-qty-input { width:52px; font-size:16px; }
  /* koszyk zawsze pod ręką – przyklejony na dole ekranu */
  .kd-app .kd-cart {
    position:sticky; bottom:10px; z-index:12; padding:16px !important; font-size:16px !important;
    box-shadow:0 6px 20px rgba(0,163,155,.35);
  }
  /* nakładka „zmień produkt" */
  .kd-chooser { padding:12px 12px calc(12px + env(safe-area-inset-bottom)); }
  .kd-app .kd-ch-grid { grid-template-columns:1fr 1fr !important; gap:10px; }
  .kd-ch-card { min-width:0; padding:8px; }
  .kd-ch-name { font-size:12px; }
  .kd-ch-thumb { height:120px; }
  .kd-ch-search { max-width:none; }
  .kd-ch-head { position:sticky; top:0; background:#fff; padding:6px 0; z-index:2; }
}
@media (max-width:400px) {
  .kd-rail-lbl { font-size:11px; }
  .kd-area { height:clamp(280px,46vh,420px); }
  .kd-app .kd-ch-grid { grid-template-columns:1fr 1fr !important; gap:8px; }   /* zawsze 2 produkty w rzędzie */
  .kd-ch-thumb { height:104px; }
}

/* ===== odporność na motyw axetor (nadpisuje <button> na czarne pigułki/wersaliki) ===== */
.kd-app button { -webkit-appearance:none; appearance:none; box-shadow:none !important; text-shadow:none !important;
  text-transform:none !important; letter-spacing:normal !important; min-height:0 !important; height:auto; width:auto;
  line-height:1.25; font-weight:400; background-image:none !important; }
.kd-app .kd-btn { background:#fff !important; color:var(--sd-ink) !important; border:1px solid var(--sd-line) !important; border-radius:8px !important; }
.kd-app .kd-btn.kd-primary { background:var(--sd) !important; color:#fff !important; border-color:var(--sd) !important; }
.kd-app .kd-btn.kd-primary:hover { background:var(--sd-dark) !important; }
.kd-app .kd-btn.kd-sm { font-size:11px !important; padding:4px 7px !important; }
.kd-app .kd-rail-btn { background:#fff !important; color:var(--sd-ink) !important; border:2px solid var(--sd-line) !important; border-radius:12px !important; }
.kd-app .kd-rail-btn.is-active { background:var(--sd-soft) !important; color:var(--sd-dark) !important; border-color:var(--sd) !important; font-weight:600; }
.kd-app .kd-acc { background:#fff !important; color:var(--sd-ink) !important; border:0 !important; border-bottom:1px solid var(--sd-line) !important; border-radius:0 !important; padding:9px 0 !important; font-weight:400 !important; }
.kd-app .kd-acc:hover { background:#fff !important; }
.kd-app .kd-fmt-b { background:#fff !important; color:#12333a !important; border:1px solid var(--sd-line) !important; border-radius:6px !important; }
.kd-app .kd-fmt-b.is-active { background:var(--sd-soft) !important; border-color:var(--sd) !important; }
.kd-app .kd-step button { background:#f3f6f6 !important; color:var(--sd-ink) !important; border:1px solid var(--sd-line) !important; border-radius:6px !important; }
.kd-app .kd-size { background:#fff !important; color:var(--sd-ink) !important; border:1px solid var(--sd-line) !important; border-radius:7px !important; }
.kd-app .kd-size.is-active { background:var(--sd-soft) !important; color:var(--sd-dark) !important; border-color:var(--sd) !important; font-weight:600; }
.kd-app .kd-chip { background:#fff !important; color:var(--sd-dark) !important; border:1px solid var(--sd) !important; border-radius:6px !important; padding:4px 8px !important; font-size:11.5px !important; line-height:1.25 !important; }
.kd-app .kd-cart { background:var(--sd) !important; color:#fff !important; border:0 !important; border-radius:8px !important; }
.kd-app .kd-cart:hover { background:var(--sd-dark) !important; }
.kd-app .kd-qty button { background:#f3f6f6 !important; color:var(--sd-ink) !important; border:0 !important; border-radius:0 !important; }
.kd-app .kd-zoom-b { width:26px !important; height:26px !important; min-width:26px !important; padding:0 !important; line-height:1 !important; font-size:15px !important; display:inline-flex !important; align-items:center; justify-content:center; background:#fff !important; border:1px solid var(--sd-line) !important; border-radius:50% !important; color:var(--sd-ink) !important; flex:0 0 auto; }
.kd-app .kd-sidethumb { background:#fff !important; border:2px solid var(--sd-line) !important; border-radius:10px !important; }
.kd-app .kd-sidethumb.is-active { border-color:var(--sd) !important; }
.kd-app .kd-gfx-tile { background:#fff !important; border:1px solid var(--sd-line) !important; border-radius:10px !important; color:var(--sd-ink) !important; }
.kd-app .kd-saverow { background:#fff !important; border:0 !important; border-bottom:1px solid var(--sd-line) !important; border-radius:0 !important; color:var(--sd-ink) !important; }
.kd-app .kd-shape { background:#fff !important; border:1px solid var(--sd-line) !important; border-radius:10px !important; color:var(--sd-ink) !important; }
.kd-app .kd-panel-x, .kd-app .kd-back, .kd-app .kd-ch-back { background:none !important; border:0 !important; color:#9aa7a7 !important; }
.kd-app .kd-back { color:var(--sd-ink) !important; }

/* ===== ostrzeżenie: poza polem nadruku ===== */
.kd-outwarn {
  position:absolute; top:12px; left:50%; transform:translateX(-50%); z-index:45;
  max-width:min(560px,90%); display:none;
  background:#fff4e5; border:1px solid #f0c38a; border-left:4px solid #e8972f; color:#7a4a12;
  border-radius:10px; padding:10px 14px; box-shadow:0 8px 28px rgba(0,0,0,.14); font-size:13px; line-height:1.4;
}
.kd-outwarn.on { display:block; }
.kd-outwarn b { display:block; color:#b5520a; margin-bottom:2px; }
.kd-outwarn span { color:#8a5a22; }
.kd-outwarn.kd-shake { animation:kd-shake .4s; }
@keyframes kd-shake {
  0%,100% { transform:translateX(-50%); }
  20% { transform:translate(calc(-50% - 7px)); }
  40% { transform:translate(calc(-50% + 7px)); }
  60% { transform:translate(calc(-50% - 5px)); }
  80% { transform:translate(calc(-50% + 5px)); }
}

/* ===== wybór czcionki z podglądem + szersze pole wartości ===== */
.kd-fontwrap { position:relative; }
.kd-fontbtn { display:flex; align-items:center; justify-content:space-between; gap:8px; min-width:150px; max-width:172px; padding:6px 10px; }
.kd-fontbtn-name { font-size:16px; line-height:1.15; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.kd-fontbtn-ar { color:#9aa7a7; font-size:11px; }
.kd-fontlist { display:none; position:absolute; right:0; top:calc(100% + 4px); z-index:50; min-width:190px; max-height:280px; overflow:auto; padding:4px; }
.kd-fontlist.open { display:block; }
.kd-fontitem { display:block; width:100%; text-align:left; padding:8px 10px; font-size:18px; line-height:1.15; cursor:pointer; }
.kd-step-u { min-width:42px !important; }
.kd-app .kd-fontbtn { background:#fff !important; color:var(--sd-ink) !important; border:1px solid var(--sd-line) !important; border-radius:8px !important; }
.kd-app .kd-fontlist { background:#fff !important; border:1px solid var(--sd-line) !important; border-radius:8px !important; box-shadow:0 8px 24px rgba(0,0,0,.14) !important; }
.kd-app .kd-fontitem { background:none !important; color:var(--sd-ink) !important; border:0 !important; border-radius:6px !important; }
.kd-app .kd-fontitem:hover { background:var(--sd-soft) !important; }

/* mniejsze przyciski +/- (nadpisanie width:auto z resetu motywu) */
.kd-app .kd-step button { width:22px !important; height:22px !important; padding:0 !important; font-size:13px !important; line-height:1 !important; }
.kd-app .kd-step { gap:4px; }
.kd-app .kd-step-u { min-width:40px !important; font-size:11px; }

/* ===== siatka wyboru czcionki (kafelki, nazwa swoją czcionką) ===== */
.kd-fontgrid { display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px; margin-top:4px; }
.kd-fonttile { padding:14px 8px; font-size:19px; line-height:1.15; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; }
.kd-app .kd-fonttile { background:#fff !important; color:var(--sd-ink) !important; border:1px solid var(--sd-line) !important; border-radius:10px !important; }
.kd-app .kd-fonttile:hover { border-color:var(--sd) !important; }
.kd-app .kd-fonttile.is-active { border-color:var(--sd) !important; box-shadow:0 0 0 2px rgba(0,163,155,.25) !important; }
.kd-fontbtn-name { font-size:16px; }
@media (max-width:640px){ .kd-fontgrid { grid-template-columns:1fr 1fr; } }

/* ===== kształt tekstu – siatka ===== */
.kd-shapegrid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:12px; }
.kd-shapetile { padding:14px 8px; font-weight:800; font-size:15px; letter-spacing:.02em; text-align:center; cursor:pointer; overflow:hidden; white-space:nowrap; }
.kd-app .kd-shapetile { background:#fff !important; color:#12333a !important; border:1px solid var(--sd-line) !important; border-radius:10px !important; }
.kd-app .kd-shapetile:hover { border-color:var(--sd) !important; }
.kd-app .kd-shapetile.is-active { border-color:var(--sd) !important; box-shadow:0 0 0 2px rgba(0,163,155,.25) !important; }
/* podpowiedzi wyglądu na kafelku */
.kd-shapetile.kd-sh-sr { transform:skewX(-12deg); }
.kd-shapetile.kd-sh-sl { transform:skewX(12deg); }
.kd-shapetile.kd-sh-su { transform:skewY(-7deg); }
.kd-shapetile.kd-sh-sd { transform:skewY(7deg); }
.kd-shapetile.kd-sh-bu, .kd-shapetile.kd-sh-au { border-top:3px solid var(--sd-soft) !important; }
.kd-shapetile.kd-sh-bd, .kd-shapetile.kd-sh-ad { border-bottom:3px solid var(--sd-soft) !important; }

/* pełna nazwa czcionki na kafelku (bez obcinania) */
.kd-fonttile {
  white-space:normal !important; overflow:visible !important; text-overflow:clip !important;
  font-size:17px !important; line-height:1.2 !important; word-break:break-word;
  min-height:54px; display:flex; align-items:center; justify-content:center; text-align:center;
}

/* podgląd kształtu na kafelku (SVG) – bez skosu samego kafelka */
.kd-app .kd-shapetile { transform:none !important; border-top-width:1px !important; border-bottom-width:1px !important; padding:6px !important; }
.kd-shapetile svg { display:block; width:100%; height:48px; }

/* ===== wiersze pomocy w „Załaduj z dysku" ===== */
.kd-uprow { width:100%; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 12px; margin-top:10px; border:1px solid var(--sd-line); border-radius:10px; background:#fff; cursor:pointer; font:inherit; color:var(--sd-ink); font-weight:600; }
.kd-app .kd-uprow { background:#fff !important; color:var(--sd-ink) !important; border:1px solid var(--sd-line) !important; border-radius:10px !important; }
.kd-app .kd-uprow:hover { border-color:var(--sd) !important; }
.kd-uprow-ar { color:var(--sd); font-weight:700; }
.kd-uprow-body { font-size:12.5px; color:#6b7c80; padding:4px 4px 12px; line-height:1.5; }
.kd-upgrid { display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px; margin-top:8px; }
.kd-upthumb { height:90px; border:1px solid var(--sd-line); border-radius:8px; background:#f6f8f8 center/contain no-repeat; cursor:pointer; }
.kd-app .kd-upthumb { background-color:#f6f8f8 !important; border:1px solid var(--sd-line) !important; border-radius:8px !important; }
.kd-app .kd-upthumb:hover { border-color:var(--sd) !important; }

/* ===== modal (gumka / tutorial) ===== */
.kd-modal { position:fixed; inset:0; z-index:100000; background:rgba(20,28,30,.55); display:flex; align-items:center; justify-content:center; padding:20px; }
.kd-modal-box { background:#fff; border-radius:14px; box-shadow:0 20px 60px rgba(0,0,0,.3); width:min(640px,96vw); max-height:92vh; overflow:auto; padding:18px 20px 20px; }
.kd-modal-head, .kd-tut-head { display:flex; align-items:center; justify-content:center; position:relative; font-size:17px; font-weight:600; color:var(--sd-ink); margin-bottom:10px; }
.kd-modal-head > span { flex:1; text-align:left; }
.kd-tut-head { text-align:center; }
.kd-modal-x { position:absolute; right:0; top:0; background:none; border:0; font-size:18px; color:#9aa7a7; cursor:pointer; }
.kd-modal-hint { font-size:12.5px; color:#6b7c80; margin-bottom:10px; line-height:1.5; }
.kd-modal .kd-btn { font:inherit; cursor:pointer; }
.kd-modal .kd-btn.kd-primary { background:var(--sd) !important; color:#fff !important; border:0 !important; border-radius:8px !important; padding:10px 16px !important; font-weight:600; }
.kd-modal .kd-btn.kd-sm { background:#fff !important; color:var(--sd-ink) !important; border:1px solid var(--sd-line) !important; border-radius:8px !important; padding:8px 12px !important; }

/* gumka */
.kd-eraser-stage { display:flex; justify-content:center; padding:12px; border-radius:10px;
  background-color:#a9b3b3; background-image:linear-gradient(45deg,#8e9999 25%,transparent 25%,transparent 75%,#8e9999 75%),linear-gradient(45deg,#8e9999 25%,transparent 25%,transparent 75%,#8e9999 75%); background-size:16px 16px; background-position:0 0,8px 8px; }
.kd-eraser-canvas { cursor:crosshair; border-radius:6px; box-shadow:0 2px 10px rgba(0,0,0,.25); max-width:100%; }
.kd-eraser-ctrl { display:flex; align-items:center; gap:12px; margin:14px 0 6px; font-size:13px; color:var(--sd-ink); }
.kd-eraser-ctrl input[type=range] { flex:1; accent-color:var(--sd); }
.kd-eraser-foot { display:flex; gap:8px; justify-content:flex-end; margin-top:6px; }

/* tutorial */
.kd-tut-bar { display:flex; gap:8px; margin:4px 0 16px; }
.kd-tut-seg { flex:1; height:4px; border-radius:3px; background:#e3e8e8; }
.kd-tut-seg.on { background:var(--sd); }
.kd-tut-body { display:flex; align-items:center; gap:10px; }
.kd-tut-illo { flex:1; background:#f3f6f6; border-radius:12px; padding:12px; min-height:200px; display:flex; align-items:center; justify-content:center; }
.kd-tut-nav { flex:none; width:44px; height:44px; border-radius:50%; border:1px solid var(--sd-line); background:#fff; color:var(--sd-ink); font-size:20px; cursor:pointer; }
.kd-tut-nav:hover { border-color:var(--sd); }
.kd-tut-cap { text-align:center; margin-top:14px; }
.kd-tut-cap b { display:block; font-size:15px; color:var(--sd-ink); margin-bottom:4px; }
.kd-tut-cap span { font-size:13px; color:#6b7c80; line-height:1.5; }
@media (max-width:520px){ .kd-upgrid { grid-template-columns:1fr 1fr; } .kd-tut-illo { min-height:150px; } }

/* toast (np. małe zdjęcie) */
.kd-toast { position:absolute; left:50%; bottom:16px; transform:translateX(-50%) translateY(8px); z-index:50; max-width:min(520px,90%);
  background:#fff4e5; border:1px solid #f0c38a; border-left:4px solid #e8972f; color:#7a4a12; border-radius:10px; padding:10px 14px;
  font-size:13px; line-height:1.4; box-shadow:0 8px 28px rgba(0,0,0,.14); opacity:0; transition:opacity .25s, transform .25s; pointer-events:none; }
.kd-toast.on { opacity:1; transform:translateX(-50%) translateY(0); }
.kd-uprow-body ul { margin:8px 0 0; padding-left:18px; }
.kd-uprow-body li { margin:3px 0; }

/* ===== modal: zmienne kolorów + nagłówek/pasek postępu 1:1 ===== */
.kd-modal { --sd:#00a39b; --sd-dark:#00796f; --sd-soft:#e6f6f5; --sd-line:#e3e8e8; --sd-ink:#12333a; --sd-gold:#c9a24a; }
.kd-modal button { -webkit-appearance:none; appearance:none; box-shadow:none !important; text-transform:none !important; letter-spacing:normal !important; min-height:0 !important; }
.kd-tut-title { font-size:21px; font-weight:600; color:var(--sd-ink); }
.kd-modal .kd-tut-bar { display:flex; gap:8px; margin:4px 0 16px; }
.kd-modal .kd-tut-seg { flex:1; height:5px; border:0 !important; padding:0 !important; border-radius:3px !important; background:#e3e8e8 !important; cursor:pointer; }
.kd-modal .kd-tut-seg.on { background:var(--sd) !important; }
.kd-modal .kd-tut-nav { width:44px !important; height:44px !important; border-radius:50% !important; background:#fff !important; border:1px solid var(--sd-line) !important; color:var(--sd-ink) !important; font-size:20px; cursor:pointer; }
.kd-modal .kd-tut-nav:hover { border-color:var(--sd) !important; }
.kd-modal .kd-modal-x { background:none !important; border:0 !important; color:#9aa7a7 !important; }

/* potwierdzenie po wgraniu zdjęcia */
.kd-upok { margin-top:12px; font-size:12.5px; color:#00796f; line-height:1.6; }
.kd-app .kd-upai { background:none !important; border:0 !important; padding:0 !important; color:#b5520a !important; font:inherit; font-weight:600; cursor:pointer; }
.kd-app .kd-upai:hover { text-decoration:underline; }
.kd-upok-st { color:#a3540b; }

/* pasek postępu AI */
.kd-aiprog { margin-top:12px; }
.kd-aiprog-bar { height:7px; background:#e3e8e8; border-radius:4px; overflow:hidden; }
.kd-aiprog-fill { display:block; height:100%; background:var(--sd,#00a39b); border-radius:4px; transition:width .2s; }
.kd-aiprog-fill.is-indet { width:42%; animation:kd-indet 1.1s ease-in-out infinite; }
@keyframes kd-indet { 0%{ margin-left:-42%; } 100%{ margin-left:100%; } }
.kd-aiprog-txt { font-size:12px; color:#6b7c80; margin-top:6px; }

/* pasek AI: rząd tekst + procent */
.kd-aiprog-row { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:6px; }
.kd-aiprog-txt { font-size:12px; color:#6b7c80; }
.kd-aiprog-pct { font-size:12px; font-weight:700; color:var(--sd,#00a39b); white-space:nowrap; }
.kd-aiprog-fill { transition:width .35s ease; }

/* ===== gumka: narzędzia + suwaki jakości + mieszczenie na ekranie ===== */
.kd-modal-box.kd-eraser { width:min(600px,96vw); }
.kd-modal-box.kd-eraser .kd-modal-hint { margin-bottom:8px; }
.kd-er-tools { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:2px 0 10px; }
.kd-modal .kd-btn.is-on { background:var(--sd) !important; color:#fff !important; border-color:var(--sd) !important; }
.kd-er-brush { display:inline-flex; align-items:center; gap:6px; font-size:12px; color:#6b7c80; margin-left:auto; }
.kd-er-brush input { width:90px; accent-color:var(--sd); }
.kd-modal .kd-eraser-stage { padding:8px; }
.kd-er-sliders { display:grid; grid-template-columns:1fr 1fr; gap:8px 18px; margin:12px 0 10px; }
.kd-er-slider { display:flex; align-items:center; gap:8px; font-size:12px; color:var(--sd-ink); }
.kd-er-slider > span { min-width:90px; }
.kd-er-slider input { flex:1; accent-color:var(--sd); }
@media (max-width:560px){ .kd-er-sliders { grid-template-columns:1fr; } }

/* lupa w gumce: przewijalny podgląd przy powiększeniu */
.kd-modal .kd-eraser-stage { padding:8px; max-height:48vh; overflow:auto; text-align:center; display:block; }
.kd-eraser-canvas { display:inline-block; vertical-align:top; }
.kd-er-zoom { display:inline-flex; align-items:center; gap:4px; font-size:12px; color:#6b7c80; }
.kd-er-zval { min-width:42px; text-align:center; font-weight:600; color:var(--sd,#00a39b); }

/* ===== tryb edycji napisu + wybór koloru (paleta+hex+spektrum) ===== */
.kd-editbadge { background:#fff4e5; border:1px solid #f0c38a; border-radius:8px; padding:8px 10px; font-size:12.5px; color:#8a5a22; margin:6px 0 6px; }
.kd-editbadge b { color:#b5520a; }
.kd-app .kd-colorbtn { width:30px; height:26px; border:1px solid var(--sd-line) !important; border-radius:6px !important; cursor:pointer; padding:0 !important; }
.kd-app .kd-colorbtn.is-none { background:#fff !important; background-image:linear-gradient(45deg,transparent 44%,#e02424 44%,#e02424 56%,transparent 56%) !important; }
.kd-colorgrid { display:grid; grid-template-columns:repeat(7,1fr); gap:8px; margin:4px 0 10px; }
.kd-app .kd-swatch { height:30px; border:1px solid var(--sd-line) !important; border-radius:6px !important; cursor:pointer; padding:0 !important; }
.kd-app .kd-swatch:hover { outline:2px solid var(--sd); outline-offset:1px; }
.kd-app .kd-swatch-none { background:#fff !important; background-image:linear-gradient(45deg,transparent 44%,#e02424 44%,#e02424 56%,transparent 56%) !important; }
.kd-hexrow { display:flex; align-items:center; gap:6px; margin:4px 0 12px; }
.kd-hexrow > span { color:#6b7c80; font-weight:600; }
.kd-hex { flex:1; max-width:170px; padding:8px 10px; border:1px solid var(--sd-line); border-radius:8px; font-family:monospace; letter-spacing:.06em; }
.kd-specwrap { display:flex; gap:8px; }
.kd-spectrum { flex:1; border-radius:8px; cursor:crosshair; max-width:100%; }
.kd-grayscale { width:22px; border-radius:6px; cursor:crosshair; }

/* wyraźny przycisk „Wróć" w podwidokach */
.kd-app .kd-back { display:inline-flex !important; align-items:center; gap:4px; background:#fff !important; border:1px solid var(--sd-line) !important; border-radius:8px !important; color:var(--sd-dark) !important; font-size:13px !important; font-weight:600; padding:6px 12px !important; cursor:pointer; }
.kd-app .kd-back:hover { border-color:var(--sd) !important; background:var(--sd-soft) !important; }

/* ===== ILOŚĆ: mniejsze +/- i widoczna liczba (nadpisanie motywu) ===== */
.kd-app .kd-qty { display:inline-flex !important; align-items:center; border:1px solid var(--sd-line) !important; border-radius:8px !important; overflow:hidden; background:#fff; }
.kd-app .kd-qty button { width:30px !important; height:32px !important; min-width:30px !important; min-height:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:#f3f6f6 !important; color:var(--sd-ink) !important; font-size:16px !important; line-height:1 !important; }
.kd-app .kd-qty-input { width:42px !important; height:32px !important; min-height:0 !important; box-sizing:border-box; text-align:center !important; border:0 !important; border-left:1px solid var(--sd-line) !important; border-right:1px solid var(--sd-line) !important; border-radius:0 !important; background:#fff !important; color:var(--sd-ink) !important; font-size:14px !important; font-weight:600; padding:0 !important; -moz-appearance:textfield; }
.kd-app .kd-qty-input::-webkit-outer-spin-button, .kd-app .kd-qty-input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }

/* ładniejszy „Wróć do projektu" w nakładce produktów */
.kd-app .kd-ch-back { display:inline-flex !important; align-items:center; gap:5px; background:#fff !important; border:1px solid var(--sd-line) !important; border-radius:8px !important; color:var(--sd-dark) !important; font-size:13px !important; font-weight:600; padding:9px 15px !important; cursor:pointer; }
.kd-app .kd-ch-back:hover { border-color:var(--sd) !important; background:var(--sd-soft) !important; }

/* pasek cofnij / ponów (nad canvasem) */
.kd-area { position:relative; }
.kd-hist { position:absolute; top:10px; left:10px; z-index:6; display:flex; gap:6px; }
.kd-app .kd-hist-b { display:inline-flex !important; align-items:center; gap:5px; width:auto !important; background:#fff !important; border:1px solid var(--sd-line) !important; border-radius:8px !important; color:var(--sd-dark) !important; font-size:12px !important; font-weight:600 !important; text-transform:none !important; letter-spacing:0 !important; padding:6px 10px !important; min-height:0 !important; height:auto !important; line-height:1 !important; cursor:pointer; box-shadow:0 1px 3px rgba(0,0,0,.08); }
.kd-app .kd-hist-b svg { width:16px; height:16px; display:block; }
.kd-app .kd-hist-b:hover { border-color:var(--sd) !important; background:var(--sd-soft) !important; color:var(--sd) !important; }
.kd-app .kd-hist-b.is-off, .kd-app .kd-hist-b:disabled { opacity:.4 !important; cursor:default !important; background:#fff !important; color:var(--sd-dark) !important; border-color:var(--sd-line) !important; box-shadow:none; }
@media (max-width:640px){ .kd-app .kd-hist-b span { display:none; } .kd-app .kd-hist-b { padding:7px !important; } }

/* etap 4: wybór koloru / rozmiaru + koszyk */
.kd-opt { display:flex; flex-direction:column; gap:7px; }
.kd-opt-lbl { font-size:11px; letter-spacing:.06em; color:#6b7c80; font-weight:700; }
.kd-opt-sel { font-size:12px; color:var(--sd-ink); }
.kd-swatches { display:flex; flex-wrap:wrap; gap:7px; }
.kd-app .kd-sw { width:26px !important; height:26px !important; min-height:0 !important; padding:0 !important; border-radius:50% !important; border:1px solid rgba(0,0,0,.18) !important; cursor:pointer; box-shadow:0 0 0 2px #fff inset; position:relative; }
.kd-app .kd-sw.is-active { outline:2px solid var(--sd) !important; outline-offset:1px; }
.kd-sw-txt { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:8px; white-space:nowrap; color:#333; }
.kd-app .kd-size.is-active { border-color:var(--sd) !important; background:var(--sd-soft) !important; color:var(--sd-dark) !important; font-weight:600; }
.kd-opt-msg { font-size:12px; color:#c0392b; background:#fdecec; border:1px solid #f5c6c6; border-radius:7px; padding:7px 9px; }
.kd-opt.kd-shake { animation:kd-shake .4s; }
.kd-app .kd-cart.is-oos { opacity:.6; }

/* „Zobacz więcej zdjęć produktu" (jak w sheby) */
.kd-app .kd-gallery-btn { display:none !important; align-items:center; justify-content:center; width:100% !important; background:#fff !important; color:var(--sd-dark) !important; border:1px solid var(--sd-line) !important; border-radius:9px !important; padding:11px 12px !important; font-size:13px !important; font-weight:600; cursor:pointer; }
.kd-app .kd-gallery-btn svg { color:var(--sd); }
.kd-app .kd-gallery-btn:hover { border-color:var(--sd) !important; background:var(--sd-soft) !important; }

/* rozmiar: lista rozwijana (telefon) / pigułki (desktop) */
.kd-size-select { display:none; width:100%; padding:12px 12px; border:1px solid var(--sd-line); border-radius:9px; font:inherit; font-size:15px; background:#fff; color:var(--sd-ink); }
/* rozmiary jako kafelki (pigułki) wszędzie, także na telefonie – lista rozwijana wyłączona */

/* lightbox galerii zdjęć produktu */
.kd-lightbox { position:fixed; inset:0; z-index:100000; background:rgba(0,0,0,.85); display:flex; align-items:center; justify-content:center; padding:24px; }
.kd-lightbox-img { max-width:92vw; max-height:88vh; width:auto; height:auto; border-radius:10px; background:#fff; box-shadow:0 10px 40px rgba(0,0,0,.5); }
.kd-app .kd-lightbox-nav { position:absolute; top:50%; transform:translateY(-50%); width:46px; height:46px; border-radius:50%; border:0 !important; background:rgba(255,255,255,.9) !important; color:#222 !important; font-size:28px !important; line-height:1; cursor:pointer; }
.kd-app .kd-lb-prev { left:14px; } .kd-app .kd-lb-next { right:14px; }
.kd-app .kd-lightbox-x { position:absolute; top:16px; right:18px; width:42px; height:42px; border-radius:50%; border:0 !important; background:rgba(255,255,255,.92) !important; color:#333 !important; font-size:26px !important; line-height:1; cursor:pointer; }

/* pływające przyciski po prawej stronie obrazka: zmiana strony (przód/tył) + powiększenie */
.kd-floatctrl { position:absolute; right:12px; top:50%; transform:translateY(-50%); display:none; flex-direction:column; gap:14px; z-index:8; }
.kd-app .kd-fc-btn { display:flex !important; flex-direction:column; align-items:center; gap:4px; width:auto !important; min-height:0 !important; height:auto !important; background:transparent !important; border:0 !important; padding:0 !important; box-shadow:none !important; cursor:pointer; }
.kd-fc-circle { width:46px; height:46px; border-radius:50%; background:#fff; border:1px solid var(--sd-line); box-shadow:0 2px 10px rgba(0,0,0,.14); display:flex; align-items:center; justify-content:center; color:var(--sd-dark); }
.kd-fc-circle svg { width:20px; height:20px; display:block; }
.kd-fc-lbl { font-size:11px; font-weight:600; color:var(--sd-dark); line-height:1; }
.kd-app .kd-fc-btn:hover .kd-fc-circle { border-color:var(--sd); color:var(--sd); }
@media (max-width:640px) {
  /* nowości z sesji mobilnej – TYLKO na telefonie (desktop zostaje jak był) */
  .kd-zoom, .kd-sidethumbs { display:none; }         /* suwak zoomu + miniaturki stron zastąpione pływającymi */
  .kd-floatctrl { display:flex; right:10px; gap:12px; }
  .kd-fc-circle { width:42px; height:42px; }
  .kd-rail-ico { color:var(--sd); }                   /* teal ikony tylko mobile */
  .kd-app .kd-gallery-btn { display:flex !important; } /* „Zobacz więcej zdjęć" tylko mobile */
  .kd-area { overflow:hidden; }                        /* bez bocznych suwaków */
  .kd-panel[data-view="produkt"] { display:none; }     /* „TWÓJ PRODUKT" ukryty – zmianę robi kafelek */
  /* natywny blok produktu (galeria + podsumowanie: tytuł, cena, wybór wariantu „Kolor"/„Rozmiar",
     przycisk do koszyka) jest zbędny na telefonie – edytor jest już przeniesiony poza ten blok.
     Chowamy cały wrapper; gdyby motyw go renderował inaczej, chowamy też elementy po nazwie. */
  body.kd-moved .content-single-wrapper,            /* tylko gdy edytor jest już POZA tym blokiem */
  body.kd-takeover .woocommerce-product-gallery,
  body.kd-takeover .sticky-thumbnails,
  body.kd-takeover .variations_form,
  body.kd-takeover .woocommerce-product-gallery__trigger { display:none !important; }
}

/* Szablony na różne okazje */
.kd-tpl-occ { font-size:12px; font-weight:700; color:var(--sd-dark); letter-spacing:.03em; margin:14px 0 8px; }
.kd-tplgrid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.kd-app .kd-tpl { display:flex !important; flex-direction:column; align-items:center; justify-content:center; gap:2px; min-height:74px; padding:12px 8px !important; width:auto !important; background:#fff !important; border:1px solid var(--sd-line) !important; border-radius:10px !important; color:var(--sd-ink) !important; cursor:pointer; text-align:center; overflow:hidden; }
.kd-app .kd-tpl:hover { border-color:var(--sd) !important; background:var(--sd-soft) !important; }
.kd-tpl-line { display:block; line-height:1.1; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:var(--sd-ink); }
.kd-tpl-line:first-child { font-size:17px; }
.kd-tpl-line:not(:first-child) { font-size:12px; color:#6b7c80; }

/* Szablony-grafiki: podgląd SVG + nazwa */
.kd-tpl-ico { display:flex; align-items:center; justify-content:center; height:46px; }
.kd-tpl-ico svg { height:44px; width:auto; max-width:100%; display:block; }
.kd-tpl-name { font-size:12px; color:var(--sd-ink); margin-top:6px; }

/* Dopłata za nadruk – notka pod ceną */
.kd-app .kd-price-note { margin-top:4px; font-size:12px; color:#6b7280; font-weight:500; line-height:1.3; }

/* Tabela rozmiarów w edytorze (modal) */
.kd-app .kd-sizebtn { background:none; border:0; cursor:pointer; padding:0; }
.kd-modal-box.kd-sizetable { max-width:560px; width:92vw; }
.kd-sizetable-body { padding:16px 18px; max-height:70vh; overflow:auto; font-size:14px; color:var(--sd-ink); }
.kd-sizetable-body table { width:100%; border-collapse:separate; border-spacing:0; margin:12px 0; border:1px solid #ececec; border-radius:10px; overflow:hidden; }
.kd-sizetable-body th, .kd-sizetable-body td { padding:11px 12px; text-align:center; border-bottom:1px solid #f0f0f0; }
.kd-sizetable-body thead th { background:#111; color:#fff; font-weight:600; font-size:12px; letter-spacing:.04em; text-transform:uppercase; border-bottom:3px solid #FFC700; }
.kd-sizetable-body tbody td:first-child { font-weight:700; color:#111; background:#fcfcfa; }
.kd-sizetable-body tbody tr:last-child td { border-bottom:0; }
.kd-sizetable-body tbody tr:hover td { background:#fff8e1; }
.kd-sizetable-body em { color:#8a9099; font-size:12px; font-style:italic; }
.kd-sizetable-body table { display:block; overflow-x:auto; }
.kd-sizetable-body th, .kd-sizetable-body td { white-space:nowrap; word-break:keep-all; }
.kd-sizetable-body .kd-st-top{display:flex;gap:16px;align-items:center;margin-bottom:6px;}
.kd-sizetable-body .kd-st-top>p{margin:0;}
.kd-sizetable-body .kd-st-svg{width:100px;height:auto;flex:none;}
@media(max-width:480px){.kd-sizetable-body .kd-st-top{gap:11px;}.kd-sizetable-body .kd-st-svg{width:78px;}}