/* septiki-sochi.ru — редизайн. Требует tokens.css.
   Базовые правила ниже намеренно ограничены `body.ss-redesign`,
   чтобы не затрагивать остальные страницы сайта (они на body.ref-skin).
   Компонентные классы .ss-* глобальны — они встречаются только в новой разметке. */

body.ss-redesign,body.ss-redesign *,body.ss-redesign *::before,body.ss-redesign *::after{box-sizing:border-box}
body.ss-redesign{margin:0;background:var(--ss-page);color:var(--ss-ink);font-family:var(--ss-font-text);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
body.ss-redesign img{max-width:100%;display:block;height:auto}
/* :where() держит специфичность базовой ссылки на уровне элемента (0,0,1),
   чтобы цвет текста компонентных кнопок/ссылок (.ss-btn--brand, .ss-header__cta,
   .ss-footer a, .ss-mobile-bar a и т.д.) всегда побеждал, а не перекрывался этим правилом. */
body:where(.ss-redesign) a{color:var(--ss-brand);text-decoration:none;transition:color var(--ss-t)}
body:where(.ss-redesign) a:hover{color:var(--ss-accent)}
body.ss-redesign :focus-visible{outline:2px solid var(--ss-brand);outline-offset:2px}
body.ss-redesign input,body.ss-redesign button,body.ss-redesign select,body.ss-redesign textarea{font:inherit}
body.ss-redesign ::placeholder{color:#93a3a5}

.ss-container{max-width:var(--ss-container);margin:0 auto;padding:0 var(--ss-pad-x)}
.ss-section{padding-top:64px}
.ss-section--flush{padding-top:0}
.ss-h1{font-family:var(--ss-font-display);font-weight:800;font-size:58px;line-height:1.04;letter-spacing:-.03em;margin:20px 0 0;max-width:16ch;text-wrap:balance}
.ss-h1--archive{font-size:52px;line-height:1.06;letter-spacing:-.025em;max-width:15ch}
.ss-h2{font-family:var(--ss-font-display);font-weight:800;font-size:34px;line-height:1.15;letter-spacing:-.02em;margin:0}
.ss-h3{font-family:var(--ss-font-display);font-weight:700;font-size:19px;line-height:1.28;letter-spacing:-.01em;margin:0}
.ss-lead{font-size:19px;line-height:1.55;color:var(--ss-body);margin:20px 0 0;max-width:52ch;text-wrap:pretty}
.ss-section-lead{font-size:16px;line-height:1.5;color:var(--ss-muted);margin:12px 0 0;max-width:66ch}
.ss-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--ss-brand-soft);color:var(--ss-brand);padding:7px 12px;border-radius:var(--ss-r-xs);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.ss-num{font-variant-numeric:tabular-nums}

/* Кнопки и ссылки */
.ss-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--ss-r-sm);font-weight:600;font-size:16px;padding:15px 26px;cursor:pointer;transition:background var(--ss-t),color var(--ss-t),border-color var(--ss-t);text-decoration:none}
.ss-btn--brand{background:var(--ss-brand);color:#fff}
.ss-btn--brand:hover{background:var(--ss-brand-dark);color:#fff}
.ss-btn--accent{background:var(--ss-accent);color:#fff;font-weight:700;font-size:16.5px}
.ss-btn--accent:hover{background:var(--ss-accent-dark);color:#fff}
.ss-btn--ghost{background:var(--ss-surface);border:1.5px solid var(--ss-brand);color:var(--ss-brand);padding:14px 28px;font-size:15.5px}
.ss-btn--ghost:hover{background:var(--ss-brand);color:#fff}
.ss-btn--block{width:100%;padding:16px;min-height:48px}
.ss-link-arrow{font-weight:600;font-size:15px}
.ss-link-underline{color:var(--ss-brand);font-weight:600;font-size:16px;padding:15px 4px;border-bottom:1px solid #b9c9c9}

/* Шапка */
.ss-header{background:var(--ss-surface);border-bottom:1px solid var(--ss-line)}
.ss-header__inner{height:76px;display:flex;align-items:center;gap:24px}
/* Логотип (Task #111): фирменный знак + шрифтовая часть «СЕПТИКИ СОЧИ». */
.ss-logo{display:flex;align-items:center;gap:11px;text-decoration:none}
.ss-logo__mark{flex:none;display:block;color:var(--ss-brand);transition:color var(--ss-t,.2s)}
.ss-logo__txt{display:flex;flex-direction:column;min-width:0}
.ss-logo__name{font-family:var(--ss-font-display);font-weight:800;font-size:17px;line-height:1;letter-spacing:.055em;color:var(--ss-ink);white-space:nowrap}
.ss-logo__name em{font-style:normal;color:var(--ss-brand)}
.ss-logo__sub{font-family:var(--ss-font-display);font-weight:600;font-size:8.5px;line-height:1;letter-spacing:.2em;text-transform:uppercase;color:var(--ss-muted-2);margin-top:6px;white-space:nowrap}
.ss-logo:hover .ss-logo__mark{color:var(--ss-brand-dark)}
/* Логотип на тёмном фоне (футер). */
.ss-logo--footer{display:flex;align-items:center;gap:11px}
.ss-logo--footer .ss-logo__mark{color:#fff}
.ss-logo--footer .ss-logo__name{color:#fff}
.ss-logo--footer .ss-logo__name em{color:var(--ss-brand-hairline)}
.ss-logo--footer .ss-logo__sub{color:var(--ss-brand-on-dark)}
.ss-nav{display:flex;align-items:center;gap:2px;font-size:15px;font-weight:500;color:var(--ss-ink-2)}
/* Выпадающие меню (переиспользуем разметку sept_render_main_nav в новой палитре) */
.ss-nav .nav-item{position:relative;display:flex}
.ss-nav .nav-item>a,
.ss-nav .nav-btn{display:inline-flex;align-items:center;gap:4px;padding:8px 9px;border-radius:8px;font-family:inherit;font-size:14.5px;font-weight:500;line-height:1;color:var(--ss-ink-2);background:none;border:0;cursor:pointer;white-space:nowrap;transition:background var(--ss-t),color var(--ss-t)}
.ss-nav .nav-item>a:hover,
.ss-nav .nav-btn:hover,
.ss-nav .nav-item--dropdown:hover .nav-btn{background:var(--ss-brand-soft);color:var(--ss-brand)}
.ss-nav .nav-item>a.is-active,
.ss-nav .nav-btn.is-active{color:var(--ss-brand)}
.ss-nav .nav-chevron{font-size:10px;opacity:.6;transition:transform var(--ss-t)}
.ss-nav .nav-item--dropdown:hover .nav-chevron,
.ss-nav .nav-item--dropdown:focus-within .nav-chevron,
.ss-nav .nav-item--dropdown.is-open .nav-chevron{transform:rotate(180deg)}
/* мостик, чтобы hover не срывался в зазоре между кнопкой и панелью */
.ss-nav .nav-item--dropdown::after{content:"";position:absolute;top:100%;left:0;right:0;height:10px}
.ss-nav .nav-dropdown{position:absolute;top:100%;left:0;margin-top:9px;display:none;background:var(--ss-surface);border:1px solid var(--ss-line);border-radius:var(--ss-r-md);box-shadow:0 14px 40px rgba(14,28,32,.13);padding:8px;min-width:236px;z-index:60}
.ss-nav .nav-item--dropdown:hover .nav-dropdown,
.ss-nav .nav-item--dropdown:focus-within .nav-dropdown,
.ss-nav .nav-item--dropdown.is-open .nav-dropdown{display:block}
.ss-nav .nav-dropdown a{display:block;padding:9px 12px;border-radius:8px;font-size:14.5px;font-weight:500;color:var(--ss-ink-2);white-space:nowrap;transition:background var(--ss-t),color var(--ss-t)}
.ss-nav .nav-dropdown a:hover{background:var(--ss-surface-2);color:var(--ss-brand)}
.ss-nav .nav-dropdown--wide{min-width:470px}
.ss-nav .nav-dropdown-right{left:auto;right:0}
.ss-nav .nav-dropdown-cols{display:grid;grid-template-columns:1fr 1fr;gap:2px 14px}
.ss-nav .nav-dropdown-col h4{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ss-muted-3);padding:8px 12px 4px;margin:0}
.ss-header__right{margin-left:auto;display:flex;align-items:center;gap:18px}
.ss-phone{display:flex;flex-direction:column;align-items:flex-end;gap:1px;flex:none}
.ss-phone__num{font-family:var(--ss-font-display);font-weight:700;font-size:17px;letter-spacing:-.01em;color:var(--ss-ink);white-space:nowrap}
.ss-phone__hours{font-size:11px;color:var(--ss-muted-2);white-space:nowrap}
.ss-header__right{flex:none}
.ss-header__cta{background:var(--ss-accent);color:#fff;padding:12px 20px;border-radius:8px;font-weight:600;font-size:15px}
.ss-header__cta:hover{background:var(--ss-accent-dark);color:#fff}

.ss-crumbs{font-size:13px;line-height:1.3;color:var(--ss-muted-2);display:flex;gap:8px;align-items:center;padding-top:6px;padding-bottom:6px;flex-wrap:wrap}
.ss-crumbs a{color:inherit}
.ss-crumbs a:hover{color:var(--ss-brand)}
.ss-crumbs span[aria-current]{color:var(--ss-ink-2)}

/* Hero */
.ss-hero{background:var(--ss-surface);border-bottom:1px solid var(--ss-line)}
.ss-hero__inner{padding-top:52px;padding-bottom:56px;display:grid;grid-template-columns:1fr 396px;gap:56px;align-items:start}
.ss-facts{display:flex;gap:36px;margin-top:32px;flex-wrap:wrap}
.ss-fact{display:flex;flex-direction:column;gap:4px}
.ss-fact__value{font-family:var(--ss-font-display);font-weight:800;font-size:30px;letter-spacing:-.02em;color:var(--ss-brand)}
.ss-fact__label{font-size:13px;color:var(--ss-muted-2)}
.ss-facts__divider{width:1px;background:var(--ss-line-3)}
.ss-hero__actions{display:flex;gap:12px;margin-top:36px;align-items:center;flex-wrap:wrap}
.ss-expert{display:flex;align-items:center;gap:14px;margin-top:34px;padding-top:26px;border-top:1px solid var(--ss-line-2)}
.ss-expert__avatar{width:52px;height:52px;border-radius:50%;background:var(--ss-brand);color:#fff;font-family:var(--ss-font-display);font-weight:800;font-size:22px;display:flex;align-items:center;justify-content:center;flex:none}
.ss-expert__avatar--photo{background:none;overflow:hidden}
.ss-expert__avatar--photo img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.ss-expert__name{font-family:var(--ss-font-display);font-weight:700;font-size:17px}
.ss-expert__role{font-size:14px;color:var(--ss-muted)}

/* Форма заявки */
.ss-form{background:var(--ss-page);border:1px solid #dfe6e6;border-radius:var(--ss-r-lg);padding:28px}
.ss-form--hero{box-shadow:var(--ss-shadow-form)}
.ss-form--band{background:var(--ss-surface);border:0}
.ss-form__title{font-family:var(--ss-font-display);font-weight:800;font-size:23px;letter-spacing:-.02em;line-height:1.2}
.ss-form__title--sm{font-size:22px}
.ss-form__text{font-size:14.5px;line-height:1.5;color:var(--ss-muted);margin:10px 0 0}
.ss-form__row{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.ss-input{width:100%;padding:15px 16px;border:1.5px solid var(--ss-input-line);border-radius:var(--ss-r-sm);font-size:17px;color:var(--ss-ink);background:#fff;outline:none;transition:border-color var(--ss-t)}
.ss-input:focus{border-color:var(--ss-brand)}
.ss-input[aria-invalid="true"]{border-color:#b4432b}
.ss-form__error{font-size:13px;color:#b4432b;margin-top:6px}
.ss-form__note{font-size:12.5px;color:var(--ss-muted-3);margin-top:12px;line-height:1.45}
.ss-form__note a{color:var(--ss-brand);font-weight:600}
.ss-form__ok{margin-top:20px;background:#eef5f2;border:1px solid #cfe3da;border-radius:10px;padding:18px;display:flex;flex-direction:column;gap:6px}
.ss-form__ok-title{font-family:var(--ss-font-display);font-weight:700;font-size:17px;color:var(--ss-brand)}
.ss-form__ok-text{font-size:14px;color:var(--ss-body)}
.ss-form__aside{margin-top:20px;padding-top:18px;border-top:1px solid #e4eaea}
.ss-form__aside-title{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.ss-form__list{display:flex;flex-direction:column;gap:7px;margin:12px 0 0;padding:0;list-style:none;font-size:14.5px;color:var(--ss-body)}
.ss-form__list li{display:flex;gap:9px}
.ss-form__list li::before{content:"—";color:var(--ss-brand);font-weight:700}

/* Полоса доверия */
.ss-trust{background:var(--ss-brand);color:#fff}
.ss-trust__inner{padding-top:34px;padding-bottom:34px;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.ss-trust__value{font-family:var(--ss-font-display);font-weight:800;font-size:34px;letter-spacing:-.02em}
.ss-trust__label{font-size:14px;color:var(--ss-brand-on-dark);line-height:1.4;margin-top:6px;display:block}

/* Сетки и карточки */
.ss-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ss-grid-3--tight{gap:20px}
.ss-grid-3--geo{gap:16px}
.ss-card{background:var(--ss-surface);border:1px solid var(--ss-line);border-radius:var(--ss-r-md);padding:24px;display:flex;flex-direction:column;gap:10px}
.ss-card__step{font-family:var(--ss-font-display);font-weight:800;font-size:14px;color:var(--ss-accent);letter-spacing:.06em}
.ss-card__title{font-family:var(--ss-font-display);font-weight:700;font-size:18.5px}
.ss-card p{font-size:15px;line-height:1.55;color:var(--ss-body);margin:0}
.ss-service__title{font-family:var(--ss-font-display);font-weight:700;font-size:21px}
.ss-geo{background:var(--ss-surface);border:1px solid var(--ss-line);border-radius:var(--ss-r-md);padding:22px;display:flex;flex-direction:column;gap:8px;transition:border-color var(--ss-t),background var(--ss-t)}
.ss-geo:hover{border-color:var(--ss-brand)}
.ss-geo__name{font-family:var(--ss-font-display);font-weight:700;font-size:19px;color:var(--ss-ink)}
.ss-geo__text{font-size:14.5px;color:var(--ss-muted);line-height:1.5}
.ss-geo--home{background:var(--ss-brand);border-color:var(--ss-brand)}
.ss-geo--home:hover{background:var(--ss-brand-dark)}
.ss-geo--home .ss-geo__name{color:#fff}
.ss-geo--home .ss-geo__text{color:var(--ss-brand-on-dark)}

/* Чипы / фильтры */
.ss-chips{display:flex;flex-wrap:wrap;gap:10px}
.ss-chip{background:var(--ss-surface);border:1px solid var(--ss-line-3);color:var(--ss-ink-2);padding:10px 16px;border-radius:8px;font-size:14.5px;transition:border-color var(--ss-t),color var(--ss-t)}
.ss-chip:hover{border-color:var(--ss-brand);color:var(--ss-brand)}
.ss-filters{display:flex;flex-direction:column;gap:12px;padding:20px 22px;background:var(--ss-surface);border:1px solid var(--ss-line);border-radius:var(--ss-r-md)}
.ss-filters__row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ss-filters__label{font-size:13px;color:var(--ss-muted-3);width:78px}
.ss-pill{border:1px solid var(--ss-line-3);color:var(--ss-ink-2);padding:8px 14px;border-radius:20px;font-size:14px;transition:border-color var(--ss-t),color var(--ss-t)}
.ss-pill:hover{border-color:var(--ss-brand);color:var(--ss-brand)}
.ss-pill--active{background:var(--ss-brand);border-color:var(--ss-brand);color:#fff;font-weight:500}
.ss-pill--active:hover{color:#fff}
/* Компактные фильтры (напр. на хабе /cases/ — тонкая полоса над сеткой) */
.ss-filters--compact{padding:12px 16px;gap:8px}
.ss-filters--compact .ss-filters__row{gap:8px}
.ss-filters--compact .ss-filters__label{width:auto;min-width:58px;font-size:12px}
.ss-filters--compact .ss-pill{padding:5px 10px;font-size:12.5px}

/* Карточка кейса */
.ss-case{background:var(--ss-surface);border:1px solid var(--ss-line);border-radius:var(--ss-r-lg);overflow:hidden;display:flex;flex-direction:column;transition:border-color var(--ss-t),box-shadow .2s ease}
.ss-case:hover{border-color:#c2d1d1;box-shadow:var(--ss-shadow-card)}
.ss-case__gallery{padding:14px 14px 0}
.ss-case__photo{position:relative;aspect-ratio:4/3;background:#dfe6e6;border-radius:10px;overflow:hidden}
.ss-case__photo img{width:100%;height:100%;object-fit:cover;object-position:center 45%}
.ss-case__thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px}
.ss-case__thumbs img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:var(--ss-r-xs)}
.ss-case__body{padding:16px 20px 22px;display:flex;flex-direction:column;gap:13px;flex:1}
.ss-case__tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ss-badge-real{background:var(--ss-real-bg);color:var(--ss-real);padding:5px 10px;border-radius:var(--ss-r-xs);font-size:12px;font-weight:600}
.ss-case__tag{background:var(--ss-surface-2);color:var(--ss-body);padding:5px 10px;border-radius:var(--ss-r-xs);font-size:12px;transition:background var(--ss-t),color var(--ss-t)}
.ss-case__tag:hover{background:#e4ebea;color:var(--ss-brand)}
.ss-case__title a{color:var(--ss-ink)}
.ss-case__title a:hover{color:var(--ss-brand)}
.ss-case__specs{display:flex;flex-direction:column;gap:7px;font-size:14px;color:var(--ss-body);margin:0}
.ss-case__spec{display:flex;gap:8px}
.ss-case__spec dt,.ss-case__spec-label{color:var(--ss-muted-3);width:86px;flex:none;font-weight:400}
.ss-case__spec dd,.ss-case__spec-value{margin:0;font-weight:500}
.ss-case__price{margin-top:auto;display:flex;align-items:baseline;gap:8px;padding-top:14px;border-top:1px solid var(--ss-line-2)}
.ss-case__price-value{font-family:var(--ss-font-display);font-weight:800;font-size:27px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ss-ink)}
.ss-case__price-note{font-size:12.5px;color:var(--ss-muted-3)}
.ss-case__more{color:var(--ss-brand);font-weight:600;font-size:15px}
.ss-case__more:hover{color:var(--ss-accent)}

.ss-loadmore{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:32px;flex-wrap:wrap}
.ss-loadmore__count{font-size:14px;color:var(--ss-muted-3)}
.ss-case.is-hidden{display:none}

/* Таблица цен */
.ss-prices{background:var(--ss-surface);border:1px solid var(--ss-line);border-radius:var(--ss-r-lg);margin-top:26px;overflow:hidden}
.ss-prices__head,.ss-prices__row{display:grid;grid-template-columns:220px 1fr 1fr;gap:24px}
.ss-prices__head{padding:18px 24px;background:#f0f4f3;font-size:12.5px;font-weight:600;color:var(--ss-muted-2);letter-spacing:.06em;text-transform:uppercase}
.ss-prices__row{padding:20px 24px;border-top:1px solid var(--ss-line-2);align-items:baseline}
.ss-prices__value{font-family:var(--ss-font-display);font-weight:800;font-size:26px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ss-prices__model{font-size:16px;font-weight:600;color:var(--ss-ink-2)}
.ss-prices__meta{font-size:15px;color:var(--ss-muted)}

/* CTA-полоса */
.ss-band{background:var(--ss-brand);border-radius:var(--ss-r-xl);padding:48px;display:grid;grid-template-columns:1fr 420px;gap:56px;align-items:center;color:#fff;margin-top:64px}
.ss-band__title{font-family:var(--ss-font-display);font-weight:800;font-size:36px;line-height:1.12;letter-spacing:-.02em;margin:0;max-width:22ch}
.ss-band__text{font-size:17px;line-height:1.55;color:var(--ss-brand-on-dark-2);margin:16px 0 0;max-width:48ch}
.ss-band__list{display:flex;flex-direction:column;gap:10px;margin:26px 0 0;padding:0;list-style:none;font-size:15.5px;color:#e3eeef}
.ss-band__list li{display:flex;gap:10px}
.ss-band__list li::before{content:"—";color:var(--ss-brand-hairline)}

/* Подвал */
.ss-footer{background:var(--ss-ink);color:#a9bcbe;margin-top:64px}
.ss-footer a{color:#a9bcbe}
.ss-footer a:hover{color:#fff}
.ss-footer__inner{padding-top:48px;padding-bottom:48px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.ss-footer__col{display:flex;flex-direction:column;gap:10px;font-size:14.5px}
.ss-footer__heading{color:#fff;font-weight:600;margin-bottom:4px}
.ss-footer__phone{font-family:var(--ss-font-display);font-weight:700;font-size:20px;color:#fff}
.ss-footer__max{color:var(--ss-brand-hairline);font-weight:600}
.ss-footer__bottom{border-top:1px solid #1e3237}
.ss-footer__bottom-inner{padding-top:20px;padding-bottom:20px;display:flex;justify-content:space-between;font-size:13px;color:#7b9093;flex-wrap:wrap;gap:8px}

/* Мобильная панель действий */
.ss-mobile-bar{display:none}

/* Служебное */
.ss-redesign .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.ss-skip-link{position:absolute;left:-9999px}

@media (max-width:1100px){
  .ss-hero__inner{grid-template-columns:1fr;gap:32px}
  .ss-grid-3,.ss-grid-3--tight,.ss-grid-3--geo{grid-template-columns:repeat(2,1fr)}
  .ss-band{grid-template-columns:1fr;gap:32px;padding:36px}
  .ss-trust__inner{grid-template-columns:repeat(2,1fr);gap:24px}
  .ss-footer__inner{grid-template-columns:1fr 1fr;gap:32px}
}

@media (max-width:860px){
  body.ss-redesign{padding-bottom:84px}
  .ss-section{padding-top:40px}
  .ss-h1{font-size:33px;line-height:1.06;letter-spacing:-.025em;max-width:none}
  .ss-h1--archive{font-size:31px}
  .ss-h2{font-size:22px}
  .ss-lead{font-size:15.5px;line-height:1.5;margin-top:12px}
  .ss-hero__inner{padding-top:18px;padding-bottom:20px}
  .ss-grid-3,.ss-grid-3--tight,.ss-grid-3--geo{grid-template-columns:1fr;gap:14px}
  .ss-facts{gap:8px}
  .ss-facts__divider{display:none}
  .ss-fact{flex:1;background:var(--ss-surface-2);border-radius:var(--ss-r-sm);padding:12px}
  .ss-fact__value{font-size:17px}
  .ss-fact__label{font-size:11.5px}
  .ss-phone__hours,.ss-header__cta{display:none}
  /* Логотип: компактнее, знак меньше (Task #111). */
  .ss-logo{gap:9px}
  .ss-logo__mark{width:34px;height:34px}
  .ss-logo__name{font-size:15px;letter-spacing:.045em}
  .ss-logo__sub{font-size:7.5px;letter-spacing:.15em;margin-top:5px}
  .ss-case__photo{aspect-ratio:3/2}
  .ss-case__gallery{padding:10px 10px 0}
  .ss-case__body{padding:12px 14px 16px;gap:10px}
  .ss-h3{font-size:17px}
  .ss-case__specs{font-size:13.5px;gap:5px}
  .ss-case__spec dt,.ss-case__spec-label{width:74px}
  .ss-case__price-value{font-size:23px}
  .ss-prices__head{display:none}
  .ss-prices__row{grid-template-columns:1fr;gap:4px;padding:12px 16px}
  .ss-prices__value{font-size:19px}
  .ss-band{padding:24px;border-radius:var(--ss-r-md);margin-top:40px}
  .ss-band__title{font-size:24px}
  .ss-band__text{font-size:15.5px}
  .ss-footer__inner{grid-template-columns:1fr;gap:24px;padding-top:32px;padding-bottom:32px} /* Task #115: не обнулять боковые отступы .ss-container */
  .ss-form{padding:16px}
  .ss-form__title{font-size:18px}
  .ss-btn{width:100%;min-height:48px}
  .ss-mobile-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;gap:8px;padding:10px 12px 14px;background:rgba(255,255,255,.96);border-top:1px solid var(--ss-line);backdrop-filter:blur(8px)}
  .ss-mobile-bar a{flex:1;min-height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15.5px;color:#fff}
  .ss-mobile-bar__call{background:var(--ss-brand)}
  .ss-mobile-bar__lead{background:var(--ss-accent)}
}

@media print{ .ss-mobile-bar,.ss-header__cta{display:none} }

/* =========================================================
   МОБИЛЬНОЕ МЕНЮ (Task #113): бургер в .ss-header + drawer.
   Разметка/id общие со старой шапкой, JS — sept_inline_nav_js.
   ========================================================= */
.ss-burger{display:none}
body.ss-redesign .mobile-overlay{display:none;position:fixed;inset:0;z-index:200}
body.ss-redesign .mobile-overlay.is-open{display:block}
body.ss-redesign .mobile-backdrop{position:absolute;inset:0;background:rgba(14,28,32,.45);backdrop-filter:blur(2px)}
body.ss-redesign .mobile-drawer{position:absolute;top:0;right:0;bottom:0;width:min(360px,88vw);background:var(--ss-surface);display:flex;flex-direction:column;box-shadow:-12px 0 32px rgba(14,28,32,.22);animation:ss-drawer-in .22s ease-out}
@keyframes ss-drawer-in{from{transform:translateX(24px);opacity:0}to{transform:none;opacity:1}}
body.ss-redesign .mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--ss-line);flex:none}
body.ss-redesign .mobile-close{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border-radius:50%;border:1px solid var(--ss-line);background:var(--ss-surface);color:var(--ss-muted);cursor:pointer;flex:none}
body.ss-redesign .mobile-close svg{display:block;width:14px;height:14px}
body.ss-redesign .mobile-close:hover{background:var(--ss-surface-2);color:var(--ss-ink)}
body.ss-redesign .mobile-nav{flex:1;overflow-y:auto;padding:10px 12px;-webkit-overflow-scrolling:touch}
body.ss-redesign .mobile-nav-link,
body.ss-redesign .mobile-nav-group-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 12px;border:0;border-radius:10px;background:none;text-align:left;font-family:var(--ss-font-display);font-weight:700;font-size:16px;color:var(--ss-ink);text-decoration:none;cursor:pointer}
body.ss-redesign .mobile-nav-link:hover,
body.ss-redesign .mobile-nav-group-toggle:hover{background:var(--ss-surface-2);color:var(--ss-brand)}
body.ss-redesign .mobile-nav-chevron{font-size:13px;color:var(--ss-muted-2);transition:transform var(--ss-t,.2s)}
body.ss-redesign .mobile-nav-group.is-open .mobile-nav-chevron{transform:rotate(180deg)}
body.ss-redesign .mobile-nav-group-items{display:none;padding:2px 0 8px 12px;border-left:2px solid var(--ss-line);margin:0 0 4px 12px}
body.ss-redesign .mobile-nav-group.is-open .mobile-nav-group-items{display:block}
body.ss-redesign .mobile-nav-group-items a{display:block;padding:9px 12px;border-radius:8px;font-size:15px;color:var(--ss-ink-2);text-decoration:none}
body.ss-redesign .mobile-nav-group-items a:hover{background:var(--ss-surface-2);color:var(--ss-brand)}
body.ss-redesign .mobile-ctas{flex:none;display:flex;flex-direction:column;gap:8px;padding:12px 16px 18px;border-top:1px solid var(--ss-line);background:var(--ss-surface-2)}
body.ss-redesign .mobile-ctas__hours{text-align:center;font-size:12px;color:var(--ss-muted-2);margin-top:2px}
body.is-drawer-open{overflow:hidden}
@media (max-width:860px){
}

/* Task #114: бургер виден на всех ширинах, где десктопная навигация не помещается
   (≤1100px), и никогда не вытесняется — логотип может сжиматься, телефон уступает. */
.ss-header__inner{min-width:0}
.ss-logo,.ss-logo__txt{min-width:0}
@media (max-width:1100px){
  .ss-nav{display:none}
  .ss-burger{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;width:42px;height:42px;padding:0;border:1px solid var(--ss-line);border-radius:10px;background:var(--ss-surface);cursor:pointer;flex:none}
  .ss-burger span{display:block;width:18px;height:2px;margin:0 auto;border-radius:2px;background:var(--ss-ink);transition:transform .2s,opacity .2s}
  .ss-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .ss-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
  .ss-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
}
@media (max-width:480px){
  .ss-phone{display:none}            /* номер остаётся в меню и в нижней панели */
  .ss-header__right{gap:8px}
  .ss-logo__name{font-size:14px;letter-spacing:.04em}
  .ss-logo__sub{font-size:7px;letter-spacing:.14em}
}