/* Zhuchka kit - scoped reset (блоки обгорнуті в .zkb) */
.zkb,.zkb *{box-sizing:border-box}
.zkb h1,.zkb h2,.zkb h3,.zkb h4,.zkb p,.zkb ul,.zkb li,.zkb figure{margin:0;padding:0}
.zkb ul{list-style:none}
.zkb a{text-decoration:none}
.zkb a:not([class]){color:inherit}
/* кольори кнопок/лінків мають перемагати скоуп-ресет (специфічність .zkb a.xxx) */
.zkb a.zk-btn--ink{color:#fff}
.zkb a.zk-btn--gold{color:var(--grad-gold-text)}
.zkb a.zk-btn--white,.zkb a.zk-btn--ghost{color:var(--ink)}
.zkb a.zk-arrowlink{color:var(--ink)}
.zkb a.zk-arrowlink--gold{color:var(--acc-3)}
.zkb a.zk-gal,.zkb .zk-gal a{color:inherit}
.zkb img{max-width:100%;display:block}
.zkb{font-family:'Montserrat',sans-serif;color:var(--text);-webkit-font-smoothing:antialiased}

/* ============================================================
   ZHUCHKA CUSTOM BLOCKS - STYLE KIT v2
   Мова дизайну = Elementor-kit сайту (він же advent-ug.org):
   ------------------------------------------------------------
   Палітра   ink #474741 · text #383834 · muted #8A8A8A
             line #E1E1E1 · band #F1F1F0 · bg #FCFCFC
   Акцент    THEMEABLE: 3 токени --acc-1/2/3, все інше рахується від них.
             Зміна сайту = зміна 3 значень (лаба в шапці демонструє).
             Жучка = зелений; advent-ug = бурштин.
   Шрифт     Montserrat (300 body / 500 label / 600 title / 700 display)
   Форма     картка 15px + тінь 0 15px 20px rgba(0,0,0,.1) · пілюля 50px
   ============================================================ */
:root{
  --ink:#474741;
  --text:#383834;
  --muted:#8A8A8A;

  /* ===== АКЦЕНТ САЙТУ (міняй ці 3 значення на кожен сайт) ===== */
  --acc-1:#7FC489;  /* світлий кінець: текст/іконки/цифри на світлому, старт блика */
  --acc-2:#46A45C;  /* середина: блик на поверхні кнопки/чипа */
  --acc-3:#2E7D45;  /* темний кінець: лейбли, лінки, номери, фокус, глибина градієнта */

  /* --- похідні від акценту (не редагувати вручну) --- */
  --gold:var(--acc-2);
  --gold-deep:var(--acc-3);
  --grad-gold:linear-gradient(25deg,rgba(218,217,212,.34) 21.85%,rgba(228,225,218,.41) 56.3%,var(--acc-2) 93.28%,var(--acc-3)); /* поверхня кнопок/чипів: майже прозорий сірий (підхоплює фон) у акцентний блик, 25° */
  --grad-bright:linear-gradient(125deg,var(--acc-1) 0%,var(--acc-3) 100%); /* акцентний текст, тонкі лінії, темні поверхні, іконки - завжди читабельний */
  --grad-gold-text:#474741; /* світла поверхня - текст ink */
  --glow-gold:0 10px 22px color-mix(in srgb, var(--acc-3) 34%, transparent);
  --line:#E1E1E1;
  --band:#F1F1F0;
  --bg:#FCFCFC;
  --white:#FFFFFF;
  --r:15px;
  --shadow:0 15px 20px rgba(0,0,0,.10);
  --shadow-soft:0 8px 14px rgba(0,0,0,.06);
}

/* ---------- типографіка ---------- */
.zk-h1{font-size:52px;font-weight:700;text-transform:uppercase;line-height:1.3;letter-spacing:-.5px;color:var(--ink)}
.zk-h2{font-size:38px;font-weight:700;text-transform:uppercase;line-height:1.3;letter-spacing:-.5px;color:var(--ink)}
.zk-h3{font-size:18px;font-weight:600;text-transform:uppercase;line-height:1.3;letter-spacing:-.5px;color:var(--ink)}
.zk-lead{font-size:18px;font-weight:300;line-height:1.7;color:var(--text)}
.zk-small{font-size:14px;line-height:1.7;color:var(--muted)}

/* ---------- сітка сторінки кита ---------- */

/* ---------- reveal (активується тільки з JS, html.zk-js) ---------- */
html.zk-js .zk-r{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
html.zk-js .zk-r.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .zk-r{opacity:1;transform:none;transition:none}
}

/* ============ шапка кита ============ */

/* лаба градієнтів - живий перемикач --grad-gold по всій сторінці */

/* ============ 01 кнопки та лінки ============ */
.zk-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;
  border-radius:50px;padding:15px 32px;text-decoration:none;cursor:pointer;border:0;
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease;
}
.zk-btn--gold{background:var(--grad-gold);background-size:150% 150%;background-position:0 0;color:var(--grad-gold-text)}
.zk-btn--gold:hover{background-position:80% 60%;transform:translateY(-2px);box-shadow:var(--glow-gold)}
.zk-btn--ink{background:var(--ink);color:#fff}
.zk-btn--ink:hover{background:#333330;transform:translateY(-2px);box-shadow:0 12px 20px rgba(40,40,36,.28)}
.zk-btn .arr{position:relative;width:22px;height:10px}
.zk-btn .arr::before{content:'';position:absolute;left:0;top:50%;width:100%;height:1.5px;background:currentColor;transform:translateY(-50%)}
.zk-btn .arr::after{content:'';position:absolute;right:0;top:50%;width:7px;height:7px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:translateY(-50%) rotate(45deg)}
.zk-btn--ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.zk-btn--ghost:hover{border-color:var(--ink);transform:translateY(-2px)}
.zk-btn--white{background:var(--white);color:var(--ink);box-shadow:var(--shadow-soft)}
.zk-btn--white:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.zk-btn svg{flex:0 0 auto}

.zk-arrowlink{
  display:inline-flex;align-items:center;gap:14px;text-decoration:none;
  font-size:13px;font-weight:500;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink);
}
.zk-arrowlink .arr{position:relative;width:36px;height:12px;transition:width .3s ease}
.zk-arrowlink .arr::before{content:'';position:absolute;left:0;top:50%;width:100%;height:1.5px;background:currentColor;transform:translateY(-50%)}
.zk-arrowlink .arr::after{content:'';position:absolute;right:0;top:50%;width:9px;height:9px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:translateY(-50%) rotate(45deg)}
.zk-arrowlink:hover .arr{width:52px}
.zk-arrowlink--gold{color:var(--gold-deep)}

.zk-chip{
  display:inline-block;background:var(--white);border-radius:50px;padding:8px 16px;
  font-size:11px;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:var(--ink);
  box-shadow:var(--shadow-soft);
}
.zk-chip--gold{background:var(--grad-gold);box-shadow:none;color:var(--grad-gold-text)}
.zk-chip--line{box-shadow:none;border:1px solid var(--line);background:transparent}

/* ============ 02 розклад ============ */
.zk-sched{display:grid;grid-template-columns:1fr 1.45fr 1fr;gap:22px;align-items:start}
.zk-day{background:var(--white);border-radius:var(--r);padding:34px 32px 28px;box-shadow:var(--shadow-soft)}
.zk-day--sab{box-shadow:var(--shadow);padding:40px 36px 34px;position:relative}
.zk-day__name{font-size:17px;font-weight:700;text-transform:uppercase;letter-spacing:-.3px;color:var(--ink);margin-bottom:4px}
.zk-day__tag{font-size:11px;font-weight:500;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);margin-bottom:22px}
.zk-day--sab .zk-day__tag{color:var(--gold-deep)}
.zk-day__row{display:flex;gap:16px;padding:11px 0;border-top:1px solid #F0F0EE;align-items:baseline}
.zk-day__row:first-of-type{border-top:0}
.zk-time{font-size:15px;font-weight:600;color:var(--ink);min-width:52px;letter-spacing:0}
.zk-day--sab .zk-time{background:var(--grad-bright);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--acc-3)}
.zk-act{font-size:14px;color:var(--muted);line-height:1.55}
.zk-day--sab .zk-act{color:var(--text)}
.zk-sab-star{position:absolute;top:34px;right:32px}
.zk-schednote{
  margin-top:26px;background:var(--white);border-radius:var(--r);padding:20px 28px;
  display:flex;gap:18px;align-items:center;box-shadow:var(--shadow-soft);
}
.zk-schednote p{font-size:13px;line-height:1.7;color:var(--muted)}
.zk-schednote b{color:var(--text);font-weight:600}

/* ============ 03 служіння ============ */
.zk-cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.zk-scard{
  background:var(--white);border-radius:var(--r);padding:36px 32px;box-shadow:var(--shadow-soft);
  transition:transform .3s ease,box-shadow .3s ease;
}
.zk-scard:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.zk-scard .ic{margin-bottom:22px}
.zk-scard h4{font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:-.2px;color:var(--ink);margin-bottom:10px}
.zk-scard p{font-size:14px;line-height:1.75;color:var(--muted)}

/* ============ 04 служителі ============ */
.zk-people{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.zk-person{
  background:var(--white);border-radius:var(--r);padding:34px 24px 30px;text-align:center;
  box-shadow:var(--shadow-soft);transition:transform .3s ease,box-shadow .3s ease;
}
.zk-person:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.zk-person img{width:124px;height:124px;border-radius:50%;object-fit:cover;object-position:center 20%;margin:0 auto 20px}
.zk-person--lead img{width:148px;height:148px}
.zk-person h4{font-size:14px;font-weight:600;text-transform:uppercase;line-height:1.45;color:var(--ink);margin-bottom:8px}
.zk-person span{display:inline-block;font-size:11px;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}
.zk-person--lead span{color:var(--gold-deep)}

/* ============ 05 віхи ============ */
.zk-miles{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.zk-mile{background:var(--white);border-radius:var(--r);padding:34px 30px;box-shadow:var(--shadow-soft)}
.zk-mile i{display:block;width:26px;height:4px;border-radius:4px;background:var(--grad-bright);margin-bottom:18px}
.zk-mile b{display:block;font-size:38px;font-weight:700;letter-spacing:-.5px;color:var(--ink);line-height:1.15;margin-bottom:8px}
.zk-mile span{font-size:13px;line-height:1.6;color:var(--muted)}

/* ============ 06 у що ми віримо ============ */
.zk-believe{background:var(--white);border-radius:var(--r);box-shadow:var(--shadow-soft);overflow:hidden}
.zk-brow{display:grid;grid-template-columns:280px 1fr;gap:40px;padding:34px 40px;border-top:1px solid #F0F0EE}
.zk-brow:first-child{border-top:0}
.zk-brow h4{font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:-.2px;color:var(--ink);display:flex;gap:14px;align-items:baseline}
.zk-brow h4 i{flex:0 0 18px;height:3px;border-radius:3px;background:var(--grad-bright);position:relative;top:-4px}
.zk-brow p{font-size:15px;line-height:1.8;color:var(--text)}

/* ============ 07 таймлайн суботи ============ */
.zk-steps{position:relative;max-width:760px}
.zk-steps::before{content:'';position:absolute;left:37px;top:14px;bottom:14px;width:1px;background:var(--line)}
.zk-step{position:relative;display:flex;gap:30px;padding:16px 0}
.zk-step__time{
  flex:0 0 74px;height:74px;border-radius:50%;background:var(--white);box-shadow:var(--shadow-soft);
  display:flex;align-items:center;justify-content:center;
  font-size:15px;font-weight:700;color:var(--ink);position:relative;z-index:1;
}
.zk-step--main .zk-step__time{background:var(--ink);box-shadow:0 12px 22px rgba(40,40,36,.3)}
.zk-step--main .zk-step__time span{background:var(--grad-bright);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--acc-3)}
.zk-step__body{padding-top:12px}
.zk-step__body h4{font-size:15px;font-weight:600;text-transform:uppercase;color:var(--ink);margin-bottom:6px}
.zk-step__body p{font-size:14px;line-height:1.7;color:var(--muted);max-width:520px}

/* ============ 08 факти-картки ============ */
.zk-cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.zk-fact{background:var(--white);border-radius:var(--r);padding:30px 28px;box-shadow:var(--shadow-soft)}
.zk-fact h4{font-size:14px;font-weight:600;text-transform:uppercase;color:var(--ink);margin-bottom:10px;display:flex;align-items:center;gap:10px}
.zk-fact p{font-size:13.5px;line-height:1.7;color:var(--muted)}

/* ============ 09 акордеон ============ */
.zk-acc{max-width:860px;display:flex;flex-direction:column;gap:14px}
.zk-acc details{background:var(--white);border-radius:var(--r);box-shadow:var(--shadow-soft);overflow:hidden;transition:box-shadow .3s ease}
.zk-acc details[open]{box-shadow:var(--shadow)}
.zk-acc summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;gap:20px;
  padding:22px 28px;font-size:15px;font-weight:600;color:var(--ink);
}
.zk-acc summary::-webkit-details-marker{display:none}
.zk-acc .num{flex:0 0 auto;font-size:13px;font-weight:700;color:var(--gold-deep);letter-spacing:.5px}
.zk-acc .chev{margin-left:auto;flex:0 0 auto;transition:transform .3s ease}
.zk-acc details[open] .chev{transform:rotate(180deg)}
.zk-acc .body{padding:0 28px 24px 76px;font-size:14.5px;line-height:1.8;color:var(--muted)}
.zk-acc--plain .body{padding-left:28px}

/* ============ 10 події ============ */
.zk-event{
  display:flex;gap:30px;align-items:center;background:var(--white);border-radius:var(--r);
  padding:28px 34px;box-shadow:var(--shadow-soft);max-width:860px;text-decoration:none;
  transition:transform .3s ease,box-shadow .3s ease;
}
.zk-event:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.zk-event__date{
  flex:0 0 92px;height:92px;border-radius:12px;background:var(--ink);
  display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1;
}
.zk-event__date b{font-size:32px;font-weight:700;background:var(--grad-bright);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--acc-3)}
.zk-event__date span{font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.85)}
.zk-event__body h4{font-size:17px;font-weight:600;text-transform:uppercase;color:var(--ink);margin-bottom:8px}
.zk-event__meta{display:flex;flex-wrap:wrap;gap:18px;font-size:13px;color:var(--muted)}
.zk-event__meta span{display:inline-flex;align-items:center;gap:7px}

/* ============ 11 відео ============ */
.zk-video{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;align-items:center}
.zk-video__frame{position:relative;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);aspect-ratio:16/9;background:#111}
.zk-video__frame img{width:100%;height:100%;object-fit:cover;opacity:.85}
.zk-video__play{
  position:absolute;inset:0;margin:auto;width:84px;height:84px;border-radius:50%;
  background:var(--grad-bright);display:flex;align-items:center;justify-content:center;
  box-shadow:0 12px 24px rgba(0,0,0,.3);transition:transform .3s ease;
}
.zk-video__frame:hover .zk-video__play{transform:scale(1.08)}
.zk-video__body .zk-h2{margin-bottom:16px}
.zk-video__body p{font-size:15px;color:var(--muted);margin-bottom:26px}
.zk-video__cta{display:flex;flex-wrap:wrap;gap:14px}

/* ============ 12 галерея ============ */
.zk-gal{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.zk-gal a{border-radius:var(--r);overflow:hidden;display:block;aspect-ratio:4/3}
.zk-gal img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.zk-gal a:hover img{transform:scale(1.05)}
.zk-gal a:nth-child(1){grid-column:span 2;grid-row:span 2;aspect-ratio:auto}

/* ============ 13 цитата ============ */
.zk-quote{max-width:820px;margin:0 auto;text-align:center}
.zk-quote .mark{font-size:84px;font-weight:800;line-height:.6;display:block;margin-bottom:26px;background:var(--grad-bright);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--acc-3)}
.zk-quote p{font-size:24px;font-weight:300;line-height:1.6;letter-spacing:-.3px;color:var(--ink);margin-bottom:22px}
.zk-quote cite{font-style:normal;font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}

/* ============ 14 CTA-смуга ============ */
.zk-ctaband{
  background:#ECECEA;border-radius:var(--r);padding:36px 44px;
  display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;
}
.zk-ctaband h4{font-size:18px;font-weight:600;text-transform:uppercase;line-height:1.5;color:var(--ink)}
.zk-ctaband .ph{text-align:right}
.zk-ctaband .ph b{display:block;font-size:22px;font-weight:700;color:var(--ink);letter-spacing:.5px}
.zk-ctaband .ph span{font-size:13px;color:var(--muted)}

/* ============ 15 форма ============ */
.zk-form{background:var(--white);border-radius:var(--r);box-shadow:var(--shadow);padding:44px;max-width:680px}
.zk-form h3{margin-bottom:8px}
.zk-form>p{font-size:14px;color:var(--muted);margin-bottom:30px}
.zk-field{margin-bottom:20px}
.zk-field label{display:block;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.zk-field input,.zk-field textarea,.zk-field select{
  width:100%;font-family:inherit;font-size:15px;font-weight:300;color:var(--text);
  background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:13px 16px;outline:none;
  transition:border-color .25s ease,box-shadow .25s ease;
}
.zk-field textarea{min-height:110px;resize:vertical}
.zk-field input:focus,.zk-field textarea:focus,.zk-field select:focus{
  border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb, var(--acc-2) 22%, transparent);
}
.zk-form .zk-btn{width:100%}
.zk-form-note{font-size:12px;color:var(--muted);text-align:center;margin-top:14px}

/* ============ 16 донати ============ */
.zk-donate{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:860px}
.zk-dcard{
  background:var(--white);border-radius:var(--r);padding:40px 38px;box-shadow:var(--shadow-soft);
  display:flex;flex-direction:column;align-items:flex-start;gap:0;
  transition:transform .3s ease,box-shadow .3s ease;
}
.zk-dcard:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.zk-dcard .ic{margin-bottom:22px}
.zk-dcard h4{font-size:17px;font-weight:600;text-transform:uppercase;color:var(--ink);margin-bottom:10px}
.zk-dcard p{font-size:14px;line-height:1.75;color:var(--muted);margin-bottom:28px}
.zk-dcard .zk-btn{margin-top:auto}

/* ============ правила ============ */
.zk-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.zk-rule{background:var(--white);border-radius:var(--r);padding:30px 28px;box-shadow:var(--shadow-soft)}
.zk-rule b{display:block;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ink);margin-bottom:10px}
.zk-rule p{font-size:13.5px;line-height:1.7;color:var(--muted)}
.zk-rule .no{color:#C0504D;font-weight:600}
.zk-rule .yes{color:var(--gold-deep);font-weight:600}

/* ============ акцентний svg-градієнт іконок (тягне --acc-*) ============ */
#zkgold .s1{stop-color:var(--acc-1)}
#zkgold .s2{stop-color:var(--acc-2)}
#zkgold .s3{stop-color:var(--acc-3)}

/* ============ градієнтне слово / текст ============ */
.gword{background:var(--grad-bright);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--acc-3)}

/* ============ 17 full-bleed фотосмуга ============ */
.zk-bleed{
  position:relative;min-height:560px;display:flex;align-items:center;
  background-image:url('https://zuchka.org/wp-content/uploads/2026/06/up-m404.jpg');
  background-size:cover;background-position:center;background-attachment:fixed;
}
.zk-bleed::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(35,35,31,.88) 0%,rgba(35,35,31,.62) 50%,rgba(35,35,31,.2) 100%);
}
.zk-bleed 
.zk-bleed 
.zk-bleed h2{font-size:46px;font-weight:700;text-transform:uppercase;line-height:1.25;letter-spacing:-.5px;color:#fff;margin:6px 0 18px;max-width:640px}
.zk-bleed p{font-size:16px;color:rgba(255,255,255,.78);max-width:520px;margin-bottom:34px}
.zk-bleed .cta{display:flex;gap:14px;flex-wrap:wrap}

/* ============ 18 статистика (лічильники) ============ */
.zk-stats{background:var(--ink);padding:80px 0}
.zk-stats 
.zk-stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;margin-top:36px}
.zk-stat b{
  display:block;font-size:58px;font-weight:800;letter-spacing:-1.5px;line-height:1.05;
  background:var(--grad-bright);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--acc-3);
}
.zk-stat>span{display:block;margin-top:10px;font-size:12px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.62);line-height:1.6}

/* ============ 19 карусель ============ */

.zk-car-nav{display:flex;gap:10px;flex:0 0 auto;padding-bottom:6px}
.zk-car-btn{
  width:50px;height:50px;border-radius:50%;background:var(--white);border:0;cursor:pointer;
  display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-soft);
  transition:transform .25s ease,box-shadow .25s ease;
}
.zk-car-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.zk-car-track{
  display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;
  scrollbar-width:none;-ms-overflow-style:none;padding:6px 0 14px;
}
.zk-car-track::-webkit-scrollbar{display:none}
.zk-car-item{
  position:relative;flex:0 0 auto;width:400px;aspect-ratio:4/3;border-radius:var(--r);
  overflow:hidden;scroll-snap-align:start;
}
.zk-car-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.zk-car-item:hover img{transform:scale(1.05)}
.zk-car-item .cap{
  position:absolute;left:14px;bottom:14px;background:rgba(255,255,255,.92);border-radius:50px;
  padding:7px 15px;font-size:11px;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:var(--ink);
}

/* ============ 21 слайдер з прев'ю (патерн ADS before/after) ============ */
.zk-slider__main{position:relative;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);aspect-ratio:16/9;background:#222}
.zk-slider__main img{width:100%;height:100%;object-fit:cover;transition:opacity .35s ease}
.zk-slider__nav{position:absolute;right:18px;bottom:18px;display:flex;gap:10px}
.zk-slider__cap{display:flex;gap:14px;align-items:baseline;padding:18px 6px 22px;flex-wrap:wrap}
.zk-slider__cap b{font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:-.2px;color:var(--ink)}
.zk-slider__cap span{font-size:13px;color:var(--muted)}
.zk-slider__thumbs{display:flex;gap:12px;flex-wrap:wrap}
.zk-slider__thumbs button{
  flex:0 0 auto;width:108px;aspect-ratio:4/3;border-radius:10px;overflow:hidden;cursor:pointer;
  border:2px solid transparent;padding:0;background:none;opacity:.55;
  transition:opacity .25s ease,border-color .25s ease,transform .25s ease;
}
.zk-slider__thumbs button img{width:100%;height:100%;object-fit:cover;display:block}
.zk-slider__thumbs button:hover{opacity:.85;transform:translateY(-2px)}
.zk-slider__thumbs button.is-act{opacity:1;border-color:var(--acc-3)}

/* ============ 20 marquee-стрічка ============ */
.zk-marquee{overflow:hidden;width:100%}
.zk-marquee__track{display:flex;width:max-content;animation:zkmq 42s linear infinite}
.zk-marquee__group{display:flex;gap:16px;padding-right:16px}
.zk-marquee img{height:230px;width:auto;border-radius:var(--r);object-fit:cover}
@keyframes zkmq{to{transform:translateX(-50%)}}
.zk-marquee:hover .zk-marquee__track{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){
  .zk-marquee{overflow-x:auto}
  .zk-marquee__track{animation:none}
  .zk-bleed{background-attachment:scroll}
}

/* ============ футер кита ============ */

/* ============ адаптив ============ */
@media (max-width:1024px){
  .zk-h1{font-size:40px}
  .zk-h2{font-size:30px}
  .zk-bleed{background-attachment:scroll;min-height:460px}
  .zk-bleed h2{font-size:34px}
  .zk-stats__grid{grid-template-columns:repeat(2,1fr)}
  .zk-car-item{width:340px}
  .zk-cards3,.zk-rules{grid-template-columns:repeat(2,1fr)}
  .zk-people,.zk-miles,.zk-cards4{grid-template-columns:repeat(2,1fr)}
  .zk-sched{grid-template-columns:1fr;max-width:560px}
  .zk-video{grid-template-columns:1fr;gap:30px}
  .zk-gal{grid-template-columns:repeat(2,1fr)}
  .zk-gal a:nth-child(1){grid-column:span 2;grid-row:span 1}
  .zk-brow{grid-template-columns:1fr;gap:12px;padding:28px 30px}
}
@media (max-width:640px){
  
  
  .zk-h1{font-size:31px}
  .zk-h2{font-size:24px}
  .zk-bleed{min-height:420px}
  .zk-bleed h2{font-size:26px}
  .zk-stats__grid{grid-template-columns:1fr;gap:28px}
  .zk-stat b{font-size:44px}
  
  .zk-car-item{width:82vw}
  .zk-marquee img{height:160px}
  .zk-cards3,.zk-people,.zk-miles,.zk-cards4,.zk-donate,.zk-rules,.zk-gal{grid-template-columns:1fr}
  .zk-gal a:nth-child(1){grid-column:span 1}
  .zk-event{flex-direction:column;align-items:flex-start;padding:26px}
  .zk-ctaband{padding:28px}
  .zk-ctaband .ph{text-align:left}
  .zk-form{padding:28px 22px}
  .zk-steps::before{left:29px}
  .zk-step{gap:20px}
  .zk-step__time{flex-basis:58px;height:58px;font-size:13px}
}
/* --- розклад: 2-колонковий варіант (Середа+П'ятниця стопкою зліва, Субота справа) + lift на home --- */
.zk-sched__side{display:flex;flex-direction:column;gap:22px}
@media(min-width:1025px){
  .zk-sched--2col{grid-template-columns:1fr 1.45fr}
  /* розклад наїжджає на hero: секція ПРОЗОРА (фото видно навколо), картки плавають поверх низу фото */
  .elementor-element-h0me5ch1{margin-top:-75px;--padding-top:0px;background:transparent!important;position:relative;z-index:5}
  .elementor-element-h0me5ch1>.e-con-inner{background:transparent;padding-top:0}
  /* заголовок ховаємо на десктопі (картки плавають прямо на hero, як у референсі) */
  .elementor-element-a7f3c902{display:none}
}
@media(max-width:1024px){ .zk-sched--2col{grid-template-columns:1fr} }

/* ── Header nav fit (2026-07-08): 6 пунктів меню в один рядок на ноутбуках ──
   Активний хедер = template 89 (nav #23b8553a, лого-контейнер #14cf0437).
   Меню (~548px) ділить рядок з 2 круглими іконками; у діапазоні 1100-1365px
   не влазило (КОНТАКТИ переносило). ≥1366 і так вміщається - не чіпаємо. */
@media (max-width:1365px){
  .elementor-nav-menu--main .elementor-item{
    font-size:13px !important;
    letter-spacing:-0.2px !important;
    padding-left:4px !important;
    padding-right:4px !important;
  }
}
/* найтісніший діапазон: підрізаємо завеликий 60% лого-стовпець (заголовок тут
   і так переносився нативно), щоб меню лишалось у один рядок аж до ~1100px */
@media (min-width:1025px) and (max-width:1200px){
  .elementor-element-14cf0437{ width:48% !important; }
}