/* Стилистика сайта АО «Сбербанк Лизинг» (www.sberleasing.ru) для демонстрационного стенда: подключается при DEMO_BRAND=sber после theme.css и home.css.
   По CSS сайта: основной зелёный #28D00A (наведение #53D93B, нажатие #24BB09, светлая плашка #EAFAE7), текст #333F48, серый фон #F5F5F6,
   границы #DADADA; фирменные градиенты зелёный → бирюзовый → синий (#00D592 → #00BFFC, #00AC7B → #078BE3); скругления карточек 16 px, кнопок 8 px.
   Шрифт — Roboto (Apache 2.0, файлы в public/fonts); фирменный шрифт SB Sans и логотип Сбера не используются. */
@font-face{font-family:Roboto;font-style:normal;font-weight:400 700;font-display:swap;src:url(/static/fonts/roboto-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Roboto;font-style:normal;font-weight:400 700;font-display:swap;src:url(/static/fonts/roboto-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+20BD,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root:not(#_){--bg:#F5F5F6;--bg-2:#EAFAE7;--ink:#333F48;--ink-2:#333F48;--muted:#6C757D;--line:#DADADA;--line-2:#C0C4CC;
  --brand:#24BB09;--brand-2:#1F9E08;--brand-soft:#EAFAE7;--accent:#28D00A;--accent-2:#1F9E08;--hero:#F5F5F6;
  --ok:#22AA6C;--ok-soft:#E8F7EF;--info:#078BE3;--info-soft:#E8F4FC;--navy:#333F48;--navy-soft:#F5F5F6;--chip-open:#22AA6C;--chip-live:#24BB09;--chip-offer:#078BE3;
  --sh-2:0 2px 12px rgba(51,63,72,.06);--sh-3:0 12px 42px rgba(0,0,0,.15);--r:8px;--r-lg:16px;--r-xl:16px;
  --grad:linear-gradient(73.1deg,#00AC7B 10.98%,#078BE3 87.65%)}
body,button,input,select,textarea{font-family:Roboto,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink)}
h1,h2,h3{color:var(--ink);font-weight:500}
a{color:#1F9E08}a:hover{color:var(--accent)}

/* Пометка стенда — тёмно-серая полоса; шапка — белая, как на сайте СберЛизинга */
.demo-ribbon{background:#333F48;color:rgba(255,255,255,.75)}
.demo-ribbon b{color:#fff}
.top{background:#fff;border-bottom:1px solid #EBEEF5;box-shadow:0 0 42px rgba(0,0,0,.06)}
.topbar{background:#fff;border:0;box-shadow:none;border-radius:0}
.logo-mark,.foot .logo .logo-mark{background:var(--grad);color:#fff;border-radius:50%}
.mainnav a{color:var(--ink);font-weight:500}
.mainnav a:hover,.mainnav a.on{background:transparent;color:var(--accent-2);box-shadow:inset 0 -2px 0 var(--accent);border-radius:0}
.who .btn,.btn,.btn.sm,.btn.lg,.catmenu>summary,.menu>summary,.usermenu>summary,.pager a{border-radius:8px}
.hsearch{background:var(--bg);border-color:#EBEEF5;border-radius:8px}
.hsearch:focus-within{box-shadow:0 0 0 3px rgba(40,208,10,.18);border-color:var(--accent)}
.hsearch button{background:var(--accent)}.hsearch button:hover{background:#53D93B}
.who .btn.ghost{color:#1F9E08;border:1px solid var(--accent);background:#fff}

/* Кнопки — зелёные, как основная кнопка сайта; поля, таблицы, метки */
.btn:not(.ghost):not(.quiet):not(.danger):not(.ok){background:var(--accent);border-color:var(--accent);color:#fff}
.btn:not(.ghost):not(.quiet):not(.danger):not(.ok):hover{background:#53D93B;border-color:#53D93B}
.btn:not(.ghost):not(.quiet):not(.danger):not(.ok):active{background:#24BB09;border-color:#24BB09}
input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(40,208,10,.15)}
.dropzone{border-color:#A9EC9D}
th{background:var(--bg)}tbody tr:hover td{background:#F6FCF5}
.lc-chip.live{background:var(--accent)}
.lc-price b,.buybox .price.xl{color:var(--ink)}
.card.lot.v4:hover,.lot-row.v3:hover{border-color:#A9EC9D;box-shadow:var(--sh-3)}
.card,.panel,.lt,.card.lot.v4{border-radius:16px}

/* Подвал — серая плашка, заголовки колонок тёмно-серые */
.foot>.wrap{background:var(--bg);border:0;box-shadow:none;border-radius:16px}
.foot .cols>div:nth-child(n+2):nth-child(-n+4){border-left-color:#E4E7ED}
.foot b{color:var(--ink)}.foot a{color:#6C757D}.foot a:hover{color:#1F9E08}
.foot .legal{border-top-color:#E4E7ED}

/* Главная: первый экран — светло-серый, тёмный заголовок, фирменный градиент на кнопке и подложке фото */
.h5-hero{background:var(--hero);border:0;border-radius:16px;overflow:hidden}
.h5-hero h1{color:var(--ink);font-weight:500;line-height:1.1}
.h5-hero p{color:#6C757D;font-size:18px;white-space:normal!important}
.h5-btn{background:var(--accent);border-radius:8px;box-shadow:none}.h5-btn:hover{background:#53D93B}
.h5-hero-img{border-radius:16px;background:linear-gradient(79.72deg,#00D592 7.31%,#00BFFC 91.96%)}
.h5-cats a,.h5-stats,.lt,.h5-steps li{border-radius:16px}
.h5-cats a{background:#fff;border-color:#EBEEF5}
.h5-cats a:hover,.lt:hover{border-color:#A9EC9D}
.h5-go,.h5-n{background:var(--accent);border-radius:50%}.h5-n{box-shadow:0 0 0 6px var(--brand-soft)}
.h5-ic{background:var(--brand-soft);color:#1F9E08;border-radius:12px}
.pills a,.h5-chips a{border-radius:8px}.pills a.on{background:var(--accent);border-color:var(--accent);color:#fff}
.h5-chips a:hover{border-color:var(--accent);color:#1F9E08}
.h5-chips a.on{background:var(--accent);border-color:var(--accent);color:#fff}
.lt-price{color:var(--ink)}
.lt-foot svg,.h5-step-ic{color:#1F9E08}