/* СТО БЫТЬ: тёмный графит, главные кнопки белые, оранжевый (как «БЫТЬ») — акценты. */
:root { --orange: #ff7a00; --orange-2: #ff9a33;
  --steel: #ffffff; }
:root[data-theme="dark"], :root:not([data-theme="light"]) { --mist: #101215; --paper: #17191d; --soft: #1f2227; --graphite: #0c0d10; --ink: #eef0f3; --slate: #9aa0a8; }
/* логотип в шапке и подвале — по высоте, без растягивания */
.logo img, .ft-logo img { width: auto !important; height: 34px !important; }
.head.solid .logo { background: transparent; padding: 0; }
.ft-logo { background: transparent !important; padding: 0 !important; }
.ft-logo img { height: 40px !important; }
.hero .where { display: none; }
/* главные кнопки — белые */
.btn-honey { background: #fff; color: #14161a; box-shadow: 0 8px 22px -10px rgba(0,0,0,.8); }
.btn-honey:hover { background: #fff; box-shadow: 0 0 0 2px rgba(255,122,0,.6), 0 10px 26px -10px rgba(255,122,0,.6); }
/* оранжевый — только акценты: акции, таймер, «сейчас открыто», цены */
.pbadge, .badge-t:not(.news), .pic-badge, .ph-pic b { background: var(--orange) !important; color: #fff !important; }
.cd b { color: var(--orange); }
.eyebrow { color: var(--orange) !important; }
.h2::after { content: ""; display: block; width: 56px; height: 4px; margin-top: 14px; border-radius: 4px; background: linear-gradient(90deg, var(--orange), var(--orange-2)); }
/* полоса акции — белая, кнопка оранжевая */
.deal { background: #fff; color: #14161a; box-shadow: inset 6px 0 0 var(--orange); }
.deal p { color: #3c4148; }
.deal .btn { background: linear-gradient(180deg, var(--orange-2), var(--orange)); color: #fff; box-shadow: 0 10px 24px -10px rgba(255,122,0,.9); }
.deal .btn:hover { background: var(--orange); }
.logo { flex: none; } .logo img { object-fit: contain; }
@media (max-width: 899px) { .head .logo img { content: url(img/logo-stack.png); height: 40px !important; } }
/* мини-апп */
.hero .lg img { content: url(img/logo-stack.png); width: 44px; height: 40px; }
.promo { background: radial-gradient(90% 120% at 100% 0%, rgba(255,122,0,.28), transparent 60%), linear-gradient(135deg, #2a2e35, #15171b); box-shadow: inset 0 0 0 1px rgba(255,255,255,.1); }
.promo .tg { background: var(--orange); color: #fff; }
.promo .go { background: var(--orange); color: #fff; }
.tm span { color: var(--orange); } .tm span small { color: #9aa0a8; }
/* админка: акцент оранжевый, главные кнопки — металл */
body.adm { --honey: #ff7a00; --honey-2: #ff9a33; --honey-soft: rgba(255,122,0,.14); --honey-ink: #ff8a1f; --viz: #ff7a00; --vizl: #ff7a00; }
body.adm .side-h .lp img { content: url(img/logo-stack.png); width: 40px !important; height: 36px !important; }
body.adm .side-h .lp { background: transparent; }
/* первый экран: фото без увеличения и «наезда» — целиком по ширине, чтобы не терять резкость */
.hero .frames { inset: 0; transform: none !important; }
.hero .frame img { animation: none !important; transform: none !important; position: absolute; top: 0; left: 0; width: 100%; height: auto; aspect-ratio: 1280 / 591; object-fit: cover; }
.hero .frame::after { content: ""; position: absolute; left: 0; right: 0; top: -1px; height: calc(100vw * 591 / 1280 + 4px); background: linear-gradient(180deg, rgba(13,14,17,0) 55%, #0d0e11 100%); pointer-events: none; }
.hero { background: #0d0e11; }
@media (max-width: 899px) { .hero .frame img, .hero .frame::after { top: var(--head-h, 66px); } }