/* =========================================================
   Carbon CBAM — статическая версия (HTML + CSS + Vanilla JS)
   Перенос с {{ carboncbam.asia }} (React / Vite-RSC) — без React.
   Шрифт Manrope (OFL) и favicon лежат локально.
   ========================================================= */

/* ---------- Шрифт: Manrope (self-hosted) ---------- */
@font-face { font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url("../fonts/manrope/manrope-37facb2a.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:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url("../fonts/manrope/manrope-c9a5f13c.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url("../fonts/manrope/manrope-f00fa027.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:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url("../fonts/manrope/manrope-bd6e7fdc.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:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url("../fonts/manrope/manrope-76dcfc73.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:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url("../fonts/manrope/manrope-81401990.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 {
  /* токены дизайна из оригинального скомпилированного CSS */
  --font-manrope: 'Manrope', "Segoe UI", Arial, sans-serif;
  --paper:#fffdfa; --bg:#f6f2ec; --ink:#2b1b14; --muted:#75665d;
  --line:#381f1429; --soft:#eee2d6; --dark:#25150e;
  --copper:#b96130; --orange:#e58b4c; --brown:#7b3f20; --max:1280px;
}
body { font-family: var(--font-manrope); }

/* ---- статические оверрайды (в конце файла) ---- */

/* =========================================================
   Carbon CBAM — WordPress tema uslublari
   Manba: carboncbam.asia statik ko'chirmasi (React/Vite-RSC dan)
   Tailwind preflight olib tashlandi — o'rniga qo'lda yozilgan reset.
   ========================================================= */

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; overflow-x: hidden; }
body {
  margin: 0;
  padding-top: 40px;
  background: var(--bg);
  color: var(--ink);
  font-family: var(--font-manrope), Arial, sans-serif;
  font-size:18px;
  line-height: 1.5;
  overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 { margin: 0; font-size: inherit; font-weight: inherit; overflow-wrap: anywhere; }
h1, h2, h3, p { overflow-wrap: anywhere; }
p { margin: 0; line-height: 1.65; }
a { color: inherit; text-decoration: none; }
img, svg, video, canvas { max-width: 100%; height: auto; vertical-align: middle; }
button, input, select, textarea { font: inherit; color: inherit; letter-spacing: inherit; }
button { cursor: pointer; background: none; border: 0; }
small { font-size: 80%; }
b, strong { font-weight: bolder; }
table { border-collapse: collapse; border-color: inherit; text-indent: 0; }
summary { display: list-item; }
ul, ol { margin: 0; padding: 0; list-style: none; }
textarea { resize: vertical; }
::selection { background: var(--orange); color: #fff; }
/* Tailwind preflight удалён, поэтому атрибут `hidden` должен работать
   и на элементах с заданным display (например .mode-panel) */
[hidden] { display: none !important; }
* {
    box-sizing:border-box
  }
html {
    scroll-behavior:smooth;overflow-x:hidden
  }
body {
    background:var(--bg);color:var(--ink);font-family:var(--font-manrope),Arial,sans-serif;margin:0;font-size:18px;overflow-x:hidden
  }
a {
    color:inherit;text-decoration:none
  }

/* ===== CTA ===== */
button,input {
    font:inherit
  }
button {
    color:inherit
  }
main {
    min-height:70vh
  }
h1,h2,h3,p {
    overflow-wrap:anywhere
  }
p {
    line-height:1.65
  }
::selection {
    background:var(--orange);color:#fff
  }

/* ===== HEADER ===== */
.site-header {
    z-index:50;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#25150ef0;border-bottom:1px solid #ffffff1f;align-items:center;gap:16px;height:76px;padding:0 max(24px,50vw - 710px);display:flex;position:fixed;top:0;left:0;right:0
  }
.brand {
    flex:none;align-items:center;gap:10px;display:flex
  }
.brand-mark{background:#071b25 url("../img/7g-mark.png") 50%/cover no-repeat;border-radius:6px;flex:0 0 54px;width:54px;height:36px;display:block}
.brand-name {
    white-space:nowrap;letter-spacing:-.02em;font-size:18px;font-weight:700
  }
.desktop-nav {
    align-items:center;gap:18px;margin-left:auto;display:flex
  }
.desktop-nav a {
    color:#ffffffb3;white-space:nowrap;border-bottom:3px solid #0000;padding:26px 0 23px;font-size:18px;
    position:relative;transition:color .2s ease
  }
/* Линия активного/hover пункта: растёт слева направо от нуля */
.desktop-nav a::after {
    content:"";position:absolute;left:0;bottom:-3px;width:100%;height:3px;
    background:var(--orange);transform:scaleX(0);transform-origin:left center;
    transition:transform .28s cubic-bezier(.4,0,.2,1)
  }
.desktop-nav a:hover::after,.desktop-nav a.active::after {
    transform:scaleX(1)
  }
.desktop-nav a:hover,.desktop-nav a.active {
    color:#fff
  }
.ecosystem-trigger,.search-trigger {
    cursor:pointer;color:#ffffffd6;white-space:nowrap;background:#ffffff12;border:1px solid #ffffff2e;align-items:center;gap:9px;height:42px;padding:0 12px;font-size:18px;display:flex
  }
.ecosystem-trigger:hover,.ecosystem-trigger.active,.search-trigger:hover {
    color:#fff;background:#ffffff21;border-color:#ffffff59
  }
.ecosystem-trigger-mark {
    color:#f0a06a;font-size:12px
  }
.ecosystem-trigger b {
    color:#ffffff8c;font-size:14px
  }
.search-trigger {
    min-width:178px
  }
.search-trigger kbd {
    color:#ffffff73;margin-left:auto;font-family:inherit;font-size:14px
  }

/* ===== CTA ===== */
.login-button {
    background:var(--copper);color:#fff;white-space:nowrap;align-items:center;gap:18px;height:42px;padding:0 16px;font-size:18px;font-weight:750;display:flex
  }
.login-button:hover {
    background:var(--orange);color:var(--dark)
  }

/* ===== HEADER ===== */
.mobile-nav {
    margin-left:auto;display:none;position:relative
  }
.mobile-nav summary {
    border:1px solid #ffffff40;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;list-style:none;display:flex
  }
.mobile-nav summary::-webkit-details-marker {
    display:none
  }
.mobile-nav summary span {
    background:#fff;width:18px;height:1px
  }
.mobile-nav nav {
    width:min(330px,100vw - 32px);color:var(--ink);background:#fff;padding:8px;position:absolute;top:50px;right:0;box-shadow:0 22px 50px #00000047
  }
.mobile-nav nav a,.mobile-nav nav button {
    border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;width:100%;padding:15px;font-size:18px;display:block
  }
.ecosystem-panel {
    z-index:47;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:76px 0 0
  }
.ecosystem-backdrop {
    -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#140a07a8;border:0;position:absolute;inset:0
  }
.ecosystem-surface {
    background:var(--paper);border:1px solid #7b3f2040;width:min(980px,100vw - 48px);max-height:calc(100vh - 96px);position:relative;overflow:auto;box-shadow:0 28px 80px #00000061
  }
.ecosystem-heading {
    border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr 36px;align-items:center;gap:28px;min-height:90px;padding:18px 22px;display:grid
  }
.ecosystem-heading span,.ecosystem-registries>span {
    letter-spacing:.1em;text-transform:uppercase;color:var(--copper);font-size:14px;font-weight:800;display:block
  }
.ecosystem-heading h2 {
    margin:3px 0 0;font-size:26px
  }
.ecosystem-heading p {
    color:var(--muted);margin:0;font-size:16px;line-height:1.5
  }

/* ===== CTA ===== */
.ecosystem-heading>button {
    border:1px solid var(--line);cursor:pointer;background:0 0;width:36px;height:36px;font-size:26px
  }
.ecosystem-map {
    width:720px;height:420px;margin:4px auto 0;position:relative
  }
.ecosystem-orbit {
    border:1px solid #7b3f203d;border-radius:50%;width:520px;height:300px;position:absolute;top:58px;left:100px
  }
.ecosystem-orbit:before {
    content:"";border:1px dashed #7b3f201f;border-radius:50%;position:absolute;inset:20px
  }
.ecosystem-core {
    color:#fff;z-index:2;background:#071b25;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:112px;height:112px;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 14px 34px #071b253d
  }
.ecosystem-core img {
    width:91px;height:auto;margin-top:-3px
  }
.ecosystem-core span {
    color:#ffffff9e;margin-top:-15px;font-size:14px
  }

/* ===== CARDS / GRIDS ===== */
.ecosystem-node {
    border:2px solid var(--node,#8b786c);text-align:center;z-index:3;background:#fff;border-radius:48px;flex-direction:column;justify-content:center;align-items:center;width:132px;min-height:76px;padding:12px 10px;transition:all .2s;display:flex;position:absolute;box-shadow:0 8px 22px #4425181a
  }
.ecosystem-node:hover {
    transform:translateY(-3px);box-shadow:0 12px 28px #4425182e
  }
.ecosystem-node b {
    color:var(--node,#6f5f56);font-size:16px
  }
.ecosystem-node span {
    color:var(--muted);margin-top:2px;font-size:14px
  }
.ecosystem-node small {
    color:var(--brown);margin-top:3px;font-size:14px;font-weight:800
  }
.ecosystem-node.ghg {
    --node:#2aa78f;top:18px;left:294px
  }
.ecosystem-node.pcaf {
    --node:#c44f52;top:104px;right:28px
  }
.ecosystem-node.mrv {
    --node:#4aa8d8;bottom:24px;right:108px
  }
.ecosystem-node.cbam {
    --node:#b96130;background:#fff4eb;bottom:24px;left:108px
  }
.ecosystem-node.market {
    --node:#55945d;top:104px;left:28px
  }
.ecosystem-registries {
    border-top:1px solid var(--line);background:var(--bg);grid-template-columns:150px repeat(3,1fr);align-items:center;gap:8px;padding:14px 18px 18px;display:grid
  }
.ecosystem-registries a {
    border:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;min-height:44px;padding:0 12px;font-size:16px;display:flex
  }
.ecosystem-registries a:hover {
    border-color:var(--copper);color:var(--copper)
  }

/* ===== HERO ===== */
.home-hero {
    min-height:760px;padding:150px max(24px,calc((100vw - var(--max))/2)) 74px;color:#fff;background:linear-gradient(118deg,#25150e 0%,#4b2514 55%,#6f351b 100%);grid-template-columns:1fr .92fr;align-items:center;gap:70px;display:grid;position:relative;overflow:hidden
  }
.home-hero:after,.page-hero:after {
    content:"";opacity:.08;background-image:linear-gradient(#ffffff80 1px,#0000 1px),linear-gradient(90deg,#ffffff80 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)
  }
.hero-copy,.hero-console,.page-hero>div {
    z-index:2;position:relative
  }
.eyebrow,.section-label {
    letter-spacing:.15em;text-transform:uppercase;font-size:14px;font-weight:800
  }
.eyebrow {
    color:#f2aa75;margin-bottom:24px
  }
.home-hero h1 {
    letter-spacing:-.055em;margin:0;font-size: clamp(52px,5.5vw,80px);font-weight:520;line-height:1.02
  }
.home-hero h1 em,.section h2 em,.page-hero h1 em {
    color:#efa56e;font-style:normal
  }
.home-hero .hero-copy>p {
    color:#ffffffb8;max-width:680px;margin:28px 0 34px;font-size:18px
  }
.hero-actions {
    flex-wrap:wrap;gap:12px;display:flex
  }

/* ===== CTA ===== */
.button {
    border:1px solid #0000;justify-content:center;align-items:center;gap:28px;min-height:52px;padding:0 20px;font-size:18px;font-weight:750;display:inline-flex
  }
.button.primary {
    background:var(--orange);color:var(--dark)
  }
.button.ghost {
    color:#fff;border-color:#ffffff4d
  }

/* ===== HERO ===== */
.hero-note {
    border-left:2px solid var(--orange);letter-spacing:.06em;color:#ffffff8c;text-transform:uppercase;margin-top:40px;padding-left:18px;font-size:14px
  }
.hero-console {
    -webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#190c0775;border:1px solid #ffffff2e;min-height:470px;padding:24px;box-shadow:0 35px 90px #00000045
  }
.console-head {
    letter-spacing:.12em;color:#ffffff8c;justify-content:space-between;font-size:14px;display:flex
  }
.console-head b {
    color:#5ad6a8
  }

/* ===== CARDS / GRIDS ===== */
.console-flow {
    grid-template-columns:1fr 22px 1fr 22px 1fr;align-items:center;margin:70px 0 38px;display:grid
  }
.console-flow>div {
    border:1px solid #ffffff29;flex-direction:column;min-height:104px;padding:14px;display:flex;
    align-self:stretch
  }
.console-flow small {
    color:#efa56e;font-size:14px
  }
.console-flow b {
    margin-top:auto;font-size:18px
  }
.console-flow span {
    color:#ffffff80;margin-top:5px;font-size:14px
  }
.console-flow i {
    text-align:center;color:#efa56e;font-style:normal
  }
.console-metrics {
    grid-template-columns:repeat(3,1fr);gap:8px;display:grid
  }
.console-metrics article {
    background:#ffffff12;flex-direction:column;min-height:112px;padding:13px;display:flex
  }
.console-metrics small {
    color:#ffffff8c;font-size:14px
  }
.console-metrics strong {
    color:#fff;margin-top:auto;font-size:29px
  }
.console-metrics span {
    color:#ffffff7a;font-size:14px
  }
.console-status {
    align-items:center;gap:13px;margin-top:20px;display:flex
  }
.console-status>span {
    background:#5ad6a8;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 6px #5ad6a81f
  }
.console-status p {
    flex-direction:column;margin:0;display:flex
  }
.console-status b {
    font-size:14px
  }
.console-status small {
    color:#ffffff73;margin-top:3px;font-size:14px
  }

/* ===== HERO ===== */
.fact-strip {
    min-height:132px;padding:0 max(24px,calc((100vw - var(--max))/2));background:#fff;grid-template-columns:.7fr .9fr .7fr 1.7fr;align-items:center;display:grid
  }
.fact-strip article {
    border-right:1px solid var(--line);align-items:center;gap:12px;height:64px;margin-right:24px;padding-right:24px;display:flex
  }
.fact-strip b {
    color:var(--copper);white-space:nowrap;font-size:32px
  }
.fact-strip span,.fact-strip p {
    color:var(--muted);font-size:14px
  }
.fact-strip p {
    border-left:3px solid var(--orange);padding-left:24px
  }

/* ===== NEWS ===== */
.cbam-news {
    margin:56px max(24px,calc((100vw - var(--max))/2)) 0;background:var(--paper);border:1px solid #b9613047;box-shadow:0 18px 55px #572a1414
  }
.cbam-news-kicker {
    border-bottom:1px solid var(--line);background:#f3e6d9;justify-content:space-between;align-items:center;min-height:48px;padding:0 24px;display:flex
  }
.cbam-news-kicker span,.cbam-news-kicker time {
    letter-spacing:.11em;text-transform:uppercase;color:var(--copper);font-size:14px;font-weight:800
  }
.cbam-news-main {
    grid-template-columns:1.35fr .65fr;gap:44px;padding:34px;display:grid
  }
.cbam-news-status {
    letter-spacing:.06em;text-transform:uppercase;color:var(--copper);margin:0 0 13px;font-size:14px;font-weight:800
  }
.cbam-news-copy h2 {
    letter-spacing:-.04em;margin:0;font-size: clamp(32px,3.2vw,48px);font-weight:570;line-height:1.08
  }
.cbam-news-copy>p:not(.cbam-news-status) {
    max-width:780px;color:var(--muted);margin:20px 0 0;font-size:18px
  }
.cbam-news-audience {
    border-top:1px solid var(--line);grid-template-columns:135px 1fr;gap:14px;margin-top:24px;padding-top:20px;display:grid
  }
.cbam-news-audience b {
    color:var(--copper);text-transform:uppercase;letter-spacing:.06em;font-size:14px
  }
.cbam-news-audience span {
    color:var(--muted);font-size:16px;line-height:1.6
  }
.cbam-news-dates {
    gap:10px;display:grid
  }
.cbam-news-dates article {
    border-left:3px solid var(--orange);background:var(--soft);min-height:132px;padding:20px
  }
.cbam-news-dates time {
    color:var(--brown);font-size:24px;font-weight:800;display:block
  }
.cbam-news-dates p {
    color:var(--muted);margin:13px 0 0;font-size:16px;line-height:1.55
  }
.cbam-news-footer {
    border-top:1px solid var(--line);background:#fff;grid-template-columns:1fr auto;align-items:center;gap:28px;min-height:76px;padding:16px 24px;display:grid
  }
.cbam-news-footer>p {
    max-width:760px;color:var(--muted);margin:0;font-size:14px
  }
.cbam-news-links {
    flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex
  }
.cbam-news-links a {
    border:1px solid var(--line);min-height:40px;color:var(--brown);align-items:center;gap:18px;padding:0 12px;font-size:16px;font-weight:750;display:inline-flex
  }
.cbam-news-links a:hover {
    border-color:var(--copper);background:var(--soft)
  }

/* ===== SECTIONS ===== */
.section {
    padding:100px max(24px,calc((100vw - var(--max))/2))
  }
.section-label {
    color:var(--copper);margin-bottom:30px
  }
.section-split {
    grid-template-columns:1.1fr .9fr;align-items:end;gap:90px;margin-bottom:52px;display:grid
  }

/* ===== HERO ===== */
.section h2,.page-hero h1 {
    letter-spacing:-.05em;margin:0;font-size: clamp(42px,4.6vw,66px);font-weight:540;line-height:1.07
  }

/* ===== SECTIONS ===== */
.section-split p {
    color:var(--muted);margin:0;font-size:18px
  }

/* ===== CARDS / GRIDS ===== */
.value-grid {
    border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid
  }
.value-grid article {
    border-right:1px solid var(--line);min-height:260px;margin-right:25px;padding:26px 25px 24px 0
  }
.value-grid article:last-child {
    border:0;margin:0
  }
.value-grid span {
    color:var(--copper);letter-spacing:.1em;font-size:14px
  }
.value-grid h3 {
    margin:74px 0 12px;font-size:24px
  }
.value-grid p {
    color:var(--muted);margin:0;font-size:16px
  }
.dark {
    background:var(--dark);color:#fff
  }

/* ===== SECTIONS ===== */
.dark .section-label {
    color:#efa56e
  }
.dark .section-split p {
    color:#ffffff94
  }

/* ===== CARDS / GRIDS ===== */
.workflow-preview {
    border-top:1px solid #ffffff26
  }
.workflow-preview article {
    border-bottom:1px solid #ffffff21;grid-template-columns:80px 1fr;gap:20px;padding:25px 0;display:grid
  }
.workflow-preview>article>span {
    color:#efa56e;font-size:14px
  }
.workflow-preview h3 {
    margin:0 0 7px;font-size:22px
  }
.workflow-preview p {
    color:#ffffff8c;margin:0;font-size:16px
  }

/* ===== CTA ===== */
.text-link {
    border-bottom:1px solid;gap:30px;margin-top:35px;padding-bottom:6px;font-size:18px;font-weight:750;display:inline-flex
  }
.text-link.light {
    color:#efa56e
  }

/* ===== CARDS / GRIDS ===== */
.sector-mini-grid {
    grid-template-columns:repeat(3,1fr);gap:10px;display:grid
  }
.sector-mini-grid>a {
    border:1px solid var(--line);background:#fff;grid-template-columns:55px 1fr 20px;gap:16px;min-height:180px;padding:20px;transition:all .2s;display:grid
  }
.sector-mini-grid>a:hover {
    border-color:var(--copper);transform:translateY(-4px);box-shadow:0 16px 34px #572a141a
  }
.sector-mini-grid>a>span {
    color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:16px;font-weight:800;display:flex
  }
.sector-mini-grid h3 {
    margin:3px 0 9px;font-size:20px
  }
.sector-mini-grid p {
    color:var(--muted);margin:0;font-size:14px
  }
.sector-mini-grid>a>b {
    color:var(--copper)
  }

/* ===== SECTIONS ===== */
.architecture-teaser {
    background:var(--soft);grid-template-columns:.85fr 1.15fr;align-items:center;gap:85px;display:grid
  }
.architecture-teaser>div>p {
    color:var(--muted);margin:24px 0 30px
  }
.stack-diagram {
    flex-direction:column;align-items:stretch;display:flex
  }
.stack-diagram>div {
    border:1px solid var(--line);background:#fff;flex-direction:column;padding:20px;display:flex
  }
.stack-diagram>div.active {
    background:var(--brown);color:#fff;border-color:var(--brown)
  }
.stack-diagram small,.stack-diagram span {
    color:var(--muted);font-size:14px
  }
.stack-diagram .active small,.stack-diagram .active span {
    color:#fff9
  }
.stack-diagram b {
    margin:8px 0;font-size:20px
  }
.stack-diagram i {
    text-align:center;color:var(--copper);padding:9px;font-size:14px;font-style:normal
  }

/* ===== HERO ===== */
.page-hero {
    min-height:440px;padding:155px max(24px,calc((100vw - var(--max))/2)) 70px;background:linear-gradient(118deg,var(--dark),#673118);color:#fff;position:relative;overflow:hidden
  }
.page-hero>div {
    max-width:900px
  }
.page-hero .eyebrow {
    margin-bottom:18px
  }
.page-hero p {
    color:#ffffffa8;max-width:760px;margin:24px 0 0;font-size:18px
  }

/* ===== CARDS / GRIDS ===== */
.content-grid {
    grid-template-columns:repeat(3,1fr);gap:12px;display:grid
  }
.content-card {
    border:1px solid var(--line);background:#fff;color:var(--ink);min-height:230px;padding:24px
  }
.content-card .badge {
    background:var(--soft);color:var(--brown);padding:5px 8px;font-size:14px;display:inline-flex
  }
.content-card h3 {
    margin:35px 0 12px;font-size:21px
  }
.content-card p {
    color:var(--muted);margin:0;font-size:16px
  }
.content-card a {
    color:var(--copper);margin-top:20px;font-size:16px;font-weight:750;display:inline-flex
  }
.notice {
    border-left:4px solid var(--orange);color:var(--muted);background:#fff;margin-bottom:32px;padding:22px;font-size:16px
  }
.timeline {
    border-top:1px solid var(--line)
  }
.timeline article {
    border-bottom:1px solid var(--line);grid-template-columns:80px 1fr .8fr;gap:28px;padding:30px 0;display:grid
  }
.timeline article>span {
    color:var(--copper);font-size:14px
  }
.timeline h3 {
    margin:0;font-size:24px
  }
.timeline p {
    color:var(--muted);margin:0;font-size:16px
  }
.sector-page-grid {
    grid-template-columns:repeat(2,1fr);gap:14px;display:grid
  }
.sector-page-grid article {
    border:1px solid var(--line);background:#fff;min-height:260px;padding:28px
  }
.sector-code {
    color:#fff;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:16px;font-weight:800;display:flex
  }
.sector-page-grid h2 {
    margin:40px 0 12px;font-size:31px
  }
.sector-page-grid p {
    color:var(--muted);font-size:16px
  }






.architecture-map {
    grid-template-columns:1fr 45px 1fr 45px 1fr;align-items:stretch;margin:45px 0;display:grid
  }
.architecture-map article {
    border:1px solid var(--line);background:#fff;min-height:240px;padding:24px
  }
.architecture-map article.core-box {
    background:var(--dark);color:#fff
  }
.architecture-map>span {
    color:var(--copper);justify-content:center;align-items:center;font-weight:800;display:flex
  }
.architecture-map small {
    color:var(--copper);font-size:14px
  }
.architecture-map h2 {
    margin:50px 0 12px;font-size:23px
  }
.architecture-map p {
    color:var(--muted);margin:0;font-size:14px
  }
.architecture-map .core-box p {
    color:#ffffff8c
  }
.integration-table {
    border-collapse:collapse;background:#fff;width:100%
  }
.integration-table th,.integration-table td {
    text-align:left;border-bottom:1px solid var(--line);padding:16px;font-size:16px;
    color:var(--ink)
  }
.integration-table th {
    color:var(--copper);text-transform:uppercase;letter-spacing:.06em;font-size:14px
  }
.integration-table td:last-child {
    color:var(--muted)
  }

/* =============================================================
   Реестр документов — карточная сетка
   (в исходном CBAM-дизайне заголовки были белыми на белой карточке)
   ============================================================= */
.standard-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}
.standard-list article {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 24px 26px 22px;
  overflow: hidden;
  border: 1px solid #ffffff1a;
  background: linear-gradient(158deg, #30190e 0%, #1f1008 100%);
  transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}
.standard-list article::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(115% 85% at 0% 0%, rgba(185, 97, 48, .22), transparent 62%);
  transition: opacity .3s ease;
}
.standard-list article:hover {
  transform: translateY(-3px);
  border-color: rgba(185, 97, 48, .55);
  box-shadow: 0 18px 40px rgba(0, 0, 0, .38);
}
.standard-list article:hover::after {
  opacity: 1;
}

/* Верхняя строка карточки: категория + статус */
.standard-list .std-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
}
.standard-list .std-badge {
  color: var(--orange);
  text-transform: uppercase;
  letter-spacing: .09em;
  font-size: 12px;
  font-weight: 800;
}
.standard-list .std-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 4px 10px 4px 8px;
  border: 1px solid currentColor;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}
.standard-list .std-status > i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}
.std-status--active   { color: #5ad6a8; }
.std-status--amended  { color: #e8b05a; }
.std-status--neutral  { color: #ffffff7a; }

.standard-list h2 {
  margin: 0 0 10px;
  color: #fff;
  font-size: 22px;
  font-weight: 620;
  letter-spacing: -.022em;
  line-height: 1.22;
}
.standard-list p {
  margin: 0 0 20px;
  color: #ffffffa3;
  font-size: 15px;
  line-height: 1.6;
}
.standard-list .std-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid #ffffff17;
  color: var(--orange);
  font-size: 14px;
  font-weight: 750;
  transition: color .2s ease;
}
.standard-list .std-link span {
  transition: transform .22s ease;
}
.standard-list .std-link:hover {
  color: #fff;
}
.standard-list .std-link:hover span {
  transform: translate(3px, -3px);
}

@media (width<=900px) {
  .standard-list {
    grid-template-columns: 1fr;
  }
}

/* ===== FOOTER ===== */
.site-footer {
    color:#fff;padding:65px max(24px,calc((100vw - var(--max))/2)) 24px;background:#21120c
  }
.footer-main {
    grid-template-columns:2fr 1fr 1.3fr;gap:70px;display:grid
  }
.footer-main>div:first-child p {
    color:#ffffff78;max-width:410px;font-size:16px
  }
.footer-main>div:not(:first-child) {
    flex-direction:column;gap:11px;display:flex
  }
.footer-main h3 {
    text-transform:uppercase;letter-spacing:.1em;color:#efa56e;margin:0 0 8px;font-size:14px
  }
.footer-main>div:not(:first-child) a {
    color:#fff9;font-size:16px
  }
.footer-bottom {
    color:#ffffff59;border-top:1px solid #ffffff1a;justify-content:space-between;margin-top:45px;padding-top:20px;font-size:14px;display:flex
  }
@media (width<=1240px) {
    .desktop-nav{display:none}.mobile-nav{display:block}.search-trigger{margin-left:auto}.home-hero{grid-template-columns:1fr;padding-top:130px}.hero-console{width:100%}.fact-strip{grid-template-columns:repeat(3,1fr);padding-top:20px;padding-bottom:20px}.fact-strip p{grid-column:1/-1}.cbam-news-main{grid-template-columns:1fr}.cbam-news-dates{grid-template-columns:repeat(2,1fr)}.cbam-news-footer{grid-template-columns:1fr}.cbam-news-links{justify-content:flex-start}.value-grid,.sector-mini-grid{grid-template-columns:repeat(2,1fr)}.architecture-teaser{grid-template-columns:1fr}.content-grid{grid-template-columns:repeat(2,1fr)}.architecture-map{grid-template-columns:1fr}.architecture-map>span{min-height:52px;transform:rotate(90deg)}.standard-list article{grid-template-columns:140px 1fr}.standard-list a{text-align:left;grid-column:2}
  }
@media (width<=720px) {
    body{font-size:18px}.site-header{gap:10px;height:68px;padding:0 16px}.brand-name{font-size:18px}.brand-mark{width:48px;height:32px}.brand-mark img{width:100%;height:100%;object-fit:cover}.ecosystem-trigger,.search-trigger,.login-button{display:none}.mobile-nav{display:block}.ecosystem-panel{inset:68px 0 0}.ecosystem-surface{border-left:0;border-right:0;width:100%;max-height:calc(100vh - 68px)}.ecosystem-heading{grid-template-columns:1fr 36px;gap:12px;padding:14px 16px}.ecosystem-heading p{grid-area:2/1/auto/-1;font-size:16px}.ecosystem-heading>button{grid-area:1/2}.ecosystem-map{grid-template-columns:1fr;gap:8px;width:100%;height:auto;margin:0;padding:16px;display:grid}.ecosystem-orbit{display:none}.ecosystem-core{width:86px;height:86px;margin:2px auto 8px;position:relative;top:auto;left:auto;transform:none}.ecosystem-core img{width:74px}.ecosystem-core span{margin-top:-13px}.ecosystem-node,.ecosystem-node.ghg,.ecosystem-node.pcaf,.ecosystem-node.mrv,.ecosystem-node.cbam,.ecosystem-node.market{text-align:left;border-radius:8px;grid-template-columns:70px 1fr 64px;align-items:center;width:100%;min-height:58px;padding:8px 14px;display:grid;position:relative;inset:auto}.ecosystem-node b{font-size:16px}.ecosystem-node span{margin:0;font-size:16px}.ecosystem-node small{text-align:right;font-size:14px}.ecosystem-registries{grid-template-columns:1fr;padding:14px 16px}.ecosystem-registries a{font-size:16px}.home-hero{gap:45px;padding:112px 16px 54px}.home-hero h1{font-size:45px}.button{width:100%}.hero-console{min-height:0;padding:15px}.console-head{font-size:14px}.console-flow{grid-template-columns:1fr;margin:42px 0 25px}.console-flow i{padding:6px;transform:rotate(90deg)}.console-flow>div{min-height:88px}.console-metrics{grid-template-columns:1fr}.console-metrics article{min-height:90px}.fact-strip{grid-template-columns:1fr;padding:16px}.fact-strip article{border-right:0;border-bottom:1px solid var(--line);margin:0;padding:12px 0}.fact-strip p{padding:15px 0 0 14px}.cbam-news{margin:28px 16px 0}.cbam-news-kicker{padding:0 16px}.cbam-news-main{gap:26px;padding:24px 18px}.cbam-news-copy h2{font-size:33px}.cbam-news-audience{grid-template-columns:1fr;gap:8px}.cbam-news-dates{grid-template-columns:1fr}.cbam-news-footer{gap:18px;padding:16px 18px}.cbam-news-links{display:grid}.cbam-news-links a{justify-content:space-between}.section{padding:72px 16px}.section-split{grid-template-columns:1fr;gap:24px;margin-bottom:38px}.section h2,.page-hero h1{font-size:40px}.value-grid,.sector-mini-grid,.sector-page-grid,.content-grid{grid-template-columns:1fr}.value-grid article{border-right:0;border-bottom:1px solid var(--line);min-height:210px;margin:0}.value-grid h3{margin-top:50px}.sector-mini-grid>a{min-height:160px}.page-hero{min-height:380px;padding:125px 16px 55px}.timeline article{grid-template-columns:45px 1fr}.timeline p{grid-column:2}.architecture-map{margin-top:30px}.integration-table{display:block;overflow-x:auto}.footer-main{grid-template-columns:1fr;gap:35px}.footer-bottom{flex-direction:column;gap:8px}.search-layer{padding-top:75px}.search-panel{max-height:calc(100vh - 95px)}
  }
@media (prefers-reduced-motion:reduce) {
    *{scroll-behavior:auto!important;transition:none!important}
  }

/* ===== G7 TOP NAV ===== */
.g7-topnav {
    z-index:120;color:#fff;height:40px;font-family:var(--font-manrope),Arial,sans-serif;position:fixed;top:0;left:0;right:0
  }
.g7-strip {
    background:#032f30;border-bottom:1px solid #50e0cd33;justify-content:space-between;align-items:center;gap:24px;height:40px;padding:0 max(20px,50vw - 720px);display:flex;box-shadow:0 5px 20px #0000001f
  }
.g7-toggle {
    color:#fff;cursor:pointer;letter-spacing:.01em;background:0 0;border:0;align-items:center;gap:9px;height:40px;padding:0;font-size:16px;font-weight:700;display:flex
  }
.g7-mark {
    color:#5ee9d8;border:1px solid #2ad7c2;border-radius:50%;place-items:center;width:25px;height:25px;font-size:12px;font-weight:900;display:grid
  }
.g7-chevron {
    color:#60e4d3;font-size:17px;transition:transform .2s
  }
.g7-chevron.open {
    transform:rotate(180deg)
  }
.g7-quicklinks {
    align-items:center;gap:5px;display:flex
  }
.g7-quicklinks a {
    color:#ffffffb8;border:1px solid #0000;border-radius:3px;align-items:center;gap:6px;height:30px;padding:0 8px;font-size:14px;font-weight:750;display:flex
  }
.g7-quicklinks a:hover,.g7-quicklinks a[aria-current=page] {
    color:#fff;background:#ffffff12;border-color:#ffffff2e
  }
.g7-quicklinks i {
    border-radius:50%;width:7px;height:7px
  }
.g7-tone-platform {
    background:#17cabb
  }
.g7-tone-fin {
    background:#d55a6e
  }
.g7-tone-model {
    background:#4bbcea
  }
.g7-tone-cbam {
    background:#a96d44
  }
.g7-tone-market {
    background:#43a873
  }
.g7-panel {
    z-index:119;justify-content:center;align-items:flex-start;padding:18px;display:flex;position:fixed;inset:40px 0 0
  }
.g7-backdrop {
    -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#011112c2;border:0;position:absolute;inset:0
  }
.g7-surface {
    color:#fff;background:linear-gradient(150deg,#063b3c,#032526);border:1px solid #53decd47;width:min(680px,100%);max-height:calc(100vh - 76px);position:relative;overflow:auto;box-shadow:0 32px 100px #0000006b
  }
.g7-panel-head {
    background:#0000001a;border-bottom:1px solid #ffffff1f;grid-template-columns:1fr 1fr 38px;align-items:center;gap:22px;min-height:92px;padding:18px 20px;display:grid
  }
.g7-panel-head small {
    color:#58dfcf;letter-spacing:.12em;text-transform:uppercase;font-size:12px;display:block
  }
.g7-panel-head h2 {
    color:#fff;margin:4px 0 0;font-size:27px;line-height:1.1
  }
.g7-panel-head p {
    color:#ffffff9e;margin:0;font-size:14px;line-height:1.5
  }
.g7-panel-head>button {
    color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;width:38px;height:38px;font-size:26px
  }
.g7-stage {
    width:min(600px,100%);height:405px;margin:auto;position:relative
  }
.g7-ring {
    z-index:0;pointer-events:none;border:1px solid #3bd5c445;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)
  }
.g7-ring-inner {
    width:210px;height:210px
  }
.g7-ring-outer {
    border-style:dashed;width:340px;height:340px
  }
.g7-links {
    z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0
  }
.g7-links line {
    fill:none;stroke:#397cff;stroke-width:1.15px;vector-effect:non-scaling-stroke
  }
.g7-product-links {
    opacity:.62
  }
.g7-registry-links {
    opacity:.95
  }
.g7-node {
    z-index:3;color:#fff;text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;transition:filter .2s,border-color .2s,box-shadow .2s;display:flex;position:absolute;box-shadow:0 12px 30px #0000003d
  }
.g7-node:hover,.g7-node:focus-visible {
    filter:brightness(1.12);border-color:#fff;outline:none;box-shadow:0 0 0 5px #ffffff1f,0 16px 36px #0000004d
  }
.g7-node b {
    letter-spacing:.02em;line-height:1
  }
.g7-node small {
    color:#ffffffc7;margin-top:6px;line-height:1.08
  }
.g7-core {
    background:linear-gradient(145deg,#008f8c,#005c62);border:1px solid #1ee2cf;width:118px;height:118px;top:50%;left:50%;transform:translate(-50%,-50%)
  }
.g7-core b {
    letter-spacing:-.06em;font-size:36px
  }
.g7-core small {
    letter-spacing:.12em;text-transform:uppercase;color:#80e5dc;font-size:11px
  }
.g7-product {
    border:2px solid #0000;width:82px;height:82px;transform:translate(-50%,-50%)
  }
.g7-product b {
    font-size:16px
  }
.g7-product small {
    font-size:11px
  }
.g7-platform {
    background:linear-gradient(145deg,#00aaa7,#007276);border-color:#1ce3d0;top:calc(50% - 52.5px);left:calc(50% - 161.7px)
  }
.g7-fin {
    background:linear-gradient(145deg,#b84559,#7b2436);border-color:#ef8695;top:calc(50% - 52.5px);left:calc(50% + 161.7px)
  }
.g7-model {
    background:linear-gradient(145deg,#42b2dd,#217ca7);border-color:#89d8f6;top:calc(50% + 137.5px);left:calc(50% - 99.9px)
  }
.g7-cbam {
    background:linear-gradient(145deg,#8e6242,#5c3925);border-color:#c79a76;top:calc(50% + 137.5px);left:calc(50% + 99.9px)
  }
.g7-market {
    background:linear-gradient(145deg,#319b68,#176443);border-color:#75c996;top:calc(50% - 170px);left:50%
  }
.g7-market b {
    font-size:14px
  }
.g7-product.current {
    box-shadow:0 0 0 6px #fff3,0 0 0 9px #24dcc93d,0 16px 38px #0000004d
  }
.g7-registry {
    background:linear-gradient(145deg,#285d68,#173b45);border:1px solid #65b5bd;width:64px;height:64px;transform:translate(-50%,-50%)
  }
.g7-registry b {
    font-size:13px
  }
.g7-registry small {
    max-width:54px;font-size:9px
  }
.g7-registry-claims {
    top:calc(50% - 84.9px);left:calc(50% + 61.7px)
  }
.g7-registry-projects {
    top:calc(50% + 32.4px);left:calc(50% - 99.9px)
  }
.g7-panel-foot {
    color:#ffffff8c;letter-spacing:.08em;text-transform:uppercase;border-top:1px solid #ffffff1a;align-items:center;gap:24px;min-height:48px;padding:12px 20px;font-size:11px;display:flex
  }
.g7-panel-foot span {
    align-items:center;gap:7px;display:flex
  }
.g7-panel-foot i {
    background:#39d6c5;border-radius:50%;width:6px;height:6px
  }
@media (width<=720px) {
    .g7-strip{padding:0 14px}.g7-toggle{font-size:15px}.g7-quicklinks{display:none}.g7-panel{padding:0}.g7-surface{border-left:0;border-right:0;width:100%;max-height:calc(100vh - 40px)}.g7-panel-head{grid-template-columns:1fr 38px;gap:10px;padding:14px 16px}.g7-panel-head p{grid-area:2/1/auto/-1}.g7-panel-head>button{grid-area:1/2}.g7-stage{height:335px}.g7-ring-inner{width:172px;height:172px}.g7-ring-outer{width:278px;height:278px}.g7-core{width:96px;height:96px}.g7-core b{font-size:30px}.g7-product{width:64px;height:64px}.g7-product b{font-size:13px}.g7-product small{font-size:9px}.g7-platform{top:calc(50% - 43px);left:calc(50% - 132.2px)}.g7-fin{top:calc(50% - 43px);left:calc(50% + 132.2px)}.g7-model{top:calc(50% + 112.5px);left:calc(50% - 81.7px)}.g7-cbam{top:calc(50% + 112.5px);left:calc(50% + 81.7px)}.g7-market{top:calc(50% - 139px)}.g7-registry{width:50px;height:50px}.g7-registry b{font-size:11px}.g7-registry small{font-size:8px}.g7-registry-claims{top:calc(50% - 69.6px);left:calc(50% + 50.5px)}.g7-registry-projects{top:calc(50% + 26.6px);left:calc(50% - 81.8px)}.g7-panel-foot{flex-wrap:wrap;gap:10px}
  }
@media (width<=360px) {
    .g7-toggle>span:nth-child(2){font-size:14px}.g7-stage{height:286px}.g7-ring-inner{width:144px;height:144px}.g7-ring-outer{width:236px;height:236px}.g7-core{width:84px;height:84px}.g7-core b{font-size:27px}.g7-product{width:52px;height:52px}.g7-product b{font-size:12px}.g7-platform{top:calc(50% - 36.5px);left:calc(50% - 112.2px)}.g7-fin{top:calc(50% - 36.5px);left:calc(50% + 112.2px)}.g7-model{top:calc(50% + 95.5px);left:calc(50% - 69.4px)}.g7-cbam{top:calc(50% + 95.5px);left:calc(50% + 69.4px)}.g7-market{top:calc(50% - 118px)}.g7-registry{width:42px;height:42px}.g7-registry-claims{top:calc(50% - 58.2px);left:calc(50% + 42.3px)}.g7-registry-projects{top:calc(50% + 22.3px);left:calc(50% - 68.5px)}
  }
body {
    padding-top:40px
  }

/* ===== HEADER ===== */
.site-header {
    top:40px
  }
@media (width<=720px) {
    .site-header{top:40px}
  }
.site-header {
    height:76px
  }
.site-header .brand-mark{background-image:url("../img/7g-mark.png");background-size:cover;background-position:50%}

.site-header .brand-name,.site-header .desktop-nav a,.site-header .ecosystem-trigger,.site-header .search-trigger,.site-header .login-button,.site-header .mobile-nav nav a,.site-header .mobile-nav nav button {
    font-size:18px
  }
@media (width<=720px) {
    .site-header{height:68px}.site-header .brand-mark{flex-basis:48px;width:48px;height:32px}.site-header .brand-name{font-size:16px}
  }

/* =========================================================
   Статические оверрайды — держим в самом конце файла
   ========================================================= */

/* Модальное окно поиска: в статике скрыто, открывается классом .is-open */

/* Панель экосистемы 7G: скрыта, открывается классом .is-open */
.g7-panel { display: none; }
.g7-panel.is-open { display: flex; }

/* Активная ссылка в шапке на текущей странице */
/* Активный пункт: текст БЕЛЫЙ, медная только линия под ним */
.desktop-nav a[aria-current="page"] {
    color:#fff
  }

/* Плавный переход к якорям с учётом фиксированной шапки */
main [id] { scroll-margin-top: 120px; }

/* ---- Пустое состояние поиска (в оригинале рисуется React) ---- */
.search-empty { display: grid; gap: 6px; padding: 26px 22px; }
.search-empty b { font-size:17px; font-weight: 700; }
.search-empty span { color: var(--muted); font-size:15px; }

/* =========================================================
   WordPress bog'lovchi qatlam
   (skip-link, admin-bar offset, qidiruv konteyneri)
   ========================================================= */

.skip-link {
  position: absolute; left: -9999px; top: 0; z-index: 200;
}
.skip-link:focus {
  left: 16px; top: 46px;
  background: var(--paper); color: var(--ink);
  padding: 10px 14px; border: 1px solid var(--line);
}

/* Выпадающий список поиска позиционируется относительно этого контейнера (other.css) */
.smart-search { position: relative; }

/* Поиск на десктопе: настоящий input внутри чипа .search-trigger */
.search-trigger label { display: flex; align-items: center; gap: 9px; flex: 1; min-width: 0; }
.search-trigger input[type="search"] {
  flex: 1; min-width: 0; width: 100%; border: 0; outline: 0;
  background: transparent; color: #fff;
}
.search-trigger input[type="search"]::placeholder { color: #ffffff8c; }
.search-trigger kbd { flex: none; }

/* Поиск внутри мобильного меню */
.mobile-nav .smart-search {
  display: block; padding: 12px 15px;
  border-bottom: 1px solid var(--line);
  background: #fff; color: var(--ink);
}
.mobile-nav .smart-search label { display: flex; align-items: center; gap: 9px; }
.mobile-nav .smart-search input[type="search"] {
  flex: 1; min-width: 0; border: 0; outline: 0; background: transparent;
}

/* WP admin-bar balandligini hisobga olish */
body.admin-bar .g7-topnav { top: 32px; }
body.admin-bar .site-header { top: 72px; }
body.admin-bar main [id] { scroll-margin-top: 152px; }
@media screen and (max-width: 782px) {
  body.admin-bar .g7-topnav { top: 46px; }
  body.admin-bar .site-header { top: 86px; }
}

/* Логотип в футере — то же лёгкое изображение, что и в шапке (не PNG на 1.2 MB) */
.site-footer .brand-mark{background-image:url("../img/7g-mark.png");background-size:cover;background-position:50%}


/* Кнопка «Войти» в мобильном меню.
   `.mobile-nav nav a` (0,1,2) специфичнее `.login-button` (0,1,0), из-за чего
   медный фон сбрасывался и белый текст пропадал на белом фоне.
   Восстанавливаем более высокой специфичностью. */
.mobile-nav nav a.login-button {
  background: var(--copper);
  color: #fff;
  border-bottom: 0;
  justify-content: center;
  align-items: center;
  gap: 14px;
  height: 46px;
  margin-top: 10px;
  padding: 0 16px;
  text-align: center;
  display: flex;
}
.mobile-nav nav a.login-button:hover,
.mobile-nav nav a.login-button:focus-visible {
  background: var(--orange);
  color: var(--dark);
}

/* Поле поиска в мобильном меню — фон и граница */
.mobile-nav .smart-search {
  border-bottom: 1px solid var(--line);
}