:root{
  --k-bg:#0d0d10;
  --k-card:#181820;
  --k-card2:#1f1f28;
  --k-line:rgba(255,255,255,.07);
  --k-line2:rgba(255,255,255,.14);
  --k-accent:#4a9eff;
  --k-accent2:#7bb8ff;
  --k-tx:#eef0f4;
  --k-dim:#a8adba;
  --k-mut:#6b7080;
  --k-r:14px;
  --k-w:1100px;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  font-family:-apple-system,BlinkMacSystemFont,'Inter','Segoe UI',Roboto,Arial,sans-serif;
  font-size:15px;line-height:1.6;color:var(--k-tx);background:var(--k-bg);
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}
ul,ol{list-style:none}
.k-wrap{max-width:var(--k-w);margin:0 auto;padding:0 18px}

.k-top{
  position:sticky;top:0;z-index:100;
  background:rgba(13,13,16,.9);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--k-line);
}
.k-toprow{display:flex;align-items:center;gap:18px;height:60px}
.k-logo{font-size:19px;font-weight:800}
.k-logo em{font-style:normal;color:var(--k-accent)}
.k-menu{display:flex;gap:2px;flex:1;flex-wrap:wrap}
.k-menu a{padding:8px 14px;font-size:13.5px;color:var(--k-dim);border-radius:9px}
.k-menu a:hover{color:var(--k-tx);background:rgba(255,255,255,.05)}
.k-menu a.on{color:var(--k-accent2);background:rgba(74,158,255,.12);font-weight:600}
@media(max-width:760px){.k-menu{display:none}}

.k-crumbs{padding:14px 0 0;font-size:12.5px;color:var(--k-mut)}
.k-crumbs ol{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.k-crumbs a{color:var(--k-mut)}
.k-crumbs a:hover{color:var(--k-accent2)}
.k-crumbs .sep{opacity:.4}
.k-crumbs .now{color:var(--k-dim)}

.k-title{padding:18px 0 14px}
.k-title h1{
  font-size:clamp(22px,3.4vw,34px);font-weight:800;line-height:1.15;
  letter-spacing:-.8px;margin-bottom:8px;
}
.k-title-meta{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  font-size:13.5px;color:var(--k-dim);
}
.k-title-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--k-mut)}
.k-title-meta .rating{color:#ff9a55;font-weight:700}
.k-title-meta .age{
  padding:2px 8px;border-radius:6px;background:#d4453a;color:#fff;
  font-size:11px;font-weight:700;
}
.k-updated{
  margin-top:10px;font-size:12.5px;color:var(--k-mut);
}
.k-updated time{color:var(--k-dim)}

.k-player{margin-bottom:18px}
.k-vwrap{
  position:relative;width:100%;aspect-ratio:16/9;
  background:#000 center/cover no-repeat;
  border-radius:10px;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
}
.k-play{
  display:inline-flex;align-items:center;gap:14px;
  padding:14px 24px 14px 14px;
  background:rgba(24,24,32,.96);
  border:1px solid var(--k-line2);
  border-radius:12px;
  color:var(--k-tx);cursor:pointer;
  box-shadow:0 14px 40px -14px rgba(0,0,0,.85);
  transition:.2s;
}
.k-play:hover{border-color:var(--k-accent)}
.k-play .ring{
  width:52px;height:52px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--k-accent),#2f7fdc);
  color:#fff;
}
.k-play .ring svg{width:22px;height:22px}
.k-play .lbl{display:flex;flex-direction:column;gap:3px;text-align:left;line-height:1.2}
.k-play .lbl strong{font-size:15px;font-weight:700;color:#fff}
.k-play .lbl em{font-style:normal;font-size:11px;color:var(--k-dim);text-transform:uppercase;letter-spacing:.4px}
@media(max-width:520px){
  .k-play{padding:10px 16px 10px 10px;gap:10px}
  .k-play .ring{width:42px;height:42px}
  .k-play .ring svg{width:18px;height:18px}
  .k-play .lbl strong{font-size:13px}
}
.k-vwrap.loaded{aspect-ratio:auto;min-height:140px;background:#000;display:block}
.k-vloading{
  display:flex;align-items:center;justify-content:center;
  width:100%;min-height:340px;color:var(--k-dim);font-size:14px;
  animation:kLoad 1.5s ease-in-out infinite;
}
@keyframes kLoad{0%,100%{opacity:.5}50%{opacity:1}}

.k-panel{
  background:var(--k-card);
  border:1px solid var(--k-line);
  border-radius:var(--k-r);
  padding:22px 22px 20px;
  margin-bottom:16px;
}
.k-panel h2{
  font-size:17px;font-weight:700;margin-bottom:14px;
  letter-spacing:-.3px;
}
.k-panel p{font-size:14.5px;line-height:1.75;color:var(--k-dim)}
.k-panel p+p{margin-top:12px}
.k-panel strong{color:var(--k-tx);font-weight:600}

.k-facts{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
  gap:10px;
}
.k-fact{
  padding:12px 14px;background:var(--k-card2);
  border:1px solid var(--k-line);border-radius:10px;
}
.k-fact dt{
  font-size:10.5px;font-weight:700;letter-spacing:.5px;
  text-transform:uppercase;color:var(--k-mut);margin-bottom:5px;
}
.k-fact dd{font-size:13.5px;color:var(--k-tx);line-height:1.45}

.k-faq details{
  border-bottom:1px solid var(--k-line);padding:14px 0;
}
.k-faq details:first-of-type{padding-top:0}
.k-faq details:last-of-type{border-bottom:0;padding-bottom:0}
.k-faq summary{
  cursor:pointer;list-style:none;
  font-size:14.5px;font-weight:600;color:var(--k-tx);
  display:flex;align-items:center;gap:10px;
}
.k-faq summary::-webkit-details-marker{display:none}
.k-faq summary::before{
  content:'+';flex-shrink:0;
  width:22px;height:22px;border-radius:6px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(74,158,255,.12);
  border:1px solid var(--k-line2);
  color:var(--k-accent2);font-weight:800;font-size:14px;
}
.k-faq details[open] summary::before{content:'−'}
.k-faq summary:hover{color:var(--k-accent2)}
.k-faq p{padding:10px 0 0 32px;font-size:14px;color:var(--k-dim);line-height:1.7}
@media(max-width:520px){.k-faq p{padding-left:0}}

/* ---- Отзывы ---- */
.k-reviews{display:grid;gap:12px}
.k-rev{
  background:var(--k-card2);
  border:1px solid var(--k-line);
  border-radius:12px;
  padding:16px 18px;
}
.k-rev-head{
  display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap;
}
.k-rev-av{
  width:38px;height:38px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--k-accent),#2f7fdc);
  color:#fff;font-weight:800;font-size:15px;
}
.k-rev-name{font-size:14px;font-weight:700;color:var(--k-tx)}
.k-rev-date{font-size:12px;color:var(--k-mut);margin-left:auto}
.k-rev-stars{color:#ff9a55;font-size:13px;letter-spacing:1px}
.k-rev p{font-size:14px;line-height:1.7;color:var(--k-dim)}

.k-foot{
  margin-top:32px;padding:24px 0 20px;
  border-top:1px solid var(--k-line);
  text-align:center;
}
.k-foot-nav{
  display:flex;justify-content:center;flex-wrap:wrap;
  gap:8px 20px;margin-bottom:12px;
}
.k-foot-nav a{font-size:13px;color:var(--k-dim)}
.k-foot-nav a:hover{color:var(--k-accent2)}
.k-foot-legal{
  font-style:normal;font-size:12px;color:var(--k-mut);
  max-width:640px;margin:0 auto 10px;line-height:1.6;
}
.k-foot-copy{font-size:12px;color:var(--k-mut)}