/* ============================================================
   KV26 THEME LIBRARY — RESPONSIVE / MOBILE
   All @media queries consolidated. Order: desktop → mobile.
   All rules scoped under .kv26-theme for WPBakery override.
   ============================================================ */

/* ============================================================
   1280px — Tablet timeline compaction
   ============================================================ */
@media (max-width: 1280px) {
  .kv26-theme .timeline-grid-3 {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  .kv26-theme .timeline-step-card {
    padding: 24px 20px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "num"
      "date"
      "title"
      "desc" !important;
    align-items: flex-start !important;
    text-align: left !important;
    min-height: auto !important;
    gap: 8px !important;
    width: 100% !important;
    grid-column: auto !important;
  }

  .kv26-theme .timeline-step-card .step-num-bg {
    grid-area: num;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    font-size: 3rem !important;
    margin: 0 !important;
    width: auto !important;
    line-height: 1 !important;
    opacity: 0.6 !important;
  }

  .kv26-theme .timeline-step-card .step-icon-wrap {
    display: none !important;
  }

  .kv26-theme .timeline-step-card .step-card-content {
    padding: 0 !important;
    margin: 0 !important;
    display: contents !important;
  }

  .kv26-theme .timeline-step-card .step-date-pill {
    grid-area: date;
    margin: 0 0 4px 0 !important;
    padding: 4px 12px !important;
    font-size: 0.72rem !important;
    justify-self: flex-start !important;
  }

  .kv26-theme .timeline-step-card .step-title {
    grid-area: title;
    font-size: 1.2rem !important;
    margin: 0 0 4px 0 !important;
    font-weight: 800 !important;
  }

  .kv26-theme .timeline-step-card .step-desc {
    grid-area: desc;
    font-size: 0.88rem !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    width: 85% !important;
    opacity: 0.9 !important;
  }

  .kv26-theme .timeline-step-card.special-final {
    grid-template-areas:
      "num"
      "date"
      "title"
      "desc" !important;
    flex-direction: column !important;
    text-align: left !important;
    padding: 30px 24px !important;
    background: linear-gradient(135deg, rgba(15, 25, 60, 0.95), rgba(5, 10, 30, 1)) !important;
    border: 1px solid rgba(212, 168, 67, 0.3) !important;
    grid-column: auto !important;
  }

  .kv26-theme .special-final .step-num-bg {
    opacity: 1 !important;
    background: linear-gradient(135deg, var(--gold), #fff, var(--gold)) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    top: 20px !important;
    right: 0px !important;
    font-size: 3rem !important;
    margin: 0 !important;
    width: auto !important;
    line-height: 1 !important;
  }

  .kv26-theme .special-final br { display: none !important; }

  .kv26-theme .special-final .step-title {
    font-size: 1.8rem !important;
    text-align: left !important;
    margin-bottom: 12px !important;
    background: linear-gradient(135deg, var(--gold), #fff, var(--gold)) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    animation: shimmerGold 4s linear infinite !important;
    background-size: 200% auto !important;
  }

  .kv26-theme .special-final .step-desc {
    width: 70% !important;
    text-align: left !important;
    font-size: 0.95rem !important;
    opacity: 0.8 !important;
  }
}

/* ============================================================
   1100px — Topic cards single column
   ============================================================ */
@media (max-width: 1100px) {
  .kv26-theme .topics-grid {
    grid-template-columns: 1fr;
    max-width: 650px;
  }
  .kv26-theme .timeline-step-card.special-final {
    grid-column: span 1;
    flex-direction: column !important;
    text-align: center !important;
  }
}

/* ============================================================
   1024px — Container padding + timeline 2-col fallback
   ============================================================ */
@media (max-width: 1024px) {
  .kv26-theme .container,
  .kv26-theme .ctr {
    padding-left: 24px;
    padding-right: 24px;
  }

  .kv26-theme .about-hero-card {
    padding: 60px 40px;
  }

  .kv26-theme .timeline-grid-3 {
    grid-template-columns: repeat(2, 1fr);
  }
  .kv26-theme .timeline-step-card:last-child {
    grid-column: span 3;
  }
}

/* ============================================================
   769–1024px — Tablet range
   ============================================================ */
@media (min-width: 769px) and (max-width: 1024px) {
  .kv26-theme .about-goals-row {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  .kv26-theme .topics-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }

  .kv26-theme .timeline-step-card.special-final {
    grid-column: span 1;
    text-align: center;
  }

  .kv26-theme .timeline-step-card.special-final .step-num-bg {
    position: relative;
    right: auto;
    opacity: 1;
    font-size: 6rem;
    margin-top: 20px;
  }

  .kv26-theme .tech-body {
    flex-direction: column;
    gap: 0;
    padding: 0 24px 24px;
  }

  .kv26-theme .allowed-section {
    border-radius: 16px;
    margin-bottom: 20px;
  }

  .kv26-theme .prohibited-section {
    border-radius: 16px;
  }

  .kv26-theme .tech-divider {
    display: none;
  }

  .kv26-theme .prize-hero-card {
    padding: 60px 40px;
    text-align: center;
  }

  .kv26-theme .about-hero-title {
    font-size: 2.2rem;
  }

  .kv26-theme .text-gold {
    font-size: 1.8rem;
  }

  .kv26-theme .steps-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }

  .kv26-theme .step-card.final-wish {
    grid-column: 1 / -1;
  }

  .kv26-theme .podium-wrapper,
  .kv26-theme .harapan-wrapper {
    flex-direction: column;
    align-items: stretch;
    gap: 15px;
  }

  .kv26-theme .podium-card,
  .kv26-theme .podium-gold,
  .kv26-theme .podium-silver,
  .kv26-theme .podium-bronze {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    transform: none !important;
  }
}

/* ============================================================
   968px — Podium / bento / cards-grid
   ============================================================ */
@media (max-width: 968px) {
  .kv26-theme .podium-wrapper {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }
  .kv26-theme .harapan-wrapper {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 16px !important;
    margin-top: 16px !important;
  }
  .kv26-theme .podium-card {
    width: 100%;
    max-width: 100%;
    height: auto !important;
    min-height: auto !important;
    transform: none !important;
  }
  .kv26-theme .podium-gold {
    order: -1;
  }
  .kv26-theme .prize-title {
    font-size: 1.7rem !important;
  }
  .kv26-theme .bento-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
  }
  .kv26-theme .bento-card.wide,
  .kv26-theme .bento-card.tall {
    grid-column: span 1;
    grid-row: span 1;
  }

  .kv26-theme .cards-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .kv26-theme .req-card {
    padding: 24px 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .kv26-theme .registration-highlight-card {
    padding: 25px 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 16px !important;
  }

  .kv26-theme .registration-pills {
    gap: 10px !important;
    width: 100% !important;
  }

  .kv26-theme .reg-pill {
    min-width: auto !important;
    width: 100% !important;
    padding: 12px 14px !important;
    font-size: 0.8rem !important;
    border-radius: 12px !important;
    text-align: left !important;
    justify-content: flex-start !important;
    line-height: 1.4 !important;
    display: block !important;
  }

  .kv26-theme .registration-title {
    font-size: 1rem !important;
    margin-bottom: 15px !important;
    text-align: center;
  }

  .kv26-theme .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .kv26-theme .tech-body {
    grid-template-columns: 1fr;
  }

  .kv26-theme .allowed-section {
    border-radius: 20px 20px 0 0;
  }

  .kv26-theme .prohibited-section {
    border-radius: 0 0 20px 20px;
  }

  .kv26-theme .tech-divider {
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #10b981, #ef4444);
    margin: -1px 0;
  }

  .kv26-theme .tech-divider::before {
    top: 50%;
    left: 50%;
  }

  .kv26-theme .steps-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ============================================================
   900px — Hero refinements
   ============================================================ */
@media (max-width: 900px) {
  .kv26-theme .hero-inner {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .kv26-theme .hero-theme-badge {
    margin: 0 auto 32px auto;
  }

  .kv26-theme .hero-desc {
    max-width: 100%;
  }

  .kv26-theme .prize-highlight-badge {
    margin: 0 auto 32px auto;
  }

  .kv26-theme .hero-ctas {
    justify-content: center;
  }

  .kv26-theme .btn-cta-primary,
  .kv26-theme .btn-cta-secondary {
    flex: none !important;
  }

  .kv26-theme #hero {
    padding-top: 100px;
    text-align: center;
  }

  .kv26-theme .hero-eyebrow {
    font-size: 0.85rem !important;
    padding: 8px 20px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
  }

  .kv26-theme .hero-title {
    font-size: clamp(2.5rem, 12vw, 4rem) !important;
    margin-bottom: 12px !important;
  }

  .kv26-theme .hero-subtitle {
    font-size: 0.9rem !important;
    margin-bottom: 24px !important;
  }

  .kv26-theme .prize-highlight-badge,
  .kv26-theme .hero-theme-badge {
    padding: 12px 16px !important;
    gap: 12px !important;
    margin: 0 auto 16px auto !important;
    width: 100% !important;
    max-width: 340px !important;
    justify-content: flex-start;
    text-align: left;
  }

  .kv26-theme .ph-icon,
  .kv26-theme .htb-icon {
    width: 38px !important;
    height: 38px !important;
    font-size: 1.1rem !important;
    flex-shrink: 0;
  }

  .kv26-theme .ph-label,
  .kv26-theme .theme-label {
    font-size: 0.6rem !important;
    margin-bottom: 0 !important;
  }

  .kv26-theme .ph-value,
  .kv26-theme .theme-val {
    font-size: 1.1rem !important;
    line-height: 1.2 !important;
  }

  .kv26-theme .hero-desc {
    font-size: 0.9rem !important;
    line-height: 1.6 !important;
    margin-bottom: 32px !important;
    padding: 0 10px;
  }

  .kv26-theme .hero-ctas {
    gap: 10px !important;
    flex-direction: row;
    justify-content: center !important;
  }

  .kv26-theme .top-bar-pill {
    padding: 6px 12px !important;
    gap: 8px !important;
    border-radius: 40px !important;
    width: 95vw !important;
    max-width: 450px !important;
    justify-content: space-evenly !important;
  }

  .kv26-theme .top-bar-pill img {
    height: 35px !important;
    filter: brightness(1.1) !important;
    max-width: 22% !important;
    object-fit: contain;
  }

  .kv26-theme .top-bar-pill .sep {
    background: #ffffff !important;
    opacity: 0.4 !important;
    height: 18px !important;
    width: 1px !important;
  }

  .kv26-theme .btn-cta-primary,
  .kv26-theme .btn-cta-secondary {
    padding: 12px 20px !important;
    font-size: 0.8rem !important;
    flex: 1;
    max-width: 180px;
  }

  .kv26-theme .btn-primary-big,
  .kv26-theme .btn-insta-big {
    width: 100%;
    max-width: 280px;
    padding: 14px 24px;
    font-size: 1rem;
  }
}

/* ============================================================
   768px — Main mobile
   ============================================================ */
@media (max-width: 768px) {
  .kv26-theme section {
    padding: 60px 0;
  }

  .kv26-theme .ctr,
  .kv26-theme .container {
    padding: 0 16px;
  }

  /* Hero */
  .kv26-theme .hero-inner {
    flex-direction: column;
    text-align: center;
    gap: 40px;
    padding: 0 16px;
  }

  .kv26-theme .hero-left {
    max-width: 100%;
  }

  .kv26-theme .hero-ctas {
    justify-content: center;
  }

  .kv26-theme .btn-img-overlay {
    width: 70% !important;
    bottom: 3em !important;
    justify-content: center !important;
  }

  /* About */
  .kv26-theme #about {
    padding: 40px 0;
  }

  .kv26-theme .about-hero-card {
    flex-direction: column !important;
    padding: 40px 20px 300px !important;
    text-align: center !important;
    min-height: 600px !important;
    background-position: center bottom !important;
    background-size: 100% auto !important;
    background-image: url('../assets/card-2.png') !important;
  }

  .kv26-theme .about-hero-card.prize-hero-card {
    background-image: url('../assets/card-3.png') !important;
    background-position: center bottom !important;
    background-size: 100% auto !important;
  }

  .kv26-theme .about-hero-card::after {
    background: linear-gradient(to bottom, var(--section-bg) 30%, transparent 80%) !important;
  }

  .kv26-theme .about-hero-text {
    max-width: 100% !important;
  }

  .kv26-theme .about-hero-title {
    font-size: 2rem !important;
    margin-bottom: 16px !important;
  }

  .kv26-theme .hero-card-divider {
    margin: 20px auto !important;
    justify-content: center !important;
  }

  .kv26-theme .hero-card-divider i {
    left: 50% !important;
    transform: translateX(-50%) !important;
  }

  .kv26-theme .welcome-text {
    font-size: 1.1rem !important;
    margin-bottom: 16px !important;
    line-height: 1.4 !important;
  }

  .kv26-theme .about-hero-text p {
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
    margin: 0 auto !important;
  }

  .kv26-theme .about-goals-row {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 15px !important;
    padding: 0 10px;
  }

  /* Prize */
  .kv26-theme .prize-hero-card {
    padding: 40px 24px;
    flex-direction: column;
    text-align: center;
    background-position: center bottom;
    min-height: auto;
  }

  /* Podium */
  .kv26-theme .podium-section {
    margin-top: 40px !important;
  }

  .kv26-theme .podium-wrapper {
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }

  .kv26-theme .podium-card {
    width: 100% !important;
    max-width: 340px;
    transform: none !important;
    height: auto !important;
  }

  .kv26-theme .podium-gold {
    order: -1;
  }

  /* Ketentuan / tech */
  .kv26-theme .tech-body {
    flex-direction: column;
    padding: 0 16px 24px;
  }

  .kv26-theme .allowed-section,
  .kv26-theme .prohibited-section {
    border-radius: 16px !important;
    margin-bottom: 20px;
  }

  .kv26-theme .tech-divider {
    display: none;
  }

  /* Registration */
  .kv26-theme .steps-grid {
    display: flex;
    flex-direction: column;
  }

  /* Timeline order */
  .kv26-theme .timeline-grid-3 {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  .kv26-theme .timeline-step-card:nth-child(1) { order: 1; }
  .kv26-theme .timeline-step-card:nth-child(2) { order: 2; }
  .kv26-theme .timeline-step-card:nth-child(3) { order: 3; }
  .kv26-theme .timeline-step-card:nth-child(4) { order: 4; }
  .kv26-theme .timeline-step-card:nth-child(5) { order: 5; }
  .kv26-theme .timeline-step-card:nth-child(6) { order: 6; }
  .kv26-theme .timeline-step-card:nth-child(7) { order: 7; }
  .kv26-theme .timeline-step-card:nth-child(8) { order: 8; }

  .kv26-theme .timeline-step-card {
    width: 100% !important;
    grid-column: auto !important;
  }

  .kv26-theme .timeline-step-card:last-child {
    width: 100%;
    grid-column: auto !important;
  }

  .kv26-theme .timeline-grid-3 {
    grid-template-columns: 1fr;
  }

  .kv26-theme .step-num-bg {
    font-size: 6rem;
  }

  /* Step07 */
  .kv26-theme .step07-inner { padding: 28px 24px; gap: 20px; }
  .kv26-theme .step07-title { font-size: 1.4rem; }
  .kv26-theme .step07-num-ghost { font-size: 5rem; right: 16px; }

  /* Top bar / nav */
  .kv26-theme .top-bar {
    top: 10px;
  }
  .kv26-theme .top-bar-pill {
    padding: 10px 20px;
    gap: 16px;
  }
  .kv26-theme .top-bar-pill img {
    height: 22px;
  }
  .kv26-theme nav {
    top: 60px;
    position: absolute;
  }

  .kv26-theme .nbread {
    display: none;
  }

  .kv26-theme .nhbg {
    display: flex;
  }

  .kv26-theme .nav-right .btn-back {
    display: none;
  }

  /* CTA */
  .kv26-theme .cta-heading {
    font-size: 2rem;
  }
  .kv26-theme .cta-desc {
    font-size: 1rem;
  }
  .kv26-theme .cta-stats {
    gap: 24px;
  }
  .kv26-theme .stat-item:not(:last-child)::after {
    display: none;
  }
  .kv26-theme .footer-content {
    flex-direction: column;
    text-align: center;
  }
  .kv26-theme .footer-left {
    flex-direction: column;
  }
  .kv26-theme .footer-right {
    flex-wrap: wrap;
    justify-content: center;
  }

  .kv26-theme .cta-buttons-wrapper {
    flex-direction: column;
    gap: 16px;
  }

  .kv26-theme .btn-daftar-sekarang,
  .kv26-theme .btn-lihat-tor,
  .kv26-theme .btn-unduh-surat {
    width: 100%;
    justify-content: center;
  }
}

/* ============================================================
   600px — Modal / topic typography
   ============================================================ */
@media (max-width: 600px) {
  .kv26-theme .topics-title { font-size: 2.2rem; }
  .kv26-theme .topic-card { padding: 50px 25px; }
  .kv26-theme .topic-info h3 { font-size: 1.6rem; }
  .kv26-theme .hikmah-modal-content { padding: 60px 25px 40px; border-radius: 32px; }
  .kv26-theme .hikmah-arabic { font-size: 1.5rem; }
}

/* ============================================================
   520px — Small podium + cards
   ============================================================ */
@media (max-width: 520px) {
  .kv26-theme .section-header h2 {
    font-size: 2rem;
  }
  .kv26-theme .bento-grid {
    grid-template-columns: 1fr;
  }
  .kv26-theme .podium-card {
    padding: 24px 20px;
  }
  .kv26-theme .req-card {
    padding: 24px 20px;
  }
  .kv26-theme .steps-grid {
    grid-template-columns: 1fr;
  }
  .kv26-theme .card-icon-float {
    display: none;
  }
  .kv26-theme .tech-header {
    flex-direction: column;
    text-align: center;
  }
  .kv26-theme .reg-header {
    flex-direction: column;
    text-align: center;
  }
}

/* ============================================================
   480px — Small mobile final
   ============================================================ */
@media (max-width: 480px) {
  .kv26-theme .hero-title {
    font-size: 3rem;
  }

  .kv26-theme .about-hero-title {
    font-size: 2.2rem;
  }

  .kv26-theme .steps-grid {
    grid-template-columns: 1fr !important;
  }

  .kv26-theme .final-title {
    font-size: 2rem !important;
  }

  .kv26-theme .cta-stats {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 30px 20px !important;
    padding-top: 30px !important;
  }

  .kv26-theme .stat-item {
    width: 100% !important;
    text-align: center !important;
  }

  .kv26-theme .stat-item:not(:last-child)::after {
    display: none !important;
  }

  .kv26-theme .footer-right {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 15px !important;
    width: 100% !important;
  }

  .kv26-theme .footer-divider {
    display: none !important;
  }

  .kv26-theme .footer-link {
    justify-content: center !important;
  }

  /* About goals */
  .kv26-theme .about-goals-row {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .kv26-theme .about-hero-card {
    padding-bottom: 260px !important;
    min-height: 550px !important;
  }

  .kv26-theme .about-hero-title {
    font-size: 1.8rem !important;
  }

  .kv26-theme .goal-card-new {
    padding: 24px 20px !important;
  }

  .kv26-theme .goal-icon-new {
    width: 42px !important;
    height: 42px !important;
    font-size: 1.1rem !important;
    border-radius: 12px !important;
  }

  .kv26-theme .goal-mid h4 {
    margin-top: 16px !important;
    margin-bottom: 6px !important;
    font-size: 0.95rem !important;
  }

  .kv26-theme .goal-mid p {
    font-size: 0.8rem !important;
    line-height: 1.5 !important;
  }

  .kv26-theme .goal-bot {
    padding-top: 20px !important;
  }

  .kv26-theme .goal-num-new {
    font-size: 1.2rem !important;
  }

  /* Compact timeline */
  .kv26-theme .timeline-grid-3 {
    gap: 12px !important;
  }

  .kv26-theme .timeline-step-card {
    padding: 24px 20px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "num"
      "date"
      "title"
      "desc" !important;
    align-items: flex-start !important;
    text-align: left !important;
    min-height: auto !important;
    gap: 8px !important;
  }

  .kv26-theme .step-num-bg {
    grid-area: num;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    font-size: 2.5rem !important;
    margin: 0 0 4px 0 !important;
    width: auto !important;
    line-height: 1 !important;
    opacity: 0.9 !important;
  }

  .kv26-theme .step-icon-wrap {
    display: none !important;
  }

  .kv26-theme .step-card-content {
    padding: 0 !important;
    margin: 0 !important;
    display: contents !important;
  }

  .kv26-theme .step-date-pill {
    grid-area: date;
    margin: 0 0 8px 0 !important;
    padding: 4px 12px !important;
    font-size: 0.7rem !important;
    justify-self: flex-start;
  }

  .kv26-theme .step-title {
    grid-area: title;
    font-size: 1.15rem !important;
    margin: 0 0 4px 0 !important;
    font-weight: 800 !important;
  }

  .kv26-theme .step-desc {
    grid-area: desc;
    font-size: 0.85rem !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    width: 100% !important;
    opacity: 0.8;
  }

  /* Special final */
  .kv26-theme .timeline-step-card.special-final {
    grid-template-areas:
      "num"
      "date"
      "title"
      "desc" !important;
    padding: 30px 24px !important;
    background: linear-gradient(135deg, rgba(15, 25, 60, 0.95), rgba(5, 10, 30, 1)) !important;
    border: 1px solid rgba(212, 168, 67, 0.3) !important;
  }

  .kv26-theme .special-final .step-num-bg {
    opacity: 1 !important;
    background: linear-gradient(135deg, var(--gold), #fff, var(--gold)) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    top: 25px !important;
    right: 0 !important;
    font-size: 2.5rem !important;
    margin: 0 0 4px 0 !important;
    width: auto !important;
    line-height: 1 !important;
  }

  .kv26-theme .special-final br {
    display: none !important;
  }

  .kv26-theme .special-final .step-title {
    font-size: 1.6rem !important;
    text-align: left !important;
    margin-bottom: 12px !important;
    background: linear-gradient(135deg, var(--gold), #fff, var(--gold)) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    animation: shimmerGold 4s linear infinite !important;
    background-size: 200% auto !important;
  }

  .kv26-theme .special-final .step-desc {
    width: 100% !important;
    text-align: left !important;
    font-size: 0.95rem !important;
  }

  /* Compact prize/champion */
  .kv26-theme .podium-section {
    margin-top: 20px !important;
  }

  .kv26-theme .podium-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 15px !important;
    padding-bottom: 20px !important;
  }

  .kv26-theme .harapan-wrapper {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 15px !important;
    margin-top: 0 !important;
  }

  .kv26-theme .podium-gold,
  .kv26-theme .podium-silver,
  .kv26-theme .podium-bronze {
    width: 100% !important;
    max-width: 100% !important;
    grid-column: auto !important;
    order: auto !important;
  }

  .kv26-theme .podium-card {
    padding: 20px 16px !important;
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    grid-template-areas:
      "badge label"
      "title title"
      "tags tags" !important;
    align-items: center !important;
    text-align: left !important;
    min-height: auto !important;
    gap: 8px 12px !important;
    border-radius: 20px !important;
  }

  .kv26-theme .rank-badge {
    grid-area: badge;
    margin: 0 !important;
    width: 44px !important;
    height: 44px !important;
    font-size: 1.1rem !important;
  }

  .kv26-theme .rank-gold {
    width: 50px !important;
    height: 50px !important;
    font-size: 1.3rem !important;
  }

  .kv26-theme .prize-label {
    grid-area: label;
    margin: 0 !important;
    font-size: 0.85rem !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
  }

  .kv26-theme .prize-title {
    grid-area: title;
    margin: 10px 0 0 0 !important;
    font-size: 1.6rem !important;
    line-height: 1.3 !important;
  }

  .kv26-theme .prize-tags {
    grid-area: tags;
    margin-top: 10px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    justify-content: flex-start !important;
  }

  .kv26-theme .prize-tag {
    font-size: 0.75rem !important;
    padding: 4px 12px !important;
  }

  .kv26-theme .crown-float {
    top: -10px !important;
    right: 20px !important;
    font-size: 1rem !important;
  }

  .kv26-theme .sparkle {
    display: none !important;
  }

  /* CTA buttons */
  .kv26-theme .cta-heading {
    font-size: 1.6rem;
  }
  .kv26-theme .cta-buttons {
    flex-direction: column;
    align-items: center;
  }
  .kv26-theme .btn {
    width: 100%;
    max-width: 280px;
    justify-content: center;
  }
  .kv26-theme .cta-labels {
    flex-direction: column;
    align-items: center;
  }
  .kv26-theme .btn-insta-big {
    width: 100%;
    max-width: 280px;
    padding: 14px 24px;
    font-size: 1rem;
  }
  .kv26-theme .btn-primary-big {
    width: 100%;
    max-width: 280px;
    padding: 14px 24px;
    font-size: 1rem;
  }
}


/* ════ KV26 HEADER FIX — integrated from kv26-header-preview.css (2026-06-10) ════ */
@keyframes kv26-pillGlow {
  0%   { box-shadow: 0 8px 32px rgba(0,0,0,0.5), 0 0 15px rgba(42,168,240,0.1); border-color: rgba(42,168,240,0.2); }
  100% { box-shadow: 0 8px 32px rgba(0,0,0,0.5), 0 0 30px rgba(42,168,240,0.3); border-color: rgba(42,168,240,0.4); }
}
/* ── 1d. MOBILE: LOGO + HAMBURGER ONE ROW ─────────────────────
   Salient forces span_3 width:100% when slide-out area active —
   stacks the cols. Back to auto, flex row. */
@media only screen and (max-width: 1000px) {
  html body #header-outer header#top .container .row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
  }
  html body[data-slide-out-widget-area="true"] #top .col.span_3,
  html body #top .col.span_3 {
    width: auto !important;
    flex: 0 0 auto !important;
    float: none !important;
  }
  html body[data-slide-out-widget-area="true"] #top .col.span_9,
  html body #top .col.span_9 {
    width: auto !important;
    flex: 1 1 auto !important;
    float: none !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
  }
  /* mobile pill — same glass treatment as desktop (1b) */
  html body #header-outer,
  html body #header-outer[data-transparent-header="true"] {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
  }
  html body #header-outer header#top > .container {
    width: fit-content !important;
    min-width: min(320px, calc(100vw - 24px)) !important;
    max-width: calc(100vw - 24px) !important;
    margin: 10px auto 0 !important;
    padding: 6px 18px !important;
    background: rgba(10, 30, 60, 0.4) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(42, 168, 240, 0.2) !important;
    border-radius: 100px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5), 0 0 20px rgba(42, 168, 240, 0.1) !important;
    animation: kv26-pillGlow 4s ease-in-out infinite alternate !important;
  }
  /* gap between logo and hamburger inside pill */
  html body #top .col.span_9 {
    margin-left: 16px !important;
  }
}

/* ── HAMBURGER (SLIDE-OUT) MENU FONT + SPACING — scoped, not whole header ── */
#slide-out-widget-area a,
#slide-out-widget-area span {
  font-family: 'Inter', sans-serif !important;
}
#slide-out-widget-area .off-canvas-menu-container ul.menu > li > a {
  margin-top: 1em;
}

/* ── HAMBURGER TOGGLE ALIGNMENT IN MOBILE PILL ── */
@media only screen and (max-width: 1000px) {
  html body .slide-out-widget-area-toggle.mobile-icon.slide-out-from-right {
    margin-top: 1em !important;
  }
}