/* Чилс — правки 2026-10 (Главбук). Подключается после main.css. Удалить файл = вернуть как было. */
:root{
  --bg:#F7F4EE;
  --bg-subtle:#EFEAE1;
  --card:#FFFFFF;
  --text:#1B1D1D;
  --text-secondary:#5A5F5E;
  --text-tertiary:#7A7F7E;
  --accent:#085B5F;
  --accent-mid:#0A6A6F;
  --accent-hover:#06474A;
  --accent-soft:rgba(8,91,95,.10);
  --accent-ring:rgba(8,91,95,.35);
  --switcher-border:rgba(8,91,95,.25);
}
html[data-theme="dark"]{
  --bg:#1B1D1D;
  --bg-subtle:#222525;
  --card:#262A2A;
  --text:#F7F4EE;
  --text-secondary:#B9BDBB;
  --accent:#2E9A9F;
  --accent-mid:#3BB0B5;
  --accent-hover:#5CC4C8;
  --accent-soft:rgba(46,154,159,.2);
  --accent-ring:rgba(59,176,181,.45);
}
.cn-doors{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:32px}
.cn-door{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:10px}
.cn-door__tag{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.cn-door__line{font-size:19px;font-weight:600;line-height:1.3;color:var(--text);margin:0}
.cn-door__text{font-size:15px;line-height:1.55;color:var(--text-secondary);margin:0}
.cn-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;background:var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-top:32px}
.cn-detail{background:var(--card);padding:24px;display:flex;flex-direction:column;gap:8px}
.cn-detail b{font-size:17px;font-weight:600;color:var(--text)}
.cn-detail span{font-size:15px;line-height:1.55;color:var(--text-secondary)}
.cn-corp{background:var(--accent-soft);border-radius:var(--radius-xl);padding:clamp(24px,5vw,48px);display:flex;flex-wrap:wrap;gap:32px;align-items:center}
.cn-corp__body{flex:999 1 420px;min-width:0;display:flex;flex-direction:column;gap:14px}
.cn-corp__body p{margin:0;font-size:17px;line-height:1.6;color:var(--text)}
.cn-corp__body ul{margin:0;padding-left:20px;font-size:16px;line-height:1.8;color:var(--text)}
.cn-corp__note{font-size:14px!important;color:var(--text-secondary)!important}
.cn-corp__btn{align-self:flex-start;display:inline-flex;align-items:center;min-height:48px;padding:0 28px;border-radius:999px;background:var(--accent);color:#fff;text-decoration:none;font-weight:500}
.cn-corp__btn:hover{background:var(--accent-hover);color:#fff}
.cn-manifest{max-width:760px;margin:24px auto 0;font-size:19px;line-height:1.65;color:var(--text-secondary);text-align:center}
.cn-manifest b{display:block;font-size:26px;line-height:1.3;color:var(--text);font-weight:600;margin-bottom:12px}
.partner-logo-slot--text{display:flex;align-items:center;justify-content:center;text-align:center;font-size:15px;color:var(--text-secondary);padding:12px}

/* Новый логотип (малахит): в тёмной теме — кость */
html[data-theme="dark"] img[src*="chils-logo"]{filter:brightness(0) invert(96%) sepia(6%) saturate(300%) hue-rotate(5deg)}

/* Мягкое появление (chils-new.js) */
.cn-reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
.cn-reveal.cn-in{opacity:1;transform:none}
.why-card,.cn-door,.tariff-card{transition:transform .25s ease,box-shadow .25s ease}
@media (hover:hover){.why-card:hover,.cn-door:hover,.tariff-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}}
@media (prefers-reduced-motion:reduce){.cn-reveal{opacity:1;transform:none;transition:none}}

/* Нижняя панель заказа на телефоне */
.cn-mobbar{display:none}
@media (max-width:899px){
  .cn-mobbar{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:60;display:flex;gap:8px;padding:8px;border-radius:999px;background:var(--switcher-bg,rgba(255,255,255,.95));box-shadow:var(--shadow-md);border:1px solid var(--border);backdrop-filter:blur(10px);transition:transform .3s ease,opacity .3s ease}
  .cn-mobbar--hide{transform:translateY(140%);opacity:0;pointer-events:none}
  .cn-mobbar__btn{flex:1;display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:999px;font-weight:600;font-size:15px;text-decoration:none;color:var(--accent);border:1.5px solid var(--accent)}
  .cn-mobbar__btn--main{background:var(--accent);color:#fff}
  .chils-chat-fab{bottom:calc(84px + env(safe-area-inset-bottom))!important}
}
html[data-theme="dark"] .cn-mobbar{background:rgba(27,29,29,.92)}

/* Конфигуратор: шаги по порядку */
.config-opt-tabs{counter-reset:cnstep}
.config-opt-tabs__tab::before{counter-increment:cnstep;content:counter(cnstep);display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:6px;border-radius:50%;border:1.5px solid currentColor;font-size:11px;font-weight:600;line-height:1;vertical-align:1px}
.config-opt-tabs__tab[aria-selected="true"]::before{background:var(--accent);border-color:var(--accent);color:#fff}

/* Главный экран: в светлой теме — малахитовый Чилс, в тёмной — белый */
html:not([data-theme="dark"]) #heroProductPhoto{background-image:url("/chils_photos/hero-malachite.webp")!important}

.cn-hero-note{position:relative;z-index:2;max-width:580px;margin:12px auto 0;font-size:16px;line-height:1.5;color:var(--text);opacity:.78;text-align:center}
.cn-hero-who{position:relative;z-index:2;max-width:580px;margin:10px auto 0;font-size:16px;line-height:1.5;font-weight:500;color:var(--accent);text-align:center}
.cn-corp__legal{font-size:13px;opacity:.8;margin-top:6px}
h2.section-title{margin-top:0;margin-bottom:0}

/* слоган Александра 16.10 над кнопкой «Собрать свой» */
.cn-hero-ask{position:relative;z-index:2;margin:6px auto 18px;font-size:1.15rem;font-weight:500;color:var(--text-secondary);text-align:center}

/* 16.10: слоган сразу под заголовком — виден на первом экране и на телефоне */
.hero>.cn-hero-ask{order:1;margin:10px auto 0}
.hero>.cn-hero-note,.hero>.cn-hero-who,.hero>.hero-subtitle,.hero>.hero-cta{order:2}