/* =========================================================
   VERSI 26 - SERAGAMKAN DESKTOP SEMUA HALAMAN PUBLIK
   Khusus desktop. Tampilan HP tidak diubah.
   ========================================================= */

@media (min-width:901px){

  :root{
    --desktop-content-max-v26:1360px;
    --desktop-content-gap-v26:136px;
    --desktop-content-width-v26:min(var(--desktop-content-max-v26), calc(100% - var(--desktop-content-gap-v26)));
  }

  /* Header/kop semua halaman publik dibuat sama */
  .site-header .container,
  .site-header .container.site-header-inner,
  .site-header-inner,
  header.site-header > .container{
    width:var(--desktop-content-width-v26) !important;
    max-width:var(--desktop-content-max-v26) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }

  .site-header{
    min-height:78px !important;
  }

  .site-header-inner{
    min-height:78px !important;
    display:flex !important;
    align-items:center !important;
  }

  .brand-logo{
    width:56px !important;
    height:56px !important;
    flex:0 0 56px !important;
  }

  .brand-title{
    font-size:18px !important;
    line-height:1.18 !important;
  }

  .brand-sub{
    font-size:14px !important;
    line-height:1.2 !important;
  }

  .public-nav{
    margin-left:auto !important;
    gap:34px !important;
  }

  .login-pill{
    min-height:50px !important;
    padding:0 26px !important;
  }

  /* Container umum halaman publik dibuat sama */
  .container,
  .page-hero .container,
  .public-form-grid,
  .success-card,
  .catalog-layout,
  .gallery-layout,
  .footer .container,
  .copyright{
    width:var(--desktop-content-width-v26) !important;
    max-width:var(--desktop-content-max-v26) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box !important;
  }

  /* Page hero semua halaman publik: Pendaftaran/Katalog/Galeri */
  .page-hero{
    padding:62px 0 54px !important;
  }

  .page-hero .container{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .page-hero h1{
    max-width:1120px !important;
    font-size:clamp(44px, 3.5vw, 62px) !important;
    line-height:1.04 !important;
    margin:18px 0 14px !important;
  }

  .page-hero p{
    max-width:760px !important;
    font-size:18px !important;
    line-height:1.65 !important;
  }

  /* HOME: hero ikut ukuran desktop yang sama dengan halaman lain */
  .hero-home-slider-v2{
    min-height:660px !important;
    width:100% !important;
  }

  .hero-home-slider-v2 .hero-inner-slider-v2,
  .hero-home-slider-v2 .hero-inner{
    width:var(--desktop-content-width-v26) !important;
    max-width:var(--desktop-content-max-v26) !important;
    min-height:660px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    text-align:left !important;
  }

  .hero-home-slider-v2 .hero-copy{
    width:min(760px, 54vw) !important;
    max-width:760px !important;
    margin:0 !important;
    padding:72px 0 92px !important;
    text-align:left !important;
    transform:none !important;
    left:auto !important;
    right:auto !important;
  }

  .hero-home-slider-v2 .hero-copy .tag{
    margin-left:0 !important;
    margin-right:auto !important;
  }

  .hero-home-slider-v2 .hero-copy h1{
    max-width:760px !important;
    font-size:clamp(62px, 5.1vw, 82px) !important;
    line-height:.96 !important;
    letter-spacing:-.05em !important;
    margin:18px 0 20px !important;
  }

  .hero-home-slider-v2 .hero-copy p{
    max-width:650px !important;
    font-size:19px !important;
    line-height:1.72 !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .hero-home-slider-v2 .leaf-line{
    width:430px !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .hero-home-slider-v2 .hero-actions{
    display:flex !important;
    flex-direction:row !important;
    justify-content:flex-start !important;
    align-items:center !important;
    gap:18px !important;
    margin-top:28px !important;
  }

  .hero-home-slider-v2 .hero-actions .btn{
    width:auto !important;
    min-width:190px !important;
    justify-content:center !important;
  }

  .home-slider-v2-dots{
    left:50% !important;
    right:auto !important;
    bottom:28px !important;
    transform:translateX(-50%) !important;
  }

  .value-strip{
    width:var(--desktop-content-width-v26) !important;
    max-width:var(--desktop-content-max-v26) !important;
  }

  /* Pendaftaran: form tidak lebih sempit dari halaman lain */
  .public-form-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:24px !important;
  }

  .public-form-grid > .panel{
    width:100% !important;
    max-width:none !important;
    box-sizing:border-box !important;
  }

  .public-form-grid .grid-3{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }

  .public-form-grid .grid-2{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .choice-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }

  /* Katalog: area konten mengikuti lebar yang sama */
  .catalog-layout{
    grid-template-columns:300px minmax(0, 1fr) !important;
    gap:28px !important;
    align-items:start !important;
  }

  .catalog-detail{
    min-width:0 !important;
  }

  /* Galeri: area konten juga mengikuti lebar yang sama */
  .gallery-layout{
    grid-template-columns:minmax(0, 1fr) 390px !important;
    gap:28px !important;
  }

  /* Footer tetap full biru, isi sejajar dengan container lain */
  .footer-grid{
    grid-template-columns:1fr 1.25fr !important;
    gap:80px !important;
  }
}

/* Desktop menengah */
@media (min-width:901px) and (max-width:1180px){
  :root{
    --desktop-content-gap-v26:96px;
  }

  .public-nav{
    gap:22px !important;
  }

  .hero-home-slider-v2 .hero-copy h1{
    font-size:clamp(54px, 5.4vw, 70px) !important;
  }

  .choice-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .gallery-layout{
    grid-template-columns:1fr !important;
  }
}

/* Hapus ornamen seperempat lingkaran Informasi Program/Tentang Ekskul secara paksa */
.about-ekskul-card:before,
.about-ekskul-card::before,
.about-ekskul-card:after,
.about-ekskul-card::after,
.about-ekskul-section:before,
.about-ekskul-section::before,
.about-ekskul-section:after,
.about-ekskul-section::after,
.about-ekskul-card .ornament,
.about-ekskul-card [class*="ornament"],
.about-ekskul-card [class*="shape"]{
  content:none !important;
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  width:0 !important;
  height:0 !important;
  background:none !important;
  background-image:none !important;
  border:0 !important;
}

.about-ekskul-card{
  background:#ffffff !important;
  background-image:none !important;
}