/* vavadacasino677.xyz — шаблон "lock": судоходный шлюз, ступени камер, уровни воды */

:root{
  --lck-concrete:#dfe3e1;
  --lck-concrete-2:#cfd6d4;
  --lck-water:#2a6b78;
  --lck-water-deep:#15343a;
  --lck-gate:#d9a520;
  --lck-ink:#141c1d;
  --lck-muted:#5b6a6c;
  --lck-line:#b5bfbd;
  --lck-step:56px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    repeating-linear-gradient(180deg, rgba(42,107,120,.05) 0 2px, transparent 2px 14px),
    var(--lck-concrete);
  color:var(--lck-ink);
  font-family:"Overpass",-apple-system,Segoe UI,sans-serif;
  font-size:17px;
  line-height:1.62;
  -webkit-text-size-adjust:100%;
}
img,svg{max-width:100%}
a{color:var(--lck-water)}

.lck-shell{max-width:1140px;margin:0 auto;padding:0 22px}

/* ——— верхняя балка ворот ——— */
.lck-top{
  background:var(--lck-water-deep);
  color:#e9f1f0;
  border-bottom:5px solid var(--lck-gate);
}
.lck-top__row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0}
.lck-mark{font-family:"Rubik Dirt",cursive;font-size:25px;letter-spacing:.4px;color:var(--lck-gate)}
.lck-top__meta{font-size:13px;color:#9fb6b8;letter-spacing:.3px}

/* ——— hero: камера шлюза ——— */
.lck-hero{
  background:
    linear-gradient(180deg, rgba(21,52,58,.94) 0%, rgba(42,107,120,.90) 62%, rgba(42,107,120,.72) 100%);
  color:#f2f7f6;
  position:relative;
  overflow:hidden;
  border-bottom:3px solid var(--lck-water-deep);
}
.lck-hero__chamber{position:absolute;inset:0;opacity:.30;pointer-events:none}
.lck-hero__in{position:relative;padding:44px 0 40px}
h1{
  font-family:"Rubik Dirt",cursive;
  font-weight:400;
  font-size:clamp(27px,4.4vw,45px);
  line-height:1.18;
  margin:0 0 16px;
  color:#fff;
  text-shadow:0 2px 0 rgba(0,0,0,.28);
}
.lck-lead{font-size:18px;max-width:59ch;color:#dfeceb;margin:0 0 24px}
.lck-accent{color:var(--lck-gate)}
.lck-num{font-variant-numeric:tabular-nums;color:var(--lck-gate)}

/* KPI — пять камер разной глубины */
.lck-kpi{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:10px;
  margin:0 0 26px;
  align-items:end;
}
.lck-kpi__cell{
  background:rgba(255,255,255,.93);
  color:var(--lck-ink);
  border-left:4px solid var(--lck-gate);
  padding:13px 12px 11px;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%);
}
.lck-kpi__cell:nth-child(1){margin-bottom:0}
.lck-kpi__cell:nth-child(2){margin-bottom:9px}
.lck-kpi__cell:nth-child(3){margin-bottom:18px}
.lck-kpi__cell:nth-child(4){margin-bottom:27px}
.lck-kpi__cell:nth-child(5){margin-bottom:36px}
.lck-kpi__v{font-family:"Rubik Dirt",cursive;font-size:20px;color:var(--lck-water-deep);line-height:1.2}
.lck-kpi__k{font-size:12.5px;text-transform:uppercase;letter-spacing:.7px;color:var(--lck-muted);margin-top:5px}

/* CTA */
.lck-cta{
  display:inline-block;
  background:var(--lck-gate);
  color:#22190a;
  font-weight:800;
  letter-spacing:.5px;
  text-decoration:none;
  padding:15px 30px;
  clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);
  font-size:16.5px;
}
.lck-cta:hover{background:#eeb92f}
.lck-cta--flat{background:var(--lck-water);color:#fff}
.lck-cta--flat:hover{background:#31808f}
.lck-cta-wrap{margin:30px 0 8px}

/* ——— каркас: шкала подъёма слева ——— */
.lck-body{display:grid;grid-template-columns:86px 1fr;gap:26px;padding:34px 0 10px}
.lck-gauge{position:sticky;top:16px;align-self:start;height:auto}
.lck-gauge__t{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--lck-muted);margin-bottom:8px}
.lck-gauge__bar{
  width:22px;height:320px;margin-left:8px;
  background:linear-gradient(180deg,var(--lck-concrete-2) 0 28%,var(--lck-water) 28% 100%);
  border:2px solid var(--lck-water-deep);
}
.lck-gauge__marks{font-size:11px;color:var(--lck-muted);margin-top:10px;line-height:1.7}

/* ——— секции = камеры ——— */
.lck-sec{
  position:relative;
  background:#fff;
  border:1px solid var(--lck-line);
  border-left:6px solid var(--lck-water);
  padding:26px 26px 22px;
  margin:0 0 22px;
}
.lck-sec:nth-of-type(even){border-left-color:var(--lck-gate);background:#fbfcfb}
.lck-sec__no{
  position:absolute;top:-1px;right:-1px;
  background:var(--lck-water-deep);color:var(--lck-gate);
  font-family:"Rubik Dirt",cursive;font-size:14px;
  padding:4px 11px;
}
h2{
  font-family:"Rubik Dirt",cursive;
  font-weight:400;
  font-size:clamp(21px,2.5vw,28px);
  line-height:1.24;
  margin:0 0 6px;
  color:var(--lck-water-deep);
  padding-right:70px;
}
.lck-sub{font-size:13.5px;letter-spacing:.4px;text-transform:uppercase;color:var(--lck-muted);margin:0 0 15px}
h3{
  font-family:"Overpass",sans-serif;
  font-weight:800;
  font-size:18px;
  margin:22px 0 7px;
  color:var(--lck-water);
}
p{margin:0 0 13px}

/* ворота-створки между секциями */
.lck-gates{display:flex;align-items:center;justify-content:center;gap:0;margin:0 0 22px;height:20px}
.lck-gates__l,.lck-gates__r{height:14px;flex:1;background:var(--lck-line)}
.lck-gates__l{clip-path:polygon(0 0,100% 0,calc(100% - 18px) 100%,0 100%)}
.lck-gates__r{clip-path:polygon(18px 0,100% 0,100% 100%,0 100%)}
.lck-gates__pin{width:13px;height:20px;background:var(--lck-gate)}

/* списки */
.lck-list{list-style:none;margin:0 0 14px;padding:0}
.lck-list li{position:relative;padding:0 0 0 24px;margin:0 0 9px}
.lck-list li::before{
  content:"";position:absolute;left:0;top:9px;width:13px;height:5px;
  background:var(--lck-water);
  clip-path:polygon(0 0,100% 50%,0 100%);
}

/* таблицы */
.lck-scroll{overflow-x:auto;margin:0 0 16px;border:1px solid var(--lck-line)}
table{border-collapse:collapse;width:100%;min-width:560px;font-size:15px}
caption{
  caption-side:top;text-align:left;font-size:13px;letter-spacing:.5px;
  text-transform:uppercase;color:var(--lck-muted);padding:9px 12px;background:var(--lck-concrete);
}
th{
  background:var(--lck-water-deep);color:#e6f0ef;text-align:left;
  padding:10px 12px;font-weight:600;font-size:13.5px;letter-spacing:.3px;
  border-right:1px solid rgba(255,255,255,.12);
}
td{padding:10px 12px;border-top:1px solid var(--lck-line);border-right:1px solid var(--lck-line);vertical-align:top}
tbody tr:nth-child(odd){background:#f5f8f7}

/* клуб — шкала подъёма воды */
.lck-club{display:grid;gap:8px;margin:0 0 16px}
.lck-club__row{display:grid;grid-template-columns:150px 1fr 62px;gap:12px;align-items:center}
.lck-club__nm{font-weight:700;font-size:15px}
.lck-club__track{height:20px;background:var(--lck-concrete-2);border:1px solid var(--lck-line);position:relative}
.lck-club__fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--lck-water-deep),var(--lck-water))}
.lck-club__row:nth-child(1) .lck-club__fill{width:14%}
.lck-club__row:nth-child(2) .lck-club__fill{width:31%}
.lck-club__row:nth-child(3) .lck-club__fill{width:48%}
.lck-club__row:nth-child(4) .lck-club__fill{width:66%}
.lck-club__row:nth-child(5) .lck-club__fill{width:83%}
.lck-club__row:nth-child(6) .lck-club__fill{width:100%;background:linear-gradient(90deg,var(--lck-water),var(--lck-gate))}
.lck-club__pc{font-family:"Rubik Dirt",cursive;font-size:17px;color:var(--lck-water-deep);text-align:right}

/* плитки-факты */
.lck-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 16px}
.lck-tile{
  background:var(--lck-concrete);
  border-top:3px solid var(--lck-water);
  padding:14px 14px 12px;
  clip-path:polygon(0 0,100% 0,100% 100%,11px 100%,0 calc(100% - 11px));
}
.lck-tile__h{font-weight:800;font-size:15px;margin:0 0 5px;color:var(--lck-water-deep)}
.lck-tile p{font-size:14.5px;margin:0;color:#3b4a4c}

/* отзыв */
.lck-note{
  border-left:6px solid var(--lck-gate);
  background:#fff8e6;
  padding:16px 18px;
  margin:0 0 16px;
}
.lck-note__who{font-size:13px;color:var(--lck-muted);margin-top:8px;letter-spacing:.3px}

/* FAQ */
details{
  border:1px solid var(--lck-line);
  border-left:4px solid var(--lck-water);
  background:#fff;
  margin:0 0 9px;
  padding:0;
}
summary{
  cursor:pointer;
  padding:13px 16px;
  font-weight:700;
  font-size:16px;
  color:var(--lck-water-deep);
  list-style:none;
}
summary::-webkit-details-marker{display:none}
summary::after{content:"▽";float:right;color:var(--lck-gate);font-size:13px}
details[open] summary::after{content:"△"}
details p{padding:0 16px 14px;margin:0;font-size:15.5px}

/* источники */
.lck-src{background:var(--lck-water-deep);color:#d7e6e5;padding:22px 24px;margin:0 0 22px}
.lck-src h2{color:var(--lck-gate);padding-right:0}
.lck-src .lck-sub{color:#8fa9ab}
.lck-src ul{margin:0;padding-left:20px;font-size:15px}
.lck-src li{margin:0 0 7px}

/* подвал */
.lck-foot{
  background:#0e2429;color:#a9c0c2;
  border-top:5px solid var(--lck-gate);
  padding:26px 0 30px;font-size:14px;margin-top:18px;
}
.lck-foot p{margin:0 0 8px}
.lck-foot__legal{color:#7d9799;font-size:13.5px}
.lck-foot__age{
  display:inline-block;margin-top:10px;padding:8px 14px;
  border:1px solid var(--lck-gate);color:var(--lck-gate);font-size:13.5px;letter-spacing:.3px;
}

@media (max-width:640px){
  body{font-size:16px}
  .lck-shell{padding:0 14px}
  .lck-body{grid-template-columns:1fr;gap:0;padding:22px 0 6px}
  .lck-gauge{display:none}
  .lck-kpi{grid-template-columns:1fr 1fr;gap:8px}
  .lck-kpi__cell{margin-bottom:0 !important}
  .lck-grid{grid-template-columns:1fr}
  .lck-sec{padding:20px 15px 18px}
  h2{padding-right:52px}
  .lck-club__row{grid-template-columns:1fr;gap:4px}
  .lck-club__pc{text-align:left}
  .lck-hero__in{padding:30px 0 28px}
  .lck-cta{display:block;text-align:center;padding:14px 16px}
  .lck-top__row{flex-direction:column;align-items:flex-start;gap:4px}
}

.lck-src-h{font-family:"Rubik Dirt",cursive;font-weight:400;font-size:21px;margin:0 0 12px;color:var(--lck-gate)}