/* warranty.nbg.eu — public case-page brand stylesheet (16-warranty).
   NBG letterhead language: #212121 bg, white text, orange #ff5a1f, JetBrains
   Mono, 44px orange bar + thin white 20%-opacity rule, uppercase wide-tracked
   labels. Self-contained: the public page references ONLY /static/warranty/*.
   Fonts copied from 14-design/letterhead/assets (variable weight 300–800). */

/* JetBrains Mono — local woff2 subsets, one variable file per subset. */
@font-face { font-family:'JetBrains Mono'; font-style:normal; font-weight:300 800; font-display:swap;
  src:url("/static/warranty/jbmono-cyrillic-ext.woff2") format('woff2');
  unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F; }
@font-face { font-family:'JetBrains Mono'; font-style:normal; font-weight:300 800; font-display:swap;
  src:url("/static/warranty/jbmono-cyrillic.woff2") format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family:'JetBrains Mono'; font-style:normal; font-weight:300 800; font-display:swap;
  src:url("/static/warranty/jbmono-greek.woff2") format('woff2');
  unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF; }
@font-face { font-family:'JetBrains Mono'; font-style:normal; font-weight:300 800; font-display:swap;
  src:url("/static/warranty/jbmono-vietnamese.woff2") format('woff2');
  unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB; }
@font-face { font-family:'JetBrains Mono'; font-style:normal; font-weight:300 800; font-display:swap;
  src:url("/static/warranty/jbmono-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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'JetBrains Mono'; font-style:normal; font-weight:300 800; font-display:swap;
  src:url("/static/warranty/jbmono-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; }

:root {
  --bg:#212121; --fg:#ffffff; --orange:#ff5a1f;
  --rule:rgba(255,255,255,.2); --muted:rgba(255,255,255,.6);
}

* { box-sizing:border-box; }
html, body { margin:0; padding:0; }
body {
  background:var(--bg); color:var(--fg);
  font-family:'JetBrains Mono', ui-monospace, monospace;
  font-weight:300; line-height:1.6;
  -webkit-font-smoothing:antialiased;
}

.wrap { max-width:880px; margin:0 auto; padding:40px 24px 80px; }

/* language toggle: html[data-lang] controls which spans show. */
html[data-lang="en"] .bg { display:none; }
html[data-lang="bg"] .en { display:none; }

.lang-toggle { position:absolute; top:24px; right:24px; display:flex; gap:2px;
  font-size:12px; letter-spacing:.12em; }
.lang-toggle button {
  background:none; border:1px solid var(--rule); color:var(--muted);
  font-family:inherit; padding:5px 11px; cursor:pointer; text-transform:uppercase;
}
html[data-lang="en"] .lang-toggle button[data-set="en"],
html[data-lang="bg"] .lang-toggle button[data-set="bg"] {
  border-color:var(--orange); color:var(--orange);
}

/* header */
header { position:relative; }
.logo { width:220px; height:auto; display:block; margin-bottom:20px; }
.wordmark-row { display:flex; align-items:center; gap:18px; }
.bar { width:44px; height:3px; background:var(--orange); flex:none; }
.rule { flex:1; height:1px; background:var(--rule); }
.wordmark { font-weight:800; font-size:17px; letter-spacing:.1em; color:var(--orange); }
.header-sub { display:flex; align-items:baseline; justify-content:space-between;
  margin-top:12px; font-size:10px; font-weight:300; color:var(--muted); }
.header-sub .cities span { letter-spacing:.42em; }
.header-sub .handle { letter-spacing:.2em; }

/* labels + sections */
.label { text-transform:uppercase; letter-spacing:.18em; font-size:11px;
  font-weight:600; color:var(--orange); margin:40px 0 12px; }
h1.title { font-weight:700; font-size:30px; letter-spacing:.01em; margin:6px 0 20px; }

/* spec table */
.spec { width:100%; border-collapse:collapse; margin-bottom:8px; }
.spec th, .spec td { text-align:left; padding:8px 0; border-bottom:1px solid rgba(255,255,255,.08);
  vertical-align:top; }
.spec th { width:170px; font-weight:600; text-transform:uppercase; letter-spacing:.14em;
  font-size:11px; color:var(--muted); }
.spec td { font-weight:400; }

/* status pill */
.status-pill { display:inline-block; border:1px solid var(--orange); color:var(--orange);
  border-radius:999px; padding:7px 18px; font-size:12px; font-weight:600;
  text-transform:uppercase; letter-spacing:.14em; }

.summary { font-weight:300; }

/* timeline */
.timeline { border-left:1px solid var(--rule); margin-left:6px; padding-left:24px; }
.tl-item { position:relative; padding-bottom:22px; }
.tl-item::before { content:''; position:absolute; left:-30px; top:5px;
  width:9px; height:9px; border-radius:50%; background:var(--orange); }
.tl-date { color:var(--orange); font-size:12px; font-weight:600; letter-spacing:.08em; }
.tl-title { font-weight:600; margin-top:2px; }
.tl-body { color:var(--muted); font-weight:300; margin-top:2px; }

/* video */
.video-block { margin-bottom:28px; }
.video-block video { width:100%; display:block; background:#000; }
.caption { color:var(--muted); font-size:13px; margin-top:8px; }

/* photos grid */
.photos { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.photos a { display:block; }
.photos img { width:100%; height:auto; display:block; border:1px solid rgba(255,255,255,.1); }
@media (max-width:640px){ .photos { grid-template-columns:1fr; } }

/* documents */
.docs { list-style:none; padding:0; margin:0; }
.docs li { padding:8px 0; border-bottom:1px solid rgba(255,255,255,.08); }
.docs a { color:var(--fg); text-decoration:none; }
.docs a:hover { color:var(--orange); }

/* footer */
footer { margin-top:56px; }
.foot-rule { display:flex; align-items:center; gap:18px; margin-bottom:24px; }
.foot-cols { display:flex; gap:52px; flex-wrap:wrap; }
.foot-col .name { font-size:11px; font-weight:700; letter-spacing:.24em; }
.foot-col div { font-size:11px; font-weight:400; color:var(--muted); margin-top:6px; }
.foot-site { margin-top:24px; font-size:11px; letter-spacing:.2em; color:var(--muted); }
.foot-site a { color:var(--orange); text-decoration:none; }

/* bare root */
.root-center { min-height:80vh; display:flex; flex-direction:column;
  align-items:center; justify-content:center; text-align:center; gap:20px; }
.root-center .logo { margin:0 auto; }
.root-note { color:var(--muted); font-size:13px; letter-spacing:.06em; max-width:420px; }

/* prominent manual-import disclaimer (top of the case body) */
.notice {
  margin-top: 22px;
  padding: 14px 18px;
  border-left: 3px solid var(--orange);
  background: rgba(255,255,255,.05);
  color: var(--fg);
  font-size: 14.5px;
  line-height: 1.55;
}