/* Előnézeti dizájnváltó – lebegő panel (ideiglenes, kikapcsolható) */
#borboly-switch{position:fixed;right:18px;bottom:18px;z-index:9999;font-family:var(--body,system-ui,sans-serif)}
#borboly-switch .bs-panel{background:#fff;border:1px solid #e2e2e2;border-radius:14px;box-shadow:0 16px 40px rgba(0,0,0,.22);padding:14px 14px 12px;width:250px}
#borboly-switch .bs-title{font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8a8a8a;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}
#borboly-switch .bs-title b{color:#1b2430}
#borboly-switch .bs-opt{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:#f6f6f4;border:1.5px solid transparent;border-radius:10px;padding:10px 12px;margin-bottom:8px;cursor:pointer;font-size:.9rem;font-weight:600;color:#1b2430;transition:.15s}
#borboly-switch .bs-opt:hover{background:#efefec}
#borboly-switch .bs-opt.active{border-color:#1b2430;background:#fff}
#borboly-switch .bs-dot{width:16px;height:16px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 2px rgba(0,0,0,.12)}
#borboly-switch .bs-dot.hegyes{background:linear-gradient(135deg,#123363,#E8A11C)}
#borboly-switch .bs-dot.kek{background:linear-gradient(135deg,#173A6B,#C4972E)}
#borboly-switch .bs-dot.zold{background:linear-gradient(135deg,#1E4535,#3E7A5E)}
#borboly-switch .bs-close{background:none;border:none;font-size:1rem;cursor:pointer;color:#8a8a8a;line-height:1;padding:2px 4px}
#borboly-switch .bs-close:hover{color:#1b2430}
#borboly-switch .bs-note{font-size:.72rem;color:#9a9a9a;margin-top:2px;line-height:1.4}
#borboly-switch .bs-fab{display:none;align-items:center;gap:8px;background:#1b2430;color:#fff;border:none;border-radius:999px;padding:11px 16px;font-weight:700;font-size:.85rem;cursor:pointer;box-shadow:0 10px 26px rgba(0,0,0,.25)}
#borboly-switch.min .bs-panel{display:none}
#borboly-switch.min .bs-fab{display:inline-flex}
@media (max-width:600px){#borboly-switch{right:12px;bottom:12px}#borboly-switch .bs-panel{width:210px}}