/* kinds-tabs: vygenerované z návrhu nástrojom tools/split_css.py */
.kinds{border-top:1px solid var(--hair)}
.kinds details{border-bottom:1px solid var(--hair)}
.kinds summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:70px minmax(0,1.1fr) minmax(0,1.4fr) auto;gap:10px 30px;align-items:center;padding:clamp(22px,2.4vw,34px) 0;transition:padding .5s cubic-bezier(.22,1,.36,1)}
.kinds summary::-webkit-details-marker{display:none}
.kinds summary:hover{padding-left:12px}
.kinds .no{font-family:var(--display);font-size:.9rem;color:var(--violet)}
.kinds h3{font-family:var(--display);font-weight:500;font-size:clamp(1.5rem,2.6vw,2.6rem);line-height:1.09;letter-spacing:-.025em}
.kinds summary p{color:var(--fg2);font-size:1rem}
.kinds summary .i{width:50px;height:50px;padding:14px;border-radius:50%;border:1px solid var(--hair);transition:transform .5s cubic-bezier(.22,1,.36,1),background .3s,color .3s}
.kinds details[open] summary .i{transform:rotate(45deg);background:var(--violet);border-color:var(--violet);color:#fff}
.kinds details[open] summary h3{color:var(--violet-deep)}
.kind-body{display:grid;grid-template-columns:70px minmax(0,1.1fr) minmax(0,1.4fr) auto;gap:10px 30px;padding:0 0 clamp(26px,3vw,44px)}
.kind-body>div:first-of-type{grid-column:2;display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.kind-body>div:last-of-type{grid-column:3;display:flex;flex-direction:column;gap:14px;color:var(--fg2);font-size:1.03rem;line-height:1.7}
.kind-body .from{font-family:var(--display);font-weight:500;font-size:1.5rem;letter-spacing:-.02em;color:var(--fg)}
.kind-body .from small{display:block;font-family:var(--body);font-size:.78rem;letter-spacing:.07em;text-transform:uppercase;color:var(--fg3);font-weight:400;margin-bottom:4px}
.kind-body ul{display:flex;flex-direction:column;gap:8px;font-size:.96rem;color:var(--fg)}
.kind-body li{display:flex;gap:10px;align-items:flex-start}
.kind-body li .i{width:18px;height:18px;color:var(--violet);stroke-width:2.2;margin-top:4px}
@media (max-width:1080px){
  .kinds summary,.kind-body{grid-template-columns:44px minmax(0,1fr) auto}
  .kinds summary p{grid-column:2;grid-row:2}
  .kinds summary .i{grid-row:1/3;grid-column:3}
  .kind-body>div:first-of-type,.kind-body>div:last-of-type{grid-column:2/4}
  .kind-body>div:last-of-type{order:-1}
}
.kt-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.kt-tabs button{display:inline-flex;align-items:center;gap:9px;padding:12px 20px;border-radius:var(--pill);border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:.96rem;font-weight:500;transition:background .35s,color .35s,border-color .35s}
.kt-tabs button .i{width:18px;height:18px;color:var(--violet);transition:color .35s}
.kt-tabs button:hover{border-color:var(--violet)}
.kt-tabs button[aria-selected="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.kt-tabs button[aria-selected="true"] .i{color:#fff}
.kt-stage{position:relative;border-radius:var(--r-xl);overflow:hidden;background:var(--card);color:var(--ink);border:1px solid var(--line);display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);min-height:520px}
.kt-vis{position:relative;overflow:hidden;isolation:isolate;color:#fff;padding:clamp(26px,3vw,46px);display:flex;flex-direction:column;justify-content:space-between;gap:30px}
.kt-vis .gl{width:clamp(110px,11vw,170px);height:clamp(110px,11vw,170px);border-radius:clamp(30px,3vw,48px);display:grid;place-items:center;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 30px 60px rgba(50,8,90,.3)}
.kt-vis .gl .i{position:absolute;width:clamp(44px,4.4vw,68px);height:clamp(44px,4.4vw,68px);opacity:0;transform:scale(.6) rotate(-20deg);transition:opacity .45s,transform .7s cubic-bezier(.22,1,.36,1)}
.kt-vis .gl .i.on{opacity:1;transform:none}
.kt-count{font-family:var(--display);font-size:.95rem;opacity:.85;font-variant-numeric:tabular-nums}
.kt-price small{display:block;font-size:.78rem;letter-spacing:.07em;text-transform:uppercase;opacity:.8;margin-bottom:6px}
.kt-price b{font-family:var(--display);font-weight:500;font-size:clamp(2.2rem,4vw,4rem);line-height:1;letter-spacing:-.035em;display:block}
.kt-panels{position:relative}
.kt-panel{position:absolute;inset:0;padding:clamp(28px,3.6vw,60px);display:flex;flex-direction:column;align-items:flex-start;gap:16px;opacity:0;transform:translateY(24px);pointer-events:none;transition:opacity .45s,transform .8s cubic-bezier(.22,1,.36,1)}
.kt-panel.on{opacity:1;transform:none;pointer-events:auto}
.kt-panel small{font-size:.84rem;color:var(--violet-deep)}
.kt-panel h3{font-family:var(--display);font-weight:500;font-size:clamp(1.8rem,3vw,3rem);line-height:1.09;letter-spacing:-.03em;text-wrap:balance}
.kt-panel p{color:var(--ink-2);font-size:1.04rem;line-height:1.7;max-width:62ch}
.kt-panel ul{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:4px}
.kt-panel li{display:flex;gap:9px;align-items:center;font-size:.96rem;font-weight:500}
.kt-panel li .i{width:20px;height:20px;padding:4px;border-radius:50%;background:var(--violet);color:#fff;stroke-width:2.4}
.kt-panel .btn{margin-top:auto}
@media (max-width:1080px){
  .kt-stage{grid-template-columns:minmax(0,1fr)}
  .kt-vis{flex-direction:row;align-items:center;flex-wrap:wrap}
  .kt-panels{min-height:0}
  .kt-panel{position:static;display:none}
  .kt-panel.on{display:flex}
}
@media (max-width:760px){
  .kt-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gut) * -1);padding-inline:var(--gut)}
  .kt-tabs::-webkit-scrollbar{display:none}
  .kt-tabs button{white-space:nowrap}
}
.kt-panel p a{color:var(--violet);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color .25s}
.kt-panel p a:hover{color:var(--violet-deep)}
.kt-panel p strong{color:var(--ink);font-weight:600}