/* 7kslot.cfd — 7K Casino / 7К Казино. Концепт «Кузнечный горн»: раскалённый оранж + стальной серый */

:root {
  --bg: #120e0c;
  --sf: #1c1614;
  --sf-2: #241c19;
  --ln: #2c221e;
  --ln-2: #3d2f28;
  --tx: #f2e9e2;
  --tx-d: #a1928a;
  --tx-dd: #7a6c65;
  --ac: #ff8a3d;
  --ac-d: #d96a22;
  --ac-l: #ffd9a8;
  --st: #a9b4bd;
  --st-d: #6d767d;
  --ok: #7fd6a2;
  --bev: 12px;
  --pad: clamp(18px, 4.2vw, 68px);
}

* { box-sizing: border-box }
html { scroll-behavior: smooth }

body {
  margin: 0;
  font: 16px/1.7 "Mulish", ui-sans-serif, -apple-system, "Segoe UI", system-ui, Arial, sans-serif;
  color: var(--tx);
  background:
    radial-gradient(1000px 560px at 12% -10%, rgba(255, 138, 61, .17) 0%, transparent 58%),
    radial-gradient(820px 600px at 96% 14%, rgba(169, 180, 189, .07) 0%, transparent 56%),
    var(--bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Заголовочный шрифт — явным правилом, чтобы Podkova не встал первым в body-цепочке */
h1, h2, h3, h4,
.forge-logo__t, .forge-kpi__n, .forge-step__n, .forge-card__rtp,
.forge-tab th, .forge-foot__name, .forge-rev__st, .forge-faq summary {
  font-family: "Podkova", Georgia, "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: -.005em;
}

h1 { font-size: clamp(27px, 4.1vw, 42px); line-height: 1.18; margin: 0 0 16px }
h2 { font-size: clamp(22px, 3vw, 31px); line-height: 1.24; margin: 0 0 14px }
h3 { font-size: clamp(17px, 2vw, 21px); line-height: 1.3; margin: 0 0 8px }

p { margin: 0 0 14px }
img { max-width: 100%; display: block; height: auto }
svg { max-width: 100% }
a { color: var(--ac); text-decoration: none }
a:hover { text-decoration: underline }
table { border-collapse: collapse }

.forge-skip {
  position: absolute; top: -70px; left: 12px; z-index: 100;
  padding: 10px 15px; background: var(--ac); color: #1a1210; font-weight: 700;
}
.forge-skip:focus { top: 12px }

.forge-ovr {
  margin: 0 0 9px; font-size: 11px; font-weight: 700; letter-spacing: 2.4px;
  text-transform: uppercase; color: var(--ac);
}

/* ===== HEADER ===== */
.forge-bar {
  position: sticky; top: 0; z-index: 50;
  display: flex; align-items: center; gap: 16px;
  padding: 10px var(--pad);
  background: rgba(18, 14, 12, .9);
  border-bottom: 1px solid var(--ln);
  backdrop-filter: blur(11px);
}
.forge-logo { display: flex; align-items: center; gap: 11px; color: var(--tx) }
.forge-logo:hover { text-decoration: none }
.forge-logo__svg { width: 33px; height: 33px; flex: none; filter: drop-shadow(0 0 13px rgba(255, 138, 61, .55)) }
.forge-logo__t { font-size: 18px; line-height: 1 }
.forge-logo__sub {
  display: block; margin-top: 5px; font-family: "Mulish", sans-serif;
  font-size: 10px; font-weight: 700; letter-spacing: 1.5px;
  color: var(--tx-dd); text-transform: uppercase;
}
.forge-nav { display: flex; gap: 2px; margin-left: auto; flex-wrap: wrap }
.forge-nav a {
  padding: 7px 11px; font-size: 14px; color: var(--tx-d);
  border-bottom: 2px solid transparent;
}
.forge-nav a:hover { color: var(--tx); border-bottom-color: var(--ac); text-decoration: none }
.forge-bar__cta {
  padding: 9px 16px; font-size: 14px; font-weight: 700; color: #1a1210;
  background: linear-gradient(120deg, var(--ac), var(--ac-l));
  clip-path: polygon(var(--bev) 0, 100% 0, 100% calc(100% - var(--bev)), calc(100% - var(--bev)) 100%, 0 100%, 0 var(--bev));
}
.forge-bar__cta:hover { text-decoration: none; filter: brightness(1.08) }

/* ===== HERO ===== */
.forge-hero {
  display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  gap: clamp(22px, 3.6vw, 52px); align-items: center;
  padding: clamp(34px, 5.4vw, 76px) var(--pad) clamp(28px, 4vw, 58px);
  border-bottom: 1px solid var(--ln);
}
.forge-hero__left { min-width: 0 }
.forge-hero__right { min-width: 0 }
.forge-hero__lead { color: var(--tx-d); font-size: 17px; max-width: 60ch }
.forge-kpi {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px; margin: 22px 0 24px; background: var(--ln); border: 1px solid var(--ln);
}
.forge-kpi__c { padding: 14px 15px; background: var(--sf) }
.forge-kpi__n { display: block; font-size: 21px; color: var(--ac-l); line-height: 1.15 }
.forge-kpi__l { display: block; margin-top: 5px; font-size: 12px; color: var(--tx-dd); line-height: 1.45 }
.forge-hero__act { display: flex; gap: 12px; flex-wrap: wrap }

.forge-btn {
  display: inline-block; padding: 13px 24px; font-weight: 700; font-size: 15px;
  color: #1a1210; background: linear-gradient(120deg, var(--ac), var(--ac-l));
  clip-path: polygon(var(--bev) 0, 100% 0, 100% calc(100% - var(--bev)), calc(100% - var(--bev)) 100%, 0 100%, 0 var(--bev));
}
.forge-btn:hover { text-decoration: none; filter: brightness(1.09) }
.forge-btn--gh { color: var(--st); background: none; border: 1px solid var(--ln-2); clip-path: none }
.forge-btn--gh:hover { color: var(--tx); border-color: var(--ac) }
.forge-btn--big { padding: 16px 34px; font-size: 17px }
.forge-art { width: 100%; height: auto; border: 1px solid var(--ln) }

/* ===== SECTIONS ===== */
.forge-sec { padding: clamp(34px, 4.6vw, 66px) var(--pad); border-bottom: 1px solid var(--ln) }
.forge-sec > p { color: var(--tx-d); max-width: 88ch }
.forge-sec > p.forge-ovr { color: var(--ac) }
.forge-sec h2 { position: relative; padding-left: 16px }
.forge-sec h2::before {
  content: ""; position: absolute; left: 0; top: .18em; bottom: .18em; width: 4px;
  background: linear-gradient(180deg, var(--ac), var(--ac-d));
}
.forge-sec h3 { margin-top: 26px }

/* три шага */
.forge-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 22px }
.forge-step {
  padding: 18px 19px; background: var(--sf); border: 1px solid var(--ln);
  clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px));
}
.forge-step__n { display: block; font-size: 24px; color: var(--st-d); line-height: 1 }
.forge-step h3 { margin: 10px 0 6px; color: var(--ac-l) }
.forge-step p { margin: 0; font-size: 14px; color: var(--tx-d) }

/* таблицы */
.forge-scroll { overflow-x: auto; margin: 20px 0 18px; border: 1px solid var(--ln) }
.forge-tab { width: 100%; min-width: 560px; font-size: 14.5px }
.forge-tab caption {
  padding: 12px 16px; text-align: left; font-size: 12px; letter-spacing: 1.5px;
  text-transform: uppercase; color: var(--tx-dd); background: var(--sf-2);
}
.forge-tab th {
  padding: 11px 16px; text-align: left; font-size: 13px; color: var(--ac-l);
  background: var(--sf-2); border-bottom: 1px solid var(--ln-2); white-space: nowrap;
}
.forge-tab td { padding: 11px 16px; border-bottom: 1px solid var(--ln); color: var(--tx-d) }
.forge-tab tbody tr:nth-child(odd) td { background: var(--sf) }
.forge-tab tbody tr:last-child td { border-bottom: 0 }
.forge-tab td:first-child { color: var(--tx); font-weight: 700 }

/* каталог */
.forge-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(238px, 1fr)); gap: 14px; margin: 22px 0 20px }
.forge-card {
  padding: 17px 18px 19px; background: var(--sf); border: 1px solid var(--ln);
  border-top: 2px solid var(--ac-d);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%);
}
.forge-card h3 { margin: 0 0 4px; font-size: 17px }
.forge-card__p { margin: 0 0 8px; font-size: 12px; letter-spacing: 1.1px; text-transform: uppercase; color: var(--st-d) }
.forge-card__m { margin: 0 0 9px; font-size: 12.5px; color: var(--ac-l); border-left: 2px solid var(--ln-2); padding-left: 9px }
.forge-card > p:nth-last-child(2) { margin: 0 0 14px; font-size: 13.5px; color: var(--tx-d); line-height: 1.62 }
.forge-card__go { margin: 0 }
.forge-card__go a {
  display: block; padding: 9px 13px; text-align: center;
  font-size: 13.5px; font-weight: 700; color: var(--ac-l);
  border: 1px solid var(--ln-2); background: var(--sf-2);
}
.forge-card__go a:hover { color: #1a1210; background: var(--ac); border-color: var(--ac); text-decoration: none }

/* CTA-строка внутри секции */
.forge-act { margin: 22px 0 0 }

/* live */
.forge-live { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 22px 0 20px }
.forge-lv { padding: 16px 18px; background: linear-gradient(160deg, var(--sf-2), var(--sf)); border-left: 3px solid var(--st-d) }
.forge-lv h3 { margin: 0 0 3px; font-size: 16.5px }
.forge-lv__s { margin: 0 0 8px; font-size: 11.5px; letter-spacing: 1.4px; text-transform: uppercase; color: var(--ac) }
.forge-lv p:last-child { margin: 0; font-size: 13.5px; color: var(--tx-d) }

/* отзывы */
.forge-revs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 18px 0 8px }
.forge-rev { padding: 18px 19px; background: var(--sf); border: 1px solid var(--ln) }
.forge-rev__st { margin: 0 0 9px; color: var(--ac); font-size: 15px; letter-spacing: 3px }
.forge-rev p { font-size: 14px; color: var(--tx-d) }
.forge-rev__a { margin: 12px 0 0; font-size: 12.5px; color: var(--tx-dd); border-top: 1px solid var(--ln); padding-top: 10px }

/* FAQ */
.forge-faq { display: grid; gap: 9px; margin-top: 20px }
.forge-faq details { background: var(--sf); border: 1px solid var(--ln); border-left: 3px solid var(--ln-2) }
.forge-faq details[open] { border-left-color: var(--ac) }
.forge-faq summary { padding: 14px 18px; cursor: pointer; font-size: 15.5px; color: var(--tx) }
.forge-faq summary::marker { color: var(--ac) }
.forge-faq p { margin: 0; padding: 0 18px 16px; font-size: 14.5px; color: var(--tx-d) }

/* author note */
.forge-note { background: linear-gradient(180deg, rgba(255, 138, 61, .05), transparent) }
.forge-note p { max-width: 92ch }

/* финальный блок */
.forge-final { padding: clamp(34px, 4.6vw, 62px) var(--pad); text-align: center; border-bottom: 1px solid var(--ln) }
.forge-final h3 { font-size: clamp(21px, 2.8vw, 29px); margin-bottom: 10px }
.forge-final p { color: var(--tx-d); margin-bottom: 22px }

/* footer */
.forge-foot { padding: clamp(28px, 3.6vw, 50px) var(--pad) 34px; background: #0e0b0a }
.forge-foot__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px }
.forge-foot__name { margin: 0 0 8px; font-size: 15px; color: var(--ac-l) }
.forge-foot p { font-size: 13px; color: var(--tx-dd); line-height: 1.65 }
.forge-foot__low { margin: 28px 0 0; padding-top: 18px; border-top: 1px solid var(--ln); font-size: 12.5px }

/* ===== АДАПТИВ ===== */
@media (max-width: 1080px) {
  .forge-hero { grid-template-columns: 1fr; gap: 26px }
  .forge-hero__right { order: -1 }
  .forge-grid { grid-template-columns: repeat(auto-fill, minmax(216px, 1fr)) }
  .forge-live { grid-template-columns: repeat(2, minmax(0, 1fr)) }
  .forge-foot__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) }
}

@media (max-width: 860px) {
  .forge-bar { flex-wrap: wrap }
  .forge-nav { order: 3; width: 100%; margin-left: 0 }
  .forge-bar__cta { margin-left: auto }
  .forge-kpi { grid-template-columns: repeat(2, minmax(0, 1fr)) }
  .forge-steps { grid-template-columns: 1fr }
  .forge-revs { grid-template-columns: 1fr }
  .forge-foot__grid { grid-template-columns: 1fr }
}

@media (max-width: 620px) {
  body { font-size: 15.5px }
  .forge-nav a { padding: 6px 8px; font-size: 13px }
  .forge-kpi { grid-template-columns: 1fr }
  .forge-grid { grid-template-columns: 1fr }
  .forge-live { grid-template-columns: 1fr }
  .forge-hero__act { flex-direction: column; align-items: stretch }
  .forge-btn { text-align: center }
  .forge-faq summary { font-size: 15px; padding: 13px 15px }
  .forge-faq p { padding: 0 15px 14px }
}