/* ==========================================================
   7k5989.casino — 7K Casino / 7К Казино
   Концепт: «белый известняк и морская синь», скошенные полосы
   Префикс классов: .cancelqueue-   ·   Шрифты: Pattaya + PT Sans
   Тема светлая: известняковый фон, графитовый текст, синь акцентом
   ========================================================== */

:root{
  --stone:#f7f5f0;
  --stone2:#efece4;
  --sheet:#ffffff;
  --sheet2:#e7eef2;
  --sea:#0f5f7e;
  --sea-d:#0a3f55;
  --sea-l:#2b8cae;
  --coral:#b9532c;
  --moss:#4a7a52;
  --ink:#1a2327;
  --ink2:#33424a;
  --mut:#5e6d75;
  --line:rgba(15,95,126,.20);
  --line2:rgba(26,35,39,.10);
  --tilt:2.4vw;
  --lift:0 14px 34px rgba(12,52,70,.10);
  --lift2:0 6px 18px rgba(12,52,70,.07);
  --cut1:18px 2px 18px 2px;
  --cut2:10px 2px 10px 2px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    radial-gradient(900px 520px at 88% -6%, rgba(43,140,174,.12), transparent 64%),
    radial-gradient(660px 430px at 2% 26%, rgba(185,83,44,.055), transparent 62%),
    var(--stone);
  color:var(--ink);
  font-family:'PT Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:16.5px;
  line-height:1.74;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
h1,h2,h3{font-family:'Pattaya',Georgia,serif;font-weight:400;line-height:1.24;margin:0 0 14px;letter-spacing:.005em}
h1{font-size:clamp(27px,3.6vw,45px);color:var(--sea-d)}
h1 em{font-style:normal;color:var(--coral)}
h2{font-size:clamp(23px,2.6vw,33px);color:var(--sea-d)}
h3{font-size:clamp(17px,1.7vw,21px);color:var(--sea)}
h4{font-family:'PT Sans',sans-serif;font-size:15px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--coral);margin:0 0 8px}
p{margin:0 0 14px}
a{color:var(--sea);text-decoration:none;transition:color .18s,border-color .18s,background .18s}
a:hover{color:var(--coral)}
ul{margin:0 0 12px;padding-left:19px}
li{margin-bottom:6px}
em{font-style:normal}
table{border-collapse:collapse;width:100%;font-size:14.6px}
caption{caption-side:bottom;text-align:left;padding-top:10px;color:var(--mut);font-size:13.3px;line-height:1.62}

.cancelqueue-in{width:min(1120px,92vw);margin:0 auto;position:relative;z-index:2}
.cancelqueue-skip{position:absolute;left:-9999px}
.cancelqueue-skip:focus{left:14px;top:14px;background:var(--sea);color:#fff;padding:9px 16px;z-index:99;border-radius:3px}
.cancelqueue-acc{color:var(--coral)}
.cancelqueue-num{font-variant-numeric:tabular-nums;color:var(--sea);white-space:nowrap}

/* ---------- ШАПКА ---------- */
.cancelqueue-bar{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;gap:22px;
  padding:9px max(4vw,16px);
  background:rgba(247,245,240,.93);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line2);
}
.cancelqueue-logo{display:flex;align-items:center;gap:11px;color:var(--ink)}
.cancelqueue-logo svg{width:35px;height:35px;flex:none}
.cancelqueue-logo__t{display:flex;flex-direction:column;line-height:1.14}
.cancelqueue-logo__n{font-family:'Pattaya',serif;font-size:19px;color:var(--sea-d)}
.cancelqueue-logo__s{font-size:11px;color:var(--mut);letter-spacing:.06em;text-transform:uppercase}
.cancelqueue-nav{display:flex;gap:18px;margin-left:auto;font-size:14.3px}
.cancelqueue-nav a{color:var(--ink2);border-bottom:1px solid transparent;padding-bottom:2px}
.cancelqueue-nav a:hover{color:var(--sea);border-color:var(--coral)}
.cancelqueue-cta{
  flex:none;background:linear-gradient(135deg,var(--sea),var(--sea-d));
  color:#fff;padding:10px 19px;border-radius:var(--cut2);
  font-weight:700;font-size:14.4px;letter-spacing:.02em;
  box-shadow:var(--lift2);
}
.cancelqueue-cta:hover{color:#fff;filter:brightness(1.08)}
.cancelqueue-cta--ghost{background:none;color:var(--sea-d);border:1.5px solid var(--sea);box-shadow:none}
.cancelqueue-cta--ghost:hover{color:var(--coral);border-color:var(--coral)}

/* ---------- ПОЛОСЫ СО СКОШЕННЫМИ КРАЯМИ ---------- */
.cancelqueue-band{position:relative;padding:76px 0}
.cancelqueue-band--r{clip-path:polygon(0 0,100% var(--tilt),100% 100%,0 calc(100% - var(--tilt)))}
.cancelqueue-band--l{clip-path:polygon(0 var(--tilt),100% 0,100% calc(100% - var(--tilt)),0 100%)}
.cancelqueue-band--t{clip-path:polygon(0 0,100% 0,100% calc(100% - var(--tilt)),0 100%);padding-top:46px}
.cancelqueue-band--f{background:var(--stone)}
.cancelqueue-band--p{background:linear-gradient(170deg,var(--sheet),var(--sheet2));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cancelqueue-band--p2{background:linear-gradient(190deg,#eaf1f4,#f4f1ea)}
.cancelqueue-band--sea{background:linear-gradient(150deg,var(--sea-d),var(--sea));color:#eaf3f6}
.cancelqueue-band--sea h2,.cancelqueue-band--sea h3{color:#fff}
.cancelqueue-band--sea .cancelqueue-num{color:#ffd9a8}
.cancelqueue-band+.cancelqueue-band{margin-top:calc(var(--tilt) * -1)}

/* цифры-маркеры в треугольных зазорах между полосами */
.cancelqueue-mark{
  position:absolute;right:max(3vw,14px);top:8px;
  font-family:'Pattaya',serif;font-size:clamp(44px,7vw,92px);
  color:rgba(15,95,126,.11);line-height:1;pointer-events:none;z-index:1;
}
.cancelqueue-band--sea .cancelqueue-mark{color:rgba(255,255,255,.13)}

/* ---------- HERO ---------- */
.cancelqueue-hero{padding:34px 0 22px}
.cancelqueue-hero__lead{font-size:18.4px;color:var(--ink2);max-width:64ch;margin-bottom:22px}
.cancelqueue-hero__cta{display:flex;gap:13px;flex-wrap:wrap;margin-bottom:26px}
.cancelqueue-hero__cta a{padding:13px 27px;font-size:15.6px;border-radius:var(--cut2)}
.cancelqueue-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.cancelqueue-quick a{
  display:block;background:var(--sheet);border:1px solid var(--line);
  border-radius:var(--cut1);padding:14px 16px;box-shadow:var(--lift2);
}
.cancelqueue-quick a:hover{border-color:var(--coral);transform:translateY(-2px)}
.cancelqueue-quick b,.cancelqueue-quick span{display:block}
.cancelqueue-quick span:first-child{font-size:13px;color:var(--coral);letter-spacing:.05em;text-transform:uppercase;margin-bottom:3px}
.cancelqueue-quick span:last-child{font-size:15.4px;color:var(--ink);line-height:1.45}

/* ---------- KPI ---------- */
.cancelqueue-kpi{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.cancelqueue-kpi div{
  background:var(--sheet);border:1px solid var(--line);border-radius:var(--cut1);
  padding:16px 15px;text-align:center;box-shadow:var(--lift2);
}
.cancelqueue-kpi u{display:block;text-decoration:none;font-size:clamp(22px,2.5vw,30px);font-family:'Pattaya',serif;color:var(--sea);line-height:1.15}
.cancelqueue-kpi i{display:block;font-style:normal;font-size:13.2px;color:var(--mut);margin-top:5px;line-height:1.5}

/* ---------- СПЛИТ 60/40 ---------- */
.cancelqueue-split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:40px;align-items:start}
.cancelqueue-split--wide{grid-template-columns:minmax(0,1fr)}
.cancelqueue-fact{
  background:var(--sheet);border:1px solid var(--line);border-left:4px solid var(--coral);
  border-radius:var(--cut1);padding:20px 22px;box-shadow:var(--lift);font-size:14.9px;
}
.cancelqueue-band--sea .cancelqueue-fact{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.25);color:#eaf3f6}
.cancelqueue-fact h4{margin-bottom:11px}
.cancelqueue-fact dl{margin:0;display:grid;grid-template-columns:1fr auto;gap:7px 14px}
.cancelqueue-fact dt{color:var(--mut)}
.cancelqueue-band--sea .cancelqueue-fact dt{color:#bcd6df}
.cancelqueue-fact dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;color:var(--sea-d);font-weight:700}
.cancelqueue-band--sea .cancelqueue-fact dd{color:#ffd9a8}

/* ---------- ВЗНОСЫ ---------- */
.cancelqueue-dep{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:6px 0 18px}
.cancelqueue-dep article{
  background:var(--sheet);border:1px solid var(--line);border-radius:var(--cut1);
  padding:17px 18px;box-shadow:var(--lift2);
}
.cancelqueue-dep h4{color:var(--sea)}
.cancelqueue-dep p{margin:0;font-size:14.6px;color:var(--ink2)}
.cancelqueue-dep em{display:block;font-family:'Pattaya',serif;font-size:25px;color:var(--coral);margin:2px 0 7px}
.cancelqueue-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:8px}
.cancelqueue-chips span{
  background:var(--sheet2);border:1px solid var(--line);border-radius:999px;
  padding:6px 14px;font-size:13.6px;color:var(--ink2);
}

/* ---------- КАТАЛОГ 5×2 ---------- */
.cancelqueue-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-top:18px}
.cancelqueue-slots article{
  background:var(--sheet);border:1px solid var(--line);border-radius:var(--cut2);
  padding:14px 14px 13px;box-shadow:var(--lift2);
}
.cancelqueue-slots h3{font-size:16.4px;margin:0 0 5px;color:var(--sea-d);line-height:1.3}
.cancelqueue-slots p{margin:0;font-size:13.4px;color:var(--mut);line-height:1.58}
.cancelqueue-slots u{display:inline-block;text-decoration:none;margin-top:8px;font-size:12.8px;
  background:var(--sheet2);border-radius:999px;padding:3px 10px;color:var(--sea);font-variant-numeric:tabular-nums}

/* ---------- ЛОЯЛЬНОСТЬ ---------- */
.cancelqueue-rung{display:grid;gap:10px;margin-top:8px}
.cancelqueue-rung div{
  display:grid;grid-template-columns:118px 1fr auto;gap:16px;align-items:center;
  background:var(--sheet);border:1px solid var(--line);border-radius:var(--cut2);padding:13px 17px;
}
.cancelqueue-rung b,.cancelqueue-rung strong{font-weight:400}
.cancelqueue-rung span:first-child{font-family:'Pattaya',serif;font-size:18px;color:var(--sea)}
.cancelqueue-rung span:nth-child(2){font-size:14.5px;color:var(--ink2)}
.cancelqueue-rung span:last-child{font-family:'Pattaya',serif;font-size:22px;color:var(--coral);font-variant-numeric:tabular-nums}

/* ---------- ТАБЛИЦЫ ---------- */
.cancelqueue-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--cut1);background:var(--sheet);box-shadow:var(--lift2)}
.cancelqueue-scroll table{min-width:660px}
.cancelqueue-scroll th,.cancelqueue-scroll td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--line2)}
.cancelqueue-scroll th{background:var(--sheet2);color:var(--sea-d);font-weight:700;font-size:13.6px;letter-spacing:.02em}
.cancelqueue-scroll tr:last-child td{border-bottom:none}
.cancelqueue-scroll td:first-child{color:var(--ink);font-weight:700}

/* ---------- ОТЗЫВЫ ---------- */
.cancelqueue-rev{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.cancelqueue-rev article{
  background:var(--sheet);border:1px solid var(--line);border-radius:var(--cut1);
  padding:19px 20px;box-shadow:var(--lift2);font-size:14.8px;
}
.cancelqueue-rev p{color:var(--ink2)}
.cancelqueue-rev footer{font-size:13.2px;color:var(--mut);border-top:1px solid var(--line2);padding-top:9px;margin-top:4px}
.cancelqueue-rev u{text-decoration:none;color:var(--coral);letter-spacing:.12em}

/* ---------- FAQ ---------- */
.cancelqueue-faq{columns:2;column-gap:22px;margin-top:16px}
.cancelqueue-faq details{
  break-inside:avoid;margin:0 0 11px;background:var(--sheet);
  border:1px solid var(--line);border-radius:var(--cut2);padding:13px 17px;
}
.cancelqueue-faq summary{cursor:pointer;font-size:15.4px;color:var(--sea-d);font-weight:700;line-height:1.45}
.cancelqueue-faq summary::marker{color:var(--coral)}
.cancelqueue-faq p{margin:10px 0 0;font-size:14.4px;color:var(--ink2)}

/* ---------- ФИНАЛ И АВТОР ---------- */
.cancelqueue-final{text-align:center}
.cancelqueue-final p{max-width:70ch;margin:0 auto 20px;font-size:17px}
.cancelqueue-author{
  margin-top:30px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.26);
  border-radius:var(--cut1);padding:20px 24px;font-size:14.5px;text-align:left;
}

/* ---------- ПОДВАЛ ---------- */
.cancelqueue-foot{background:#132228;color:#c8d6dc;padding:46px 0 30px;font-size:14.4px}
.cancelqueue-foot a{color:#8ec7dd}
.cancelqueue-foot a:hover{color:#f0b58e}
.cancelqueue-foot h4{color:#f0b58e}
.cancelqueue-foot .cancelqueue-in{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.cancelqueue-fine{border-top:1px solid rgba(255,255,255,.14);padding-top:16px;margin-top:8px;font-size:13.1px;color:#93a6ad}

/* ---------- АДАПТИВ ---------- */
@media (max-width:1000px){
  :root{--tilt:1.6vw}
  .cancelqueue-quick{grid-template-columns:repeat(2,1fr)}
  .cancelqueue-kpi{grid-template-columns:repeat(3,1fr)}
  .cancelqueue-split{grid-template-columns:minmax(0,1fr);gap:26px}
  .cancelqueue-slots{grid-template-columns:repeat(3,1fr)}
  .cancelqueue-rev{grid-template-columns:1fr}
  .cancelqueue-nav{display:none}
  .cancelqueue-foot .cancelqueue-in{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  body{font-size:16px}
  .cancelqueue-band{padding:44px 0;clip-path:none!important}
  .cancelqueue-band+.cancelqueue-band{margin-top:0}
  .cancelqueue-mark{display:none}
  .cancelqueue-quick,.cancelqueue-kpi,.cancelqueue-dep,.cancelqueue-slots{grid-template-columns:1fr}
  .cancelqueue-faq{columns:1}
  .cancelqueue-rung div{grid-template-columns:1fr;gap:5px}
  .cancelqueue-foot .cancelqueue-in{grid-template-columns:1fr}
  .cancelqueue-hero__cta a{flex:1 1 100%;text-align:center}
}

/* взносы стопкой в правой колонке сплита */
.cancelqueue-dep--col{grid-template-columns:1fr;margin:0}
