/* =========================================================
   vavada7272.com — концепт «светлый известняк и сине-зелёный»
   Шаблон F: нумерованный лонгрид с полноширинными выносками.
   Префикс .idlegate-  ·  СВЕТЛАЯ тема
   ========================================================= */

:root{
  --idl-paper:#f6f4ef;      /* известняк */
  --idl-paper2:#efece4;
  --idl-card:#ffffff;
  --idl-ink:#1f2b2a;        /* контраст к paper ~13:1 */
  --idl-ink2:#3b4b49;       /* контраст ~8:1 */
  --idl-mut:#5d6d6b;        /* контраст ~5:1 */
  --idl-line:#ddd7cb;
  --idl-line2:#c6bfb0;
  --idl-teal:#1f6f6b;
  --idl-teal2:#14524f;
  --idl-clay:#c0663f;
  --idl-clay2:#9a4c2c;
  --idl-tint:#e6efed;
  --idl-col:820px;
  --idl-head:'Alice', Georgia, 'Times New Roman', serif;
  --idl-text:'Cuprum', 'Segoe UI', system-ui, sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--idl-paper);
  color:var(--idl-ink);
  font-family:var(--idl-text);
  font-size:17.5px;
  line-height:1.72;
  overflow-x:hidden;
}
img{max-width:100%}
a{color:var(--idl-teal2);text-decoration:none}
a:hover{color:var(--idl-clay2)}
p{margin:0 0 .85em}

.idlegate-skip{
  position:absolute;left:-9999px;top:0;z-index:99;
  background:var(--idl-teal);color:#fff;padding:10px 18px;
}
.idlegate-skip:focus{left:0}

/* ---------- шапка ---------- */
.idlegate-top{
  position:sticky;top:0;z-index:40;
  background:rgba(246,244,239,.95);
  border-bottom:1px solid var(--idl-line);
  backdrop-filter:blur(8px);
}
.idlegate-top__in{
  max-width:1180px;margin:0 auto;
  display:flex;align-items:center;gap:22px;
  padding:10px clamp(14px,3vw,28px);
}
.idlegate-mark{display:flex;align-items:center;gap:10px;color:var(--idl-ink)}
.idlegate-mark svg{width:34px;height:34px;flex:0 0 auto}
.idlegate-mark__n{
  display:block;font-family:var(--idl-head);font-size:19px;
  letter-spacing:.04em;color:var(--idl-teal2);
}
.idlegate-mark__s{display:block;font-size:12px;color:var(--idl-mut);letter-spacing:.04em}
.idlegate-nav{display:flex;gap:18px;margin-left:auto;flex-wrap:wrap}
.idlegate-nav a{
  font-size:14.5px;color:var(--idl-ink2);
  padding-bottom:2px;border-bottom:2px solid transparent;
}
.idlegate-nav a:hover{border-bottom-color:var(--idl-clay)}
.idlegate-btn{
  font-family:var(--idl-head);font-size:14.5px;letter-spacing:.04em;
  background:var(--idl-teal);color:#fff;
  padding:10px 22px;border-radius:3px 13px 3px 13px;
  border:1px solid var(--idl-teal2);white-space:nowrap;
}
.idlegate-btn:hover{background:var(--idl-teal2);color:#fff}
.idlegate-btn--l{font-size:17px;padding:14px 30px}
.idlegate-btn--o{
  font-size:17px;padding:14px 30px;
  background:transparent;color:var(--idl-clay2);border-color:var(--idl-clay);
}
.idlegate-btn--o:hover{background:rgba(192,102,63,.09);color:var(--idl-clay2)}

/* ---------- колонка 820px ---------- */
.idlegate-col{
  max-width:var(--idl-col);
  margin:0 auto;
  padding:0 clamp(16px,4vw,24px);
}

h1,h2,h3{font-family:var(--idl-head);font-weight:400;margin:0 0 .5em;line-height:1.22}
h1{font-size:clamp(28px,4vw,44px);color:var(--idl-ink)}
h1 em{font-style:normal;color:var(--idl-teal)}
h2{font-size:clamp(22px,2.6vw,30px);color:var(--idl-teal2)}
h3{font-size:19px;color:var(--idl-clay2);margin-top:1.1em}

/* ---------- hero ---------- */
.idlegate-hero{
  padding:44px 0 34px;
  background:linear-gradient(180deg, var(--idl-tint), var(--idl-paper) 82%);
  border-bottom:1px solid var(--idl-line);
}
.idlegate-stamp{
  font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--idl-mut);margin-bottom:14px;
}
.idlegate-lead{font-size:19px;color:var(--idl-ink2);line-height:1.66}
.idlegate-cta2{display:flex;flex-wrap:wrap;gap:13px;margin:22px 0 30px}
.idlegate-quick{
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px;
}
.idlegate-quick__i{
  background:var(--idl-card);
  border:1px solid var(--idl-line);
  border-top:3px solid var(--idl-teal);
  border-radius:0 10px 0 10px;
  padding:14px 15px;
}
.idlegate-quick__i h3{margin:0 0 .4em;font-size:16px;color:var(--idl-teal2)}
.idlegate-quick__i p{margin:0;font-size:14.5px;color:var(--idl-ink2);line-height:1.56}

/* ---------- нумерованные секции ---------- */
.idlegate-sec{padding:38px 0 8px;position:relative}
.idlegate-sec .idlegate-col{position:relative}
.idlegate-num{
  position:absolute;left:-76px;top:2px;
  font-family:var(--idl-head);font-size:44px;line-height:1;
  color:var(--idl-line2);letter-spacing:-.02em;
}
.idlegate-sec p{color:var(--idl-ink2)}

/* ---------- строки депозитов ---------- */
.idlegate-rows{margin:20px 0 8px;border-top:1px solid var(--idl-line)}
.idlegate-row{
  display:grid;grid-template-columns:150px 190px 1fr;gap:14px;align-items:baseline;
  padding:14px 0;border-bottom:1px solid var(--idl-line);
}
.idlegate-row__t{
  font-family:var(--idl-head);font-size:15px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--idl-mut);
}
.idlegate-row__v{font-family:var(--idl-head);font-size:22px;color:var(--idl-teal)}
.idlegate-row__d{font-size:15px;color:var(--idl-ink2);line-height:1.5}

/* ---------- выноски (bleed) ---------- */
.idlegate-bleed{
  width:100vw;
  margin-left:calc(50% - 50vw);
  padding:34px 0 30px;
  border-top:1px solid var(--idl-line);
  border-bottom:1px solid var(--idl-line);
}
.idlegate-bleed__in{max-width:1180px;margin:0 auto;padding:0 clamp(16px,4vw,28px)}
.idlegate-bleed h3{margin-top:0;font-size:24px;color:var(--idl-teal2)}
.idlegate-bleed__lead{font-size:16.5px;color:var(--idl-ink2);max-width:84ch}
.idlegate-bleed__note{font-size:14.5px;color:var(--idl-mut);margin-top:14px}
.idlegate-bleed--cash{background:var(--idl-card)}
.idlegate-bleed--tour{background:var(--idl-tint)}
.idlegate-bleed--rev{background:var(--idl-paper2)}

/* ---------- таблица кассы ---------- */
.idlegate-tw{overflow-x:auto;margin-top:16px}
.idlegate-tbl{border-collapse:collapse;width:100%;min-width:660px;font-size:15.5px}
.idlegate-tbl caption{
  caption-side:top;text-align:left;font-size:13px;color:var(--idl-mut);
  padding-bottom:9px;letter-spacing:.03em;
}
.idlegate-tbl th,.idlegate-tbl td{
  text-align:left;padding:10px 12px;border-bottom:1px solid var(--idl-line);
}
.idlegate-tbl th{
  font-family:var(--idl-head);font-weight:400;font-size:14px;
  letter-spacing:.08em;text-transform:uppercase;color:var(--idl-mut);
  border-bottom:2px solid var(--idl-line2);
}
.idlegate-tbl tbody tr:nth-child(odd){background:var(--idl-paper2)}
.idlegate-tbl td{color:var(--idl-ink2)}

/* ---------- турнирный баннер ---------- */
.idlegate-fund{
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px;
}
.idlegate-fund > div{
  background:var(--idl-card);border:1px solid var(--idl-line);
  border-left:4px solid var(--idl-clay);
  border-radius:0 8px 0 8px;padding:14px 16px;
}
.idlegate-fund__n{
  display:block;font-family:var(--idl-head);font-size:27px;color:var(--idl-teal2);line-height:1.15;
}
.idlegate-fund > div span:last-child{font-size:13.5px;color:var(--idl-mut)}

/* ---------- каталог списком ---------- */
.idlegate-list{list-style:none;margin:18px 0 12px;padding:0;column-count:2;column-gap:30px}
.idlegate-list li{
  break-inside:avoid;margin-bottom:15px;font-size:14.5px;color:var(--idl-ink2);line-height:1.5;
  padding-left:13px;border-left:2px solid var(--idl-line2);
}
.idlegate-list span{
  display:block;font-family:var(--idl-head);font-size:17px;color:var(--idl-ink);
}
.idlegate-list em{display:block;font-style:normal;font-size:12.5px;color:var(--idl-mut);margin-bottom:3px}

/* ---------- лестница лояльности ---------- */
.idlegate-ladder{display:grid;grid-template-columns:60px 1fr;gap:20px;margin-top:20px}
.idlegate-scale{width:60px;height:300px;position:sticky;top:86px}
.idlegate-ladder__b{display:flex;flex-direction:column;gap:12px}
.idlegate-step{
  background:var(--idl-card);border:1px solid var(--idl-line);
  border-radius:0 10px 0 10px;padding:13px 16px;
}
.idlegate-step--2{margin-left:16px}
.idlegate-step--3{margin-left:32px}
.idlegate-step--4{margin-left:48px}
.idlegate-step--5{margin-left:64px;border-color:var(--idl-clay)}
.idlegate-step__n{
  display:block;font-family:var(--idl-head);font-size:18px;color:var(--idl-teal2);margin-bottom:4px;
}
.idlegate-step p{margin:0;font-size:14.5px;line-height:1.5}

/* ---------- отзывы ---------- */
.idlegate-revs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.idlegate-rev{
  margin:0;background:var(--idl-card);border:1px solid var(--idl-line);
  border-radius:0 12px 0 12px;padding:16px 18px;position:relative;
}
.idlegate-rev p{font-size:15px;color:var(--idl-ink2);margin-bottom:.6em;line-height:1.56}
.idlegate-rev cite{display:block;font-style:normal;font-size:13px;color:var(--idl-mut)}
.idlegate-rate{
  position:absolute;right:16px;top:14px;font-size:12.5px;color:var(--idl-clay);letter-spacing:.06em;
}

/* ---------- FAQ ---------- */
.idlegate-faq{margin-top:18px;border-top:1px solid var(--idl-line)}
.idlegate-faq details{border-bottom:1px solid var(--idl-line);background:transparent}
.idlegate-faq summary{
  cursor:pointer;list-style:none;padding:14px 30px 14px 0;position:relative;
  font-family:var(--idl-head);font-size:17px;color:var(--idl-ink);
}
.idlegate-faq summary::-webkit-details-marker{display:none}
.idlegate-faq summary::after{
  content:"+";position:absolute;right:4px;top:12px;
  font-size:21px;color:var(--idl-teal);line-height:1;
}
.idlegate-faq details[open] summary::after{content:"–"}
.idlegate-faq details[open] summary{color:var(--idl-teal2)}
.idlegate-faq p{
  margin:0;padding:0 0 16px;font-size:15.5px;color:var(--idl-ink2);max-width:74ch;
}

/* ---------- author ---------- */
.idlegate-sec--note{padding-bottom:34px}
.idlegate-note{
  background:var(--idl-card);border:1px solid var(--idl-line);
  border-left:4px solid var(--idl-teal);
  border-radius:0 12px 0 12px;padding:20px 22px;margin-top:24px;
}
.idlegate-note h2{font-size:22px;margin-top:0}
.idlegate-note p{font-size:15.5px;margin-bottom:.7em}

/* ---------- футер ---------- */
.idlegate-foot{
  border-top:1px solid var(--idl-line2);
  background:var(--idl-paper2);
  padding:32px 0 34px;
}
.idlegate-foot__g{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.idlegate-foot h3{margin-top:0;font-size:16px;color:var(--idl-teal2)}
.idlegate-foot p{font-size:14px;color:var(--idl-mut);line-height:1.6;margin:0}
.idlegate-foot__b{
  margin-top:26px;padding-top:16px;border-top:1px solid var(--idl-line);
  font-size:13.5px;color:var(--idl-mut);text-align:center;
}

/* ---------- адаптив 1000px ---------- */
@media (max-width:1000px){
  .idlegate-nav{display:none}
  .idlegate-quick{grid-template-columns:1fr 1fr}
  .idlegate-fund{grid-template-columns:1fr 1fr}
  .idlegate-revs{grid-template-columns:1fr}
  .idlegate-num{position:static;display:block;margin-bottom:4px;font-size:34px}
  .idlegate-foot__g{grid-template-columns:1fr 1fr}
  .idlegate-scale{position:static}
}

/* ---------- адаптив 760px ---------- */
@media (max-width:760px){
  body{font-size:16.5px}
  .idlegate-bleed{
    width:auto;margin-left:0;
    max-width:var(--idl-col);margin-right:auto;margin-left:auto;
  }
  .idlegate-bleed__in{padding:0 18px}
  .idlegate-quick{grid-template-columns:1fr}
  .idlegate-fund{grid-template-columns:1fr}
  .idlegate-list{column-count:1}
  .idlegate-row{grid-template-columns:1fr;gap:4px;padding:12px 0}
  .idlegate-ladder{grid-template-columns:1fr}
  .idlegate-scale{display:none}
  .idlegate-step--2,.idlegate-step--3,
  .idlegate-step--4,.idlegate-step--5{margin-left:0}
  .idlegate-cta2{flex-direction:column;align-items:stretch}
  .idlegate-cta2 a{text-align:center}
  .idlegate-foot__g{grid-template-columns:1fr}
  .idlegate-mark__s{display:none}
  .idlegate-lead{font-size:17px}
}

/* ---------- фокус и мелочи ---------- */
a:focus-visible,summary:focus-visible{
  outline:2px solid var(--idl-clay);outline-offset:3px;border-radius:2px;
}
::selection{background:rgba(31,111,107,.18);color:var(--idl-ink)}
.idlegate-tw::-webkit-scrollbar{height:8px}
.idlegate-tw::-webkit-scrollbar-thumb{background:var(--idl-line2);border-radius:4px}

@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
}

@media print{
  .idlegate-top,.idlegate-cta2,.idlegate-btn{display:none}
  body{background:#fff}
  .idlegate-bleed{width:auto;margin-left:0;border:none}
  .idlegate-rev,.idlegate-step,.idlegate-note{break-inside:avoid}
  .idlegate-faq details{break-inside:avoid}
}