/* ============================================================
   CINEZED — ОБЩИЯТ ВИД НА ЦЕЛИЯ САЙТ   (17.09.2026)
   ------------------------------------------------------------
   Сайтът е прерисуван в стила на „Filmed events" (css/filmed.css):
   чисто черно, само текст и кадър. Концепцията и текстовете са
   същите — сменени са шрифтовете и видът.

     заглавия   Anton (Sofia Sans Extra Condensed отзад заради
                кирилицата) — висок, тесен, плътен
     текст      IBM Plex Mono — навсякъде, включително бутоните
     цвят       черно и бяло. Червено — само мъничко (менюто, REC).
                Зелено има САМО на „ВЗЕМИ ВСИЧКИ" в търсачката
                (css/event.css) — никъде другаде.

   Файлът се зарежда ПОСЛЕДЕН на всяка страница и бие style.css,
   fx.css, glass.css, studio.css и sheet.css. Там стоят стъклото,
   металните бутони, мрежата и заоблените ъгли — тук се гасят.
   Старите файлове не са трити, за да може всичко да се върне.

   Скриптовете js/glass.js и js/liquid-button.js вече не се
   зареждат никъде: рисуваха пречупване и метален блик, които тук
   няма какво да правят.
   ============================================================ */

:root{
  --display:'Anton','Sofia Sans Extra Condensed',Impact,'Arial Narrow',sans-serif;
  --modern:var(--display);
  --body:'IBM Plex Mono',ui-monospace,monospace;
  --mono:'IBM Plex Mono',ui-monospace,monospace;
  --tech:'IBM Plex Mono',ui-monospace,monospace;
  --list:'IBM Plex Mono',ui-monospace,monospace;
  --term:'IBM Plex Mono',ui-monospace,monospace;

  /* без заобляне никъде */
  --r-xs:0; --r-sm:0; --r:0; --r-lg:0; --r-xl:0; --r-pill:0;

  /* повърхностите са черни — прозорци няма */
  --bg:#000;
  --surface:#000;
  --surface-2:#000;
  --surface-3:#0b0b0b;
  --line:rgba(255,255,255,.16);
  --line-2:rgba(255,255,255,.09);

  /* зеленото и цианът на старите уреди стават бели */
  --sig-green:#f4f4f6;
  --sig-green-soft:#ffffff;
  --sig-green-wash:rgba(255,255,255,.06);
  --sig-green-line:rgba(255,255,255,.3);
  --lq-rose:#f4f4f6;

  --mono-line:rgba(255,255,255,.16);
  font-stretch:normal;
}

html,body{background:#000}
body{font-family:var(--body);font-stretch:normal}

/* мрежата и осветлението отзад — ги няма на нито една страница */
body::before,
body::after{content:none !important;display:none !important}

h1,h2,h3,h4,.hdr-nav,.eyebrow,.mono,.btn{font-stretch:normal}

/* ---------- ЗАГЛАВИЯТА ---------- */
h1,h2{
  font-family:var(--display);
  font-weight:400;
  text-transform:uppercase;
  letter-spacing:0;
  line-height:.92;
}
h3{font-family:var(--mono);font-weight:500;letter-spacing:0}

/* надписите над заглавията — малък сив текст, без чертичка */
.eyebrow,.eyebrow-red{
  font-family:var(--mono);
  font-size:clamp(11px,.95vw,13px);
  letter-spacing:.06em;
  color:var(--text-3);
}
.eyebrow::before,.eyebrow-red::before{content:none !important;display:none !important}

/* ============================================================
   БУТОНИТЕ — бяла рамка и текст; при посочване се обръщат
   ------------------------------------------------------------
   Селекторът повтаря този от style.css с html отпред, за да го
   бие, без !important. Бутоните с клас vbtn (търсачката, плейъра)
   си имат свой вид и не се пипат.
   ============================================================ */
html .btn,
html button:not([data-play]):not(.cdel):not(.modal-close):not(.vbtn):not(.lang-b):not(.shop-btn){
  border-radius:0;
  background:none;
  backdrop-filter:none;-webkit-backdrop-filter:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.6);
  color:var(--text);
  font-family:var(--mono);font-weight:500;
  font-size:12px;letter-spacing:.08em;
  padding:13px 22px;min-height:46px;
  transform:none;
  transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;
}
html .btn::before,
html .btn::after,
html button:not([data-play]):not(.cdel):not(.modal-close):not(.vbtn):not(.lang-b):not(.shop-btn)::before,
html button:not([data-play]):not(.cdel):not(.modal-close):not(.vbtn):not(.lang-b):not(.shop-btn)::after{
  content:none;display:none;
}
html .btn:hover,
html button:not([data-play]):not(.cdel):not(.modal-close):not(.vbtn):not(.lang-b):not(.shop-btn):hover{
  background:var(--text);color:#000;
  box-shadow:inset 0 0 0 1px var(--text);
  transform:none;
  backdrop-filter:none;-webkit-backdrop-filter:none;
}
html .btn:active,
html button:not([data-play]):not(.cdel):not(.modal-close):not(.vbtn):not(.lang-b):not(.shop-btn):active{transform:none}
html .btn.metal,
html .btn.on{background:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6);color:var(--text)}
html .btn.on{background:var(--text);color:#000}
html button:disabled,html .btn[disabled]{opacity:.4;cursor:not-allowed}
.lm-layer,.lm-ripple{display:none !important}

/* текстова връзка „ALL RACES →" */
.btn-text{
  font-family:var(--mono);font-weight:500;font-stretch:normal;
  font-size:13px;letter-spacing:.08em;
  text-decoration:underline;text-underline-offset:5px;
}

/* ============================================================
   СТЪКЛОТО — гаси се навсякъде
   ============================================================ */
html .lq,
html .glass,
html .glass-panel{
  background:none !important;
  backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
  box-shadow:none !important;
}
html .lq::before,html .lq::after,
html .glass::before,html .glass::after,
html .lq-glow,html .lq-back{display:none !important}

/* ============================================================
   ХЕДЪР И ФУТЪР
   ============================================================ */
.hdr-nav{
  font-family:var(--mono);font-weight:500;
  font-size:12px;letter-spacing:.08em;
}

.ftr{border-top:1px solid var(--mono-line)}
.ftr-tag{font-family:var(--mono);letter-spacing:.06em}
.ftr-col h4{font-family:var(--mono);font-size:12px;letter-spacing:.06em;font-weight:500}
.ftr-col a,.ftr-col p{font-family:var(--mono);font-size:13px}
.ftr-col a:hover{color:var(--text);text-decoration:underline;text-underline-offset:4px}
.ftr-bot .mono{font-size:12px;letter-spacing:.06em}

.lang-b{
  font-family:var(--mono) !important;font-size:12px !important;letter-spacing:.06em !important;
  border-radius:0 !important;
  background:none !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3) !important;
  color:var(--text-2) !important;
  padding:10px 14px !important;min-height:44px;
}
.lang-b.on{box-shadow:inset 0 0 0 1px var(--text) !important;color:var(--text) !important}

/* ============================================================
   ЧЕСТО ЗАДАВАНИ ВЪПРОСИ — редове с линия
   ============================================================ */
.faq-item{
  background:none !important;border:none !important;box-shadow:none !important;
  border-bottom:1px solid var(--mono-line) !important;
  border-radius:0 !important;
}
.faq-q{font-family:var(--mono);font-weight:500;letter-spacing:0;text-transform:none}
.faq-a{font-family:var(--mono);font-size:14px;line-height:1.75;color:var(--text-2)}

/* ============================================================
   ФОРМИ (количката)
   ============================================================ */
input,textarea,select{font-family:var(--mono)}

/* ============================================================
   НАЧАЛНАТА СТРАНИЦА
   ============================================================ */

/* ---------- АРХИВЪТ: редове вместо дискове ----------
   Същият запис като на sport-videos: [01] ИМЕ ВИД БРОЙ.
   Редовете се рисуват от скрипта в index.html. */
body[data-page="home"] .rack{
  display:block;
  border-top:1px solid var(--mono-line);
}
.arc-row{
  display:grid;
  grid-template-columns:minmax(5ch,.7fr) minmax(0,2fr) minmax(0,1.4fr) minmax(0,1.2fr) 3ch;
  align-items:center;
  column-gap:2ch;
  padding:clamp(16px,2.4vh,26px) 0;
  border-bottom:1px solid var(--mono-line);
  font-family:var(--mono);
  font-size:clamp(15px,1.9vw,28px);
  line-height:1;
  text-transform:uppercase;
  color:var(--text);
  text-decoration:none;
  white-space:nowrap;
}
.arc-row > span{overflow:hidden;text-overflow:ellipsis}
.arc-name{font-weight:700}
.arc-type,.arc-count{color:var(--text-2)}
.arc-count{justify-self:end}
.arc-go{justify-self:end;transition:transform .25s ease}
.arc-n{justify-self:start;padding:0 .2em;margin-left:-.2em}
@media (hover:hover){
  .arc-row:hover .arc-n{background:var(--text);color:#000}
  .arc-row:hover .arc-go{transform:translateX(6px)}
}
@media (max-width:640px){
  .arc-row{
    grid-template-columns:5ch minmax(0,1fr) 2ch;
    grid-template-areas:"n name go" ". meta go";
    row-gap:6px;
    font-size:13px;
  }
  .arc-n{grid-area:n}
  .arc-name{grid-area:name;font-size:22px}
  .arc-type{grid-area:meta}
  .arc-count{grid-area:meta;justify-self:end}
  .arc-go{grid-area:go;align-self:center}
}

/* заглавието на секцията и обяснението отстрани */
.sec-head p{font-family:var(--mono);font-size:clamp(13px,1.1vw,15px);line-height:1.7;color:var(--text-2)}

/* ---------- РИЙЛСИТЕ ----------
   Статистиките бяха стъклени табелки с ъглови резки — остава
   само текстът. Металният кант около кадъра пада. */
.stat-chip{
  background:none !important;
  backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
  border:none !important;box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
}
.stat-chip::before,.stat-chip::after{content:none !important;display:none !important}
.stat-chip .k{font-size:11px;letter-spacing:.06em}
.stat-chip .v{font-family:var(--display);font-weight:400;font-size:clamp(34px,4.4vw,64px);letter-spacing:0}
.rc-rim{display:none !important}
.rc-media{box-shadow:none !important}

/* ---------- СОЦИАЛНИТЕ ---------- */
.se-tx b{font-family:var(--mono);font-weight:700;letter-spacing:.02em}
.se-tx em{font-family:var(--mono);font-style:normal}

/* ============================================================
   STUDIO
   ------------------------------------------------------------
   Studio ползва --display с тънко тегло (300) на много места.
   Anton има само едно тегло, а кирилицата идва от Sofia Sans в
   900 — тънкото тегло браузърът го „измисляше" и буквите
   излизаха накривени. Затова: големите заглавия — Anton 400,
   всичко по-дребно — IBM Plex Mono.
   ============================================================ */
.sh-h1,.stmt-h,.fin-h{font-weight:400}

/* услугите: списък с номер и линия, като архива */
.svc-lines h3,
.svc2-text h3,
.proc-step h3{
  font-family:var(--mono);font-weight:500;
  font-size:clamp(17px,2vw,28px);
  letter-spacing:0;text-transform:none;line-height:1.25;
}
.svc-lines li{border-color:var(--mono-line) !important}

.indiv-punch{
  font-family:var(--mono);font-weight:700;
  font-size:clamp(16px,1.6vw,22px);letter-spacing:0;line-height:1.5;
}

/* техниката: числата без кутии */
.spec{
  border:none !important;border-radius:0 !important;
  background:none !important;box-shadow:none !important;
  border-top:1px solid var(--mono-line) !important;
  padding-left:0 !important;padding-right:0 !important;
}
.spec::before,.spec::after{content:none !important;display:none !important}
.spec b{font-family:var(--display);font-weight:400;font-size:clamp(40px,5vw,72px);letter-spacing:0}
.spec em{font-family:var(--mono);font-style:normal;font-size:12px;letter-spacing:.06em}

/* връзките „Свържи се с нас →", „Пиши ни →" */
.tlink{
  font-family:var(--mono);font-weight:500;
  letter-spacing:.02em;
  text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px;
}
.tlink-lg{font-size:clamp(20px,2.4vw,32px)}

/* каналите долу: текст, без рамки */
.fin-ch a{
  border:none !important;border-radius:0 !important;
  padding:11px 0 !important;
  font-family:var(--mono);font-size:13px;letter-spacing:.04em;text-transform:none;
  text-decoration:underline;text-underline-offset:5px;
}
.fin-ch{column-gap:clamp(20px,3vw,36px)}
.fin-kicker,.fin-foot{font-family:var(--mono);letter-spacing:.06em}

/* ============================================================
   ABOUT (body.sheet)
   ------------------------------------------------------------
   Дотук беше светла „лист" тема (css/sheet.css). Цветовете ѝ се
   обръщат на черно; подредбата — колоните и линиите — остава.
   ============================================================ */
body.sheet{
  --bg:#000;
  --surface:#000;
  --surface-2:#000;
  --surface-3:#0b0b0b;
  --line:rgba(255,255,255,.16);
  --line-2:rgba(255,255,255,.09);
  --text:#f4f4f6;
  --text-2:#a8a8b3;
  --text-3:#8b8b96;
  --red:#f4f4f6;
  --red-soft:#ffffff;
  --red-deep:#ffffff;
  --red-wash:rgba(255,255,255,.06);
  --red-line:rgba(255,255,255,.3);
  background:#000;
}
body.sheet .hdr{background:linear-gradient(180deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,0) 100%)}
.reveal-bg{display:none !important}

/* заглавието „ABOUT" — Anton, без металния преливащ ефект */
.metal-ink{
  background:none !important;color:var(--text) !important;
  -webkit-text-fill-color:currentColor;animation:none !important;
}
.metal-rule{background:var(--mono-line) !important;height:1px !important;animation:none !important}
.sheet-title h1{font-family:var(--display);font-weight:400;letter-spacing:0}
.note h2,.srow .k{font-family:var(--display);font-weight:400;letter-spacing:0}
.rdo-v{font-family:var(--display) !important;font-weight:400 !important;letter-spacing:0 !important}

/* бутоните на листа: същите бели рамки като по сайта */
html body.sheet .btn,
html body.sheet button:not(.burger):not(.cdel):not(.vbtn){
  background:none;border:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.6);
  color:var(--text);
  font-family:var(--mono);font-weight:500;font-size:12px;letter-spacing:.08em;
  transform:none;
}
html body.sheet .btn:hover,
html body.sheet button:not(.burger):not(.cdel):not(.vbtn):hover{
  background:var(--text);color:#000;transform:none;
  box-shadow:inset 0 0 0 1px var(--text);
}
html body.sheet .btn.red{background:var(--text);color:#000;box-shadow:none}
html body.sheet .btn.red:hover{background:#000;color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}

/* ============================================================
   ОБЩО ЗА ВЪТРЕШНИТЕ СТРАНИЦИ
   ============================================================ */

/* сиянието под заглавието и „прожекторът" след курсора */
.pagetop::before,.pagetop::after{content:none !important;display:none !important}
.spot{display:none !important}

/* тънката лента за превъртане най-горе — бяла, без преливане */
.scrollbar-top{background:var(--text) !important;height:1px !important}

/* трохите „HOME / CART" */
.crumbs{font-family:var(--mono);font-size:12px;letter-spacing:.06em}

/* ============================================================
   КОЛИЧКАТА
   ------------------------------------------------------------
   Кутиите около поръчката и сметката стават линии. Главният
   бутон („КЪМ ПЛАЩАНЕ") е плътно бял — единственото запълнено
   нещо на страницата, за да е ясно кое е действието.
   ============================================================ */
.cgroup,.summary,.gbundle{
  background:none !important;box-shadow:none !important;
  border:none !important;border-top:1px solid var(--mono-line) !important;
  border-radius:0 !important;
}
.cgroup-h{background:none !important;border-bottom:1px solid var(--line-2) !important;padding-left:0 !important;padding-right:0 !important}
.cgroup-h strong{font-family:var(--display);font-weight:400;font-size:clamp(22px,2.4vw,32px);letter-spacing:0}
.crow{padding-left:0 !important;padding-right:0 !important}
.summary h3,.summary h2{font-family:var(--display);font-weight:400;letter-spacing:0;text-transform:uppercase}

/* бутоните в количката — селекторът на style.css е с #cartBody */
html #cartBody .btn{
  background:none;backdrop-filter:none;-webkit-backdrop-filter:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.6);
  color:var(--text);
}
html #cartBody .btn:hover{background:var(--text);color:#000;box-shadow:inset 0 0 0 1px var(--text)}
html #cartBody .btn.red{background:var(--text);color:#000;box-shadow:none;font-weight:700}
html #cartBody .btn.red:hover{background:#000;color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}

/* полетата — само линия отдолу */
.promo-input,
.buyer input{
  background:none !important;
  border:none !important;border-bottom:1px solid rgba(255,255,255,.3) !important;
  border-radius:0 !important;
  padding-left:0 !important;padding-right:0 !important;
  font-family:var(--mono) !important;
  font-size:16px !important;   /* под 16px iPhone приближава полето */
}
.promo-input:focus,
.buyer input:focus{border-bottom-color:var(--text) !important}
/* грешно поле — червеното е на място: казва, че нещо липсва */
.buyer input.bad{border-bottom-color:var(--sig-red,#ff2b2b) !important}

/* ============================================================
   СЛЕД ПЛАЩАНЕ (success.html) — бутоните за сваляне
   „Свален" беше зелено; тук зелено няма — става плътно бяло.
   ============================================================ */
.crow .cdl,
.crow .cdel{
  border-radius:0 !important;background:none !important;
  border:1px solid rgba(255,255,255,.4) !important;
  font-size:12px !important;letter-spacing:.06em !important;
}
.crow .cdl{color:var(--text) !important}
.crow .cdl:hover{background:var(--text) !important;color:#000 !important;border-color:var(--text) !important}
.crow .cdl.done{background:var(--text) !important;color:#000 !important;border-color:var(--text) !important}
.cthumb{border-radius:0 !important;background:#0b0b0b !important}
.empty h3{font-family:var(--display);font-weight:400;letter-spacing:0;text-transform:uppercase}

/* Последните зелени точки по сайта (стари уреди, „онлайн" лампички)
   — стават бели. Зелено остава само в търсачката на „ВЗЕМИ ВСИЧКИ". */
.hdd-led,.brief-dot{background:var(--text) !important}
.crow.is-done{background:none !important}
.btn-buy.is-added{border-color:var(--text) !important;color:var(--text) !important}

/* ============================================================
   РИЙЛСИТЕ КАТО ПЛЪТНИ 3D ТЕЛА   (17.09.2026)
   ------------------------------------------------------------
   Всяка карта и досега беше кутия — лице, гръб и четири канта
   (js/reels.js, css/fx.css). Кантовете обаче почти не личаха, по
   две причини:

   1. ТЯЛОТО СЕ СПЛЕСКВАШЕ. Върху .rc стояха filter (яркостта на
      далечните карти) и opacity. И двете карат браузъра да нарисува
      картата като ПЛОСКА снимка — preserve-3d спира да важи и
      кантовете изчезват. Затова яркостта и прозрачността минават
      върху всяка стена поотделно, а тялото остава чисто.
   2. БЕШЕ ТЪНКО — 20 px. Сега дебелината е 16% от ширината на
      картата (между 24 и 60 px).
   ============================================================ */
.rc{
  --th:clamp(24px, calc(var(--cw, 240px) * .16), 60px);
  filter:none !important;
  opacity:1 !important;
}
.rc-face,
.rc-edge{
  opacity:var(--o,1);
  filter:brightness(var(--b,1)) saturate(var(--sat,1));
  transition:filter .25s linear,opacity .25s linear;
}

/* кантовете: тъмно сиво с една светла ивица — ръб, огрян отгоре */
.rc-edge{
  background:linear-gradient(180deg,#0c0c0e 0%,#2b2b30 30%,#6d6d74 50%,#2b2b30 70%,#0c0c0e 100%) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14) !important;
}
.rc-e-t,.rc-e-b{
  background:linear-gradient(90deg,#0c0c0e 0%,#3a3a40 45%,#5c5c63 55%,#161618 100%) !important;
}
.rc-e-t{background:linear-gradient(90deg,#1a1a1e,#606067 50%,#1a1a1e) !important}

/* гърбът: черен, номерът с Anton, марката с Plex Mono */
.rc-back{
  background:#050505 !important;
  border:1px solid rgba(255,255,255,.22) !important;
}
.rc-bk-n{
  font-family:var(--display) !important;font-weight:400;
  font-size:clamp(48px,calc(var(--cw, 240px) * .3),96px) !important;
  letter-spacing:0 !important;line-height:1;
  color:rgba(255,255,255,.9) !important;
}
.rc-bk-hub{border-color:rgba(255,255,255,.28) !important;box-shadow:none !important}
.rc-bk-hub::after{background:rgba(255,255,255,.22) !important}
.rc-bk-tag{font-size:11px !important;letter-spacing:.3em !important;color:rgba(255,255,255,.55) !important}

/* без движение (и на телефон без 3D) картите стоят в ред — там
   тялото няма значение, дебелината не пречи */
@media (prefers-reduced-motion:reduce){
  .rc-face,.rc-edge{opacity:1;filter:none}
}


/* ---------- КОЛИЧКАТА: КАРТИНКИТЕ (26.09.2026) ----------
   Клипът — плочката му (прегледите са 3:4); дрехата — първият
   кадър от видеото ѝ (1080x1080, квадрат). Виж clipThumb() и
   merchThumb() в js/cart.js. */
.crow .cthumb.is-pic{width:60px;aspect-ratio:3/4;background:#0b0b0b center / cover no-repeat}
.crow .cthumb.is-sq{width:72px;aspect-ratio:1/1;background-color:#000}
.crow .cthumb.is-pic img,.crow .cthumb.is-pic video{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;display:block;pointer-events:none;
}