/* РеДизайн 6.4 — спокойная тема, единая навигация и устойчивый кабинет */

/* ---------- Темы ---------- */
:root,
html[data-site-theme="ocean"]{
  --rd-primary:#147f86;
  --rd-primary-strong:#0d606b;
  --rd-primary-deep:#0a4652;
  --rd-accent:#38a897;
  --rd-accent-2:#67b9a9;
  --rd-soft:#e8f7f5;
  --rd-soft-2:#edf6fb;
  --rd-surface:#ffffff;
  --rd-page-bg:#f3f8fa;
  --rd-ink:#19313a;
  --rd-muted:#647a82;
  --rd-line:#d8e7e8;
  --rd-shadow:0 16px 42px rgba(22,78,86,.10);
  --rd-gradient:linear-gradient(135deg,#126f7b 0%,#23998f 52%,#4eb6a1 100%);
}
html[data-site-theme="sage"]{
  --rd-primary:#4f7f6c;
  --rd-primary-strong:#3e6858;
  --rd-primary-deep:#294b3e;
  --rd-accent:#7aa88d;
  --rd-accent-2:#a1c4ad;
  --rd-soft:#edf5ef;
  --rd-soft-2:#f3f7f1;
  --rd-surface:#fff;
  --rd-page-bg:#f5f8f4;
  --rd-ink:#263a31;
  --rd-muted:#6c7c73;
  --rd-line:#dce7df;
  --rd-shadow:0 16px 42px rgba(54,91,70,.10);
  --rd-gradient:linear-gradient(135deg,#466f5f,#6e9b7f);
}
html[data-site-theme="sky"]{
  --rd-primary:#3e7ea5;
  --rd-primary-strong:#2f6688;
  --rd-primary-deep:#244b65;
  --rd-accent:#62a4bd;
  --rd-accent-2:#8bc4d1;
  --rd-soft:#eaf4fa;
  --rd-soft-2:#f1f7fb;
  --rd-surface:#fff;
  --rd-page-bg:#f3f7fa;
  --rd-ink:#243846;
  --rd-muted:#697c88;
  --rd-line:#dce7ee;
  --rd-shadow:0 16px 42px rgba(45,91,120,.10);
  --rd-gradient:linear-gradient(135deg,#397698,#65a8bd);
}
html[data-site-theme="lavender"]{
  --rd-primary:#6b5bc6;
  --rd-primary-strong:#5747ad;
  --rd-primary-deep:#403581;
  --rd-accent:#8c7bd7;
  --rd-accent-2:#ada0e5;
  --rd-soft:#f0edfb;
  --rd-soft-2:#f7f5fc;
  --rd-surface:#fff;
  --rd-page-bg:#f6f5fa;
  --rd-ink:#302d43;
  --rd-muted:#737087;
  --rd-line:#e3e0ed;
  --rd-shadow:0 16px 42px rgba(74,62,132,.10);
  --rd-gradient:linear-gradient(135deg,#6252b9,#8b7ad6);
}

html{background:var(--rd-page-bg)!important}
body.v3-page,
body{background:var(--rd-page-bg)!important;color:var(--rd-ink)!important}
body,button,input,select,textarea{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif!important;
}
h1,h2,h3,h4,.brand,.account-tab,.result-product-tabs a{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif!important;
  letter-spacing:-.018em;
}
a{color:var(--rd-primary)}
.muted{color:var(--rd-muted)!important}
.eyebrow,.eyebrow.dark,.block-label{color:var(--rd-primary)!important}
.auth-page .passwordless-card .auth-visual .eyebrow,.auth-page .passwordless-card .auth-visual .auth-eyebrow{color:#fff!important;opacity:1!important}
.primary-button,
button.primary-button,
a.primary-button{
  background:var(--rd-gradient)!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 10px 24px color-mix(in srgb,var(--rd-primary) 24%,transparent)!important;
}
.primary-button:hover{filter:brightness(.97);transform:translateY(-1px)}
.secondary-button,
a.secondary-button,
button.secondary-button{
  background:var(--rd-surface)!important;
  color:var(--rd-primary-strong)!important;
  border-color:color-mix(in srgb,var(--rd-primary) 25%,var(--rd-line))!important;
}
.secondary-button:hover{background:var(--rd-soft)!important}
.brand-mark{background:var(--rd-gradient)!important;color:#fff!important}
.site-header,.site-header.compact{
  background:rgba(255,255,255,.93)!important;
  border-bottom:1px solid var(--rd-line)!important;
  box-shadow:0 8px 26px rgba(23,66,74,.06)!important;
  backdrop-filter:blur(16px);
}
.site-header .top-nav a{color:var(--rd-muted)!important}
.site-header .top-nav a:hover,
.site-header .top-nav a.active{background:var(--rd-soft)!important;color:var(--rd-primary-strong)!important}

/* ---------- Верхняя кнопка назад ---------- */
.global-back-button{
  position:fixed;left:14px;bottom:16px;top:auto;z-index:160;
  display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 13px;
  border:1px solid var(--rd-line);border-radius:14px;background:rgba(255,255,255,.94);
  color:var(--rd-primary-strong);text-decoration:none;font-size:.86rem;
  box-shadow:0 9px 24px rgba(25,67,73,.10);backdrop-filter:blur(12px);
}
.global-back-button span{font-size:1.12rem}.global-back-button b{font-weight:750}
.global-back-button:hover{background:var(--rd-soft)}

/* ---------- Выбор темы ---------- */
.display-tools{z-index:170!important}
.display-tools-toggle{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  width:auto!important;min-width:52px!important;padding:0 10px!important;
  background:rgba(255,255,255,.96)!important;color:var(--rd-primary-strong)!important;
  border:1px solid var(--rd-line)!important;box-shadow:0 9px 24px rgba(25,67,73,.11)!important;
}
.display-tools-theme-dot{width:13px;height:13px;border-radius:50%;background:var(--rd-gradient);box-shadow:0 0 0 3px var(--rd-soft)}
.display-tools-panel{
  width:min(350px,calc(100vw - 24px))!important;border:1px solid var(--rd-line)!important;
  background:rgba(255,255,255,.98)!important;box-shadow:0 22px 60px rgba(18,64,72,.18)!important;
}
.display-tools-head{border-bottom-color:var(--rd-line)!important}
.display-theme-picker{padding:14px 0 16px;border-bottom:1px solid var(--rd-line);margin-bottom:14px}
.display-theme-picker>span{display:block;margin-bottom:10px;color:var(--rd-muted);font-size:.78rem;font-weight:750}
.display-theme-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.display-theme-options button{
  min-width:0;padding:9px 5px 7px;border:1px solid var(--rd-line);border-radius:13px;background:#fff;color:var(--rd-muted);
  display:grid;place-items:center;gap:5px;font-size:.67rem;cursor:pointer;
}
.display-theme-options button i{display:block;width:25px;height:25px;border-radius:9px}
.display-theme-options button[data-site-theme="ocean"] i{background:linear-gradient(135deg,#126f7b,#4eb6a1)}
.display-theme-options button[data-site-theme="sage"] i{background:linear-gradient(135deg,#466f5f,#91b59d)}
.display-theme-options button[data-site-theme="sky"] i{background:linear-gradient(135deg,#397698,#86c1d1)}
.display-theme-options button[data-site-theme="lavender"] i{background:linear-gradient(135deg,#6252b9,#a99ce3)}
.display-theme-options button.active{border-color:var(--rd-primary);background:var(--rd-soft);color:var(--rd-primary-deep);box-shadow:0 0 0 2px color-mix(in srgb,var(--rd-primary) 12%,transparent)}
.display-theme-options button b{font-weight:700;overflow:hidden;text-overflow:ellipsis}

/* ---------- Контекстная навигация ---------- */
.context-navigation{
  position:sticky;top:8px;z-index:70;
  width:min(1280px,calc(100% - 32px));min-height:58px;margin:12px auto 18px;padding:7px;
  display:grid;grid-template-columns:auto minmax(130px,1fr) auto;align-items:center;gap:10px;
  border:1px solid var(--rd-line);border-radius:18px;background:rgba(255,255,255,.94);
  box-shadow:0 12px 32px rgba(20,73,80,.09);backdrop-filter:blur(16px);
}
.context-back{
  display:inline-flex;align-items:center;gap:8px;min-height:43px;padding:0 14px;border-radius:13px;
  background:var(--soft,var(--rd-soft));color:var(--rd-primary-deep)!important;text-decoration:none;white-space:nowrap;
}
.context-back span{font-size:1.15rem}.context-back b{font-size:.86rem}
.context-current{min-width:0;padding:0 5px}
.context-current small{display:block;color:var(--rd-muted);font-size:.69rem}
.context-current b{display:block;color:var(--rd-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9rem}
.context-links{display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:none}
.context-links::-webkit-scrollbar{display:none}
.context-links a{
  flex:0 0 auto;padding:9px 11px;border-radius:11px;text-decoration:none;color:var(--rd-muted);font-size:.78rem;font-weight:700;white-space:nowrap;
}
.context-links a:hover,.context-links a.active{background:var(--rd-soft);color:var(--rd-primary-strong)}
.context-navigation.is-root{position:relative;top:auto}

/* ---------- Корзина ---------- */
.cart-button{
  background:var(--rd-gradient)!important;color:#fff!important;border:0!important;
  box-shadow:0 10px 25px color-mix(in srgb,var(--rd-primary) 28%,transparent)!important;
}
.cart-button:hover{background:var(--rd-primary-strong)!important;border-color:transparent!important}
.cart-button.has-items{background:linear-gradient(135deg,var(--rd-primary-deep),var(--rd-accent))!important}
.cart-button .cart-label,.cart-button .cart-ic{color:#fff!important}
.cart-badge{background:#ff735e!important;color:#fff!important;border-color:#fff!important}
.cart-panel,.cart-review{border-color:var(--rd-line)!important;box-shadow:var(--rd-shadow)!important}
.cart-head,.cart-foot{background:var(--rd-soft-2)!important}
.cart-review-total{background:var(--rd-soft)!important;border-color:var(--rd-line)!important}

/* ---------- Навигация персональной карты ---------- */
.result-product-tabs{
  background:rgba(255,255,255,.76)!important;padding:6px!important;border:1px solid var(--rd-line)!important;border-radius:18px!important;
  box-shadow:0 9px 24px rgba(20,73,80,.06)!important;
}
.result-product-tabs a{color:var(--rd-muted)!important;border-radius:13px!important}
.result-product-tabs a:hover{background:var(--rd-soft-2)!important;color:var(--rd-primary-strong)!important}
.result-product-tabs a.active{
  background:var(--rd-gradient)!important;color:#fff!important;box-shadow:0 8px 20px color-mix(in srgb,var(--rd-primary) 24%,transparent)!important;
}
.result-product-tabs a.active span{color:#fff!important}
.reading-navigator{
  border-color:var(--rd-line)!important;background:rgba(255,255,255,.96)!important;box-shadow:0 14px 34px rgba(20,73,80,.10)!important;
}
.reading-nav-toggle,.reading-continue{color:var(--rd-primary-strong)!important}
.reading-progress-track i{background:var(--rd-gradient)!important}
.reading-chapter-link.active{background:var(--rd-soft)!important;color:var(--rd-primary-deep)!important}
.reading-page-controls button,.reading-inline-pager button{border-color:var(--rd-line)!important;color:var(--rd-primary-strong)!important}
.reading-page-controls button:hover,.reading-inline-pager button:hover{background:var(--rd-soft)!important}

/* Реклама ежедневного и семейного раздела остаётся видна при переключении глав. */
.reading-service-strip{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 18px;
}
.reading-service-card{
  min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;
  padding:15px 16px;border:1px solid var(--rd-line);border-radius:20px;background:linear-gradient(145deg,#fff,var(--rd-soft-2));
  box-shadow:0 10px 26px rgba(20,73,80,.06);
}
.reading-service-card>span{
  width:45px;height:45px;display:grid;place-items:center;border-radius:15px;background:var(--rd-soft);color:var(--rd-primary-strong);font-size:1.25rem;
}
.reading-service-card div{min-width:0}
.reading-service-card small{display:block;color:var(--rd-primary);font-weight:750;font-size:.7rem}
.reading-service-card b{display:block;color:var(--rd-ink);font-size:.91rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reading-service-card p{margin:3px 0 0;color:var(--rd-muted);font-size:.75rem;line-height:1.35}
.reading-service-card a{padding:9px 12px;border-radius:11px;background:var(--rd-primary);color:#fff!important;text-decoration:none;font-size:.76rem;font-weight:750;white-space:nowrap}
.reading-service-card.family>span{background:#edf8f3}
.reading-service-card.family a{background:var(--rd-accent)}

/* ---------- Карточки ---------- */
.hero-result-card,.premium-insights-section,.included-modules-section,.recommendation-section,
.natal-result-section,.family-offer-card,.paid-actions,.psych-reading-section,.free-test-banner,
.daily-redesign-card,.daily-page-note,.bio-calculator-card,.bio-result-panel,.person-group,.side-card,.mail-settings-card{
  border-color:var(--rd-line)!important;box-shadow:var(--rd-shadow)!important;
}
.family-offer-card{background:linear-gradient(135deg,#f8fffd,var(--rd-soft))!important}
.daily-tab-teaser,.daily-page-note{background:linear-gradient(135deg,var(--rd-soft-2),#fff)!important}
.daily-page-hero,.bio-tool-hero,.tests-hub-head,.account-hero{
  background:var(--rd-gradient)!important;color:#fff!important;
}
.daily-page-hero .eyebrow,.bio-tool-hero .eyebrow,.tests-hub-head .eyebrow,.account-hero .eyebrow,.auth-page .passwordless-card .auth-visual .eyebrow,.auth-page .passwordless-card .auth-visual .auth-eyebrow{color:#fff!important;opacity:1!important}
.daily-page-hero h1,.daily-page-hero p,.bio-tool-hero h1,.bio-tool-hero p,.tests-hub-head h1,.tests-hub-head p,.account-hero h1,.account-hero p{color:#fff!important}

/* ---------- Личный кабинет ---------- */
.account-tabs{background:rgba(232,247,245,.92)!important;border-color:var(--rd-line)!important}
.account-tab{color:var(--rd-muted)!important}
.account-tab:hover{background:#fff!important;color:var(--rd-primary)!important}
.account-tab.active{background:var(--rd-gradient)!important;color:#fff!important;box-shadow:0 7px 18px color-mix(in srgb,var(--rd-primary) 22%,transparent)!important}
.account-tab.active em{background:rgba(255,255,255,.22)!important;color:#fff!important}
.account-tab em{background:var(--rd-primary)!important}
.account-pane{display:none!important}
.account-pane.is-active{display:block!important}
.person-group.is-primary{border-color:color-mix(in srgb,var(--rd-primary) 30%,var(--rd-line))!important;background:linear-gradient(150deg,#fff,var(--rd-soft-2))!important}
.person-badge,.person-group.is-primary .person-badge{background:var(--rd-gradient)!important}
.purchase-actions .secondary-button,.mini-actions a{background:var(--rd-primary)!important;color:#fff!important;border-color:transparent!important}
.account-empty-help{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:14px}

/* ---------- Тесты ---------- */
.tests-catalog .psych-test-tab.active,.tests-catalog .psych-test-tab.active:hover{background:var(--rd-gradient)!important}
.tests-catalog .psych-test-tab.active b,.tests-catalog .psych-test-tab.active small,.tests-catalog .psych-test-tab.active em,.tests-catalog .psych-test-tab.active>i{color:#fff!important}
.test-progress-track i,.psych-scale-bar i{background:var(--rd-gradient)!important}
.answer-scale label:has(input:checked),.wizard-answer-scale label:has(input:checked){border-color:var(--rd-primary)!important;background:var(--rd-soft)!important}
.color-tile:focus-visible{outline:3px solid var(--rd-accent)!important}

/* ---------- Биоритмы ---------- */
.bio-mode-switch{background:var(--rd-soft)!important}
.bio-mode-switch button.active{background:var(--rd-gradient)!important;color:#fff!important}
.bio-person-heading>span,.bio-target-card>span{background:var(--rd-soft)!important;color:var(--rd-primary)!important}
.bio-result-card{border-color:var(--rd-line)!important}
.bio-compat-summary{background:linear-gradient(135deg,var(--rd-soft),var(--rd-soft-2))!important}

/* ---------- Адаптив ---------- */
body:has(.context-navigation) .global-back-button{display:none}
@media(max-width:900px){
  .global-back-button{left:10px;bottom:10px;top:auto;width:42px;padding:0;justify-content:center}
  .global-back-button b{display:none}
  .context-navigation{width:calc(100% - 20px);grid-template-columns:auto minmax(0,1fr);top:6px}
  .context-links{grid-column:1/-1;justify-content:flex-start;border-top:1px solid var(--rd-line);padding-top:5px}
  .reading-service-strip{grid-template-columns:1fr}
}
@media(max-width:680px){
  body:has(.context-navigation:not(.is-root)){padding-bottom:76px!important}
  .context-navigation:not(.is-root){
    position:fixed;left:7px;right:7px;top:auto;bottom:7px;width:auto;z-index:130;
    grid-template-columns:auto minmax(0,1fr);min-height:58px;margin:0;padding:6px;border-radius:18px;
  }
  .context-navigation:not(.is-root) .context-links{display:none}
  .context-navigation:not(.is-root) .context-current small{display:none}
  .context-navigation:not(.is-root) .context-back{min-height:45px;padding:0 13px}
  .reading-service-card{grid-template-columns:auto minmax(0,1fr)}
  .reading-service-card a{grid-column:1/-1;text-align:center}
  .display-theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:430px){
  .reading-service-card{padding:13px;border-radius:17px}
  .context-current b{font-size:.82rem}
  .cart-button{background:var(--rd-gradient)!important}
}