/* 7k756p.fun — 7K Casino. Тема «свечная мастерская»: воск в тени, живое пламя, топлёный воск. */

:root {
  --cd-bg: #151310;
  --cd-bg2: #1f1b16;
  --cd-bg3: #2a241d;
  --cd-ln: #3a3128;
  --cd-ln2: #4e4235;
  --cd-tx: #efe7d6;
  --cd-tx2: #c6bba6;
  --cd-tx3: #9b8f7c;
  --cd-fl: #e0a234;
  --cd-fl-l: #f2bd5c;
  --cd-fl-d: #a97418;
  --cd-r: 12px;
  --cd-r2: 7px;
  --cd-mw: 1220px;
}

* { box-sizing: border-box }
html { scroll-behavior: smooth }
body {
  margin: 0;
  font: 16px/1.68 "Hind Madurai", ui-sans-serif, -apple-system, "Segoe UI", system-ui, Arial, sans-serif;
  color: var(--cd-tx);
  background:
    radial-gradient(880px 520px at 84% -12%, rgba(224, 162, 52, .17) 0%, transparent 62%),
    radial-gradient(720px 560px at -6% 46%, rgba(239, 231, 214, .05) 0%, transparent 64%),
    var(--cd-bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
a { color: var(--cd-fl-l); text-decoration: none }
a:hover { text-decoration: underline }
img, svg { max-width: 100% }

h1, h2, h3, h4, caption,
.chandl-logo__t, .chandl-cta, .chandl-over, .chandl-tape__i, .chandl-kpi__n,
.chandl-wbox__p, .chandl-sbox__n, .chandl-tile__cv, .chandl-ladder__n,
.chandl-nbox__n, .chandl-lv__cv, .chandl-rail__k, .chandl-tags__h {
  font-family: "Faustina", "Hind Madurai", Georgia, "Times New Roman", serif;
}
h1 { font-size: clamp(28px, 4.1vw, 46px); line-height: 1.14; margin: 0 0 18px; font-weight: 700; letter-spacing: -.4px }
h2 { font-size: clamp(23px, 2.7vw, 33px); line-height: 1.2; margin: 0 0 16px; font-weight: 700 }
h3 { font-size: 18px; line-height: 1.3; margin: 0 0 8px; font-weight: 600 }
h4 { font-size: 14px; margin: 0 0 12px; text-transform: uppercase; letter-spacing: 1.6px; color: var(--cd-fl) }
p { margin: 0 0 12px }

.chandl-skip {
  position: absolute; top: -50px; left: 12px; z-index: 120;
  padding: 11px 16px; border-radius: var(--cd-r2);
  background: var(--cd-fl); color: #201703; font-weight: 700;
}
.chandl-skip:focus { top: 12px }

/* ===== ШАПКА ===== */
.chandl-bar {
  display: flex; align-items: center; gap: 18px; flex-wrap: wrap;
  padding: 12px 22px;
  border-bottom: 1px solid var(--cd-ln);
  background: rgba(21, 19, 16, .9);
  backdrop-filter: blur(9px);
  position: sticky; top: 0; z-index: 60;
}
.chandl-logo { display: flex; align-items: center; gap: 11px; color: var(--cd-tx) }
.chandl-logo:hover { text-decoration: none }
.chandl-logo__svg { width: 36px; height: 36px; flex: none; filter: drop-shadow(0 0 10px rgba(224, 162, 52, .55)) }
.chandl-logo__t { font-size: 19px; font-weight: 700; line-height: 1.05 }
.chandl-logo__sub {
  display: block; margin-top: 4px;
  font-family: "Hind Madurai", sans-serif; font-size: 10px; font-weight: 600;
  letter-spacing: 2.1px; text-transform: uppercase; color: var(--cd-tx3);
}
.chandl-nav { display: flex; gap: 18px; margin-left: auto; flex-wrap: wrap }
.chandl-nav a {
  color: var(--cd-tx2); font-size: 14px; padding: 11px 2px; min-height: 44px;
  display: inline-flex; align-items: center;
  border-bottom: 2px solid transparent; transition: color .15s, border-color .15s;
}
.chandl-nav a:hover { color: var(--cd-fl-l); border-bottom-color: var(--cd-fl); text-decoration: none }

/* ===== КНОПКИ ===== */
.chandl-cta {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 46px; padding: 12px 24px; border-radius: var(--cd-r2);
  background: linear-gradient(135deg, var(--cd-fl-l), var(--cd-fl-d));
  color: #1d1503; font-weight: 700; font-size: 16px; letter-spacing: .2px;
  border: 1px solid rgba(242, 189, 92, .5);
  box-shadow: 0 8px 24px rgba(224, 162, 52, .2);
  transition: transform .14s, box-shadow .14s;
}
.chandl-cta:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(224, 162, 52, .3); text-decoration: none }
.chandl-cta--sm { min-height: 44px; padding: 10px 18px; font-size: 14px }
.chandl-cta--lg { min-height: 54px; padding: 15px 34px; font-size: 17px }
.chandl-cta--out {
  background: transparent; color: var(--cd-tx);
  border: 1px solid var(--cd-ln2); box-shadow: none;
}
.chandl-cta--out:hover { border-color: var(--cd-fl); color: var(--cd-fl-l) }

/* ===== БЕГУЩАЯ СТРОКА ===== */
.chandl-tape {
  overflow: hidden; border-bottom: 1px solid var(--cd-ln);
  background: linear-gradient(90deg, var(--cd-bg2), var(--cd-bg3), var(--cd-bg2));
  padding: 9px 0;
}
.chandl-tape__run { display: flex; gap: 14px; white-space: nowrap; animation: chandl-run 42s linear infinite }
.chandl-tape__i { font-size: 13px; letter-spacing: .6px; color: var(--cd-tx2) }
.chandl-tape__s { color: var(--cd-fl); font-size: 11px }
@keyframes chandl-run { from { transform: translateX(0) } to { transform: translateX(-50%) } }
@media (prefers-reduced-motion: reduce) { .chandl-tape__run { animation: none } }

/* ===== ОБЩАЯ СЕКЦИЯ ===== */
main { display: block }
.chandl-hero, .chandl-sec {
  max-width: var(--cd-mw); margin: 0 auto; padding: 54px 22px;
  border-bottom: 1px solid var(--cd-ln);
}
.chandl-tag {
  display: inline-block; margin-bottom: 14px;
  padding: 5px 13px; border-radius: 999px;
  border: 1px solid var(--cd-ln2); background: var(--cd-bg2);
  font-size: 11px; font-weight: 600; letter-spacing: 1.7px; text-transform: uppercase;
  color: var(--cd-fl);
}
.chandl-lead { color: var(--cd-tx2); max-width: 78ch; margin-bottom: 24px }

/* ===== ГЕРОЙ ===== */
.chandl-hero { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: 40px; align-items: end }
.chandl-over {
  font-size: 11px; letter-spacing: 2.4px; text-transform: uppercase;
  color: var(--cd-fl); margin-bottom: 14px;
}
.chandl-hero__sub { color: var(--cd-tx2); font-size: 17px; max-width: 74ch; margin-bottom: 24px }
.chandl-hero__btns { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 26px }

.chandl-quick { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 10px; margin-bottom: 24px }
.chandl-qb {
  display: flex; flex-direction: column; gap: 3px; min-height: 62px; justify-content: center;
  padding: 11px 14px; border-radius: var(--cd-r2);
  border: 1px solid var(--cd-ln); background: var(--cd-bg2); color: var(--cd-tx);
  transition: border-color .15s, background .15s;
}
.chandl-qb:hover { border-color: var(--cd-fl); background: var(--cd-bg3); text-decoration: none }
.chandl-qb__k { font-size: 14px; font-weight: 600 }
.chandl-qb__v { font-size: 12px; color: var(--cd-tx3) }

.chandl-kpi { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px }
.chandl-kpi__c {
  padding: 14px 16px; border-radius: var(--cd-r2);
  border: 1px solid var(--cd-ln); background: var(--cd-bg2);
  border-left: 3px solid var(--cd-fl);
}
.chandl-kpi__n { display: block; font-size: 26px; font-weight: 700; color: var(--cd-fl-l); line-height: 1.1 }
.chandl-kpi__l { display: block; margin-top: 4px; font-size: 12px; color: var(--cd-tx3) }

.chandl-hero__art { display: flex; align-items: flex-end; gap: 10px; height: 330px; padding-bottom: 6px }
.chandl-candle {
  position: relative; flex: 1; height: var(--h);
  border-radius: 6px 6px 3px 3px;
  background: linear-gradient(180deg, #efe7d6 0%, #cdbfa4 55%, #8f836c 100%);
  display: flex; align-items: flex-end; justify-content: center;
}
.chandl-candle em {
  font-style: normal; font-size: 10px; font-weight: 700; letter-spacing: .6px;
  color: #2a241d; padding-bottom: 8px; writing-mode: vertical-rl; transform: rotate(180deg);
}
.chandl-candle__f {
  position: absolute; top: -17px; left: 50%; transform: translateX(-50%);
  width: 11px; height: 19px; border-radius: 50% 50% 45% 45%;
  background: radial-gradient(circle at 50% 70%, #fff3cf 0%, var(--cd-fl-l) 45%, var(--cd-fl-d) 100%);
  box-shadow: 0 0 16px 4px rgba(224, 162, 52, .45);
}
.chandl-candle--top { background: linear-gradient(180deg, #f7f0e0 0%, #e0cfa9 55%, #a08d63 100%) }
.chandl-candle--top .chandl-candle__f { width: 14px; height: 25px; top: -22px }

/* ===== СЕТКИ ===== */
.chandl-grid { display: grid; gap: 14px }
.chandl-grid--3 { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) }
.chandl-grid--4 { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) }
.chandl-grid--tiles { grid-template-columns: repeat(auto-fill, minmax(196px, 1fr)) }
.chandl-grid--live { grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)) }
.chandl-grid--rails { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); margin-bottom: 22px }

/* ===== ПАКЕТ ===== */
.chandl-wbox {
  padding: 18px; border-radius: var(--cd-r);
  border: 1px solid var(--cd-ln); background: var(--cd-bg2);
  border-top: 3px solid var(--cd-fl);
}
.chandl-wbox__s { font-size: 11px; letter-spacing: 1.6px; text-transform: uppercase; color: var(--cd-tx3) }
.chandl-wbox__p { display: block; margin: 6px 0 10px; font-size: 28px; font-weight: 700; color: var(--cd-fl-l) }
.chandl-wbox p { font-size: 14px; color: var(--cd-tx2); margin: 0 }
.chandl-welcome .chandl-cta { margin-top: 22px }

/* ===== ШАГИ ===== */
.chandl-sbox { padding: 20px; border-radius: var(--cd-r); border: 1px solid var(--cd-ln); background: var(--cd-bg2) }
.chandl-sbox__n {
  display: inline-flex; align-items: center; justify-content: center;
  width: 38px; height: 38px; margin-bottom: 12px; border-radius: 50%;
  background: var(--cd-fl); color: #1d1503; font-size: 19px; font-weight: 700;
}
.chandl-sbox p { font-size: 15px; color: var(--cd-tx2); margin: 0 }

/* ===== ВИТРИНА ===== */
.chandl-tile {
  border-radius: var(--cd-r); overflow: hidden;
  border: 1px solid var(--cd-ln); background: var(--cd-bg2);
  display: flex; flex-direction: column;
  transition: border-color .15s, transform .15s;
}
.chandl-tile:hover { border-color: var(--cd-fl); transform: translateY(-3px) }
.chandl-tile__cv {
  height: 104px; display: flex; align-items: center; justify-content: center; text-align: center;
  padding: 10px; font-size: 15px; font-weight: 700; color: #211a0d;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .3);
}
.chandl-cv1 { background: linear-gradient(140deg, #f0c46a, #c07f22) }
.chandl-cv2 { background: linear-gradient(140deg, #e5d3ab, #a98d55) }
.chandl-cv3 { background: linear-gradient(140deg, #d9b877, #96702b) }
.chandl-cv4 { background: linear-gradient(140deg, #efe7d6, #b0a184) }
.chandl-cv5 { background: linear-gradient(140deg, #f4cf85, #b8862c) }
.chandl-cv6 { background: linear-gradient(140deg, #dcc191, #8e7440) }
.chandl-cv7 { background: linear-gradient(140deg, #e8d9b5, #9d8752) }
.chandl-cv8 { background: linear-gradient(140deg, #f2c96f, #a97418) }
.chandl-cv9 { background: linear-gradient(140deg, #e0a234, #7d5410) }
.chandl-cv10 { background: linear-gradient(140deg, #ead7a8, #a6864b) }
.chandl-cv11 { background: linear-gradient(140deg, #f6ddab, #bb9448) }
.chandl-cv12 { background: linear-gradient(140deg, #d8c39c, #8c7643) }
.chandl-tile h3 { margin: 12px 14px 4px; font-size: 15px }
.chandl-tile p { margin: 0 14px 12px; font-size: 12px; color: var(--cd-tx3) }
.chandl-tile__go {
  margin: auto 14px 14px; padding: 10px; min-height: 44px;
  display: flex; align-items: center; justify-content: center;
  border-radius: var(--cd-r2); border: 1px solid var(--cd-ln2);
  color: var(--cd-fl-l); font-size: 13px; font-weight: 600;
}
.chandl-tile__go:hover { background: var(--cd-fl); color: #1d1503; border-color: var(--cd-fl); text-decoration: none }

.chandl-tags {
  display: flex; gap: 14px; flex-wrap: wrap; align-items: baseline;
  margin-top: 18px; padding: 14px 16px;
  border-radius: var(--cd-r); border: 1px dashed var(--cd-ln2); background: var(--cd-bg2);
}
.chandl-tags__h { font-size: 13px; font-weight: 700; color: var(--cd-fl); flex: none }
.chandl-tags__l { display: flex; gap: 8px; flex-wrap: wrap }
.chandl-tags__l span {
  padding: 5px 11px; border-radius: 999px;
  border: 1px solid var(--cd-ln2); background: var(--cd-bg3);
  font-size: 12px; color: var(--cd-tx2);
}

/* ===== СТУПЕНИ ===== */
.chandl-ladder { display: grid; gap: 9px; margin-bottom: 22px }
.chandl-ladder__r {
  display: grid; grid-template-columns: 108px minmax(0, 1fr) 168px;
  gap: 12px; align-items: center;
  padding: 11px 14px; border-radius: var(--cd-r2);
  border: 1px solid var(--cd-ln); background: var(--cd-bg2);
}
.chandl-ladder__n { font-size: 15px; font-weight: 700 }
.chandl-ladder__f {
  display: block; height: 9px; border-radius: 999px;
  background: linear-gradient(90deg, var(--cd-fl-d), var(--cd-fl-l));
  width: var(--f);
}
.chandl-ladder__v { font-size: 13px; color: var(--cd-tx2); text-align: right }
.chandl-ladder__r--top { border-color: var(--cd-fl); background: var(--cd-bg3) }

.chandl-nbox { padding: 17px; border-radius: var(--cd-r); border: 1px solid var(--cd-ln); background: var(--cd-bg2) }
.chandl-nbox p { font-size: 14px; color: var(--cd-tx2); margin: 0 }
.chandl-nbox--kpi { text-align: center; border-top: 3px solid var(--cd-fl) }
.chandl-nbox__n { display: block; font-size: 30px; font-weight: 700; color: var(--cd-fl-l); line-height: 1.1 }
.chandl-nbox__c { display: block; margin: 6px 0 4px; font-size: 13px; font-weight: 600 }
.chandl-nbox--kpi em { font-style: normal; font-size: 12px; color: var(--cd-tx3) }
.chandl-tour .chandl-cta { margin-top: 22px }

/* ===== LIVE ===== */
.chandl-lv {
  border-radius: var(--cd-r); overflow: hidden;
  border: 1px solid var(--cd-ln); background: var(--cd-bg2);
}
.chandl-lv__cv {
  height: 96px; display: flex; align-items: center; justify-content: center; text-align: center;
  padding: 10px; font-size: 16px; font-weight: 700; color: #efe7d6;
}
.chandl-lv1 { background: linear-gradient(135deg, #5a3b12, #2a241d) }
.chandl-lv2 { background: linear-gradient(135deg, #6b4a16, #241f19) }
.chandl-lv3 { background: linear-gradient(135deg, #7a5a22, #2a241d) }
.chandl-lv4 { background: linear-gradient(135deg, #4a3a20, #1f1b16) }
.chandl-lv5 { background: linear-gradient(135deg, #63481a, #262019) }
.chandl-lv6 { background: linear-gradient(135deg, #55401d, #211c16) }
.chandl-lv__b { padding: 14px }
.chandl-lv__on {
  display: inline-block; margin-bottom: 8px; padding: 3px 9px; border-radius: 999px;
  background: rgba(224, 162, 52, .16); border: 1px solid var(--cd-fl-d);
  font-size: 10px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: var(--cd-fl-l);
}
.chandl-lv__s { font-size: 12px; color: var(--cd-tx3); margin: 0 0 6px }
.chandl-lv__m { font-size: 15px; font-weight: 600; color: var(--cd-fl-l); margin: 0 0 4px }
.chandl-lv__p { font-size: 12px; color: var(--cd-tx3); margin: 0 }

/* ===== БРЕНД ===== */
.chandl-brand h3 { margin-top: 26px; color: var(--cd-fl-l); font-size: 20px }
.chandl-brand p { color: var(--cd-tx2); max-width: 84ch }
.chandl-badges { display: flex; gap: 9px; flex-wrap: wrap; margin-top: 24px }
.chandl-badges span {
  padding: 8px 14px; border-radius: var(--cd-r2);
  border: 1px solid var(--cd-ln2); background: var(--cd-bg2);
  font-size: 12px; color: var(--cd-tx2);
}

/* ===== ОТЗЫВЫ ===== */
.chandl-rc { padding: 18px; border-radius: var(--cd-r); border: 1px solid var(--cd-ln); background: var(--cd-bg2) }
.chandl-rc__st { color: var(--cd-fl); letter-spacing: 2px; margin-bottom: 10px; font-size: 14px }
.chandl-rc__off { color: var(--cd-ln2) }
.chandl-rc__q { font-size: 15px; color: var(--cd-tx2); margin-bottom: 14px }
.chandl-rc__m { display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--cd-tx3) }
.chandl-rc__a {
  display: inline-flex; align-items: center; justify-content: center;
  width: 32px; height: 32px; border-radius: 50%; flex: none;
  background: var(--cd-fl); color: #1d1503; font-weight: 700;
}

/* ===== КАССА ===== */
.chandl-rail {
  padding: 14px; border-radius: var(--cd-r2);
  border: 1px solid var(--cd-ln); background: var(--cd-bg2); text-align: center;
}
.chandl-rail__k { display: block; font-size: 16px; font-weight: 700; color: var(--cd-fl-l) }
.chandl-rail em { font-style: normal; display: block; margin-top: 5px; font-size: 12px; color: var(--cd-tx3) }
.chandl-tw { overflow-x: auto; -webkit-overflow-scrolling: touch; border-radius: var(--cd-r) }
.chandl-tbl { width: 100%; min-width: 520px; border-collapse: collapse; font-size: 14px }
.chandl-tbl caption { caption-side: top; text-align: left; padding: 0 0 10px; font-size: 13px; color: var(--cd-tx3) }
.chandl-tbl th, .chandl-tbl td { padding: 11px 14px; border: 1px solid var(--cd-ln); text-align: left }
.chandl-tbl th { background: var(--cd-bg3); color: var(--cd-fl); font-weight: 600 }
.chandl-tbl td { background: var(--cd-bg2); color: var(--cd-tx2) }

/* ===== ФИНАЛ ===== */
.chandl-final { text-align: center }
.chandl-final p { color: var(--cd-tx2); margin-bottom: 22px }

/* ===== FAQ ===== */
.chandl-faq__l { display: grid; gap: 9px }
.chandl-faq__l details {
  border-radius: var(--cd-r2); border: 1px solid var(--cd-ln); background: var(--cd-bg2);
  overflow: hidden;
}
.chandl-faq__l summary {
  cursor: pointer; list-style: none; padding: 14px 46px 14px 16px; min-height: 44px;
  position: relative; font-weight: 600; font-size: 15px;
}
.chandl-faq__l summary::-webkit-details-marker { display: none }
.chandl-faq__l summary::after {
  content: "+"; position: absolute; right: 16px; top: 50%; transform: translateY(-50%);
  color: var(--cd-fl); font-size: 20px; line-height: 1;
}
.chandl-faq__l details[open] summary::after { content: "−" }
.chandl-faq__l details[open] summary { color: var(--cd-fl-l) }
.chandl-faq__l details p { margin: 0; padding: 0 16px 16px; font-size: 14px; color: var(--cd-tx2) }

/* ===== АВТОР ===== */
.chandl-author p { color: var(--cd-tx2); max-width: 88ch; font-size: 15px }

/* ===== ПОДВАЛ ===== */
.chandl-foot { max-width: var(--cd-mw); margin: 0 auto; padding: 40px 22px 30px }
.chandl-foot__t { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 34px }
.chandl-foot__brand { display: flex; gap: 14px; align-items: flex-start }
.chandl-foot__legal { font-size: 13px; color: var(--cd-tx3); margin: 0 }
.chandl-foot__cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 22px }
.chandl-foot__col ul { list-style: none; margin: 0; padding: 0 }
.chandl-foot__col li { font-size: 13px; color: var(--cd-tx2); padding: 4px 0 }
.chandl-foot__b {
  margin-top: 30px; padding-top: 20px; border-top: 1px solid var(--cd-ln);
  display: grid; gap: 10px; font-size: 12px; color: var(--cd-tx3);
}

/* ===== АДАПТИВ ===== */
@media (max-width: 980px) {
  .chandl-hero { grid-template-columns: 1fr; gap: 28px }
  .chandl-hero__art { height: 210px; order: -1 }
  .chandl-foot__t { grid-template-columns: 1fr }
}
@media (max-width: 620px) {
  .chandl-hero, .chandl-sec, .chandl-foot { padding-left: 16px; padding-right: 16px }
  .chandl-hero, .chandl-sec { padding-top: 38px; padding-bottom: 38px }
  .chandl-bar { padding: 10px 16px; gap: 12px }
  .chandl-nav { order: 3; width: 100%; margin-left: 0; gap: 14px; justify-content: space-between }
  .chandl-cta--sm { margin-left: auto }
  .chandl-grid--3, .chandl-grid--4, .chandl-grid--tiles, .chandl-grid--live, .chandl-grid--rails,
  .chandl-quick, .chandl-kpi { grid-template-columns: 1fr }
  .chandl-ladder__r { grid-template-columns: 1fr; gap: 7px }
  .chandl-ladder__v { text-align: left }
  .chandl-hero__btns .chandl-cta { width: 100% }
  .chandl-hero__art { height: 170px; gap: 7px }
  .chandl-candle em { font-size: 9px }
}

/* ===== ПОСЕКЦИОННЫЕ АКЦЕНТЫ ===== */
body.chandl { min-height: 100vh }
.chandl-hero__text { min-width: 0 }
.chandl-slots .chandl-tag,
.chandl-live .chandl-tag { border-color: var(--cd-fl-d) }
.chandl-loy { background: linear-gradient(180deg, rgba(224, 162, 52, .05), transparent 55%) }
.chandl-pay { background: linear-gradient(180deg, rgba(239, 231, 214, .035), transparent 50%) }
.chandl-rev .chandl-lead { color: var(--cd-tx3) }
.chandl-steps .chandl-sbox:nth-child(2) { border-color: var(--cd-ln2) }
.chandl-faq { padding-bottom: 46px }