/* =====================================================================
   jet-ton-games.run — v3 (28.10.2026)
   Ограничение ширины на широких экранах, шапка с разделами и CTA,
   баннер с промокодом, актуальные баннеры лобби, мобильная вёрстка статьи,
   страницы /promokod/ и /otzyvy/
   ===================================================================== */
:root{
  --jg-lime:#c6ff1a;
  --jg-ink:#071006;
  --jg-bg:#070b0e;
  --jg-card:#10161c;
  --jg-card-2:#161d25;
  --jg-line:#232b35;
  --jg-text:#eef3f8;
  --jg-muted:#97a3b1;
  --jg-tg:#229ed9;
  --jg-wrap:1320px;
  --jg-head:64px;
}

/* ---------- Ширина: не растягиваем на широких мониторах ---------- */
.app__container{ width:100%; max-width:var(--jg-wrap) !important; margin-left:auto !important; margin-right:auto !important; box-sizing:border-box; }
.jet-ref-footer__inner{ max-width:var(--jg-wrap) !important; margin:0 auto !important; }
@media (min-width:1200px){
  .app__footer{ margin-left:16.5rem; padding:0 2.25rem 0 2.6rem; }
  .header .header__container{ max-width:var(--jg-wrap); margin:0 auto; width:100%; }
}

/* ---------- Шапка ---------- */
.jg-header{ height:var(--jg-head); padding-top:0 !important; padding-bottom:0 !important; display:flex; align-items:center; border-bottom:1px solid var(--jg-line) !important; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); }
.jg-header .header__container{ width:100%; display:flex; align-items:center; gap:12px; flex-wrap:nowrap; }
.jg-header .logo{ margin-right:auto; flex:0 0 auto; }
.jg-header .logo__img{ width:auto !important; height:22px !important; display:block; filter:none !important; }
.jg-header .header__right{ display:flex; align-items:center; gap:8px; margin:0; padding:0; list-style:none; flex:0 0 auto; }
.jg-header .header__rightItem{ display:block !important; margin:0 !important; }
.jg-header .button{ height:40px !important; padding:0 14px !important; border-radius:12px !important; font-size:14px !important; font-weight:800; white-space:nowrap; }
.jg-header .button__content{ display:inline-flex; align-items:center; gap:7px; }
.jg-header .button--tg{ background:var(--jg-tg) !important; color:#fff !important; }
.jg-tg-ico{ width:18px; height:18px; display:block; flex:0 0 18px; }
.jg-header .burger{ display:none !important; width:40px; height:40px; min-width:40px !important; padding:0 !important; border-radius:12px !important; background:#1b222b !important; }
.jg-header .navigation{ display:none !important; }
@media (max-width:1199.98px){
  .jg-header{ padding-left:12px !important; padding-right:12px !important; }
  .jg-header .burger{ display:inline-flex !important; align-items:center; justify-content:center; }
}
@media (max-width:420px){
  .jg-header .header__container{ gap:6px; }
  .jg-header .logo__img{ height:19px !important; }
  .jg-header .button{ padding:0 11px !important; font-size:13px !important; height:38px !important; }
  .jg-header .burger{ width:38px; height:38px; min-width:38px !important; }
}
@media (max-width:374px){
  .jg-header .button--tg .button__text{ display:none; }
  .jg-header .button--tg{ padding:0 10px !important; }
}
@media (min-width:768px){ :root{ --jg-head:70px; } .jg-header .logo__img{ height:26px !important; } .jg-header .button{ height:44px !important; padding:0 18px !important; } }
.app__main{ padding-top:calc(var(--jg-head) + 14px) !important; }

/* Разделы сайта */
.jg-pages{ display:flex; align-items:center; gap:6px; }
.jg-pages__link{ display:inline-flex; align-items:center; height:38px; padding:0 14px; border-radius:11px; font-weight:800; font-size:14px; color:#aeb9c6 !important; text-decoration:none !important; white-space:nowrap; background:transparent; transition:background .15s ease,color .15s ease; }
.jg-pages__link:hover{ color:#fff !important; background:#1b222b; }
.jg-pages__link.is-on{ background:var(--jg-lime); color:var(--jg-ink) !important; }
.jg-pages--head{ display:none; margin:0 auto 0 18px; }
.jg-pages--row{ overflow-x:auto; scrollbar-width:none; margin:0 0 12px; padding:2px 0; }
.jg-pages--row::-webkit-scrollbar{ display:none; }
.jg-pages--row .jg-pages__link{ background:#161d25; color:#d5dde6 !important; height:36px; font-size:13.5px; padding:0 13px; border:1px solid var(--jg-line); }
.jg-pages--row .jg-pages__link.is-on{ background:var(--jg-lime); border-color:var(--jg-lime); color:var(--jg-ink) !important; }
@media (min-width:1200px){
  .jg-pages--head{ display:flex; }
  .jg-pages--row{ display:none; }
  .jg-header .logo{ margin-right:0; }
}

/* Сайдбар-шторка на телефоне/планшете */
.jg-side-label{ margin-top:.4rem !important; }
.jg-side-tag{ font-style:normal; margin-left:auto; font-size:11px; padding:2px 7px; border-radius:999px; background:rgba(198,255,26,.14); color:var(--jg-lime); }
.jg-backdrop{ position:fixed; inset:0; background:rgba(0,0,0,.6); opacity:0; pointer-events:none; transition:opacity .2s ease; z-index:130; }
@media (max-width:1199.98px){
  .jet-sidebar{ z-index:140 !important; transition:transform .25s ease; }
  body.jg-menu-open .jet-sidebar{ transform:none !important; }
  body.jg-menu-open .jg-backdrop{ opacity:1; pointer-events:auto; }
  body.jg-menu-open{ overflow:hidden; }
}

/* ---------- Заголовок страницы ---------- */
.jet-page-title{ font-size:clamp(21px, 2.1vw, 30px) !important; letter-spacing:-.025em !important; margin-bottom:14px !important; }

/* ---------- Лобби: баннер с промокодом ---------- */
.jg-top{ display:grid; grid-template-columns:minmax(0,1fr); gap:12px; }
.jg-hero{ position:relative; overflow:hidden; border-radius:18px; background:var(--jg-card); border:1px solid var(--jg-line); min-width:0; }
.jg-hero__pic{ display:block; aspect-ratio:754/246; overflow:hidden; background:#1a2230; }
.jg-hero__pic img{ width:100%; height:100%; object-fit:cover; object-position:50% 0; display:block; margin:0 !important; }
.jg-hero__bar{ display:grid; gap:10px; padding:12px; background:linear-gradient(180deg,#121a22,#0c1116); box-shadow:inset 0 2px 0 var(--jg-lime); }
.jg-hero__note{ display:grid; gap:2px; }
.jg-hero__kicker{ font-size:11.5px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; color:var(--jg-lime); }
.jg-hero__desc{ font-size:13.5px; line-height:1.4; color:#c8d1db; }
.jg-hero__desc b{ color:#fff; }

/* Промокод-кнопка */
.jg-code{
  display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%;
  min-height:52px; padding:6px 6px 6px 16px; border-radius:14px; cursor:pointer;
  background:#0a0f13; border:1px solid #2e3a46; font:inherit; text-align:left;
  box-shadow:inset 0 0 0 1px rgba(198,255,26,.08); transition:border-color .15s ease;
}
.jg-code:hover{ border-color:var(--jg-lime); }
.jg-code__val{ font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:21px; font-weight:800; letter-spacing:.1em; color:var(--jg-lime); }
.jg-code__act{ display:inline-flex; align-items:center; height:40px; padding:0 16px; border-radius:10px; background:#fff; color:#0b1014; font-size:14px; font-weight:800; white-space:nowrap; flex:0 0 auto; }
.jg-code.is-done{ border-color:#42d77d; }
.jg-code.is-done .jg-code__act{ background:#42d77d; }

.jg-cta{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.jg-cta__btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; height:48px; border-radius:12px; font-weight:900; font-size:15px; text-decoration:none !important; white-space:nowrap; transition:filter .12s ease, transform .12s ease; }
.jg-cta__btn:hover{ filter:brightness(1.07); transform:translateY(-1px); }
.jg-cta__btn--reg{ background:var(--jg-lime); color:var(--jg-ink) !important; box-shadow:0 10px 28px rgba(198,255,26,.22); }
.jg-cta__btn--tg{ background:var(--jg-tg); color:#fff !important; }

/* Мини-баннеры */
.jg-minis{ display:flex; gap:10px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-padding-inline:16px; scrollbar-width:none; margin:0 -16px; padding:0 16px; }
.jg-minis::-webkit-scrollbar{ display:none; }
.jg-mini{ flex:0 0 74%; max-width:300px; aspect-ratio:368/147; border-radius:14px; overflow:hidden; scroll-snap-align:start; border:1px solid var(--jg-line); background:#1a2230; }
.jg-mini img{ width:100%; height:100%; object-fit:cover; object-position:0 50%; display:block; margin:0 !important; }

@media (min-width:600px){
  .jg-hero__bar{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; column-gap:12px; padding:14px 16px; }
  .jg-hero__note{ grid-column:1 / -1; grid-auto-flow:column; justify-content:start; align-items:center; gap:12px; }
  .jg-minis{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); overflow:visible; margin:0; padding:0; }
  .jg-mini{ max-width:none; }
}
@media (min-width:900px) and (max-width:1399px){
  .jg-minis{ grid-template-columns:repeat(4,minmax(0,1fr)); }
  .jg-hero__pic{ aspect-ratio:754/205; }
  .jg-hero__bar{ grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); }
}
@media (min-width:1400px){
  .jg-top{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px; }
  .jg-hero__pic{ aspect-ratio:754/317; }
  .jg-hero__bar{ position:absolute; left:12px; right:12px; bottom:12px; display:flex; gap:8px; padding:8px; border-radius:16px; background:rgba(8,12,16,.86); box-shadow:inset 0 0 0 1px rgba(198,255,26,.25); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); }
  .jg-hero__note{ display:none; }
  .jg-hero .jg-code{ flex:1 1 auto; min-height:46px; padding-left:12px; }
  .jg-hero .jg-code__val{ font-size:18px; }
  .jg-hero .jg-code__act{ height:34px; padding:0 12px; font-size:13px; }
  .jg-hero .jg-cta{ display:flex; flex:0 0 auto; }
  .jg-hero .jg-cta__btn{ height:46px; padding:0 16px; font-size:14px; }
  .jg-minis{ grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:1fr 1fr; gap:14px; }
  .jg-mini{ aspect-ratio:auto; min-height:0; }
}

/* Фильтры игр: на телефоне вкладки на всю ширину, поиск ниже */
.jet-filter-row{ margin-top:14px !important; }
.jet-tabs{ scrollbar-width:none; }
.jet-tabs::-webkit-scrollbar{ display:none; }
.jet-tabs a{ flex:0 0 auto; }
@media (max-width:899.98px){
  .jet-filter-row{ grid-template-columns:minmax(0,1fr) !important; gap:10px !important; }
  .jet-search{ height:46px !important; }
}
.jet-game-section{ margin-top:22px !important; }
@media (max-width:640px){ .jet-game-grid{ gap:10px !important; } }

/* ---------- Статья ---------- */
.article__body{ font-size:16px; line-height:1.62; }
.article__body p{ margin-bottom:1.05em; }
.article__body h2{ font-size:clamp(21px,2vw,27px); line-height:1.25; margin:1.6em 0 .6em; scroll-margin-top:calc(var(--jg-head) + 14px); }
.article__body h3{ font-size:clamp(18px,1.6vw,21px); line-height:1.3; margin:1.4em 0 .5em; scroll-margin-top:calc(var(--jg-head) + 14px); }
.article__body a:not([class]){ color:var(--jg-lime) !important; text-decoration:underline; text-underline-offset:3px; }
.article__body ul:not([class]) li:before{ background:var(--jg-lime) !important; border-radius:2px; }
.article__body details{ border-radius:14px !important; }
.article__body table{ font-size:14.5px; line-height:1.45; border:1px solid var(--jg-line); border-collapse:separate; border-spacing:0; }
.article__body table td{ border:0 !important; border-bottom:1px solid var(--jg-line) !important; padding:10px 12px !important; vertical-align:top; }
.article__body table tr:last-child td{ border-bottom:0 !important; }
.article__body table td p{ margin:0 !important; }
.article__body table tr:first-child td{ background:rgba(198,255,26,.08); color:#fff; font-weight:800; font-size:13px; text-transform:uppercase; letter-spacing:.03em; }
.article__body table td:first-child{ color:#fff; font-weight:700; }
.card__table{ margin:0 0 1.2em; }
@media (max-width:640px){ .article__body table:not(.jg-stack){ display:table !important; } }

/* Касса и широкие таблицы: карточки до 1023px */
@media (max-width:1023px){
  .article__body table.jg-stack, .jg-stack tbody, .jg-stack tr, .jg-stack td{ display:block !important; width:100% !important; box-sizing:border-box; }
  .article__body table.jg-stack{ border:0; background:none !important; overflow:visible !important; }
  .jg-stack tr:first-child{ display:none !important; }
  .jg-stack tr{ background:var(--jg-card-2); border:1px solid var(--jg-line); border-radius:14px; margin:0 0 10px; padding:6px 12px; }
  .article__body .jg-stack td{ display:flex !important; justify-content:space-between; gap:14px; padding:7px 0 !important; border-bottom:1px dashed rgba(255,255,255,.07) !important; text-align:right; }
  .article__body .jg-stack td:last-child{ border-bottom:0 !important; }
  .jg-stack td:before{ content:attr(data-label); flex:0 0 38%; text-align:left; color:var(--jg-muted); font-weight:600; font-size:13px; }
  .article__body .jg-stack td:first-child{ color:var(--jg-lime); font-size:16px; justify-content:flex-start; text-align:left; }
  .jg-stack td:first-child:before{ display:none; }
}

/* Карточки кодов, цифры, ссылки */
.jg-cards{ display:grid; grid-template-columns:minmax(0,1fr); gap:10px; margin:0 0 1.2em; }
.jg-card{ display:flex; flex-direction:column; gap:8px; padding:14px; border-radius:16px; background:var(--jg-card-2); border:1px solid var(--jg-line); min-width:0; }
.jg-card--main{ border-color:rgba(198,255,26,.45); background:radial-gradient(120% 90% at 0% 0%, rgba(198,255,26,.12), transparent 60%), var(--jg-card-2); }
.jg-card__tag{ align-self:flex-start; font-size:11.5px; font-weight:900; text-transform:uppercase; letter-spacing:.05em; padding:4px 9px; border-radius:8px; background:#232c37; color:#dbe3ec; }
.jg-card--main .jg-card__tag{ background:var(--jg-lime); color:var(--jg-ink); }
.jg-card__title{ margin:0 !important; font-weight:800; font-size:17px; line-height:1.3; color:#fff; }
.jg-card__text{ margin:0 !important; font-size:14.5px; line-height:1.5; color:#b9c3cf; flex:1 1 auto; }
.jg-card__go{ display:inline-flex; align-items:center; justify-content:center; height:44px; border-radius:12px; background:var(--jg-lime); color:var(--jg-ink) !important; font-weight:900; text-decoration:none !important; }
@media (min-width:1100px){ .jg-cards{ grid-template-columns:repeat(3,minmax(0,1fr)); } }

.jg-stats{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:0 0 1.2em; }
.jg-stat{ padding:12px; border-radius:14px; background:var(--jg-card-2); border:1px solid var(--jg-line); min-width:0; }
.jg-stat b{ display:block; font-size:19px; line-height:1.2; color:var(--jg-lime); }
.jg-stat span{ display:block; margin-top:3px; font-size:13px; line-height:1.35; color:var(--jg-muted); }
@media (min-width:1100px){ .jg-stats{ grid-template-columns:repeat(4,minmax(0,1fr)); } }

.jg-more{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 1.2em; padding:14px 16px; border-radius:16px; background:var(--jg-card-2); border:1px solid rgba(198,255,26,.3); color:#fff !important; text-decoration:none !important; }
.jg-more b{ display:block; font-size:16px; }
.jg-more small{ display:block; margin-top:2px; font-size:13.5px; color:var(--jg-muted); }
.jg-more i{ font-style:normal; flex:0 0 auto; width:38px; height:38px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:var(--jg-lime); color:var(--jg-ink); font-weight:900; }

/* Внутренние страницы */
.jg-crumbs{ display:flex; flex-wrap:wrap; gap:6px; margin:0 0 10px; padding:0; list-style:none; font-size:13px; color:var(--jg-muted); }
.jg-crumbs a{ color:var(--jg-muted) !important; text-decoration:none !important; }
.jg-crumbs li+li:before{ content:"/"; margin-right:6px; opacity:.5; }
.jg-chips{ display:flex; flex-wrap:wrap; gap:6px; margin:0 0 14px; }
.jg-chips span{ font-size:12.5px; font-weight:700; padding:5px 10px; border-radius:8px; background:#1a222b; color:#d6dee7; }
.jg-lead{ font-size:17px !important; color:#e1e8ef !important; }
.jg-promo{ display:grid; gap:10px; padding:14px; margin:0 0 1.2em; border-radius:16px; border:1px solid rgba(198,255,26,.4); background:radial-gradient(120% 120% at 100% 0%, rgba(34,158,217,.12), transparent 55%), var(--jg-card-2); }
.jg-promo__title{ margin:0 !important; font-weight:900; font-size:16px; color:#fff; }
.jg-promo__text{ margin:0 !important; font-size:14.5px; color:#c3ccd7; }
@media (min-width:768px){ .jg-promo{ grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); align-items:center; } .jg-promo__title, .jg-promo__text{ grid-column:1 / -1; } }
.jg-steps{ list-style:none !important; counter-reset:jgs; display:grid; gap:8px; margin:0 0 1.2em !important; padding:0 !important; }
.jg-steps li{ counter-increment:jgs; position:relative; margin:0 !important; padding:12px 12px 12px 52px !important; border-radius:14px; background:var(--jg-card-2); border:1px solid var(--jg-line); }
.jg-steps li:before{ content:counter(jgs) !important; position:absolute; left:12px; top:12px; width:28px; height:28px; margin:0 !important; border:0 !important; border-radius:9px; background:var(--jg-lime); color:var(--jg-ink); font-weight:900; font-size:14px; display:flex; align-items:center; justify-content:center; }
.jg-figs{ display:grid; grid-template-columns:minmax(0,1fr); gap:10px; margin:0 0 1.2em; }
@media (min-width:768px){ .jg-figs{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
.jg-fig{ margin:0 0 1.2em; border-radius:16px; overflow:hidden; border:1px solid var(--jg-line); background:#0c1116; max-width:460px; }
.jg-figs .jg-fig{ margin:0; max-width:none; }
.article__body .jg-fig img{ display:block; width:100%; max-width:440px; height:auto; margin:0 auto !important; }
.jg-fig figcaption{ padding:10px 14px; font-size:13px; line-height:1.45; color:var(--jg-muted); border-top:1px solid var(--jg-line); }
.jg-sum{ padding:10px 12px; margin:0 0 1em !important; border-radius:12px; background:rgba(198,255,26,.06); border:1px solid rgba(198,255,26,.22); color:#e8eef4 !important; }
.jg-num{ display:inline-flex; align-items:center; justify-content:center; min-width:30px; height:24px; padding:0 6px; margin-right:8px; border-radius:7px; background:var(--jg-lime); color:var(--jg-ink); font-size:13px; font-weight:900; vertical-align:3px; }
.jg-board{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:0 0 1.2em; }
.jg-src{ display:flex; flex-direction:column; gap:3px; padding:12px; border-radius:14px; background:var(--jg-card-2); border:1px solid var(--jg-line); min-width:0; }
.jg-src__name{ font-size:12.5px; font-weight:800; color:var(--jg-muted); text-transform:uppercase; letter-spacing:.03em; }
.jg-src__val{ font-size:21px; font-weight:900; color:#fff; line-height:1.2; }
.jg-src__sub{ font-size:12.5px; line-height:1.35; color:var(--jg-muted); }
.jg-src--up .jg-src__val{ color:var(--jg-lime); }
.jg-src--mid .jg-src__val{ color:#ffb24d; }
.jg-src:last-child:nth-child(odd){ grid-column:1 / -1; }
@media (min-width:1100px){ .jg-board{ grid-template-columns:repeat(5,minmax(0,1fr)); } .jg-src:last-child:nth-child(odd){ grid-column:auto; } }
.jg-faq{ display:grid; gap:8px; margin:0 0 1.2em; }
.article__body .jg-faq details{ margin:0 !important; padding:0 !important; background:var(--jg-card-2) !important; border:1px solid var(--jg-line) !important; border-radius:14px !important; }
.article__body .jg-faq summary{ list-style:none; cursor:pointer; position:relative; padding:14px 46px 14px 14px; font-weight:800; color:#fff !important; }
.jg-faq summary::-webkit-details-marker{ display:none; }
.jg-faq summary:after{ content:"+"; position:absolute; right:14px; top:50%; transform:translateY(-50%); width:24px; height:24px; border-radius:8px; background:#232c37; color:var(--jg-lime); font-weight:900; display:flex; align-items:center; justify-content:center; }
.jg-faq details[open] summary:after{ content:"–"; }
.jg-faq details > div{ padding:0 14px 14px; color:#c3ccd7; }
.jg-faq details > div p{ margin:0 !important; }
.jg-box{ padding:14px; margin:0 0 1.2em; border-radius:16px; background:var(--jg-card-2); border:1px solid var(--jg-line); }
.jg-box__title{ margin:0 0 6px !important; font-weight:900; color:#fff; }
.jg-box ul{ margin-bottom:0 !important; }

/* ---------- Нижняя панель с кодом и уведомление ---------- */
.jg-dock{ position:fixed; left:8px; right:8px; bottom:calc(8px + env(safe-area-inset-bottom)); z-index:150; display:flex; align-items:center; gap:10px; padding:8px 8px 8px 12px; border-radius:16px; background:rgba(12,17,22,.96); border:1px solid rgba(198,255,26,.35); box-shadow:0 14px 40px rgba(0,0,0,.55); transform:translateY(150%); opacity:0; pointer-events:none; transition:transform .25s ease, opacity .25s ease; }
.jg-dock.is-on{ transform:none; opacity:1; pointer-events:auto; }
.jg-dock__txt{ font-size:11.5px; line-height:1.25; color:var(--jg-muted); flex:0 0 auto; }
.jg-dock__txt b{ color:#fff; }
.jg-code--dock{ flex:1 1 auto; min-width:0; min-height:46px; padding:4px 4px 4px 12px; }
.jg-code--dock .jg-code__val{ font-size:18px; }
.jg-code--dock .jg-code__act{ height:38px; padding:0 12px; font-size:13px; }
@media (min-width:1200px){ .jg-dock{ display:none; } }
@media (max-width:359px){ .jg-dock__txt{ display:none; } }
@media (max-width:1199.98px){ .jet-ref-footer{ padding-bottom:90px !important; } }
.jg-toast{ position:fixed; left:50%; top:calc(var(--jg-head) + 12px); z-index:300; transform:translate(-50%,-16px); padding:12px 18px; border-radius:12px; background:var(--jg-lime); color:var(--jg-ink); font-weight:900; font-size:14px; white-space:nowrap; box-shadow:0 12px 30px rgba(0,0,0,.4); opacity:0; pointer-events:none; transition:opacity .2s ease, transform .2s ease; }
.jg-toast.is-on{ opacity:1; transform:translate(-50%,0); }

/* Хлебные крошки и поля статьи на телефоне */
.jg-crumbs > * + *:before{ content:"/"; margin-right:6px; opacity:.5; }
.article{ margin-left:0 !important; margin-right:0 !important; }
.jg-page{ margin-top:0 !important; }
.jg-page .article__body{ padding-top:4px !important; }
.jg-page .jet-page-title{ margin-bottom:10px !important; }
.article__body .jg-tg-ico{ margin:0 !important; display:block; }

/* =====================================================================
   /jetton-partners/ — страница партнёрской программы (05.11.2026)
   ===================================================================== */
.jg-btn-dash{ background:#1b222b !important; color:#fff !important; }
.jg-aff-btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; height:50px; padding:0 22px; border-radius:12px; background:var(--jg-lime); color:var(--jg-ink) !important; font-weight:900; font-size:15px; text-decoration:none !important; white-space:nowrap; transition:filter .12s ease, transform .12s ease; }
.jg-aff-btn:hover{ filter:brightness(1.06); transform:translateY(-1px); }
.jg-aff-btn--ghost{ background:#2a3038; color:#fff !important; }

.jg-aff-hero{ position:relative; display:grid; grid-template-columns:minmax(0,1fr); gap:6px; overflow:hidden; border-radius:20px; padding:20px 16px 0; background:radial-gradient(120% 90% at 100% 100%, rgba(198,255,26,.18), transparent 55%), #0c1013; border:1px solid var(--jg-line); }
.jg-aff-hero .jg-crumbs{ margin-bottom:10px; }
.jg-aff-hero__title{ margin:0 0 10px; font-size:clamp(25px,6.6vw,42px); line-height:1.12; font-weight:900; letter-spacing:-.025em; color:#fff; }
.jg-aff-hero__title span{ color:var(--jg-lime); }
.jg-aff-hero__lead{ margin:0 0 16px; font-size:15.5px; line-height:1.5; color:#c4ccd6; max-width:560px; }
.jg-aff-rs{ display:flex; align-items:center; justify-content:space-between; gap:10px; max-width:420px; padding:12px 16px; margin-bottom:10px; border-radius:14px; background:#151a1f; border:1px solid #2a323b; }
.jg-aff-rs__label{ font-weight:800; color:#fff; }
.jg-aff-rs__val{ font-size:28px; font-weight:900; color:var(--jg-lime); letter-spacing:.02em; }
.jg-aff-cta{ display:grid; grid-template-columns:minmax(0,1fr); gap:8px; max-width:420px; }
.jg-aff-hero__img{ display:block; width:min(100%,380px); height:auto; margin:4px auto -8px; }
@media (min-width:900px){
  .jg-aff-hero{ grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); align-items:center; padding:36px 0 0 36px; }
  .jg-aff-hero__text{ padding-bottom:36px; }
  .jg-aff-hero__img{ width:100%; max-width:440px; margin:0; align-self:end; }
}
.jg-aff-page .jg-page{ margin-top:18px !important; }

.jg-aff-grid{ display:grid; grid-template-columns:minmax(0,1fr); gap:10px; margin:0 0 1.2em; }
.jg-aff-card{ padding:16px; border-radius:16px; background:var(--jg-card-2); border:1px solid var(--jg-line); }
.jg-aff-card__ico{ display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:12px; background:rgba(198,255,26,.14); font-size:20px; margin-bottom:10px; }
.article__body .jg-aff-card__t{ margin:0 0 4px !important; font-weight:900; font-size:18px; line-height:1.25; color:#fff; }
.jg-aff-card__t em{ font-style:normal; color:var(--jg-lime); }
.article__body .jg-aff-card__d{ margin:0 !important; font-size:14.5px; line-height:1.5; color:var(--jg-muted); }
@media (min-width:640px){ .jg-aff-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1100px){ .jg-aff-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } }

.jg-aff-models{ display:grid; grid-template-columns:minmax(0,1fr); gap:10px; margin:0 0 1.2em; }
.jg-aff-model{ padding:16px; border-radius:16px; background:var(--jg-card-2); border:1px solid var(--jg-line); min-width:0; }
.jg-aff-model--rs{ border-color:rgba(198,255,26,.55); }
.article__body .jg-aff-model__t{ margin:0 0 4px !important; font-size:22px; font-weight:900; color:#fff; letter-spacing:.02em; text-transform:uppercase; }
.article__body .jg-aff-model__d{ margin:0 0 12px !important; font-size:14.5px; color:#c4ccd6; }
.jg-aff-chart{ display:block; width:100%; height:auto; }
.jg-aff-flow{ display:flex; align-items:center; justify-content:center; gap:8px; padding:14px 8px; border-radius:14px; background:#10151a; }
.jg-aff-flow span{ padding:10px 12px; border-radius:10px; background:rgba(198,255,26,.12); color:var(--jg-lime); font-weight:800; font-size:14px; }
.jg-aff-flow i{ font-style:normal; color:var(--jg-muted); }
.jg-aff-flow b{ display:flex; flex-direction:column; align-items:center; padding:6px 14px; border-radius:10px; background:var(--jg-lime); color:var(--jg-ink); font-size:22px; line-height:1; font-weight:900; }
.jg-aff-flow b small{ font-size:11px; font-weight:800; margin-top:3px; }
@media (min-width:768px){ .jg-aff-models{ grid-template-columns:repeat(2,minmax(0,1fr)); } }

.jg-aff-prod{ display:grid; grid-template-columns:minmax(0,1fr); gap:10px; margin:0 0 1.2em; }
.jg-aff-tile{ position:relative; display:flex; flex-direction:column; justify-content:space-between; gap:10px; padding:16px; min-height:200px; border-radius:16px; overflow:hidden; background:radial-gradient(90% 90% at 70% 80%, rgba(198,255,26,.08), transparent 60%), var(--jg-card-2); border:1px solid var(--jg-line); }
.article__body .jg-aff-tile__t{ margin:0 0 4px !important; font-weight:900; font-size:18px; color:#fff; }
.article__body .jg-aff-tile__d{ margin:0 !important; font-size:14.5px; line-height:1.5; color:var(--jg-muted); }
.article__body .jg-aff-tile img{ display:block; width:auto; max-width:72%; max-height:170px; height:auto; margin:0 0 -6px auto !important; }
.jg-aff-geo{ display:flex; flex-wrap:wrap; gap:6px; margin:12px 0 0 !important; padding:0 !important; list-style:none; }
.article__body .jg-aff-geo li{ margin:0 !important; padding:6px 10px !important; border-radius:999px; background:#232b34; color:#e8eef4; font-size:13px; font-weight:700; }
.article__body .jg-aff-geo li:before{ display:none !important; }
@media (min-width:768px){ .jg-aff-prod{ grid-template-columns:repeat(2,minmax(0,1fr)); } }

.jg-aff-join{ display:grid; grid-template-columns:minmax(0,1fr); gap:12px; align-items:center; margin:0 0 1.2em; padding:16px; border-radius:18px; background:#fff; color:#0b1014; }
.article__body .jg-aff-join img{ display:block; width:min(100%,220px); height:auto; margin:0 auto !important; }
.article__body .jg-aff-join__t{ margin:0 0 6px !important; font-size:24px; line-height:1.15; font-weight:900; color:#0b1014; }
.jg-aff-join__t span{ color:#7fae00; }
.article__body .jg-aff-join__d{ margin:0 0 12px !important; color:#3c4450; font-size:15px; }
.jg-aff-join .jg-aff-btn{ width:100%; }
@media (min-width:768px){ .jg-aff-join{ grid-template-columns:240px minmax(0,1fr); padding:20px 28px; } .jg-aff-join .jg-aff-btn{ width:auto; } }

.jg-dock--aff{ justify-content:space-between; }
.jg-aff-btn--dock{ height:46px; flex:1 1 auto; max-width:260px; }
@media (min-width:1200px){ .jg-dock--aff{ display:none; } }
@media (max-width:767.98px){
  .jg-aff-page .jg-header .jg-btn-dash{ display:none !important; }
  .jg-aff-page .jg-header .header__rightItem:has(.jg-btn-dash){ display:none !important; }
  .jg-aff-hero__img{ width:calc(100% + 32px); max-width:none; margin:6px -16px 0; aspect-ratio:828/360; object-fit:cover; object-position:50% 100%; }
}
@media (min-width:768px) and (max-width:899.98px){
  .jg-aff-hero__img{ width:100%; max-width:none; aspect-ratio:828/330; object-fit:cover; object-position:50% 100%; margin:6px 0 0; }
}
.jg-header .button.jg-btn-dash{ background:#232a33 !important; color:#fff !important; }
@media (min-width:1200px) and (max-width:1399.98px){
  .jg-pages--head{ margin-left:10px; gap:2px; }
  .jg-pages--head .jg-pages__link{ padding:0 9px; font-size:13.5px; }
  .jg-header .button{ padding:0 14px !important; }
}