/* Страница с тема - нов дизайн */
.m-only{display:none!important}
.kt-mbar{display:none}

/* Hero */
.kt-hero{position:relative;overflow:hidden;background:var(--kt-bg)}
.kt-hero i{position:absolute;border-radius:999px;display:block}
.kt-hero .d1{top:-70px;right:3%;width:210px;height:210px;background:var(--kt-fg);opacity:.5}
.kt-hero .d2{top:70px;right:36%;width:22px;height:22px;border-radius:6px;background:#E0A422;transform:rotate(18deg)}
.kt-hero .d3{bottom:-30px;right:20%;width:70px;height:70px;background:#4FCF95}
.kt-hero .d4{bottom:40px;right:3%;width:24px;height:24px;background:#FF8A6B}
.kt-hero-in{position:relative;padding-top:22px;padding-bottom:40px}
.kt-crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;font-weight:700;color:var(--kz-ink2);margin-bottom:18px}
.kt-crumbs a{color:var(--kt-ink)!important}
.kt-hero-row{display:flex;gap:24px;align-items:flex-start}
.kt-ico{flex:none;width:92px;height:92px;border-radius:26px;background:var(--kt-fg);color:#fff;display:flex;align-items:center;justify-content:center;transform:rotate(-6deg);box-shadow:0 6px 0 rgba(0,0,0,.18)}
.kt-hero h1{margin:0;font-family:var(--kz-font-head);font-weight:700;font-size:48px;line-height:1.1}
.kt-count{margin:6px 0 0;font-weight:800;font-size:15px;color:var(--kt-ink)}
.kt-desc{margin:10px 0 0;max-width:640px;font-size:18px;line-height:1.5;color:var(--kz-ink2)}
.kt-hero-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:22px}
.kt-hero-cta .kz-btn{padding:14px 22px;font-size:16px}
.kt-pill{padding:8px 14px;border-radius:999px;background:#fff;color:var(--kt-ink);font-weight:800;font-size:14px}
.kt-count{display:none}

/* Започни оттук */
.kt-start{padding-top:56px}
.kt-start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}
.ks{position:relative;overflow:hidden;min-height:150px;padding:20px;border-radius:24px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--kz-ink)!important}
.ks .tag{align-self:flex-start;padding:4px 12px;border-radius:999px;background:#fff;font-size:12px;font-weight:800}
.ks b{font-family:var(--kz-font-head);font-weight:700;font-size:20px;line-height:1.25;max-width:90%}
.ks .meta{margin-top:auto;font-size:14px;font-weight:700;color:var(--kz-ink2)}
.ks i{position:absolute;right:-26px;bottom:-26px;width:100px;height:100px;border-radius:999px;background:var(--d)}
.ks:hover{transform:translateY(-3px)}

/* Филтър */
.kt-filter{margin-top:48px;border-top:1px solid var(--kz-line);border-bottom:1px solid var(--kz-line);background:#fff}
.kt-filter-in{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;padding-top:16px;padding-bottom:16px}
.kt-chips{display:flex;flex-wrap:wrap;gap:10px;flex:1 1 400px}
.kt-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:2px solid var(--kz-line);background:#fff;color:var(--kz-ink);font:inherit;font-size:14px;font-weight:800;cursor:pointer;white-space:nowrap}
.kt-chip em{font-style:normal;font-size:12px;padding:2px 8px;border-radius:999px;background:var(--kz-cream)}
.kt-chip[aria-pressed=true]{background:var(--kz-indigo);border-color:var(--kz-indigo);color:#fff}
.kt-chip[aria-pressed=true] em{background:rgba(255,255,255,.2);color:#fff}
.kt-tools{display:flex;gap:12px;align-items:center}
.kt-search{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;border:2px solid var(--kz-line);border-radius:999px;background:var(--kz-paper);color:var(--kz-muted)}
.kt-search input{border:0;background:transparent;font:inherit;font-size:15px;color:var(--kz-ink);outline:none;width:150px}
.kt-sort{display:flex;align-items:center;gap:8px;height:44px;padding:0 6px 0 16px;border:2px solid var(--kz-line);border-radius:999px;background:#fff;font-size:14px;font-weight:700;color:var(--kz-muted)}
.kt-sort select{border:0;background:transparent;font:inherit;font-weight:800;color:var(--kz-ink);padding:8px 10px;outline:none;cursor:pointer}

/* Списък */
.kt-main{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start;padding-top:28px}
.kt-listhd{margin-bottom:14px;font-size:14px;font-weight:700;color:var(--kz-ink2)}
.kt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tq{position:relative;overflow:hidden;border:2px solid var(--kz-line);border-radius:20px;background:#fff;display:flex;flex-direction:column}
.tq:hover{border-color:var(--kz-indigo)}
.tq .cv{position:absolute;inset:0;z-index:1}
.tq .top{position:relative;height:64px;padding:14px;background:var(--c);display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.tq .top i{position:absolute;right:-18px;top:-26px;width:80px;height:80px;border-radius:999px;background:var(--d)}
.tq .tag{position:relative;z-index:0;padding:4px 10px;border-radius:999px;background:#fff;font-size:12px;font-weight:800;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tq .done{position:relative;z-index:0;margin-right:34px;padding:4px 10px;border-radius:999px;background:var(--kz-ink);color:#fff;font-size:12px;font-weight:800;white-space:nowrap}
.tq .bd{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.tq .bd b{font-weight:800;font-size:16px;line-height:1.3}
.tq .m2{display:none;font-size:13px;color:var(--kz-muted)}
.tq .bs{display:flex;gap:6px}
.tq .b{padding:2px 8px;border-radius:999px;font-size:11px;font-weight:800;background:#ECE5FF;color:var(--kz-indigo)}
.tq .b.new{background:var(--kz-indigo);color:#fff}
.tq .b.hot{background:#FFE3DA;color:#8F2A12}
.tq .b.hard{background:#FFF1C9;color:#7A4F00}
.tq .b.easy{background:#DDF6E8;color:#135C36}
.tq .ft{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:var(--kz-muted)}
.tq .go{padding:7px 16px;border-radius:999px;background:var(--kz-indigo);color:#fff;font-weight:800;font-size:14px}
.tq .sh{position:absolute;z-index:2;top:12px;right:12px;width:32px;height:32px;border:0;border-radius:999px;background:rgba(255,255,255,.92);color:var(--kz-ink);display:flex;align-items:center;justify-content:center;cursor:pointer}
.tq .chev{display:none}
.kt-more{text-align:center;margin-top:20px}
.kt-more .kq-a{color:var(--kz-indigo)!important;border-color:var(--kz-indigo);min-height:48px}

/* Колона вдясно */
.kt-side{display:flex;flex-direction:column;gap:16px}
.kt-prog{padding:20px;border-radius:20px;background:var(--kz-indigo);color:#fff}
.kt-prog h3{margin:0 0 10px;font-size:15px;font-weight:800}
.kt-prog .num b{font-family:var(--kz-font-head);font-size:30px}
.kt-prog .num small{font-size:16px;font-weight:700;margin-left:6px}
.kt-prog .bar{height:8px;border-radius:999px;background:rgba(255,255,255,.2);margin:10px 0;overflow:hidden}
.kt-prog .bar i{display:block;height:100%;border-radius:999px;background:var(--kz-accent)}
.kt-prog p{margin:0;font-size:13px;line-height:1.5;color:var(--kz-indigo-l)}
.kt-prog p a{color:#fff;font-weight:800}
.kt-top3{padding:18px;border-radius:20px;background:#DDF0FF}
.kt-top3 .hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.kt-top3 h3{margin:0;font-family:var(--kz-font-head);font-size:15px}
.kt-top3 .hd a{font-size:13px;font-weight:800;color:var(--kz-indigo)!important}
.kt-fact{padding:20px;border-radius:20px;background:var(--kz-accent);color:var(--kz-ink)}
.kt-fact small{display:block;font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:12px;margin-bottom:8px}
.kt-fact p{margin:0;font-weight:700;line-height:1.45}

/* Защо */
.kt-why{padding-top:64px}
.kt-why-box{display:flex;flex-wrap:wrap;gap:28px;padding:32px;border-radius:24px;background:var(--kz-cream);border:2px solid var(--kz-line)}
.kt-why-box .l{flex:1 1 420px}
.kt-why-box h2{margin:0 0 10px;font-family:var(--kz-font-head);font-size:24px;line-height:1.25}
.kt-why-box p{margin:0;line-height:1.6;color:var(--kz-ink2)}
.kt-why-box .r{flex:1 1 260px}
.kt-why-box .r b{display:block;margin-bottom:10px;font-size:14px}
.kt-others{padding-top:40px}
.kt-others h3{margin:0 0 12px;font-size:15px;font-weight:800}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips a{padding:10px 16px;border-radius:999px;font-size:14px;font-weight:800;text-decoration:none}
.kt-why-box .chips a{color:var(--kz-ink)!important}
.kt-toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%) translateY(20px);padding:10px 18px;border-radius:999px;background:var(--kz-ink);color:#fff;font-weight:700;font-size:14px;opacity:0;pointer-events:none;transition:.2s;z-index:60}
.kt-toast.on{opacity:1;transform:translateX(-50%)}

@media (max-width:1000px){
  .kt-main{grid-template-columns:1fr}
  .kt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kt-start-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .d-only{display:none!important}
  .m-only{display:flex!important}
  body.tema-page .kz-header{display:none}
  .kt-mbar{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:30;padding:12px 16px;background:var(--kt-bg)}
  .kt-mbar .back{width:44px;height:44px;border-radius:999px;background:#fff;color:var(--kz-ink)!important;display:flex;align-items:center;justify-content:center}
  .kt-mbar .brand{flex:1;font-family:var(--kz-font-head);font-weight:700;font-size:17px;letter-spacing:.04em}
  .kt-crumbs{display:none}
  .kt-hero-in{padding-top:6px;padding-bottom:22px}
  .kt-hero-row{gap:14px}
  .kt-ico{width:60px;height:60px;border-radius:18px}
  .kt-ico svg{width:30px;height:30px}
  .kt-hero h1{font-size:30px}
  .kt-count{display:block;font-size:14px}
  .kt-desc{font-size:15px;margin-top:12px}
  .kt-hero-row{flex-wrap:wrap}
  .kt-hero-txt{display:contents}
  .kt-hero h1,.kt-count{flex:1 1 calc(100% - 80px)}
  .kt-desc,.kt-hero-cta{flex:1 1 100%}
  .kt-hero-cta{flex-wrap:nowrap;margin-top:6px}
  .kt-hero-cta #kt-random{flex:1;justify-content:center;min-height:54px}
  .kt-friend{width:54px;height:54px;padding:0!important;justify-content:center}
  .kt-start{display:none}
  .kt-filter{margin-top:0;border-top:0}
  .kt-filter-in{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:12px}
  .kt-filter-in>*{min-width:0}
  .kt-search.m-only{width:100%}
  .kt-search input{width:100%}
  .kt-chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:0 16px;scrollbar-width:none;flex:none}
  .kt-chips::-webkit-scrollbar{display:none}
  .kt-tools{justify-content:flex-end}
  .kt-sort{border:0;background:transparent;padding:0}
  .kt-grid{grid-template-columns:1fr;gap:10px}
  .tq{flex-direction:row;align-items:center;padding:12px;gap:12px;border-radius:18px}
  .tq .top{flex:none;width:56px;height:56px;padding:0;border-radius:14px;overflow:hidden}
  .tq .top i{right:-14px;bottom:-14px;top:auto;width:36px;height:36px}
  .tq .tag,.tq .done,.tq .ft,.tq .sh{display:none}
  .tq .bd{padding:0;gap:4px}
  .tq .bd b{font-size:15px}
  .tq .m2{display:block}
  .tq .chev{display:block;flex:none;color:var(--kz-indigo)}
  .kt-main{padding-top:16px}
  .kt-side{order:2}
  .kt-why-box{padding:22px}
  .kt-why-box h2{font-size:20px}
}