/* Start custom CSS for section, class: .elementor-element-395436a *//* ============================================================
   KK TEKNIK FISIKA ITB — pendidikan.css
   Galeri Poster + Lightbox via CSS :target (NO JS)
   ============================================================ */

/* ── Poster Gallery Grid ──────────────────────────────────── */
.kk-tf .kk-poster-grid {
  display: grid !important;
  gap: 1.5rem !important;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
}

/* ── Poster Card ──────────────────────────────────────────── */
.kk-tf .kk-poster-card {
  background: var(--kk-white) !important;
  border-radius: var(--kk-radius-md) !important;
  border: 1px solid var(--kk-border) !important;
  overflow: hidden !important;
  transition: var(--kk-transition) !important;
  display: flex !important;
  flex-direction: column !important;
}

.kk-tf .kk-poster-card:hover {
  transform: translateY(-6px) !important;
  box-shadow: var(--kk-shadow-md) !important;
}

/* Poster Image Trigger */
.kk-tf .kk-poster-trigger {
  display: block !important;
  position: relative !important;
  overflow: hidden !important;
  cursor: zoom-in !important;
  aspect-ratio: 3/4 !important;
  background: var(--kk-bg-alt) !important;
}

.kk-tf .kk-poster-trigger img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.4s ease !important;
}

.kk-tf .kk-poster-card:hover .kk-poster-trigger img {
  transform: scale(1.04) !important;
}

.kk-tf .kk-poster-zoom-hint {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(to top, rgba(0,33,68,0.75) 0%, transparent 50%) !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  padding-bottom: 1rem !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
}

.kk-tf .kk-poster-card:hover .kk-poster-zoom-hint {
  opacity: 1 !important;
}

.kk-tf .kk-poster-zoom-hint span {
  color: var(--kk-white) !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  background: rgba(0,0,0,0.35) !important;
  padding: 0.3rem 0.8rem !important;
  border-radius: 100px !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
}

/* Poster Card Body */
.kk-tf .kk-poster-body {
  padding: 1rem !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.25rem !important;
}

.kk-tf .kk-poster-body h4 {
  font-size: 0.9rem !important;
  color: var(--kk-text) !important;
  line-height: 1.4 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.kk-tf .kk-poster-mahasiswa {
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  color: var(--kk-primary) !important;
}

.kk-tf .kk-poster-dosen {
  font-size: 0.75rem !important;
  color: var(--kk-muted) !important;
  margin-top: auto !important;
}

/* ── LIGHTBOX (CSS :target — NO JS) ──────────────────────── */
.kk-tf .kk-lightbox {
  display: none !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  background: rgba(0, 0, 0, 0.92) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 2rem !important;
  flex-direction: column !important;
  gap: 1rem !important;
  animate: kk-lb-in 0.25s ease !important;
}

/* ACTIVATED via :target */
.kk-tf .kk-lightbox:target {
  display: flex !important;
}

@keyframes kk-lb-in {
  from { opacity: 0; transform: scale(0.95); }
  to   { opacity: 1; transform: scale(1); }
}

.kk-tf .kk-lightbox-img {
  max-width: min(90vw, 600px) !important;
  max-height: 80vh !important;
  object-fit: contain !important;
  border-radius: var(--kk-radius-md) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,0.5) !important;
}

.kk-tf .kk-lightbox-caption {
  text-align: center !important;
  max-width: 500px !important;
}

.kk-tf .kk-lightbox-caption h4 {
  color: var(--kk-white) !important;
  font-size: 1rem !important;
  margin-bottom: 0.25rem !important;
}

.kk-tf .kk-lightbox-caption p {
  color: rgba(255,255,255,0.6) !important;
  font-size: 0.85rem !important;
  margin-bottom: 0 !important;
}

/* Close Button (link to empty # to deactivate :target) */
.kk-tf .kk-lightbox-close {
  position: absolute !important;
  top: 1.25rem !important;
  right: 1.5rem !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.12) !important;
  color: var(--kk-white) !important;
  font-size: 1.25rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: var(--kk-transition) !important;
  text-decoration: none !important;
  line-height: 1 !important;
}

.kk-tf .kk-lightbox-close:hover {
  background: rgba(255,255,255,0.25) !important;
  color: var(--kk-white) !important;
  transform: scale(1.1) !important;
}

/* Click-outside-to-close overlay */
.kk-tf .kk-lightbox-overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
}

/* ── Tabs / Sub-section Navigation ───────────────────────── */
.kk-tf .kk-pendidikan-tabs {
  display: flex !important;
  gap: 0.5rem !important;
  margin-bottom: 2.5rem !important;
  padding-bottom: 0 !important;
  border-bottom: 2px solid var(--kk-border) !important;
  flex-wrap: wrap !important;
}

.kk-tf .kk-pendidikan-tab {
  padding: 0.75rem 1.25rem !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  color: var(--kk-muted) !important;
  border-bottom: 3px solid transparent !important;
  margin-bottom: -2px !important;
  transition: var(--kk-transition) !important;
  white-space: nowrap !important;
}

.kk-tf .kk-pendidikan-tab:hover {
  color: var(--kk-primary) !important;
  border-bottom-color: var(--kk-primary) !important;
}

/* ── Kemahasiswaan List ────────────────────────────────────── */
.kk-tf .kk-kegiatan-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 1rem !important;
}

.kk-tf .kk-kegiatan-item {
  background: var(--kk-white) !important;
  border-radius: var(--kk-radius-md) !important;
  border: 1px solid var(--kk-border) !important;
  padding: 1.5rem !important;
  display: flex !important;
  gap: 1.25rem !important;
  align-items: flex-start !important;
  transition: var(--kk-transition) !important;
}

.kk-tf .kk-kegiatan-item:hover {
  box-shadow: var(--kk-shadow-sm) !important;
  border-color: rgba(0,51,102,0.2) !important;
}

.kk-tf .kk-kegiatan-year {
  flex-shrink: 0 !important;
  background: var(--kk-primary) !important;
  color: var(--kk-white) !important;
  border-radius: var(--kk-radius-sm) !important;
  padding: 0.4rem 0.9rem !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
}

.kk-tf .kk-kegiatan-body h4 {
  font-size: 1rem !important;
  color: var(--kk-text) !important;
  margin-bottom: 0.35rem !important;
}

.kk-tf .kk-kegiatan-body p {
  font-size: 0.875rem !important;
  color: var(--kk-muted) !important;
  margin-bottom: 0 !important;
}

/* ── MBKM Cards ───────────────────────────────────────────── */
.kk-tf .kk-mbkm-card {
  background: var(--kk-white) !important;
  border-radius: var(--kk-radius-md) !important;
  border: 1px solid var(--kk-border) !important;
  padding: 1.75rem !important;
  transition: var(--kk-transition) !important;
  border-left: 4px solid var(--kk-primary) !important;
}

.kk-tf .kk-mbkm-card:hover {
  box-shadow: var(--kk-shadow-md) !important;
  transform: translateX(4px) !important;
}

.kk-tf .kk-mbkm-card h4 {
  font-size: 1rem !important;
  color: var(--kk-primary) !important;
  margin-bottom: 0.5rem !important;
}

.kk-tf .kk-mbkm-card p { margin-bottom: 0.5rem !important; }

.kk-tf .kk-mbkm-partner {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
  font-size: 0.8rem !important;
  color: var(--kk-muted) !important;
  margin-top: 0.5rem !important;
}

/* ── Buku Cards ───────────────────────────────────────────── */
.kk-tf .kk-buku-card {
  background: var(--kk-white) !important;
  border-radius: var(--kk-radius-md) !important;
  border: 1px solid var(--kk-border) !important;
  overflow: hidden !important;
  transition: var(--kk-transition) !important;
  display: flex !important;
  flex-direction: column !important;
}

.kk-tf .kk-buku-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: var(--kk-shadow-md) !important;
}

.kk-tf .kk-buku-cover {
  width: 100% !important;
  height: 240px !important;
  object-fit: cover !important;
}

.kk-tf .kk-buku-body {
  padding: 1.25rem !important;
  flex: 1 !important;
}

.kk-tf .kk-buku-body h4 {
  font-size: 0.95rem !important;
  color: var(--kk-text) !important;
  margin-bottom: 0.35rem !important;
  line-height: 1.4 !important;
}

.kk-tf .kk-buku-penulis {
  font-size: 0.8rem !important;
  color: var(--kk-muted) !important;
}

.kk-tf .kk-buku-year {
  font-size: 0.75rem !important;
  color: var(--kk-accent-dark) !important;
  font-weight: 700 !important;
  margin-top: 0.5rem !important;
  display: block !important;
}

/* ── Alat Pendidikan ──────────────────────────────────────── */
.kk-tf .kk-alat-card {
  background: var(--kk-white) !important;
  border-radius: var(--kk-radius-md) !important;
  border: 1px solid var(--kk-border) !important;
  overflow: hidden !important;
  transition: var(--kk-transition) !important;
}

.kk-tf .kk-alat-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: var(--kk-shadow-md) !important;
}

.kk-tf .kk-alat-img {
  width: 100% !important;
  height: 190px !important;
  object-fit: cover !important;
}

.kk-tf .kk-alat-body {
  padding: 1.25rem !important;
}

.kk-tf .kk-alat-body h4 {
  font-size: 0.95rem !important;
  color: var(--kk-text) !important;
  margin-bottom: 0.4rem !important;
}

.kk-tf .kk-alat-body p {
  font-size: 0.85rem !important;
  color: var(--kk-muted) !important;
  margin-bottom: 0 !important;
}

/* ── Collapsing Logic (S1, S2, S3, Lomba) ─────────────────── */
.kk-tf .kk-s1-more,
.kk-tf .kk-s2-more,
.kk-tf .kk-s3-more,
.kk-tf .kk-lomba-more {
  display: none !important;
}

/* S1 */
.kk-tf #toggle-s1:checked ~ .kk-poster-grid .kk-s1-more { display: contents !important; }
.kk-tf #toggle-s1:checked ~ .kk-s1-action .kk-show-text { display: none !important; }
.kk-tf #toggle-s1:checked ~ .kk-s1-action .kk-hide-text { display: inline-block !important; }

/* S2 */
.kk-tf #toggle-s2:checked ~ .kk-poster-grid .kk-s2-more { display: contents !important; }
.kk-tf #toggle-s2:checked ~ .kk-s2-action .kk-show-text { display: none !important; }
.kk-tf #toggle-s2:checked ~ .kk-s2-action .kk-hide-text { display: inline-block !important; }

/* S3 */
.kk-tf #toggle-s3:checked ~ .kk-poster-grid .kk-s3-more { display: contents !important; }
.kk-tf #toggle-s3:checked ~ .kk-s3-action .kk-show-text { display: none !important; }
.kk-tf #toggle-s3:checked ~ .kk-s3-action .kk-hide-text { display: inline-block !important; }

/* Lomba */
.kk-tf #toggle-lomba:checked ~ .kk-kegiatan-list .kk-lomba-more { display: contents !important; }
.kk-tf #toggle-lomba:checked ~ .kk-lomba-action .kk-show-text { display: none !important; }
.kk-tf #toggle-lomba:checked ~ .kk-lomba-action .kk-hide-text { display: inline-block !important; }

/* ── Buku: Slider Override ────────────────────────────────── */
.kk-tf .kk-marquee-track .kk-buku-card {
  width: 280px !important;
  flex-shrink: 0 !important;
  white-space: normal !important;
}

/* ── Responsive ───────────────────────────────────────────── */
@media (max-width: 768px) {
  .kk-tf .kk-kegiatan-item { flex-direction: column !important; gap: 0.75rem !important; }
}/* End custom CSS */
/* Start custom CSS *//* ============================================================
   KK TEKNIK FISIKA ITB — pendidikan.css
   Galeri Poster + Lightbox via CSS :target (NO JS)
   ============================================================ */

/* ── Poster Gallery Grid ──────────────────────────────────── */
.kk-tf .kk-poster-grid {
  display: grid !important;
  gap: 1.5rem !important;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
}

/* ── Poster Card ──────────────────────────────────────────── */
.kk-tf .kk-poster-card {
  background: var(--kk-white) !important;
  border-radius: var(--kk-radius-md) !important;
  border: 1px solid var(--kk-border) !important;
  overflow: hidden !important;
  transition: var(--kk-transition) !important;
  display: flex !important;
  flex-direction: column !important;
}

.kk-tf .kk-poster-card:hover {
  transform: translateY(-6px) !important;
  box-shadow: var(--kk-shadow-md) !important;
}

/* Poster Image Trigger */
.kk-tf .kk-poster-trigger {
  display: block !important;
  position: relative !important;
  overflow: hidden !important;
  cursor: zoom-in !important;
  aspect-ratio: 3/4 !important;
  background: var(--kk-bg-alt) !important;
}

.kk-tf .kk-poster-trigger img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.4s ease !important;
}

.kk-tf .kk-poster-card:hover .kk-poster-trigger img {
  transform: scale(1.04) !important;
}

.kk-tf .kk-poster-zoom-hint {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(to top, rgba(0,33,68,0.75) 0%, transparent 50%) !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  padding-bottom: 1rem !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
}

.kk-tf .kk-poster-card:hover .kk-poster-zoom-hint {
  opacity: 1 !important;
}

.kk-tf .kk-poster-zoom-hint span {
  color: var(--kk-white) !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  background: rgba(0,0,0,0.35) !important;
  padding: 0.3rem 0.8rem !important;
  border-radius: 100px !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
}

/* Poster Card Body */
.kk-tf .kk-poster-body {
  padding: 1rem !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.25rem !important;
}

.kk-tf .kk-poster-body h4 {
  font-size: 0.9rem !important;
  color: var(--kk-text) !important;
  line-height: 1.4 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.kk-tf .kk-poster-mahasiswa {
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  color: var(--kk-primary) !important;
}

.kk-tf .kk-poster-dosen {
  font-size: 0.75rem !important;
  color: var(--kk-muted) !important;
  margin-top: auto !important;
}

/* ── LIGHTBOX (CSS :target — NO JS) ──────────────────────── */
.kk-tf .kk-lightbox {
  display: none !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  background: rgba(0, 0, 0, 0.92) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 2rem !important;
  flex-direction: column !important;
  gap: 1rem !important;
  animate: kk-lb-in 0.25s ease !important;
}

/* ACTIVATED via :target */
.kk-tf .kk-lightbox:target {
  display: flex !important;
}

@keyframes kk-lb-in {
  from { opacity: 0; transform: scale(0.95); }
  to   { opacity: 1; transform: scale(1); }
}

.kk-tf .kk-lightbox-img {
  max-width: min(90vw, 600px) !important;
  max-height: 80vh !important;
  object-fit: contain !important;
  border-radius: var(--kk-radius-md) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,0.5) !important;
}

.kk-tf .kk-lightbox-caption {
  text-align: center !important;
  max-width: 500px !important;
}

.kk-tf .kk-lightbox-caption h4 {
  color: var(--kk-white) !important;
  font-size: 1rem !important;
  margin-bottom: 0.25rem !important;
}

.kk-tf .kk-lightbox-caption p {
  color: rgba(255,255,255,0.6) !important;
  font-size: 0.85rem !important;
  margin-bottom: 0 !important;
}

/* Close Button (link to empty # to deactivate :target) */
.kk-tf .kk-lightbox-close {
  position: absolute !important;
  top: 1.25rem !important;
  right: 1.5rem !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.12) !important;
  color: var(--kk-white) !important;
  font-size: 1.25rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: var(--kk-transition) !important;
  text-decoration: none !important;
  line-height: 1 !important;
}

.kk-tf .kk-lightbox-close:hover {
  background: rgba(255,255,255,0.25) !important;
  color: var(--kk-white) !important;
  transform: scale(1.1) !important;
}

/* Click-outside-to-close overlay */
.kk-tf .kk-lightbox-overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
}

/* ── Tabs / Sub-section Navigation ───────────────────────── */
.kk-tf .kk-pendidikan-tabs {
  display: flex !important;
  gap: 0.5rem !important;
  margin-bottom: 2.5rem !important;
  padding-bottom: 0 !important;
  border-bottom: 2px solid var(--kk-border) !important;
  flex-wrap: wrap !important;
}

.kk-tf .kk-pendidikan-tab {
  padding: 0.75rem 1.25rem !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  color: var(--kk-muted) !important;
  border-bottom: 3px solid transparent !important;
  margin-bottom: -2px !important;
  transition: var(--kk-transition) !important;
  white-space: nowrap !important;
}

.kk-tf .kk-pendidikan-tab:hover {
  color: var(--kk-primary) !important;
  border-bottom-color: var(--kk-primary) !important;
}

/* ── Kemahasiswaan List ────────────────────────────────────── */
.kk-tf .kk-kegiatan-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 1rem !important;
}

.kk-tf .kk-kegiatan-item {
  background: var(--kk-white) !important;
  border-radius: var(--kk-radius-md) !important;
  border: 1px solid var(--kk-border) !important;
  padding: 1.5rem !important;
  display: flex !important;
  gap: 1.25rem !important;
  align-items: flex-start !important;
  transition: var(--kk-transition) !important;
}

.kk-tf .kk-kegiatan-item:hover {
  box-shadow: var(--kk-shadow-sm) !important;
  border-color: rgba(0,51,102,0.2) !important;
}

.kk-tf .kk-kegiatan-year {
  flex-shrink: 0 !important;
  background: var(--kk-primary) !important;
  color: var(--kk-white) !important;
  border-radius: var(--kk-radius-sm) !important;
  padding: 0.4rem 0.9rem !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
}

.kk-tf .kk-kegiatan-body h4 {
  font-size: 1rem !important;
  color: var(--kk-text) !important;
  margin-bottom: 0.35rem !important;
}

.kk-tf .kk-kegiatan-body p {
  font-size: 0.875rem !important;
  color: var(--kk-muted) !important;
  margin-bottom: 0 !important;
}

/* ── MBKM Cards ───────────────────────────────────────────── */
.kk-tf .kk-mbkm-card {
  background: var(--kk-white) !important;
  border-radius: var(--kk-radius-md) !important;
  border: 1px solid var(--kk-border) !important;
  padding: 1.75rem !important;
  transition: var(--kk-transition) !important;
  border-left: 4px solid var(--kk-primary) !important;
}

.kk-tf .kk-mbkm-card:hover {
  box-shadow: var(--kk-shadow-md) !important;
  transform: translateX(4px) !important;
}

.kk-tf .kk-mbkm-card h4 {
  font-size: 1rem !important;
  color: var(--kk-primary) !important;
  margin-bottom: 0.5rem !important;
}

.kk-tf .kk-mbkm-card p { margin-bottom: 0.5rem !important; }

.kk-tf .kk-mbkm-partner {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
  font-size: 0.8rem !important;
  color: var(--kk-muted) !important;
  margin-top: 0.5rem !important;
}

/* ── Buku Cards ───────────────────────────────────────────── */
.kk-tf .kk-buku-card {
  background: var(--kk-white) !important;
  border-radius: var(--kk-radius-md) !important;
  border: 1px solid var(--kk-border) !important;
  overflow: hidden !important;
  transition: var(--kk-transition) !important;
  display: flex !important;
  flex-direction: column !important;
}

.kk-tf .kk-buku-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: var(--kk-shadow-md) !important;
}

.kk-tf .kk-buku-cover {
  width: 100% !important;
  height: 240px !important;
  object-fit: cover !important;
}

.kk-tf .kk-buku-body {
  padding: 1.25rem !important;
  flex: 1 !important;
}

.kk-tf .kk-buku-body h4 {
  font-size: 0.95rem !important;
  color: var(--kk-text) !important;
  margin-bottom: 0.35rem !important;
  line-height: 1.4 !important;
}

.kk-tf .kk-buku-penulis {
  font-size: 0.8rem !important;
  color: var(--kk-muted) !important;
}

.kk-tf .kk-buku-year {
  font-size: 0.75rem !important;
  color: var(--kk-accent-dark) !important;
  font-weight: 700 !important;
  margin-top: 0.5rem !important;
  display: block !important;
}

/* ── Alat Pendidikan ──────────────────────────────────────── */
.kk-tf .kk-alat-card {
  background: var(--kk-white) !important;
  border-radius: var(--kk-radius-md) !important;
  border: 1px solid var(--kk-border) !important;
  overflow: hidden !important;
  transition: var(--kk-transition) !important;
}

.kk-tf .kk-alat-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: var(--kk-shadow-md) !important;
}

.kk-tf .kk-alat-img {
  width: 100% !important;
  height: 190px !important;
  object-fit: cover !important;
}

.kk-tf .kk-alat-body {
  padding: 1.25rem !important;
}

.kk-tf .kk-alat-body h4 {
  font-size: 0.95rem !important;
  color: var(--kk-text) !important;
  margin-bottom: 0.4rem !important;
}

.kk-tf .kk-alat-body p {
  font-size: 0.85rem !important;
  color: var(--kk-muted) !important;
  margin-bottom: 0 !important;
}

/* ── Collapsing Logic (S1, S2, S3, Lomba) ─────────────────── */
.kk-tf .kk-s1-more,
.kk-tf .kk-s2-more,
.kk-tf .kk-s3-more,
.kk-tf .kk-lomba-more {
  display: none !important;
}

/* S1 */
.kk-tf #toggle-s1:checked ~ .kk-poster-grid .kk-s1-more { display: contents !important; }
.kk-tf #toggle-s1:checked ~ .kk-s1-action .kk-show-text { display: none !important; }
.kk-tf #toggle-s1:checked ~ .kk-s1-action .kk-hide-text { display: inline-block !important; }

/* S2 */
.kk-tf #toggle-s2:checked ~ .kk-poster-grid .kk-s2-more { display: contents !important; }
.kk-tf #toggle-s2:checked ~ .kk-s2-action .kk-show-text { display: none !important; }
.kk-tf #toggle-s2:checked ~ .kk-s2-action .kk-hide-text { display: inline-block !important; }

/* S3 */
.kk-tf #toggle-s3:checked ~ .kk-poster-grid .kk-s3-more { display: contents !important; }
.kk-tf #toggle-s3:checked ~ .kk-s3-action .kk-show-text { display: none !important; }
.kk-tf #toggle-s3:checked ~ .kk-s3-action .kk-hide-text { display: inline-block !important; }

/* Lomba */
.kk-tf #toggle-lomba:checked ~ .kk-kegiatan-list .kk-lomba-more { display: contents !important; }
.kk-tf #toggle-lomba:checked ~ .kk-lomba-action .kk-show-text { display: none !important; }
.kk-tf #toggle-lomba:checked ~ .kk-lomba-action .kk-hide-text { display: inline-block !important; }

/* ── Buku: Slider Override ────────────────────────────────── */
.kk-tf .kk-marquee-track .kk-buku-card {
  width: 280px !important;
  flex-shrink: 0 !important;
  white-space: normal !important;
}

/* ── Responsive ───────────────────────────────────────────── */
@media (max-width: 768px) {
  .kk-tf .kk-kegiatan-item { flex-direction: column !important; gap: 0.75rem !important; }
}/* End custom CSS */