/* FREDLY — общий дизайн-набор
   Правило цвета: зелёный = действие, бронза = смысл/акцент, бумага = рабочая поверхность.
   Шрифты: Cormorant Garamond (голос, заголовки, курсив-акцент) + Jost (интерфейс). */

:root,[data-theme=dark]{
  --f-bg:#0a0f0d; --f-bg2:#0e1512;
  --f-panel:#121a17; --f-panel2:#18221e;
  --f-line:#2a3832; --f-line-soft:rgba(194,217,197,.10);
  --f-text:#eee9df; --f-text2:#cfcabd; --f-muted:#9b9a8e;
  --f-bronze:#c9a66b; --f-bronze-2:#b08a5a; --f-bronze-soft:rgba(201,166,107,.14);
  --f-green:#c2d9c5; --f-green-ink:#102018; --f-green-soft:rgba(194,217,197,.12);
  --f-forest:#0f1c17; --f-forest-text:#eee9df;
  --f-danger:#d98b6c;
  --f-shadow:0 2px 24px rgba(0,0,0,.35);
  --f-serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --f-sans:'Jost',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  color-scheme:dark;
}
[data-theme=light]{
  --f-bg:#f4efe6; --f-bg2:#efe8dc;
  --f-panel:#fbf8f2; --f-panel2:#f0e9dc;
  --f-line:#d9cfbd; --f-line-soft:rgba(120,100,70,.12);
  --f-text:#221c16; --f-text2:#55473a; --f-muted:#8a7a68;
  --f-bronze:#9a7140; --f-bronze-2:#8f6a3c; --f-bronze-soft:rgba(176,138,90,.14);
  --f-green:#294d3b; --f-green-ink:#f5f1e8; --f-green-soft:rgba(41,77,59,.10);
  --f-forest:#16271f; --f-forest-text:#f2ede3;
  --f-danger:#a0533a;
  --f-shadow:0 2px 20px rgba(80,60,40,.10);
  color-scheme:light;
}

/* ── Панель FREDLY над каждым инструментом ── */
.fr-bar{position:sticky;top:0;z-index:60;background:#070b0a;border-bottom:1px solid rgba(255,255,255,.08);color:#eee9df;font-family:var(--f-sans)}
.fr-bar-in{max-width:1220px;margin:0 auto;padding:0 22px;height:52px;display:flex;align-items:center;gap:14px}
.fr-logo{font:500 22px/1 var(--f-serif);letter-spacing:.06em;color:#eee9df;text-decoration:none;white-space:nowrap}
.fr-crumb{font-size:13px;color:#a9aa9f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.fr-crumb:before{content:'/';margin-right:12px;color:#55605a}
.fr-bar-sp{flex:1}
.fr-link{font-size:13px;color:#cfd2c9;text-decoration:none;white-space:nowrap}
.fr-link:hover{color:#fff}
.fr-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;min-width:32px;padding:0 10px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:transparent;color:#eee9df;font:13px var(--f-sans);cursor:pointer;text-decoration:none;white-space:nowrap}
.fr-btn:hover{border-color:rgba(255,255,255,.5)}
.fr-btn svg{width:15px;height:15px}
@media(max-width:640px){.fr-link-all span{display:none}.fr-crumb{font-size:12px}.fr-bar-in{gap:10px;padding:0 14px}}

/* ── Шапка инструмента ── */
.fr-head{position:relative;overflow:hidden;background:var(--f-forest);color:var(--f-forest-text);border-bottom:1px solid var(--f-line)}
.fr-head-in{position:relative;max-width:1220px;margin:0 auto;padding:34px 22px 30px;display:flex;align-items:center;gap:28px}
.fr-head-txt{flex:1;min-width:0}
.fr-eyebrow{font:500 10px/1.4 var(--f-sans);letter-spacing:.28em;text-transform:uppercase;color:#c9a66b;margin-bottom:12px}
.fr-title{font:300 clamp(32px,4.4vw,52px)/1.05 var(--f-serif);margin:0;letter-spacing:.01em}
.fr-title em{font-style:italic;color:#d8bb85}
.fr-sub{margin-top:10px;font:300 13px/1.5 var(--f-sans);color:rgba(242,237,227,.62);letter-spacing:.02em}
.fr-emblem{width:118px;height:118px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 10px 22px rgba(0,0,0,.45))}
.fr-head:before{content:'';position:absolute;right:-60px;top:-80px;width:280px;height:280px;border:1px solid rgba(201,166,107,.14);border-radius:50%}
.fr-head:after{content:'';position:absolute;right:60px;bottom:-140px;width:320px;height:320px;border:1px solid rgba(201,166,107,.08);border-radius:50%}
@media(max-width:640px){.fr-head-in{padding:24px 16px 22px;gap:14px}.fr-emblem{width:72px;height:72px}}

/* ── Подвал ── */
.fr-foot{border-top:1px solid var(--f-line);margin-top:48px;font:12px/1.5 var(--f-sans);color:var(--f-muted)}
.fr-foot-in{max-width:1220px;margin:0 auto;padding:20px 22px 28px;display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.fr-foot b{font:400 20px var(--f-serif);color:var(--f-text);letter-spacing:.05em;margin-right:8px}
.fr-foot a{color:var(--f-text2);text-decoration:none;border-bottom:1px solid var(--f-line)}
.fr-foot a:hover{color:var(--f-text)}

@media print{.fr-bar,.fr-foot{display:none!important}.fr-head{background:#fff!important;color:#000!important}}

/* ── Окно «О методе» ── */
.fr-noscroll{overflow:hidden}
.fr-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;font-family:var(--f-sans)}
.fr-modal[hidden]{display:none}
.fr-modal-back{position:absolute;inset:0;background:rgba(4,8,6,.72);backdrop-filter:blur(3px)}
.fr-modal-box{position:relative;width:min(760px,100%);max-height:calc(100vh - 40px);overflow:auto;background:var(--f-panel);color:var(--f-text);border:1px solid var(--f-line);border-radius:12px;box-shadow:0 24px 80px rgba(0,0,0,.5);padding:30px 32px 26px;outline:none;animation:frIn .18s ease-out}
@keyframes frIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.fr-modal-x{position:absolute;top:12px;right:14px;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--f-muted);font-size:26px;line-height:1;cursor:pointer}
.fr-modal-x:hover{background:var(--f-bronze-soft);color:var(--f-text)}
.fr-modal-head{display:flex;gap:18px;align-items:center;margin-bottom:22px;padding-right:30px}
.fr-modal-ico{width:76px;height:76px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 6px 14px rgba(0,0,0,.3))}
.fr-modal .fr-eyebrow{color:var(--f-bronze);margin-bottom:6px}
.fr-modal-title{font:300 38px/1.05 var(--f-serif);margin:0}
.fr-modal-title em{font-style:italic;color:var(--f-bronze)}
.fr-modal-time{margin-top:6px;font-size:12px;color:var(--f-muted)}
.fr-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--f-line);border:1px solid var(--f-line);border-radius:8px;overflow:hidden}
.fr-modal-grid section{background:var(--f-panel);padding:16px 18px}
.fr-modal-grid h3{font:500 10px/1.3 var(--f-sans);letter-spacing:.24em;text-transform:uppercase;color:var(--f-bronze);margin:0 0 7px}
.fr-modal-grid p{margin:0;font-size:14px;line-height:1.55;color:var(--f-text2)}
.fr-modal-media{margin-top:18px}
.fr-modal-media video,.fr-modal-media iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:8px;background:#000}
.fr-shots{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory}
.fr-shots img{height:210px;width:auto;border-radius:8px;border:1px solid var(--f-line);scroll-snap-align:start;flex:0 0 auto}
.fr-modal-foot{margin-top:22px}
.fr-cta{display:block;width:100%;text-align:center;padding:15px 18px!important;font-size:14px!important;letter-spacing:.02em;background:var(--f-green);color:var(--f-green-ink);border:0;border-radius:6px;padding:12px 18px;font:600 13px var(--f-sans);text-decoration:none;cursor:pointer}
.fr-cta:hover{filter:brightness(1.08)}
@media(max-width:640px){.fr-modal{padding:0;align-items:flex-end}.fr-modal-box{border-radius:14px 14px 0 0;max-height:92vh;padding:24px 18px 20px}.fr-modal-grid{grid-template-columns:1fr}.fr-modal-title{font-size:30px}.fr-modal-ico{width:56px;height:56px}.fr-shots img{height:160px}.fr-modal-foot .fr-cta{width:100%;text-align:center}}

/* кнопка «Как это работает» в шапке инструмента */
.fr-about{margin-top:16px;display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid rgba(201,166,107,.5);color:#e2c993;border-radius:999px;padding:7px 14px;font:500 12px var(--f-sans);letter-spacing:.04em;cursor:pointer}
.fr-about:hover{background:rgba(201,166,107,.12)}

/* пошаговая инструкция в окне */
.fr-steps{margin-top:18px;border:1px solid var(--f-line);border-radius:8px;padding:16px 18px 6px}
.fr-steps h3{font:500 10px/1.3 var(--f-sans);letter-spacing:.24em;text-transform:uppercase;color:var(--f-bronze);margin:0 0 12px}
.fr-steps ol{list-style:none;margin:0;padding:0;counter-reset:st}
.fr-steps li{counter-increment:st;display:grid;grid-template-columns:30px 1fr;column-gap:12px;padding:0 0 12px}
.fr-steps li:before{content:counter(st);grid-row:span 2;width:26px;height:26px;border-radius:50%;border:1px solid var(--f-bronze);color:var(--f-bronze);display:flex;align-items:center;justify-content:center;font:500 15px var(--f-serif)}
.fr-steps b{font:500 14px/1.4 var(--f-sans);color:var(--f-text)}
.fr-steps span{font-size:13.5px;line-height:1.5;color:var(--f-text2)}
.fr-modal-note{margin:14px 2px 0;font:italic 400 17px/1.4 var(--f-serif);color:var(--f-muted)}
@media(max-width:760px){.fr-hide-m{display:none}}

/* контраст: светлый текст на бронзе в тёмной теме → тёмные чернила */
[data-theme=dark] #analyticsToggle{color:#1a140c!important}
[data-theme=dark] .cat-chip.active,[data-theme=dark] .alpha-btn.active{color:#1a140c!important}
[data-theme=dark] .cat-chip.active .dot{background:#1a140c!important}
/* собственные «липкие» шапки инструментов встают под панель FREDLY */
.site-header{top:52px!important}
.session-bar{top:52px!important}