/* Тема «Вечерний бутик» в цветах рефов Скринго (15.09.2026): все цвета рефа понемногу.
   Почти чёрный — основа. Крем — окна с фото и текст. Олива — шторки, нижняя панель, блоки.
   Бронза — бренды, цены, ссылки, активное. Терракота — только главные кнопки и сердечко. */
:root {
  --black: #141210; --cream: #efe9e1; --olive: #3b392b; --olive-2: #2a291f; --terra: #9a4a2d; --bronze: #bf9b6f;

  --bg: var(--black); --page: #0d0c0a; --fg: var(--cream); --fg2: #c9c1b5; --muted: #9b9486;
  --line: rgba(239, 233, 225, .12); --line-strong: rgba(239, 233, 225, .4);
  --accent: var(--terra); --accent-fg: #f6f0e8; --ph: #fff;
  --r: 18px; --btn-r: 999px; --sheet-r: 24px; --toast-r: 999px;
  --sheet-bg: var(--olive); --card: var(--olive-2); --field: rgba(239, 233, 225, .05);
  --badge-bg: rgba(59, 57, 43, .92); --badge-fg: var(--cream); --badge-r: 999px; --fav-on: #b5563a;
  --ok: #b3bb8e; --warn: #d4ad72; --tab-bg: var(--olive-2); --bar-bg: rgba(42, 41, 31, .96);
  --hdr-line: rgba(191, 155, 111, .16);
  --display: "Jost", "Futura", sans-serif; --title-w: 300;
}
.hdr { height: 60px; }
.logo { height: 34px; }
.tabs { border-top-color: rgba(191, 155, 111, .14); }
.tab.on { color: var(--bronze); }
.cnt { top: 6px; }

.hero { margin: 4px 16px 0; cursor: pointer; }
.hero .ph { aspect-ratio: 1 / 1.02; border-radius: 30px; }
.hero-t { padding: 18px 4px 0; }
.hero-t .c-brand { font: 400 15px/1.2 var(--display); color: var(--bronze); letter-spacing: .02em; }
.hero-t h2 { margin-top: 4px; font: 300 30px/1.08 var(--display); }
.hero-t .c-price { margin-top: 10px; font-size: 16px; color: var(--bronze); }

.shelf-sec { margin-top: 34px; }
.shelf-hd { display: flex; justify-content: space-between; align-items: baseline; padding: 0 16px 12px; }
.shelf-hd h2 { font: 300 23px/1.15 var(--display); }
.link { font-size: 13px; color: var(--bronze); }
.mini { flex-basis: 44%; }
.mini .ph { border-radius: 16px; }
.sec-h { padding: 48px 16px 2px; font: 300 30px/1.1 var(--display); }

.seg { margin: 14px 16px 2px; }
.seg button.on, .chip.on { background: var(--cream); color: var(--black); }
.ctabs { border-bottom: 0; }
.ctab.on { color: var(--fg); box-shadow: inset 0 -1.5px 0 var(--bronze); }
.fbtn.on { box-shadow: inset 0 0 0 1px var(--bronze); color: var(--bronze); font-weight: 400; }
.grid { gap: 28px 12px; }
.c-brand { font: 400 15px/1.25 var(--display); }
.c-model { font-size: 12.5px; }
.c-price { color: var(--bronze); }
.badge { backdrop-filter: blur(6px); }
.badge.b-sold { background: rgba(239, 233, 225, .94); color: #6f695f; }

.gal { border-radius: 0 0 32px 32px; overflow: hidden; }
.pd-body { padding-top: 22px; }
.pd-type { margin-top: 18px; }
.pd-brand { font-size: 38px; line-height: 1.02; }
.pd-price { margin-top: 16px; font: 300 26px/1.2 var(--display); color: var(--bronze); }
.pill.on { box-shadow: inset 0 0 0 1px var(--bronze); color: var(--bronze); }
.auth .ic { color: var(--bronze); }
.buybar { backdrop-filter: blur(10px); border-top-color: rgba(191, 155, 111, .14); }
.bb-price { font: 400 19px/1.2 var(--display); color: var(--bronze); }

.ava { background: var(--bronze); color: var(--black); }
.loyal { box-shadow: inset 0 0 0 1px rgba(191, 155, 111, .3); }
.loyal-hd b { color: var(--bronze); }
.bar i { background: var(--bronze); }
.tile { background: var(--card); box-shadow: none; }
.citem .ph { border-radius: 12px; }
.sheet-bd h4 { color: var(--bronze); }
.sheet-ft { border-top-color: rgba(239, 233, 225, .1); }
.toast { background: var(--cream); color: var(--black); }