#middle-ban-agsy, .btn-with-text, button.inline-flex {display:none;}
.tag-container {
	-moz-columns: 170px;
	columns: 170px;
	-moz-column-rule-color: #2e2e2e;
	column-rule-color: #2e2e2e;
	-moz-column-rule-width: 1px;
	column-rule-width: 1px;
	-moz-column-rule-style: solid;
	column-rule-style: solid;
}
hr {
	border: 0;
	height: 1px;
	background-image: linear-gradient(
		to right,
		rgba(255, 255, 255, 0),
		rgba(255, 255, 255, 0.75),
		rgba(255, 255, 255, 0)
	);
}
.hamburger-menu {
	width: 24px;
	height: 25px;
	position: relative;
	cursor: pointer;
	display: flex; /* Tampilkan hamburger di mobile */
	flex-direction: column;
	justify-content: space-around;
	padding: 5px; /* Area klik yang lebih besar */
	z-index: 1001; /* Pastikan di atas menu saat terbuka */
	background-color:white;
	opacity: 30%;
}
.hamburger-menu:hover { opacity: 50%; }
.hamburger-menu .bar {
	display: block;
	width: 100%;
	height: 3px;
	background-color: #333;
	border-radius: 2px;
	transition: all 0.3s ease; /* Transisi untuk animasi X */
}
#sort-menu {
	display: none; /* Default: Sembunyikan menu di mobile */
	flex-direction: column; /* Link vertikal di mobile */
	width: 100%; /* Ambil lebar penuh saat terbuka */
	padding-top: 10px; /* Jarak dari hamburger */
	box-sizing: border-box;
	overflow: hidden; /* Sembunyikan jika ada konten yang keluar */
	max-height: 0; /* Mulai dari 0 tinggi */
	transition: max-height 0.3s ease-out; /* Transisi untuk buka/tutup */
}
#sort-menu a {
	text-decoration: none;
	display: block; /* Setiap link mengambil baris penuh */
	border-bottom: 1px solid #eee;
}
#sort-menu a:last-child { border-bottom: none; }
@media (min-width: 768px) {
	.hamburger-menu { display: none;  }
	#sort-menu {
		display: flex; /* Tampilkan menu di desktop */
		flex-direction: row; /* Link horizontal di desktop */
		width: auto; /* Kembali ke lebar natural */
		padding-top: 0; /* Hapus padding atas */
		gap: 15px; /* Jarak antar link */
		max-height: none; /* Hapus batasan tinggi */
	}
	#sort-menu a {
		border-bottom: none; /* Hapus garis pemisah */
		display: inline-block; /* Kembali ke inline-block */
		margin-right: 0; /* Hapus margin kanan jika sebelumnya ada */
	}
}
.bottom-menu.menu-open #sort-menu {
	display: flex;
	max-height: 300px;
}
.bottom-menu.menu-open .hamburger-menu .bar:nth-child(1) { transform: translateY(5px) rotate(45deg); }
.bottom-menu.menu-open .hamburger-menu .bar:nth-child(2) { opacity: 0; }
.bottom-menu.menu-open .hamburger-menu .bar:nth-child(3) { transform: translateY(-5px) rotate(-45deg); }
#hamburger-icon {
	position: absolute;
	right: 4px;
	top: 16px;
}
#main-content {
	max-width: 1200px;
	margin: auto;
}
#contents {
	max-width: 800px;
	margin: auto;
	position: relative;
}
.download {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 10px;
	background-color: black;
	border-radius: 50%;
	opacity: 50%;
}
#nextBtn { right: 5px; }
#prevBtn { left: 5px; }
#prevBtn, #nextBtn {
	position: absolute;
	bottom: 50%;
	background-color: black;
	padding: 15px;
	font-weight: normal;
	opacity: 50%;
	border-radius: 4px;
	font-size: xx-large;
}
#nextBtn:hover, #prevBtn:hover, .download:hover {
	font-weight: bold;
	opacity: 70%;
}
@media (max-width: 768px) {
	#prevBtn, #nextBtn {
		padding: 5px;
		font-size: medium;
	}
	.download { padding: 5px; }
}
/* Styling untuk Tombol Scroll to Top */
#scrollTopBtn {
  display: none; /* Sembunyikan secara default */
  position: fixed; /* Tetap di posisi yang sama saat scroll */
  bottom: 20px; /* Jarak dari bawah */
  right: 30px; /* Jarak dari kanan */
  z-index: 99; /* Pastikan di atas elemen lain */
  border: none;
  outline: none;
  background-color: rgb(255, 0, 49); /* Warna background semi-transparan */
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 50%; /* Membuatnya bulat */
  width: 50px;
  height: 50px;
  font-size: 18px;
  transition: opacity 0.4s, visibility 0.4s; /* Efek transisi halus */
  opacity: 0;
  visibility: hidden;
}

#scrollTopBtn.show {
  display: flex; /* Gunakan flex untuk menengahkan SVG di dalam tombol */
  align-items: center;
  justify-content: center;
  opacity: 1;
  visibility: visible;
}

#scrollTopBtn:hover {
  background-color: rgb(216, 1, 42); /* Warna saat hover */
}
#footer { background-color:#000; }