/* Тема «Стол повара» (владелец 30.10.2026, эскиз design/eskizy_kartinkoy/eskiz_B_stol_povara_v6.png).
   Светлая шлифованная нержавейка, по краям — зелень и гранат, блюда на приглушённых градиентах,
   логотип чёрный, как в оригинале. Включена на витрине 31.10.2026 (владелец: «можешь обновлять») классом tema-stal на <html>; разметка не меняется —
   подменяются токены stil.css и несколько поверхностей. Тёмной темы нет (владелец: «тёмный металл — стрёмно»). */

/* Playfair Display 700 — свой, из shrifty/ (Google Fonts у гостей бывает медленным) */
@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 700; font-display: swap;
  src: url(shrifty/playfair-cyrillic.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 700; font-display: swap;
  src: url(shrifty/playfair-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 700; font-display: swap;
  src: url(shrifty/playfair-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+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

html.tema-stal {
  /* сталь и чернила вместо крема и угля */
  --krem: #ECEEF0;
  --pesok: #E1E4E7;
  --ugol: #1C1E24;
  --ugol-72: rgba(28, 30, 36, .74);
  --ugol-62: rgba(28, 30, 36, .64);
  --ugol-45: rgba(28, 30, 36, .48);
  --granat: #8E1F3A;
  --vino: #5E1428;
  --steklo: rgba(236, 238, 240, .92);
  --steklo-kayma: rgba(255, 255, 255, .75);
  --belyy-92: rgba(246, 247, 248, .94);

  /* приглушённые градиенты под блюда: цвет остаётся, крик уходит */
  --pl-testo:   linear-gradient(150deg, #F3E1C4 0%, #E7C48F 55%, #D9A867 100%);
  --pl-zhar:    linear-gradient(150deg, #E9C2A8 0%, #D9917E 55%, #B9606A 100%);
  --pl-zelen:   linear-gradient(150deg, #DDE6CF 0%, #B5C99E 55%, #8DA876 100%);
  --pl-sladkoe: linear-gradient(150deg, #F1D6CF 0%, #DDA6A6 55%, #C27C88 100%);
  --pl-napitki: linear-gradient(150deg, #D6E8E2 0%, #A3CBC0 55%, #6FA89D 100%);
  --pl-kombo:   linear-gradient(150deg, #EBCFA6 0%, #D49A7E 55%, #A9606D 100%);
  --gr-testo:   linear-gradient(145deg, #F4E7D2 0%, #E3C597 100%);
  --gr-zhar:    linear-gradient(145deg, #EBCDB8 0%, #CD8A80 100%);
  --gr-zelen:   linear-gradient(145deg, #E3EAD6 0%, #A9BF92 100%);
  --gr-sladkoe: linear-gradient(145deg, #F2DCD6 0%, #D3999E 100%);
  --gr-napitki: linear-gradient(145deg, #DCEBE6 0%, #94C1B5 100%);
  --gr-kombo:   linear-gradient(145deg, #EED6B3 0%, #C98E86 100%);
  --ten-testo:   rgba(120, 90, 50, .30);
  --ten-zhar:    rgba(120, 50, 50, .30);
  --ten-zelen:   rgba(60, 90, 50, .30);
  --ten-sladkoe: rgba(120, 60, 70, .28);
  --ten-napitki: rgba(40, 90, 80, .28);
  --ten-kombo:   rgba(110, 50, 50, .30);

  /* гранат с золотым бликом — кнопки и корзина */
  --gr-knopka:  linear-gradient(180deg, #A8304B 0%, #8E1F3A 55%, #6E1630 100%);
  --gr-korzina: linear-gradient(180deg, #A8304B 0%, #8E1F3A 55%, #6E1630 100%);
  --gr-zagolovok: linear-gradient(#1C1E24, #1C1E24);
  --ten: 0 10px 24px -12px rgba(20, 24, 30, .38);
  --ten-myagkaya: 0 8px 18px -12px rgba(20, 24, 30, .32);
  --ten-glubokaya: 0 18px 34px -16px rgba(20, 24, 30, .48);
  --ten-knopki: 0 0 0 1.5px #D9B25A, 0 6px 14px -6px rgba(110, 22, 48, .6), inset 0 1px 0 rgba(255, 255, 255, .35);
  --ten-korziny: 0 0 0 1.5px #D9B25A, 0 10px 22px -10px rgba(110, 22, 48, .7), inset 0 1px 0 rgba(255, 255, 255, .3);
  --ten-vstavka: inset 0 1px 0 rgba(255, 255, 255, .85);

  /* заголовки — антиква, как на эскизе; цены и подписи — прежний Onest */
  --sh-zag: 'Playfair Display', Georgia, serif;
  --t-ekran: 700 2.125rem/1.05 var(--sh-zag);
  --t-razdel: 700 3rem/1 var(--sh-zag);
  --t-shtorka: 700 1.625rem/1.1 var(--sh-zag);
  --t-cena: 700 1.125rem/1 var(--sh-tekst);
  --t-cena-krupno: 800 1.75rem/1 var(--sh-tekst);

  /* шлифованная сталь: вытянутый шум + косые блики, как светлая тема кассы ChikChak */
  background-color: #D6D9DC;
  background-image:
    linear-gradient(118deg, rgb(0 0 0/.05) 0%, rgb(255 255 255/.45) 34%, rgb(0 0 0/.04) 52%, rgb(255 255 255/.28) 70%, rgb(0 0 0/.07) 100%),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='600' height='600'><filter id='f' x='0' y='0' width='1' height='1'><feTurbulence type='fractalNoise' baseFrequency='0.85 0.003' numOctaves='3' seed='7' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0.5 0 0 0 -0.22'/></filter><rect width='100%' height='100%' filter='url(%23f)'/></svg>"),
    linear-gradient(180deg, #E4E6E9 0%, #D3D6D9 100%);
  background-size: 100% 100%, 600px 600px, 100% 100%;
  background-attachment: fixed;
}

/* живой оранжевый фон и Хинкалик-украшение на баннере — не в этой теме (плавающий Хинкалик остаётся: он кнопка голосового помощника) */
.tema-stal .fon,
.tema-stal .banner__personazh,
.tema-stal .begushchaya { display: none !important; }

/* зелень и гранат по краям стола: под содержимым, не под текстом — выглядывают в промежутках */
.tema-stal .stolb::before,
.tema-stal .stolb::after {
  content: ''; position: fixed; top: 0; bottom: 0; width: 120px; z-index: -1; pointer-events: none;
  background-repeat: no-repeat;
}
.tema-stal .stolb::before {
  left: max(-46px, calc(50% - var(--shirina) / 2 - 46px));
  background-image: url(zelen/kinza.webp), url(zelen/granat-zyorna.webp), url(zelen/granat-rossyp.webp), url(zelen/ukrop.webp);
  background-size: 120px auto, 64px auto, 56px auto, 120px auto;
  background-position: 0 18%, 30px 47%, 20px 62%, 0 84%;
}
.tema-stal .stolb::after {
  right: max(-46px, calc(50% - var(--shirina) / 2 - 46px));
  background-image: url(zelen/ukrop.webp), url(zelen/luk.webp), url(zelen/granat-zyorna.webp), url(zelen/tarhun.webp);
  background-size: 120px auto, 96px auto, 60px auto, 120px auto;
  background-position: 0 6%, 10px 36%, 40px 58%, 0 92%;
}
.tema-stal .stolb { isolation: isolate; }

/* шапка: вместо надписи «ХИНКАЛЬНАЯ» — логотип */
.tema-stal .mesto__set {
  display: block; width: 104px; height: 82px; margin: -6px 0 4px -4px;
  font-size: 0; color: transparent; letter-spacing: 0;
  background: url(ikonki/logo-chernyy.webp) left center / contain no-repeat;
}

/* стальные пластины: поиск, чипы, вкладки, баннер, карточки */
.tema-stal .poisk,
.tema-stal .chip,
.tema-stal .lenta,
.tema-stal .tabletka,
.tema-stal .banner,
.tema-stal .kartochka {
  background-image: linear-gradient(172deg, rgb(255 255 255/.55) 0%, rgb(255 255 255/.05) 30%, rgb(0 0 0/.04) 60%, rgb(255 255 255/.2) 82%, rgb(0 0 0/.08) 100%);
  background-color: #E3E6E9;
  border-color: rgba(255, 255, 255, .7);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), inset 0 -1px 0 rgba(0, 0, 0, .14), 0 0 0 1px rgba(0, 0, 0, .1), 0 4px 10px -5px rgba(20, 24, 30, .35);
  color: var(--ugol);
}
.tema-stal .banner { background-image: linear-gradient(100deg, rgb(142 31 58/.92) 0 6px, transparent 6px),
  linear-gradient(172deg, rgb(255 255 255/.55) 0%, rgb(255 255 255/.05) 30%, rgb(0 0 0/.04) 60%, rgb(255 255 255/.2) 82%, rgb(0 0 0/.08) 100%); }
.tema-stal .banner--svetlyy { color: var(--ugol); text-shadow: none; }

/* заголовок раздела — чёрная антиква, без винного градиента и кремовой дымки */
.tema-stal .zagolovok::before { display: none; }
.tema-stal .zagolovok h2 { --gr-zagolovok-temnyy: linear-gradient(#1C1E24, #1C1E24); filter: none; letter-spacing: -.01em; }
.tema-stal .zagolovok__pod { color: var(--ugol-72); }

/* адрес в шапке — рабочим шрифтом, как на эскизе */
.tema-stal .mesto__nazvanie { font-family: var(--sh-tekst); font-weight: 700; letter-spacing: -.01em; }

/* кольца историй: гранат и золото вместо оранжевого (цвет кольца задаёт istorii.js — перекрываем саму обводку) */
html.tema-stal { --gr-kolco: conic-gradient(from var(--ugol-kolca), #8E1F3A, #D9B25A 30%, #8E1F3A 55%, #A8ADB3 80%, #8E1F3A); }
.tema-stal .istoriya-krug__kolco { background: conic-gradient(from var(--istoriya-ugol, 0deg), #8E1F3A, #C4CAD0, #6E1630, #E6E9EC, #8E1F3A) !important; box-shadow: 0 6px 14px -8px rgba(20, 24, 30, .4) !important; }
.tema-stal .istoriya-krug--prosmotrena .istoriya-krug__kolco { background: #B6BBC1 !important; }
/* кольцо рисует ::before с цветами истории из istorii.js — его и перекрашиваем */
.tema-stal .istoriya-krug__kolco::before { background: conic-gradient(#8E1F3A, #C9A24A 30%, #6E1630 55%, #B6BBC1 80%, #8E1F3A) !important; }
.tema-stal .istoriya-krug--prosmotrena .istoriya-krug__kolco::before { display: none; }

/* нижнее меню — стальная пластина, бегунок — гранатовый отсвет */
.tema-stal .niz {
  background-color: #E3E6E9;
  background-image: linear-gradient(180deg, rgb(255 255 255/.6), rgb(0 0 0/.06));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), inset 0 -1px 0 rgba(0, 0, 0, .12), 0 0 0 1px rgba(0, 0, 0, .1), var(--ten-glubokaya);
}
.tema-stal .niz__indikator { background: linear-gradient(180deg, rgba(142, 31, 58, .14), rgba(142, 31, 58, .22)); box-shadow: inset 0 0 0 1px rgba(142, 31, 58, .25); }
.tema-stal .niz__punkt { color: #4A4F57; }
.tema-stal .niz__punkt[aria-current="page"], .tema-stal .niz__punkt.aktiven { color: var(--granat); }

/* ---- 31.10: остальные экраны (блюдо, корзина, оформление, адрес, поиск, профиль) ---- */

/* оставшиеся акценты: шафран — в старое золото, паприка — в кирпич, эстрагон — в зелень листа */
html.tema-stal { --shafran: #C9A24A; --paprika: #B4432E; --estragon: #4C7A45; }

/* на гранатовом — белый текст (в исходной теме те же кнопки были оранжевыми с тёмным текстом) */
.tema-stal :is(.knopka--glavnaya, .chip-dobavka.vybran, .oformlenie__slot.vybran, .zavedenie__blizhe,
  .pereklyuchatel button.aktiven, .plyus, .oformlenie__znak, .poisk-ekran__znak, .gotovo__shag:first-child .gotovo__znak) { color: #fff; }
.tema-stal .stepper:not(.stepper--steklo), .tema-stal .stepper:not(.stepper--steklo) button { color: #fff; }
.tema-stal .chip-dobavka.vybran .plus-cena { opacity: .8; }
.tema-stal .gotovo__shag:first-child .gotovo__znak svg { color: #fff; }

/* активная вкладка разделов: стальные таблетки закрывали гранатовый бегунок — активная прозрачная */
.tema-stal .tabletka.aktivna { background: transparent; box-shadow: none; color: #fff; }

/* цифры — рабочим шрифтом: у антиквы старые цифры «прыгают» в ценах и на часах */
.tema-stal :is(.stepper b, .niz__summa, .knopka .summa, .knopka .summa-v, .zavedenie__km, .poziciya__cena,
  .bylo-stalo b, .korzina__summa, .oformlenie__slot, .gotovo__nomer, #korzina-schet, .profil__bally-verh b, .vhod__kod-cifry) { font-family: var(--sh-tekst); }
.tema-stal .bylo-stalo b { color: var(--granat); }

/* тёплые подсветки исходной темы — в холодный блик */
.tema-stal .banner::before { background: radial-gradient(90% 80% at 12% 0%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 60%); }
.tema-stal .banket::before { background: radial-gradient(90% 90% at 0% 0%, rgba(255, 255, 255, .45), rgba(255, 255, 255, 0) 60%); }
.tema-stal .niz__korzina::before { background: radial-gradient(120% 80% at 25% 0%, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0) 55%); }
.tema-stal :is(.kartochka__nazvanie, .poisk-ekran) mark { background: linear-gradient(transparent 58%, rgba(201, 162, 74, .42) 58%); }
.tema-stal .gotovo__kartochka .gotovo__nomer { background: linear-gradient(100deg, #A8304B, #6E1630); -webkit-background-clip: text; background-clip: text; }
.tema-stal .vhod__kod { background: linear-gradient(135deg, rgba(201, 162, 74, .16), rgba(142, 31, 58, .1)); }
.tema-stal .zavedenie.zakryto .zavedenie__tochka { box-shadow: 0 0 0 3px rgba(180, 67, 46, .18); }
.tema-stal .zavedenie.chasy-neizvestny .zavedenie__tochka { box-shadow: 0 0 0 3px rgba(201, 162, 74, .22); }
.tema-stal .shtorka__zakryt { background: rgba(240, 242, 244, .78); }

/* раздел «из теста»: исходная тема чередует тон карточек медовыми градиентами — здесь только блёклые */
.tema-stal .sem-testo .setka > .kartochka:nth-child(4n+2) { --gr: linear-gradient(150deg, #F1DEC2 0%, #E2BE8E 55%, #CFA371 100%); --ten-cvet: rgba(120, 90, 50, .3); }
.tema-stal .sem-testo .setka > .kartochka:nth-child(4n+3) { --gr: linear-gradient(150deg, #F5E9D3 0%, #E9CF9E 55%, #D8B47A 100%); --ten-cvet: rgba(120, 90, 50, .28); }
.tema-stal .sem-testo .setka > .kartochka:nth-child(4n) { --gr: linear-gradient(150deg, #EFD9BD 0%, #DDB083 55%, #C08E62 100%); --ten-cvet: rgba(110, 75, 45, .3); }
.tema-stal .propalo--ubrano .poziciya__nazvanie { text-decoration-color: rgba(142, 31, 58, .6); }
.tema-stal .tochka.zakryto { color: rgba(180, 67, 46, .5); }
@media (min-width: 700px) { .tema-stal .stolb { background: rgba(236, 238, 240, .3); } }

/* просмотр историй: стили вставляет istorii.js — шрифт и оранжевые кнопки меняем здесь (html. — сильнее его правил) */
html.tema-stal .istorii-prosmotr__zagolovok { font-family: var(--sh-zag); font-weight: 700; letter-spacing: -.01em; }
html.tema-stal .istorii-prosmotr__marka { font-family: var(--sh-tekst); }
html.tema-stal .istorii-prosmotr__marka i { background: var(--gr-knopka); }
html.tema-stal .istorii-prosmotr__deystvie { font-family: var(--sh-tekst); background: var(--gr-knopka); color: #fff; box-shadow: var(--ten-knopki); }
html.tema-stal .istoriya-krug__vnutri { border-color: #ECEEF0; }

/* всплывашка: цвета ставит dvizhenie.js в style — уголь и крем меняем на чернила и золото */
.tema-stal .tost { background: rgba(28, 30, 36, .92) !important; color: #F2F3F5 !important; box-shadow: 0 12px 32px rgba(20, 24, 30, .3) !important; }
.tema-stal .tost button { color: #D9B25A !important; }

/* шапка корзины — сталь и чёрная антиква вместо гранатовой полосы с оранжевым углом */
.tema-stal .shtorka__shapka-korziny {
  background: linear-gradient(172deg, rgb(255 255 255/.6) 0%, rgb(255 255 255/.1) 40%, rgb(0 0 0/.05) 100%), #E3E6E9;
  color: var(--ugol);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .1);
}
.tema-stal .shtorka__shapka-korziny::before { display: none; }
.tema-stal .shtorka__shapka-korziny .shtorka__ruchka::before { background: rgba(28, 30, 36, .22); }
.tema-stal .shtorka__shapka-korziny p { color: var(--ugol-72); opacity: 1; }
.tema-stal .korzina__zakryt { background: rgba(255, 255, 255, .7); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .9), var(--ten-myagkaya); color: var(--ugol); }

/* низ оформления — сталь, а не кремовая полоса (подложку ставит oformlenie.js в style, отсюда !important) */
.tema-stal .oformlenie__niz { background: linear-gradient(to top, #E2E5E8 calc(100% - 14px), rgba(226, 229, 232, 0)) !important; }

/* Хинкалик в теме — только голосовой помощник (владелец 31.10): плавающая кнопка и шторка «Скоро закажете голосом».
   Как украшение экранов его нет: в пустой корзине и при переносе — ничего, на «Где вы?» и «Готово» — логотип */
.tema-stal :is(.pusto__hinkalik, .perenos__hinkalik), .tema-stal :is(.adres__hinkalik, .gotovo__hinkalik) > * { display: none !important; }
.tema-stal :is(.adres__hinkalik, .gotovo__hinkalik) { width: 150px; height: 118px; min-height: 0; justify-self: center;
  background: url(ikonki/logo-chernyy.webp) center / contain no-repeat; }
.tema-stal .gotovo__hinkalik { margin-top: 24px; }
.tema-stal .adres--otkryt .adres__geroy { display: none; }

/* зелень на телефоне выглядывает из-за края, а не лезет на подписи */
.tema-stal .stolb::before { left: max(-88px, calc(50% - var(--shirina) / 2 - 46px)); }
.tema-stal .stolb::after { right: max(-88px, calc(50% - var(--shirina) / 2 - 46px)); }