/* Кейсы: карточки, картинки с движением, лента на экскурсии. Собирается данными из _keysy/generator.py.
   Цвета и шрифты — переменные сайта (assets/style.css); оттенки анимаций — из утверждённого макета. */
.kz-grid{--kz-ok:#5fc48a;--kz-acc2:#ffb066;--kz-blue:#8ab4ff;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;align-items:stretch}
.kz-grid.kz-home{grid-template-columns:repeat(3,1fr)}
@media (max-width:1023px){.kz-grid.kz-home{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.kz-grid,.kz-grid.kz-home{grid-template-columns:1fr}}

.kz-filtr{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}
.kz-filtr button{border:1px solid #2A2C34;background:transparent;color:#C2C4CC;border-radius:999px;
  padding:8px 16px;font:600 13.5px Onest,sans-serif;cursor:pointer;transition:.2s}
.kz-filtr button:hover{border-color:rgba(255,122,42,.5);color:#fff}
.kz-filtr button[aria-pressed="true"]{background:rgba(255,122,42,.14);border-color:rgba(255,122,42,.55);color:#FFD9BB}
.kz-filtr small{font:inherit;opacity:.6;margin-left:4px}

.kz-k{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:18px;
  background:#121317;border:1px solid #23252C;scroll-margin-top:96px;
  transition:border-color .25s,transform .25s}
.kz-k:hover,.kz-k:target{border-color:rgba(255,122,42,.45)}
.kz-k:hover{transform:translateY(-3px)}
.kz-k[hidden]{display:none}
.kz-pv{position:relative;height:150px;overflow:hidden;background:var(--card)}
.kz-pv-in{height:100%}
.kz-home .kz-pv{height:130px}
a.kz-k{color:inherit;text-decoration:none}
.kz-bd{display:flex;flex-direction:column;gap:8px;flex:1;padding:14px 16px 16px}
.kz-tg{display:flex;gap:5px;flex-wrap:wrap}
.kz-tg i{font:500 11px Onest,sans-serif;font-style:normal;padding:1px 8px;border-radius:5px;border:1px solid var(--line);color:var(--muted)}
.kz-tg i.live{border-color:#5fc48a;color:#5fc48a}
.kz-tg i.nda{border-color:var(--ember);color:var(--ember)}
.kz-h{margin:0;font:600 16.5px/1.28 Onest,sans-serif;color:#F2F2EF}
.kz-co{margin:0;font-size:12.5px;color:var(--muted)}
.kz-z{margin:0;font-size:13.8px;line-height:1.5;color:#A7A9B2}
.kz-m{margin:0;padding-left:18px;font-size:13.2px;line-height:1.5;color:#CFCAC0}
.kz-m li+li{margin-top:2px}
.kz-ch{display:flex;gap:5px;flex-wrap:wrap}
.kz-ch span{font:500 11.5px Onest,sans-serif;background:#26262b;color:#D6D7DC;border-radius:4px;padding:2px 7px}
.kz-nm{display:flex;gap:18px;flex-wrap:wrap;margin-top:auto;padding-top:6px}
.kz-nm b{display:block;font:700 18px Unbounded,Onest,sans-serif;color:#ffb066}
.kz-nm small{font-size:11.5px;color:var(--muted)}
.kz-zab{margin:0;font-size:13px;color:#CFCAC0}
.kz-zab b{color:#ffb066;font-weight:600}
.kz-go{font:600 13.5px Onest,sans-serif;color:#FF9A4A;text-decoration:none}
.kz-go::after{content:"";position:absolute;inset:0}
.kz-niz{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}
.kz-niz .kz-go::after{content:none}
/* круглая кнопка внизу полной карточки: текст и вид меняются здесь и в NIZ в generator.py */
.keys-cta{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ember);color:#140b03;
  font:700 17px/1 Onest,sans-serif;text-decoration:none;animation:kz-ping 2.4s infinite;transition:transform .16s}
.keys-cta:hover{transform:translateY(-2px)}   /* без scale: дробный размер мылит край (Д4) */

/* размытие «покажем на встрече» и тихая метка «демо» */
.kz-blur>*:not(.kz-lock):not(.kz-demo){filter:blur(5px) saturate(.6)}
.kz-lock{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  font-size:12px;text-align:center;background:#0d0d0f55}
.kz-lock b{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ember);animation:kz-pulse 2.4s ease-in-out infinite}
.kz-demo{position:absolute;right:6px;bottom:5px;z-index:3;font-size:9px;letter-spacing:.06em;color:#ffffff66}

/* лента кейсов на экскурсии: отдельный слой, потому что .widgets на телефоне скрыт */
.keysy-lenta{position:absolute;z-index:5;left:calc(3% + min(25vw,330px));bottom:2.5%;width:min(45vw,580px);
  display:flex;flex-direction:column;gap:6px;opacity:0;transform:translateY(14px);
  transition:opacity .5s ease,transform .5s cubic-bezier(.2,.8,.2,1)}
.keysy-lenta[hidden]{display:none}
.keysy-lenta.on{opacity:1;transform:none}
body.gateOn .keysy-lenta{opacity:0;pointer-events:none}
.keysy-say{align-self:flex-start;max-width:100%;margin:0;padding:6px 11px;border-radius:12px 12px 12px 3px;
  background:rgba(20,21,25,.92);border:1px solid #3a2a1a;font:500 12.5px/1.35 Onest,sans-serif;color:#E7E8EE}
.keysy-say b{margin-right:6px;font:600 10px Onest,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#FFB066}
.keysy-say a{color:#FF9A4A;font-weight:600;white-space:nowrap;text-decoration:none}
.keysy-rail{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-bottom:4px;
  scrollbar-width:thin;scrollbar-color:#3a3a42 transparent}
.keysy-rail .kz-k{flex:1 0 min(172px,62vw);scroll-snap-align:start;background:rgba(20,21,25,.92);backdrop-filter:blur(4px)}
.keysy-rail .kz-pv{height:48px}
.keysy-rail .kz-bd{padding:8px 10px 10px;gap:5px}
.keysy-rail .kz-h{font-size:12.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.keysy-rail .kz-nm b{font-size:13px}
.keysy-rail .kz-nm small{font-size:10px}
.keysy-rail .kz-lock b{font-size:8px}
.keysy-rail .kz-lock{font-size:0}
.keysy-rail .kz-demo{display:none}
@media (max-width:900px){.keysy-lenta{left:3%;width:auto;right:3%;bottom:27%}}

/* ===== картинки карточек и их движение ===== */
@keyframes kz-pulse{50%{opacity:.45}}
@keyframes kz-bar{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
@keyframes kz-inUp{0%{opacity:0;transform:translateY(8px)}12%,85%{opacity:1;transform:none}100%{opacity:0}}
@keyframes kz-shimmer{0%{background-position:-120px 0}100%{background-position:220px 0}}
@keyframes kz-pop{0%,70%,100%{transform:scale(1)}78%{transform:scale(1.25)}}
@keyframes kz-moveCard{0%,15%{transform:translate(0,0)}45%,60%{transform:translate(calc(100% + 6px),0)}90%,100%{transform:translate(calc(200% + 12px),0)}}
@keyframes kz-hpDown{0%{width:90%}80%{width:18%}100%{width:90%}}
@keyframes kz-bob{50%{transform:translateY(-6px)}}
@keyframes kz-rise{0%{transform:scaleY(0)}30%,85%{transform:scaleY(1)}100%{transform:scaleY(0)}}
@keyframes kz-fill{0%{width:0}90%,100%{width:calc(100% - 12px)}}
@keyframes kz-slideIn{0%{opacity:0;transform:translateX(30px)}20%,85%{opacity:1;transform:none}100%{opacity:0}}
@keyframes kz-grow{0%{transform:scaleY(.1)}40%,80%{transform:scaleY(1)}100%{transform:scaleY(.1)}}
@keyframes kz-float{50%{transform:translate(-14px,10px)}}
@keyframes kz-sweep{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@keyframes kz-scanY{0%,100%{top:28%}50%{top:72%}}
@keyframes kz-turn{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.55)}}
@keyframes kz-swap{0%,30%{background:#6d7f5a}35%,65%{background:#8a6a4a}70%,100%{background:#4a5a7a}}
@keyframes kz-climb{0%,20%{transform:translateY(68px)}45%,90%{transform:translateY(0)}100%{transform:translateY(68px)}}
@keyframes kz-ring{0%{stroke-dashoffset:126}60%,90%{stroke-dashoffset:22}100%{stroke-dashoffset:126}}
@keyframes kz-drop{0%{opacity:0;transform:translate(-40px,-10px)}25%,80%{opacity:1;transform:none}100%{opacity:0}}
@keyframes kz-fan{0%,100%{transform:rotate(0)}50%{transform:rotate(var(--r))}}
@keyframes kz-ping{0%{box-shadow:0 0 0 0 #ff7a1a88}70%{box-shadow:0 0 0 10px #ff7a1a00}100%{box-shadow:0 0 0 0 #ff7a1a00}}
@keyframes kz-rowGo{0%,20%{background:#33333a}35%,100%{background:#1f3a2b}}

.p-shop{position:relative;height:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px}
.p-shop div{border-radius:5px;height:44px;position:relative;background:linear-gradient(90deg,#2a2a30 0,#3a3a44 40px,#2a2a30 80px) no-repeat #2a2a30;background-size:120px 100%;animation:kz-shimmer 2.6s linear infinite}
.p-shop div:nth-child(2n){animation-delay:.4s}.p-shop div:nth-child(3n){animation-delay:.8s}
.p-shop .cart{position:absolute;z-index:2;right:10px;top:8px;background:var(--ember);color:#140b03;font-size:10px;padding:2px 7px;border-radius:10px;font-weight:700;animation:kz-pop 3s infinite}
.p-chat{padding:12px;display:flex;flex-direction:column;gap:6px}
.p-chat span{font-size:10.5px;padding:4px 8px;border-radius:8px;max-width:75%;background:#2a2a30;animation:kz-inUp 5s infinite both}
.p-chat span.me{align-self:flex-end;background:#3b2716;color:#ffb066;animation-delay:.8s}
.p-chat .wave{display:flex;gap:3px;align-items:center;height:20px}
.p-chat .wave i{width:3px;height:18px;background:var(--ember);border-radius:2px;animation:kz-bar .9s ease-in-out infinite}
.p-dash{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px;position:relative}
.p-dash div{background:#25252a;border-radius:5px;padding:5px;display:flex;flex-direction:column;gap:4px;min-height:84px}
.p-dash div i{display:block;height:12px;background:#33333a;border-radius:3px}
.p-dash .mv{position:absolute;left:15px;top:58px;width:calc((100% - 32px)/3 - 10px);height:14px;background:var(--ember);border-radius:3px;animation:kz-moveCard 4.5s ease-in-out infinite}
.p-game{height:100%;background:radial-gradient(circle at 50% 120%,#3b1d10,#121214 70%);position:relative}
.p-game .hp{position:absolute;top:10px;height:7px;width:38%;background:#333;border-radius:4px;overflow:hidden}
.p-game .hp i{display:block;height:100%;background:#5fc48a;width:80%}
.p-game .hp.r{right:10px}.p-game .hp.l{left:10px}
.p-game .hp.r i{background:#e0605a;animation:kz-hpDown 4s ease-in-out infinite}
.p-game .f{position:absolute;bottom:14px;width:26px;height:46px;border-radius:13px 13px 4px 4px;animation:kz-bob 1.2s ease-in-out infinite}
.p-game .f.a{left:34%;background:linear-gradient(#ff9a4a,#7a3410)}
.p-game .f.b{right:34%;background:linear-gradient(#5ec8d0,#1d4d55);animation-delay:.6s}
.p-game .vs{position:absolute;left:50%;top:44%;transform:translateX(-50%);font-weight:800;color:var(--ember);font-size:16px;animation:kz-pulse 1.2s infinite}
.p-city{height:100%;background:#16202a;position:relative}
.p-city i{position:absolute;bottom:18px;background:linear-gradient(#c9b48c,#7d6a48);border-radius:2px;transform-origin:bottom;animation:kz-rise 5s ease-out infinite}
.p-city i:before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px;background:#8a3b2a;clip-path:polygon(0 100%,50% 0,100% 100%)}
.p-city:after{content:"";position:absolute;left:0;right:0;bottom:0;height:18px;background:#e8eef2}
.p-video{display:flex;gap:5px;padding:12px;align-items:center;height:100%}
.p-video div{flex:1;height:76px;border-radius:5px;background:linear-gradient(160deg,#2b2b33,#18181c);position:relative}
.p-video div:nth-child(2){background:linear-gradient(160deg,#4a2a15,#18181c)}
.p-video div:after{content:"";position:absolute;left:6px;bottom:6px;height:5px;background:var(--ember);border-radius:2px;animation:kz-fill 2.4s linear infinite}
.p-video div:nth-child(2):after{animation-delay:.6s}.p-video div:nth-child(3):after{animation-delay:1.2s}.p-video div:nth-child(4):after{animation-delay:1.8s}
.p-pages{position:relative;height:100%}
.p-pages div{position:absolute;width:56%;height:78px;background:#25252a;border:1px solid #34343b;border-radius:6px;padding:6px;animation:kz-slideIn 4.5s ease-out infinite both}
.p-pages div:before{content:"";display:block;height:8px;width:60%;background:var(--ember);opacity:.6;border-radius:2px;margin-bottom:5px}
.p-pages div:after{content:"";display:block;height:28px;background:#33333a;border-radius:3px}
.p-chart{height:100%;padding:10px;display:flex;align-items:flex-end;gap:4px}
.p-chart i{flex:1;border-radius:2px;background:#5fc48a;transform-origin:bottom;animation:kz-grow 4s ease-in-out infinite}
.p-chart i:nth-child(3n){background:#e0605a}
.p-motion{height:100%;background:linear-gradient(120deg,#151518,#1f1a2c);position:relative;overflow:hidden}
.p-motion i{position:absolute;border-radius:50%;animation:kz-float 4s ease-in-out infinite}
.p-motion i+i{animation-duration:5.5s;animation-direction:reverse}
.p-motion b{position:absolute;left:12px;bottom:12px;font-size:20px;letter-spacing:-.02em}
.p-motion .ln{position:absolute;left:0;right:0;top:14px;height:2px;background:linear-gradient(90deg,transparent,var(--ember),transparent);animation:kz-sweep 2.5s linear infinite}
.p-app{display:flex;justify-content:center;align-items:flex-end;height:100%}
.p-app div{width:72px;height:104px;background:#202026;border:2px solid #3a3a42;border-bottom:0;border-radius:12px 12px 0 0;padding:6px;display:flex;flex-direction:column;gap:4px}
.p-app div i{height:12px;background:#2f2f36;border-radius:3px;animation:kz-inUp 4s infinite both}
.p-app div i:first-child{background:var(--ember);opacity:.8}
.p-scan{height:100%;position:relative;background:#141417}
.p-scan .bc{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:120px;height:46px;background:repeating-linear-gradient(90deg,#ddd 0 2px,transparent 2px 4px,#ddd 4px 5px,transparent 5px 8px)}
.p-scan .ln{position:absolute;left:20%;right:20%;height:2px;background:#e0605a;box-shadow:0 0 8px #e0605a;animation:kz-scanY 1.8s ease-in-out infinite}
.p-scan small{position:absolute;right:10px;bottom:8px;color:#5fc48a;font-size:10px;animation:kz-pulse 1.8s infinite}
.p-3d{height:100%;display:flex;align-items:center;justify-content:center;gap:12px;position:relative}
.p-3d .sofa{width:120px;height:46px;border-radius:12px 12px 6px 6px;animation:kz-turn 4s ease-in-out infinite,kz-swap 6s steps(1) infinite}
.p-3d .sw{display:flex;flex-direction:column;gap:4px}
.p-3d .sw i{width:14px;height:14px;border-radius:50%;border:2px solid #444}
.p-3d .deg{position:absolute;left:10px;bottom:8px;font-size:10px;color:var(--muted)}
.p-bot{padding:10px;display:flex;flex-direction:column;gap:5px}
.p-bot span{font-size:10.5px;padding:4px 8px;border-radius:8px;background:#203040;max-width:70%;animation:kz-inUp 5s infinite both}
.p-bot .btns{display:flex;gap:4px;animation:kz-inUp 5s .6s infinite both}
.p-bot .btns i{font-style:normal;font-size:10px;border:1px solid #3a5a78;color:#9cc4e6;border-radius:5px;padding:2px 6px}
.p-serp{padding:10px;display:flex;flex-direction:column;gap:6px;position:relative}
.p-serp div{background:#202024;border-radius:4px;padding:5px 7px;font-size:10px;color:var(--muted)}
.p-serp div b{display:block;color:#8ab4ff;font-weight:500;font-size:11px}
.p-serp div.us{position:absolute;left:10px;right:10px;top:10px;border-left:2px solid var(--ember);background:#2a2018;animation:kz-climb 5s ease-in-out infinite;z-index:2}
.p-serp .sp{height:28px;background:none}
.p-report{height:100%;padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.p-report .t{grid-column:1/3;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}
.p-report .t b{width:8px;height:8px;border-radius:50%;background:var(--ember);animation:kz-ping 1.6s infinite}
.p-report .c{background:#25252a;border-radius:5px;padding:5px 7px;font-size:9.5px;color:var(--muted)}
.p-report .c b{display:block;font-size:15px;color:var(--paper)}
.p-report .c i{display:block;height:4px;margin-top:4px;background:#5fc48a;border-radius:2px;animation:kz-fill 3s ease-out infinite}
.p-ocr{height:100%;display:flex;gap:8px;padding:10px;align-items:center}
.p-ocr .doc{width:44%;height:92px;background:#e9e5dc;border-radius:3px;position:relative;overflow:hidden;padding:6px}
.p-ocr .doc i{display:block;height:5px;background:#9a958a;margin:5px 0;border-radius:1px}
.p-ocr .doc:after{content:"";position:absolute;left:0;right:0;height:14px;background:#ff7a1a44;border-top:1px solid var(--ember);animation:kz-scanY 2.4s ease-in-out infinite}
.p-ocr .tb{flex:1;display:flex;flex-direction:column;gap:5px}
.p-ocr .tb i{display:block;height:12px;border-radius:3px;animation:kz-rowGo 2.4s infinite}
.p-ocr .tb i:nth-child(2){animation-delay:.4s}.p-ocr .tb i:nth-child(3){animation-delay:.8s}.p-ocr .tb i:nth-child(4){animation-delay:1.2s}
.p-calls{height:100%;display:flex;align-items:center;gap:14px;padding:10px 16px}
.p-calls svg{width:64px;height:64px;flex:none}
.p-calls circle.r{stroke:var(--ember);stroke-dasharray:126;animation:kz-ring 4s ease-in-out infinite}
.p-calls .ls{flex:1;display:flex;flex-direction:column;gap:5px;font-size:10px;color:var(--muted)}
.p-calls .ls span{animation:kz-inUp 4s infinite both}
.p-calls .ls span:nth-child(2){animation-delay:.4s}.p-calls .ls span:nth-child(3){animation-delay:.8s}
.p-mail{height:100%;display:flex;gap:8px;padding:10px}
.p-mail .col{flex:1;background:#202024;border-radius:5px;padding:5px;display:flex;flex-direction:column;gap:4px}
.p-mail .col small{font-size:9px;color:var(--muted)}
.p-mail .col i{display:block;height:13px;border-radius:3px;background:#33333a}
.p-mail .col i.n{background:#2a2018;border-left:2px solid var(--ember);animation:kz-drop 3.5s ease-out infinite both}
.p-mail .col i.n:nth-of-type(2){animation-delay:.7s}
.p-cards{height:100%;display:flex;align-items:center;justify-content:center;position:relative}
.p-cards div{position:absolute;width:62px;height:86px;background:#f2efe8;border-radius:5px;padding:5px;transform-origin:50% 120%;animation:kz-fan 3.5s ease-in-out infinite}
.p-cards div:before{content:"";display:block;height:44px;border-radius:3px;background:linear-gradient(135deg,#c9a07a,#7a5a3a)}
.p-cards div:after{content:"";display:block;height:5px;width:70%;background:#9a958a;margin-top:6px;border-radius:1px}
.p-cards small{position:absolute;right:10px;bottom:8px;font-size:10px;color:#5fc48a}

/* вне экрана картинки стоят (класс ставит keysy.js), при «меньше движения» не двигаются вовсе.
   !important здесь только на своих элементах: состояние должно перекрыть любой animation-shorthand выше */
.kz-off .keys-cta,.kz-off .kz-pv *,.kz-off .kz-pv *::before,.kz-off .kz-pv *::after{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){
  .keys-cta,.kz-pv *,.kz-pv *::before,.kz-pv *::after,.kz-lock b{animation:none!important}
  .kz-k,.keysy-lenta,.keys-cta{transition:none}
}

/* хоррор: волны шума расходятся, в темноте моргают глаза */
.p-horror{height:100%;position:relative;background:radial-gradient(circle at 50% 60%,#1b1418,#08080a 75%);overflow:hidden}
.p-horror .r{position:absolute;left:50%;top:60%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #ff7a1a;border-radius:50%;opacity:0;animation:kz-wave 2.4s ease-out infinite}
.p-horror .r2{animation-delay:.8s}.p-horror .r3{animation-delay:1.6s}
.p-horror .eye{position:absolute;top:28%;left:30%;width:10px;height:4px;border-radius:50%;background:#e0605a;box-shadow:0 0 8px #e0605a;animation:kz-blink 3s infinite}
.p-horror .e2{left:auto;right:30%}
@keyframes kz-wave{0%{transform:scale(.4);opacity:.9}100%{transform:scale(6);opacity:0}}
@keyframes kz-blink{0%,40%,48%,100%{transform:scaleY(1)}44%{transform:scaleY(.1)}}
/* квиз: таймер бежит, правильный ответ подсвечивается */
.p-quiz{height:100%;padding:8px 10px;display:flex;flex-direction:column;gap:6px;position:relative}
.p-quiz .tm{display:block;height:3px;background:var(--ember);border-radius:2px;animation:kz-timer 3.2s linear infinite}
.p-quiz .q{font-size:10.5px;color:#ece9e3}
.p-quiz .a{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.p-quiz .a span{font-size:10px;text-align:center;padding:3px 0;border-radius:4px;background:#2a2a30;color:#cfcac0}
.p-quiz .a .ok{animation:kz-okq 3.2s steps(1) infinite}
@keyframes kz-timer{0%{width:100%}100%{width:0}}
@keyframes kz-okq{0%,70%{background:#2a2a30}71%,100%{background:#1f6b45;color:#fff}}
/* телефон, главная: шесть компактных карточек лентой, листаются пальцем (решение владельца 09.10.2026) */
@media (max-width:620px){
  .kz-grid.kz-home{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin-inline:-24px;
    padding:0 24px 8px;scroll-padding-inline:24px;scrollbar-width:none}
  .kz-grid.kz-home::-webkit-scrollbar{display:none}
  .kz-home .kz-k{flex:0 0 80%;scroll-snap-align:start}
  .kz-home .kz-pv{height:84px}
  .kz-home .kz-z,.kz-home .kz-ch{display:none}
  .kz-home .kz-h{font-size:15px}
}