.mkl26-wrap {
	  --navy: #060f2b;
	  --navy-light: #10193f;
	  --navy-soft: #1a2757;
	  --crimson: #c81249;
	  --crimson-dark: #9c0e39;
	  --wine: #7a0e33;
	  --amber: #f0a23c;
	  --cream: #f7f3ec;
	  --ink: #0c1226;
	  --space-sm: 10px;
	  --space-base: 70px;
	  --space-lg: 110px;
	  font-family: -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	  color: var(--ink);
	  overflow-x: hidden;
}
.mkl26-wrap * { box-sizing: border-box; }
.mkl26-wrap h1, .mkl26-wrap h2, .mkl26-wrap h3, .mkl26-wrap h6 {
	  font-family: -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	  font-weight: 800;
	  margin: 0;
	  letter-spacing: -0.01em;
}
.mkl26-wrap p { line-height: 1.65; margin: 0 0 1em; }
.mkl26-container {
	  max-width: 1120px;
	  margin: 0 auto;
	  padding: 0 24px;
}
.mkl26-eyebrow {
	  font-size: 13px;
	  font-weight: 800;
	  letter-spacing: 0.16em;
	  text-transform: uppercase;
	  color: var(--crimson);
	  margin-bottom: var(--space-sm);
}
.mkl26-eyebrow--light { color: var(--amber); }
.mkl26-h2 {
	  font-size: clamp(28px, 4vw, 42px);
	  color: var(--navy);
	  margin-bottom: var(--space-sm);
}
.mkl26-h2--light { color: #fff; }
/* HERO */
.mkl26-hero {
	  position: relative;
	  background: radial-gradient(circle at 78% 20%, var(--navy-soft) 0%, var(--navy) 55%);
	  color: #fff;
	  padding: 90px 24px 90px;
	  overflow: hidden;
	  isolation: isolate;
}
.mkl26-hero-inner { max-width: 720px; margin: 0 auto; text-align: center; position: relative; z-index: 2; }
.mkl26-logo {
	  width: 96px;
	  height: auto;
	  margin-bottom: 22px;
}
.mkl26-hero-eyebrow {
	  font-size: 13px;
	  font-weight: 800;
	  letter-spacing: 0.2em;
	  text-transform: uppercase;
	  color: var(--amber);
	  margin-bottom: 18px;
}
.mkl26-hero-title {
	  font-size: clamp(40px, 8vw, 78px);
	  line-height: 0.98;
	  color: #fff;
	  text-transform: uppercase;
}
.mkl26-hero-title span { color: var(--crimson); }
.mkl26-hero-sub {
	  font-size: clamp(16px, 2vw, 19px);
	  color: #d7dbec;
	  max-width: 460px;
	  margin: 24px auto 0;
}
.mkl26-hero-chips {
	  display: flex;
	  gap: 12px;
	  justify-content: center;
	  flex-wrap: wrap;
	  margin-top: 28px;
}
.mkl26-chip {
	  border: 1px solid rgba(255,255,255,0.25);
	  border-radius: 999px;
	  padding: 9px 18px;
	  font-size: 13px;
	  font-weight: 700;
	  color: #fff;
	  background: rgba(255,255,255,0.06);
}
.mkl26-hero-ball {
	  position: absolute;
	  top: 50%;
	  right: -60px;
	  transform: translateY(-50%);
	  width: 420px;
	  height: 420px;
	  color: rgba(255,255,255,0.06);
	  z-index: 1;
}
.mkl26-hero-ball svg { width: 100%; height: 100%; }
/* ABOUT */
.mkl26-about { background: var(--cream); padding: var(--space-lg) 0; }
.mkl26-about-grid {
	  display: grid;
	  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
	  gap: var(--space-base);
	  align-items: center;
}
.mkl26-about-grid > * { min-width: 0; }
.mkl26-about-copy p { color: #333c55; font-size: 16px; }
.mkl26-about-facts {
	  display: grid;
	  gap: var(--space-sm);
}
.mkl26-fact {
	  background: #fff;
	  border: 1px solid rgba(6,15,43,0.08);
	  border-radius: 16px;
	  padding: 22px 24px;
	  display: flex;
	  align-items: center;
	  gap: 18px;
}
.mkl26-fact-num {
	  font-size: 34px;
	  font-weight: 800;
	  color: var(--crimson);
	  line-height: 1;
	  flex-shrink: 0;
}
.mkl26-fact-label {
	  font-size: 13px;
	  font-weight: 700;
	  color: var(--navy);
	  line-height: 1.4;
}
/* TIMELINE */
.mkl26-timeline { background: var(--navy); padding: var(--space-lg) 0; text-align: center; }
.mkl26-timeline-sub {
	  max-width: 640px;
	  margin: 0 auto var(--space-base);
	  color: #a9b0cc;
	  font-size: 15px;
}
.mkl26-timeline-track {
	  display: grid;
	  grid-template-columns: 190px minmax(0, 1fr);
	  align-items: center;
	  gap: 20px;
	  margin-bottom: 18px;
	  text-align: left;
}
.mkl26-track-label { display: flex; flex-direction: column; gap: 2px; }
.mkl26-track-label strong { color: #fff; font-size: 15px; }
.mkl26-track-label span { color: #8890ac; font-size: 12px; }
.mkl26-months {
	  display: grid;
	  grid-template-columns: repeat(12, minmax(0, 1fr));
	  gap: 5px;
}
.mkl26-month {
	  background: rgba(255,255,255,0.05);
	  color: rgba(255,255,255,0.35);
	  font-size: 10px;
	  font-weight: 800;
	  letter-spacing: 0.04em;
	  padding: 13px 2px;
	  border-radius: 7px;
	  min-width: 0;
	  text-align: center;
}
.mkl26-month--u12 { background: var(--crimson); color: #fff; }
.mkl26-month--winter { background: var(--wine); color: #fff; }
.mkl26-month--summer { background: var(--amber); color: var(--navy); }
.mkl26-month--final { outline: 2px solid #fff; outline-offset: -2px; }
/* NOTICE BOX */
.mkl26-note { background: var(--navy); padding: 0 0 var(--space-lg); }
.mkl26-note-box {
	  display: flex;
	  align-items: flex-start;
	  gap: 16px;
	  background: rgba(240,162,60,0.1);
	  border: 1px solid rgba(240,162,60,0.4);
	  border-radius: 16px;
	  padding: 22px 26px;
	  max-width: 760px;
	  margin: 0 auto;
}
.mkl26-note-icon { font-size: 22px; line-height: 1; flex-shrink: 0; }
.mkl26-note-box p { color: #f3e3cb; margin: 0; font-size: 15px; line-height: 1.6; }
.mkl26-note-box p strong { color: var(--amber); }
/* LEAGUE SECTIONS */
.mkl26-league { background: #fff; padding: 0 0 var(--space-lg); }
.mkl26-league--alt { background: var(--cream); }
.mkl26-league-bar {
	  background: var(--crimson);
	  color: #fff;
	  font-weight: 800;
	  font-size: 15px;
	  letter-spacing: 0.08em;
	  text-align: center;
	  padding: 16px;
	  margin-bottom: var(--space-base);
}
.mkl26-league-intro {
	  max-width: 640px;
	  margin: 0 auto var(--space-base);
	  text-align: center;
	  color: #333c55;
	  font-size: 16px;
}
.mkl26-cards {
	  display: grid;
	  grid-template-columns: repeat(2, minmax(0, 1fr));
	  gap: 24px;
}
.mkl26-cards--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mkl26-cards--single { grid-template-columns: minmax(0, 480px); justify-content: center; }
.mkl26-card {
	  background: var(--navy);
	  border-radius: 20px;
	  padding: 34px 30px;
	  color: #fff;
	  min-width: 0;
}
.mkl26-card--flagship { background: var(--crimson); }
.mkl26-card-tag {
	  display: inline-block;
	  background: rgba(255,255,255,0.1);
	  color: var(--amber);
	  font-size: 12px;
	  font-weight: 800;
	  letter-spacing: 0.06em;
	  padding: 6px 12px;
	  border-radius: 999px;
	  margin-bottom: 14px;
}
.mkl26-card-tag--flagship { background: rgba(255,255,255,0.18); color: #fff; }
.mkl26-card h3 { color: #fff; font-size: 21px; margin-bottom: 10px; }
.mkl26-card p { color: #c3c8de; margin: 0; font-size: 15px; }
.mkl26-card--flagship p { color: #ffe1ea; }
/* CLUBS */
.mkl26-clubs { background: #fff; padding: var(--space-lg) 0; text-align: center; }
.mkl26-clubs-note { max-width: 560px; margin: 0 auto var(--space-base); color: #333c55; font-size: 15px; }
.mkl26-club-list {
	  display: flex;
	  flex-wrap: wrap;
	  gap: 10px;
	  justify-content: center;
}
.mkl26-club-chip {
	  background: var(--cream);
	  border: 1px solid rgba(6,15,43,0.1);
	  color: var(--navy);
	  font-weight: 700;
	  font-size: 14px;
	  padding: 10px 20px;
	  border-radius: 999px;
}
/* VIDEOS */
.mkl26-videos { background: var(--navy-light); padding: var(--space-lg) 0; text-align: center; }
.mkl26-video-grid {
	  display: grid;
	  grid-template-columns: repeat(2, minmax(0, 1fr));
	  gap: 24px;
	  margin-top: var(--space-base);
}
.mkl26-video-frame {
	  position: relative;
	  width: 100%;
	  padding-top: 56.25%;
	  border-radius: 16px;
	  overflow: hidden;
	  background: #000;
	  min-width: 0;
}
.mkl26-video-frame iframe {
	  position: absolute;
	  inset: 0;
	  width: 100%;
	  height: 100%;
	  border: 0;
}
/* SIGNUP FORM */
.mkl26-signup {
	  background: radial-gradient(circle at 50% 0%, var(--navy-soft) 0%, var(--navy) 60%);
	  padding: var(--space-lg) 0;
	  text-align: center;
}
.mkl26-signup-inner { max-width: 640px; margin: 0 auto; }
.mkl26-signup-sub { color: #c3c8de; font-size: 16px; max-width: 480px; margin: 0 auto 8px; }
.mkl26-signup-form {
	  background: #fff;
	  border-radius: 20px;
	  padding: 36px 34px;
	  margin-top: var(--space-base);
	  text-align: left;
	  box-shadow: 0 20px 50px rgba(0,0,0,0.25);
}
.mkl26-signup-form input[type="text"],
.mkl26-signup-form input[type="email"],
.mkl26-signup-form input[type="tel"],
.mkl26-signup-form textarea,
.mkl26-signup-form select {
	  width: 100%;
	  border: 1px solid rgba(6,15,43,0.15);
	  border-radius: 10px;
	  padding: 12px 14px;
	  font-size: 15px;
	  font-family: inherit;
	  background: var(--cream);
	  color: var(--ink);
	  margin-top: 6px;
	  box-sizing: border-box;
}
.mkl26-signup-form label { font-weight: 700; font-size: 14px; color: var(--navy); }
.mkl26-signup-form .jet-form-builder-row,
.mkl26-signup-form > form > div { margin-bottom: 18px; }
.mkl26-signup-form button,
.mkl26-signup-form input[type="submit"],
.mkl26-signup-form .jet-form-builder__submit {
	  display: block;
	  width: 100%;
	  background: var(--crimson) !important;
	  color: #fff !important;
	  font-weight: 800;
	  font-size: 15px;
	  padding: 14px 30px;
	  border-radius: 999px;
	  border: none;
	  cursor: pointer;
	  margin-top: 10px;
	  text-align: center;
}
.mkl26-signup-form button:hover,
.mkl26-signup-form input[type="submit"]:hover { background: var(--crimson-dark); }
/* CTA */
.mkl26-cta { background: var(--cream); padding: var(--space-lg) 0; text-align: center; }
.mkl26-cta-title { max-width: 560px; margin-left: auto; margin-right: auto; }
.mkl26-cta-sub { max-width: 520px; margin: 0 auto 1em; color: #333c55; font-size: 16px; }
.mkl26-organizers {
	  display: grid;
	  grid-template-columns: repeat(2, minmax(0, 320px));
	  gap: 20px;
	  justify-content: center;
	  margin: var(--space-base) 0 var(--space-base);
	  text-align: left;
}
.mkl26-organizer-card {
	  background: #fff;
	  border: 1px solid rgba(6,15,43,0.08);
	  border-radius: 16px;
	  padding: 24px;
	  min-width: 0;
}
.mkl26-organizer-role {
	  font-size: 12px;
	  font-weight: 800;
	  letter-spacing: 0.06em;
	  text-transform: uppercase;
	  color: var(--crimson);
	  margin-bottom: 8px;
}
.mkl26-organizer-card h3 { font-size: 18px; color: var(--navy); margin-bottom: 4px; }
.mkl26-organizer-card p { font-size: 14px; color: #555f7a; margin-bottom: 6px; }
.mkl26-organizer-card a { color: var(--crimson); font-weight: 700; font-size: 14px; text-decoration: none; }
.mkl26-btn {
	  display: inline-block;
	  background: var(--crimson);
	  color: #fff;
	  font-weight: 800;
	  font-size: 15px;
	  padding: 15px 34px;
	  border-radius: 999px;
	  text-decoration: none;
	  transition: background 0.2s ease, transform 0.2s ease;
}
.mkl26-btn:hover { background: var(--crimson-dark); transform: translateY(-2px); color: #fff; }
/* RESPONSIVE */
@media (max-width: 900px) {
	.mkl26-about-grid { grid-template-columns: 1fr; }
	.mkl26-cards--three { grid-template-columns: 1fr; }
	.mkl26-cards { grid-template-columns: 1fr; }
	.mkl26-video-grid { grid-template-columns: 1fr; }
	.mkl26-hero-ball { opacity: 0.5; width: 320px; height: 320px; right: -100px; }
	.mkl26-timeline-track { grid-template-columns: 1fr; gap: 8px; }
	.mkl26-organizers { grid-template-columns: minmax(0, 320px); }
}
@media (max-width: 600px) {
	.mkl26-hero { padding: 70px 20px 60px; }
	.mkl26-months { grid-template-columns: repeat(6, minmax(0, 1fr)); }
	.mkl26-month { padding: 10px 2px; font-size: 9px; }
	.mkl26-league-bar { font-size: 13px; }
	.mkl26-fact { padding: 18px; }
	.mkl26-club-chip { font-size: 13px; padding: 8px 16px; }
	.mkl26-signup-form { padding: 26px 20px; }
	.mkl26-note-box { flex-direction: column; align-items: flex-start; padding: 20px; }
}
@media (prefers-reduced-motion: reduce) {
	.mkl26-wrap * { transition: none !important; animation: none !important; }
}

/* POPRAVKI 2026-08-23 (Filip): naslov in opis prijave v eno vrstico na sirsih zaslonih,
   sirsi prijavni obrazec. Na mobilnem (pod 600px) se besedilo vrne na normalen prelom,
   ker fizicno ni dovolj prostora za eno vrstico brez pretirano majhne pisave. */
.mkl26-hero-sub {
  max-width: 620px;
  white-space: nowrap;
}
.mkl26-signup-sub {
  max-width: 1080px;
  white-space: nowrap;
  font-size: clamp(13px, 1.15vw, 16px);
}
.mkl26-signup-inner {
  max-width: 760px;
}
@media (max-width: 600px) {
  .mkl26-hero-sub {
    max-width: 460px;
    white-space: normal;
  }
  .mkl26-signup-sub {
    max-width: 480px;
    white-space: normal;
    font-size: 16px;
  }
  .mkl26-signup-form {
    max-width: none;
  }
}