/* seller1 — Reklamácia public form CSS */
.s1rec-form-wrap { max-width:680px; margin:0 auto; font-family:-apple-system,BlinkMacSystemFont,'Inter',sans-serif; background:#0f0f0f; border-radius:20px; padding:36px; border:0.5px solid rgba(255,255,255,0.1); }

/* Steps */
.s1rec-steps { display:flex; gap:0; margin-bottom:32px; border-bottom:0.5px solid rgba(255,255,255,0.08); padding-bottom:24px; }
.s1rec-step { flex:1; display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; position:relative; }
.s1rec-step:not(:last-child)::after { content:''; position:absolute; top:16px; left:calc(50% + 20px); right:calc(-50% + 20px); height:0.5px; background:rgba(255,255,255,0.1); }
.s1rec-step.active:not(:last-child)::after,.s1rec-step.done:not(:last-child)::after { background:rgba(212,168,67,0.4); }
.s1rec-step-dot { width:32px; height:32px; border-radius:50%; background:#1a1a1a; border:0.5px solid rgba(255,255,255,0.15); display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:600; color:rgba(245,240,232,0.3); transition:all 0.3s; z-index:1; }
.s1rec-step.active .s1rec-step-dot { background:rgba(212,168,67,0.15); border-color:rgba(212,168,67,0.5); color:#D4A843; }
.s1rec-step.done .s1rec-step-dot { background:rgba(212,168,67,0.2); border-color:#D4A843; color:#D4A843; }
.s1rec-step-label { font-size:11px; color:rgba(245,240,232,0.3); }
.s1rec-step.active .s1rec-step-label { color:rgba(245,240,232,0.7); }
.s1rec-step.done .s1rec-step-label { color:#D4A843; }

/* Panel */
.s1rec-panel { display:none; }
.s1rec-panel.active { display:block; }

/* Fields */
.s1rec-field { margin-bottom:20px; }
.s1rec-grid2 { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.s1rec-label { display:block; font-size:11px; font-weight:500; color:rgba(245,240,232,0.5); letter-spacing:0.06em; text-transform:uppercase; margin-bottom:8px; }
.s1rec-input { width:100%; background:#0D0D0D; border:0.5px solid rgba(255,255,255,0.12); border-radius:9px; padding:13px 16px; font-size:15px; color:#F5F0E8; font-family:inherit; outline:none; transition:border-color 0.2s; }
.s1rec-input:focus { border-color:rgba(212,168,67,0.5); }
.s1rec-input.error { border-color:rgba(220,80,60,0.6); }
.s1rec-input.ok { border-color:rgba(46,160,100,0.5); }
.s1rec-textarea { resize:vertical; min-height:120px; line-height:1.6; }
.s1rec-hint  { font-size:12px; color:rgba(245,240,232,0.3); margin-top:6px; }
.s1rec-error { font-size:12px; color:#E05A45; margin-top:6px; display:none; }
.s1rec-ok    { font-size:12px; color:#4CAF85; margin-top:6px; display:none; }
.s1rec-lead  { font-size:14px; color:rgba(245,240,232,0.5); margin-bottom:16px; }

/* Záruka výber */
.s1rec-zaruka-grid { display:flex; flex-direction:column; gap:10px; margin-bottom:12px; }
.s1rec-zaruka-opt { display:flex; align-items:flex-start; gap:12px; background:#0D0D0D; border:0.5px solid rgba(255,255,255,0.08); border-radius:10px; padding:14px 16px; cursor:pointer; transition:all 0.15s; }
.s1rec-zaruka-opt:hover { border-color:rgba(212,168,67,0.3); }
.s1rec-zaruka-opt.selected { border-color:rgba(212,168,67,0.5); background:rgba(212,168,67,0.05); }
.s1rec-zaruka-radio { width:18px; height:18px; border-radius:50%; border:1.5px solid rgba(255,255,255,0.2); flex-shrink:0; position:relative; margin-top:2px; }
.s1rec-zaruka-opt.selected .s1rec-zaruka-radio { border-color:#D4A843; }
.s1rec-zaruka-opt.selected .s1rec-zaruka-radio::after { content:''; width:8px; height:8px; border-radius:50%; background:#D4A843; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.s1rec-zaruka-name { font-size:14px; font-weight:600; color:#F5F0E8; margin-bottom:2px; }
.s1rec-zaruka-desc { font-size:12px; color:rgba(245,240,232,0.4); }

/* Info / warn boxy */
.s1rec-info-box { background:rgba(212,168,67,0.05); border:0.5px solid rgba(212,168,67,0.18); border-radius:10px; padding:14px 18px; font-size:13px; color:rgba(245,240,232,0.55); }
.s1rec-info-box strong { color:#D4A843; }
.s1rec-warn-box { background:rgba(220,80,60,0.07); border:0.5px solid rgba(220,80,60,0.25); border-radius:10px; padding:14px 18px; font-size:13px; color:#E05A45; font-weight:600; }

/* Upload zone */
.s1rec-upload-zone { border:1.5px dashed rgba(212,168,67,0.3); border-radius:12px; padding:28px; text-align:center; cursor:pointer; transition:all 0.2s; background:#0D0D0D; }
.s1rec-upload-zone:hover { border-color:rgba(212,168,67,0.6); background:rgba(212,168,67,0.03); }
.s1rec-upload-ico  { font-size:28px; margin-bottom:10px; }
.s1rec-upload-txt  { font-size:14px; color:rgba(245,240,232,0.65); margin-bottom:4px; }
.s1rec-upload-hint { font-size:12px; color:rgba(245,240,232,0.3); }

/* Foto previews */
.s1rec-previews { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:12px; }
.s1rec-preview { position:relative; aspect-ratio:4/3; border-radius:8px; overflow:hidden; border:0.5px solid rgba(255,255,255,0.1); }
.s1rec-preview img { width:100%; height:100%; object-fit:cover; }
.s1rec-preview-del { position:absolute; top:6px; right:6px; width:22px; height:22px; border-radius:50%; background:rgba(0,0,0,0.7); color:#fff; border:none; font-size:12px; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.s1rec-preview-del:hover { background:rgba(220,80,60,0.9); }

/* Riešenia (reasons) */
.s1rec-reasons { display:flex; flex-direction:column; gap:10px; margin-bottom:16px; }
.s1rec-reason { display:flex; align-items:flex-start; gap:14px; background:#0D0D0D; border:0.5px solid rgba(255,255,255,0.08); border-radius:10px; padding:14px 16px; cursor:pointer; transition:all 0.15s; }
.s1rec-reason:hover { border-color:rgba(212,168,67,0.3); }
.s1rec-reason.selected { border-color:rgba(212,168,67,0.5); background:rgba(212,168,67,0.05); }
.s1rec-reason.disabled { opacity:0.35; cursor:not-allowed; }
.s1rec-reason-radio { width:18px; height:18px; border-radius:50%; border:1.5px solid rgba(255,255,255,0.2); flex-shrink:0; position:relative; margin-top:2px; }
.s1rec-reason.selected .s1rec-reason-radio { border-color:#D4A843; }
.s1rec-reason.selected .s1rec-reason-radio::after { content:''; width:8px; height:8px; border-radius:50%; background:#D4A843; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.s1rec-reason-name { font-size:14px; font-weight:600; color:#F5F0E8; margin-bottom:2px; }
.s1rec-reason-desc { font-size:12px; color:rgba(245,240,232,0.4); }
.s1rec-reason.disabled .s1rec-reason-name { color:rgba(245,240,232,0.3); }

/* Summary */
.s1rec-summary { background:#111; border:0.5px solid rgba(255,255,255,0.08); border-radius:12px; padding:20px; margin-bottom:20px; }
.s1rec-summary-row { display:flex; justify-content:space-between; align-items:flex-start; padding:8px 0; font-size:13px; border-bottom:0.5px solid rgba(255,255,255,0.05); gap:12px; }
.s1rec-summary-row:last-child { border-bottom:none; }
.s1rec-summary-key { color:rgba(245,240,232,0.4); flex-shrink:0; }
.s1rec-summary-val { color:#F5F0E8; font-weight:500; text-align:right; }

/* Buttons */
.s1rec-btn-row { display:flex; gap:12px; margin-top:24px; flex-wrap:wrap; }
.s1rec-btn-primary { background:linear-gradient(135deg,#D4A843 0%,#c49a38 100%); color:#0A0A0A; border:none; padding:14px 28px; border-radius:9px; font-size:15px; font-weight:600; cursor:pointer; font-family:inherit; transition:all 0.2s; box-shadow:0 4px 20px rgba(212,168,67,0.2); text-decoration:none; display:inline-block; }
.s1rec-btn-primary:hover { transform:translateY(-1px); box-shadow:0 6px 28px rgba(212,168,67,0.3); color:#0A0A0A; }
.s1rec-btn-primary:disabled { opacity:0.4; cursor:not-allowed; transform:none; }
.s1rec-btn-ghost { background:transparent; color:rgba(245,240,232,0.6); border:0.5px solid rgba(255,255,255,0.2); padding:14px 24px; border-radius:9px; font-size:15px; cursor:pointer; font-family:inherit; transition:all 0.2s; }
.s1rec-btn-ghost:hover { border-color:rgba(255,255,255,0.4); color:#F5F0E8; }

/* Success */
.s1rec-success { text-align:center; padding:40px 20px; }
.s1rec-success-icon { width:64px; height:64px; border-radius:50%; background:rgba(46,160,100,0.12); border:0.5px solid rgba(46,160,100,0.3); display:flex; align-items:center; justify-content:center; margin:0 auto 20px; font-size:28px; color:#4CAF85; }
.s1rec-success h3 { font-size:22px; font-weight:500; margin-bottom:10px; color:#F5F0E8; }
.s1rec-success p { font-size:14px; color:rgba(245,240,232,0.5); line-height:1.7; max-width:440px; margin:0 auto; }

@media(max-width:600px){
  .s1rec-form-wrap { padding:20px; border-radius:12px; }
  .s1rec-grid2 { grid-template-columns:1fr; }
  .s1rec-btn-row { flex-direction:column; }
  .s1rec-previews { grid-template-columns:repeat(2,1fr); }
}