/* KĽÚČOVÉ: atribút hidden musí prebiť display pravidlá nižšie */
.salpix-konf [hidden],.salpix-eng [hidden],.salpix-modal[hidden]{display:none!important}

/* Salpix Konfigurátor – štýly polí na stránke produktu */
.salpix-konf,.salpix-eng{margin:18px 0;padding:18px;background:#fff;border:2px solid #1F2433;border-radius:14px}
.salpix-konf__label{font-family:ui-monospace,monospace;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#5A6072;margin-bottom:10px}
.salpix-konf__drop{border:2px dashed #B9C6E0;border-radius:12px;padding:20px 16px;text-align:center;background:#F6F8FD;transition:.15s;display:flex;flex-direction:column;align-items:center;gap:10px}
.salpix-konf__drop .button{margin:0 4px}
.salpix-konf__drop.drag{border-color:#4D88FC;background:#EAF1FF}
.salpix-konf__drop.busy{opacity:.6;pointer-events:none}
.salpix-konf__drop p{font-size:.78rem;color:#5A6072;margin:0;line-height:1.5}
.salpix-ghost{background:#fff!important;color:#1F2433!important}
.salpix-konf__preview img{margin-top:12px;border-radius:4px;box-shadow:0 10px 22px -8px rgba(31,36,51,.5)}
.salpix-modal{position:fixed;inset:0;background:rgba(31,36,51,.55);z-index:9999;display:flex;align-items:center;justify-content:center;padding:18px}
.salpix-modal__box{background:#fff;border:3px solid #1F2433;border-radius:16px;max-width:640px;width:100%;padding:22px}
.salpix-modal__box h3{margin:0 0 12px;font-weight:900}
#salpix-crop{display:block;width:100%;border:2px solid #1F2433;border-radius:10px;touch-action:none;cursor:grab;background:#E8EDF7}
#salpix-crop.grabbing{cursor:grabbing}
.salpix-zoom{display:flex;align-items:center;gap:12px;margin:14px 0}
.salpix-zoom input{flex:1;accent-color:#4D88FC}
.salpix-modal__actions{display:flex;gap:10px;justify-content:flex-end}
.salpix-eng__toggle{display:flex;gap:10px;align-items:center;border:2px solid #DCE4F2;border-radius:10px;padding:12px 14px;cursor:pointer;font-weight:600}
.salpix-eng__toggle:has(input:checked){border-color:#1F2433;background:#FFF4D6}
.salpix-eng__toggle b{margin-left:auto;font-family:ui-monospace,monospace;font-size:.85rem}
.salpix-eng__box{margin-top:10px}
.salpix-eng__box input[type=text]{width:100%;border:2px solid #DCE4F2;border-radius:8px;padding:11px 12px;font-size:1.05rem}
.salpix-eng__prev{margin-top:10px;border-radius:8px;padding:14px 16px;text-align:center;font-family:'Caveat',cursive;font-size:1.3rem;color:#4E545B;text-shadow:0 1px 0 rgba(255,255,255,.55);background:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,rgba(0,0,0,.045) 1px 2px),linear-gradient(135deg,#D9DCDF,#B4BAC0);border:2px solid #DCE4F2}
.salpix-eng__box small{display:block;margin-top:8px;color:#5A6072;font-size:.72rem}

.salpix-orient{display:flex;gap:8px}
.salpix-orient label{flex:1;cursor:pointer}
.salpix-orient input{position:absolute;opacity:0;pointer-events:none}
.salpix-orient span{display:block;text-align:center;border:2px solid #DCE4F2;border-radius:10px;padding:10px;font-weight:700;font-size:.9rem;background:#fff}
.salpix-orient input:checked+span{border-color:#1F2433;background:#FFF4D6;box-shadow:2px 2px 0 #1F2433}
.salpix-orient input:focus-visible+span{outline:3px solid #4D88FC;outline-offset:2px}