/* triška — konfigurátor v2 */
.tk-configurator{display:flex;gap:1.5rem;flex-wrap:wrap;margin:1rem 0;padding:1.25rem;border:1px solid #F2ECE2;border-radius:14px;background:#fff}
.tk-configurator *{box-sizing:border-box}
.tk-preview{flex:1 1 320px;min-width:300px;text-align:center}

.tk-stage{position:relative;margin:0 auto;max-width:100%}
.tk-tee-img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}
.tk-print{position:absolute;border:1px dashed rgba(20,20,20,.35);border-radius:3px}
.tk-print .canvas-container{position:absolute !important;left:0;top:0}
.tk-preview-cap{font-family:Oswald,sans-serif;color:#6E6A63;font-size:.85rem;margin:.6rem 0 0}

.tk-controls{flex:1 1 320px;min-width:300px}
.tk-lbl{font-family:Oswald,sans-serif;font-weight:600;margin:.85rem 0 .4rem;color:#141414}
.tk-swatches{display:flex;flex-wrap:wrap;gap:.5rem}
.tk-swatch{width:38px;height:38px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #ddd;cursor:pointer;transition:transform .12s}
.tk-swatch:hover{transform:scale(1.08)}
.tk-swatch.sel{box-shadow:0 0 0 2px #FF4D3D;transform:scale(1.12)}
.tk-color-name{font-size:.85rem;color:#6E6A63;min-height:1.2em;margin:.35rem 0 0}

.tk-prompt{width:100%;border:1px solid #e3ddd2;border-radius:10px;padding:.6rem;font-family:Nunito,sans-serif;resize:vertical}
.tk-row{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap;margin:.5rem 0}
.tk-row label{font-size:.9rem;color:#141414}
.tk-btn{background:#FF4D3D;color:#141414;border:none;border-radius:999px;font-family:Oswald,sans-serif;font-weight:600;padding:.55rem 1.1rem;cursor:pointer;font-size:.95rem}
.tk-btn:hover{background:#D93A2B;color:#fff}
.tk-btn[disabled]{opacity:.5;cursor:default}
.tk-up-btn{background:#141414;color:#fff}
.tk-up-btn:hover{background:#000;color:#fff}
.tk-text-in{flex:1 1 150px;min-width:120px;border:1px solid #e3ddd2;border-radius:8px;padding:.5rem;font-family:Nunito,sans-serif}
.tk-font,.tk-textcolor,.tk-pozicia,.tk-format{border:1px solid #e3ddd2;border-radius:8px;padding:.4rem;font-family:inherit}
.tk-textcolor{width:42px;height:36px;padding:2px;cursor:pointer}
.tk-del{background:#eee;color:#141414}
.tk-del:hover{background:#ddd;color:#141414}
.tk-expres{display:block;margin:.4rem 0;color:#141414}
.tk-status{font-size:.85rem;color:#6E6A63;min-height:1.2em;margin-top:.5rem}
.tk-spin{display:inline-block;width:14px;height:14px;border:2px solid #FF4D3D;border-top-color:transparent;border-radius:50%;animation:tkspin .7s linear infinite;vertical-align:middle;margin-right:.4rem}
@keyframes tkspin{to{transform:rotate(360deg)}}
@media(max-width:680px){
	.tk-configurator{flex-direction:column;padding:.85rem;gap:1rem}
	.tk-preview,.tk-controls{min-width:0;flex-basis:auto;width:100%}
	.tk-text-in{flex-basis:100%}
	.tk-font,.tk-format,.tk-pozicia{flex:1 1 auto}
}