/* МебелеФ v3 — components/overlays.css. Модальные окна, модалка формы, плавающий бар сравнения и тост. */
/* Modal */
.modal{position:fixed;inset:0;z-index:60;display:none;align-items:center;justify-content:center;padding:var(--space-4)}
.modal[data-open="true"]{display:flex}
.modal__box{position:relative;background:var(--bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-overlay);padding:var(--space-6);width:min(420px,100%);display:flex;flex-direction:column;gap:var(--space-4);z-index:61}
.modal__close{position:absolute;top:var(--space-3);right:var(--space-3);width:36px;height:36px;border:none;border-radius:var(--radius-md);background:var(--surface-2);cursor:pointer}
.demo-note{display:flex;gap:var(--space-2);align-items:flex-start;padding:var(--space-3) var(--space-4);border:1px dashed var(--line-control);border-radius:var(--radius-md);font-size:13px;color:var(--ink-muted);line-height:1.45}
.mebelef-cf-modal{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--scrim)}
.mebelef-cf-modal[hidden]{display:none}
.mebelef-cf-modal__inner{position:relative;background:var(--bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-overlay);padding:var(--space-6);width:min(420px,100%)}
.mebelef-cf-modal__close{position:absolute;top:var(--space-3);right:var(--space-3);width:36px;height:36px;border:none;border-radius:var(--radius-md);background:var(--surface-2);cursor:pointer;font-size:20px}
.mebelef-cf-open--floating{display:none}
/* Плавающий бар сравнения (mebelef-core/compare.php) */
.mebelef-compare-bar{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:45;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);background:var(--ink);color:var(--bg);border-radius:var(--radius-pill);box-shadow:var(--shadow-overlay);max-width:calc(100vw - 32px)}
.mebelef-compare-bar[hidden]{display:none}
.mebelef-compare-bar__items{display:flex;gap:6px;overflow-x:auto}
.mebelef-compare-bar__item{position:relative;flex:none}
.mebelef-compare-bar__item img{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--bg)}
.mebelef-compare-bar__remove{position:absolute;top:-4px;right:-4px;width:18px;height:18px;border-radius:50%;border:0;background:var(--bg);color:var(--ink);font-size:12px;line-height:1;cursor:pointer;padding:0}
.mebelef-compare-bar__actions{display:flex;gap:var(--space-2);align-items:center;flex:none}
.mebelef-compare-bar__go{height:40px;padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--cta);color:var(--on-cta);font-weight:600;font-size:14px;display:inline-flex;align-items:center}
.mebelef-compare-bar__clear{border:0;background:none;color:var(--bg);font-size:13px;cursor:pointer;opacity:.8}
.mebelef-compare-toast{position:fixed;left:50%;bottom:80px;transform:translateX(-50%);z-index:46;background:var(--bg);color:var(--ink);padding:10px 16px;border-radius:var(--radius-md);box-shadow:var(--shadow-overlay);font-size:14px}
.mebelef-compare-toast[hidden]{display:none}
/* Широкая модалка — конфигуратор опций товара */
.modal--wide .modal__box{width:min(760px,100%);max-height:86vh;overflow-y:auto}