/* سایدبار انتخاب تم سایت فروش — رنگ‌های خودش از توکن‌های تمِ فعال می‌آید. */
.theme-rail{position:fixed;z-index:40;top:50%;right:0;transform:translateY(-50%);display:flex;align-items:center;gap:10px}
.theme-rail-toggle{display:flex;align-items:center;gap:7px;border:1px solid var(--line-2);border-right:0;border-radius:6px 0 0 6px;background:var(--surface-2);color:var(--cream);font:600 .72rem Estedad;padding:11px 13px;cursor:pointer;box-shadow:-8px 0 26px #0006;transition:.22s}
.theme-rail-toggle:hover{border-color:var(--accent);color:var(--accent-soft)}
.theme-rail-toggle-swatch{width:13px;height:13px;border-radius:50%;background:conic-gradient(from 210deg,var(--accent),var(--info),var(--success),var(--accent));box-shadow:inset 0 0 0 2px var(--ink)}
.theme-rail-toggle-text{letter-spacing:.01em}
.theme-rail-panel{width:268px;max-height:76vh;overflow:auto;background:var(--surface-1);border:1px solid var(--line-2);border-right:0;border-radius:8px 0 0 8px;box-shadow:-24px 0 60px #000a;padding:14px 15px 16px}
.theme-rail-panel[hidden]{display:none}
.theme-rail-head{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding-bottom:11px;margin-bottom:12px}
.theme-rail-head b{font-size:.78rem;color:var(--cream)}
.theme-rail-close{border:0;background:none;color:var(--muted);font-size:1.25rem;line-height:1;cursor:pointer;padding:0 3px}
.theme-rail-close:hover{color:var(--accent)}
.theme-rail-group+.theme-rail-group{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}
.theme-rail-group-label{margin:0 0 9px;font:600 .62rem Estedad;color:var(--muted);letter-spacing:.02em}
.theme-rail-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.theme-chip{display:flex;flex-direction:column;gap:6px;align-items:stretch;border:1px solid var(--line);background:var(--surface-2);border-radius:5px;padding:6px;cursor:pointer;transition:.18s;text-align:right}
.theme-chip:hover{border-color:var(--edge);transform:translateY(-2px)}
.theme-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.theme-chip.is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}
.theme-chip-preview{position:relative;height:38px;border-radius:3px;background:var(--chip-bg);border:1px solid var(--chip-line);overflow:hidden}
.theme-chip-line{position:absolute;height:4px;border-radius:2px;background:var(--chip-text);opacity:.5;top:10px;right:9px}
.theme-chip-line.w1{width:44%}
.theme-chip-line.w2{width:28%;top:19px;opacity:.28}
.theme-chip-dot{position:absolute;left:8px;bottom:8px;width:13px;height:13px;border-radius:50%;background:var(--chip-accent)}
.theme-chip-preview:after{content:'';position:absolute;top:0;right:0;left:0;height:3px;background:var(--chip-soft)}
.theme-chip-name{font:400 .64rem Estedad;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.theme-chip.is-active .theme-chip-name{color:var(--cream);font-weight:600}
.theme-rail-reset{width:100%;margin-top:15px;border:1px solid var(--line-2);background:var(--surface-2);color:var(--muted);font:400 .66rem Estedad;padding:9px;border-radius:4px;cursor:pointer;transition:.2s}
.theme-rail-reset:hover{border-color:var(--accent);color:var(--accent-soft)}
.theme-rail-note{margin:9px 0 0;font-size:.58rem;color:var(--faint);line-height:1.8}
@media(max-width:640px){
  .theme-rail{top:auto;bottom:92px;right:14px;transform:none;flex-direction:column-reverse;align-items:flex-end}
  .theme-rail-toggle{border-right:1px solid var(--line-2);border-radius:6px;box-shadow:0 10px 26px #0007}
  .theme-rail-panel{width:min(320px,calc(100vw - 28px));max-height:56vh;border-right:1px solid var(--line-2);border-radius:8px;margin-bottom:9px}
}
@media(prefers-reduced-motion:reduce){
  .theme-rail-toggle,.theme-chip,.theme-rail-reset{transition:none}
  .theme-chip:hover{transform:none}
}