/* Dipindah dari views/home.php (dulu <style> inline) —
 * PRD-GSC-ADSENSE R-PERF-06 / PROMPT 9.5. Dimuat lewat iah_aset_url() (?v=filemtime). */
		* {
			font-family: "Montserrat", sans-serif;
		}

		.btn-cari {
			background-color: #877080;
			color: white;
		}

		.btn-cari:hover {
			color: white;
			cursor: pointer;
			background-color: #695764;
		}

		.btn-cari-outline {
			color: #695764;
			background-color: white;
			border: 1px solid #695764;
		}

		.btn-cari-outline:hover {
			background-color: #695764;
			color: white;
			border: none;
		}

		.btn-surah {
			text-decoration: none;
			color: black;
		}

		.btn-surah:hover {
			text-decoration: none;
			color: black;
		}

		.btn-secondary {
			background-color: #89BDC8;
			border: none;
		}

		.item-surah {
			width: 60px;
			height: 60px;
			background-image: url(frame.png);
			background-size: contain;
			background-position: center;
			background-repeat: no-repeat;
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.dropdown-bahasa {
			max-height: 500px;
			overflow-y: auto;
			scrollbar-width: thin;
		}

		.hadits-download-card {
			border-radius: 12px;
			background: #ffffff;
			box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
		}

		.hadits-download-scroll {
			height: 400px;
			overflow-y: auto;
			padding-right: 5px;
		}

		.hadits-bahasa-box {
			background: #f4f9fb;
			border: 1px solid #d5e7ec;
			border-radius: 10px;
			padding: 6px 8px;
			transition: all 0.25s ease;
			gap: 8px;
		}

		.hadits-bahasa-box:hover {
			background: #e6f3f7;
			transform: translateY(-2px);
			box-shadow: 0 4px 12px rgba(79, 150, 166, 0.25);
		}

		.btn-islami {
			position: relative;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			width: 64px;
			min-width: 64px;
			height: 44px;
			padding: 0 !important;
			border: 2px solid rgba(236, 242, 247, 0.95);
			border-radius: 999px;
			background:
				linear-gradient(145deg, rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0) 34%),
				radial-gradient(circle at 50% 34%, #1d82ff 0, #0756bd 58%, #04347d 100%);
			color: #ffffff;
			font-size: 11px;
			font-weight: 900;
			letter-spacing: 0.02em;
			line-height: 1;
			text-transform: uppercase;
			box-shadow:
				inset 0 2px 5px rgba(255, 255, 255, 0.36),
				inset 0 -5px 10px rgba(0, 0, 0, 0.22),
				0 3px 8px rgba(18, 80, 135, 0.28);
			overflow: hidden;
		}

		.btn-islami:hover {
			color: white;
			transform: translateY(-1px);
			box-shadow:
				inset 0 2px 5px rgba(255, 255, 255, 0.38),
				inset 0 -5px 10px rgba(0, 0, 0, 0.22),
				0 5px 12px rgba(18, 80, 135, 0.34);
		}

		.btn-outline-islami {
			position: relative;
			display: inline-flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			width: 54px;
			min-width: 54px;
			height: 44px;
			padding: 0 !important;
			border: 2px solid rgba(152, 225, 244, 0.9);
			border-radius: 999px;
			background:
				linear-gradient(145deg, rgba(255, 255, 255, 0.38), rgba(255, 255, 255, 0) 34%),
				radial-gradient(circle at 50% 35%, #20c5e5 0, #0878bc 60%, #044778 100%);
			color: #ffffff;
			font-weight: 900;
			line-height: 1;
			box-shadow:
				inset 0 2px 5px rgba(255, 255, 255, 0.32),
				inset 0 -5px 10px rgba(0, 0, 0, 0.2),
				0 3px 8px rgba(18, 80, 135, 0.25);
			overflow: hidden;
		}

		.btn-outline-islami:hover {
			color: white;
			transform: translateY(-1px);
			box-shadow:
				inset 0 2px 5px rgba(255, 255, 255, 0.34),
				inset 0 -5px 10px rgba(0, 0, 0, 0.2),
				0 5px 12px rgba(18, 80, 135, 0.32);
		}

		.download-language-focus .hadits-bahasa-box {
			background: #fff8dc;
			border-color: #e1b640;
			box-shadow: 0 4px 16px rgba(200, 148, 24, 0.28);
		}

		.download-button-focus {
			background: #f7d867 !important;
			border-color: #c89418 !important;
			color: #1f4b54 !important;
			box-shadow: 0 0 0 4px rgba(247, 216, 103, 0.38), 0 6px 16px rgba(200, 148, 24, 0.28);
			transform: scale(1.08);
			animation: download-target-pulse 0.9s ease-in-out 0s 3;
		}

		.js-download-target {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			min-width: 54px;
			font-size: 11px;
		}

		.js-download-target::before {
			content: none;
		}

		.pdf-icon-arrow {
			display: block;
			margin-top: -1px;
			font-size: 15px;
			line-height: 12px;
		}

		.pdf-icon-text {
			display: block;
			font-size: 11px;
			line-height: 12px;
			letter-spacing: 0.02em;
		}

		.btn-islami,
		.btn-outline-islami {
			width: 46px;
			min-width: 46px;
			height: 46px;
			border: 0;
			background: transparent;
			box-shadow: none;
			overflow: visible;
		}

		.btn-islami:hover,
		.btn-outline-islami:hover {
			background: transparent;
			box-shadow: none;
			transform: translateY(-1px);
		}

		.pdf-action-image {
			display: block;
			width: 44px;
			height: 44px;
			object-fit: contain;
		}

		@keyframes download-target-pulse {
			0%, 100% {
				box-shadow: 0 0 0 4px rgba(247, 216, 103, 0.34), 0 6px 16px rgba(200, 148, 24, 0.24);
			}
			50% {
				box-shadow: 0 0 0 8px rgba(247, 216, 103, 0.16), 0 8px 20px rgba(200, 148, 24, 0.36);
			}
		}

		.nama-bahasa {
			color: #2f6f7c;
			font-weight: 600;
			flex: 1 1 auto;
			min-width: 0;
			line-height: 1.35;
			overflow-wrap: anywhere;
		}

		.hadits-download-actions {
			display: inline-flex;
			align-items: center;
			gap: 5px;
			flex: 0 0 auto;
			white-space: nowrap;
		}

		.hadits-download-actions .btn {
			min-width: 54px;
			line-height: 1.35;
		}

		.hadits-download-actions .btn-islami {
			min-width: 64px;
		}

		.hadits-download-scroll::-webkit-scrollbar {
			width: 6px;
		}

		.hadits-download-scroll::-webkit-scrollbar-thumb {
			background: #4f96a6;
			border-radius: 10px;
		}

		html {
			scroll-behavior: smooth;
		}

		.home-quick-actions {
			display: flex;
			justify-content: center;
			align-items: center;
			gap: 18px;
			position: absolute;
			left: 2%;
			right: 2%;
			top: 38px;
			z-index: 2;
			pointer-events: none;
			padding: 0;
		}

		.quick-action-link {
			display: inline-flex;
			align-items: center;
			gap: 7px;
			min-height: 34px;
			padding: 4px 10px 4px 5px;
			border: 1px solid rgba(79, 150, 166, 0.32);
			border-radius: 999px;
			background: #ffffff;
			color: #356d78;
			font-size: 12px;
			font-weight: 700;
			text-decoration: none;
			line-height: 1.25;
			box-shadow: 0 2px 8px rgba(79, 150, 166, 0.12);
			pointer-events: auto;
		}

		.hadits-top-strip {
			height: 31px;
			background: #89BDC8;
			position: relative;
			box-shadow:
				0 3px 0 rgba(102, 140, 148, 0.056),
				0 6.2px 0 rgba(102, 140, 148, 0.069),
				0 17px 0 rgba(102, 140, 148, 0.1);
		}

		.hadits-header-language {
			position: absolute;
			top: 3px;
			right: 12px;
			z-index: 5;
		}

		.hadits-header-language .btn {
			min-height: 25px;
			padding: 2px 9px;
			border-radius: 999px;
			background: #ffffff;
			color: #356d78;
			border: 1px solid rgba(79, 150, 166, 0.32);
			font-size: 11px;
			font-weight: 700;
			line-height: 1.2;
			box-shadow: 0 2px 8px rgba(79, 150, 166, 0.12);
		}

		.hadits-header-language .dropdown-menu {
			font-size: 12px;
		}

		.hadits-home-shell {
			background: #ffffff;
			min-height: 100vh;
		}

		.hadits-search-form {
			margin: 0 auto;
			max-width: 1180px;
		}

		.hadits-book-card {
			display: block;
			position: relative;
			margin-bottom: 28px;
			padding-bottom: 26px;
			border: 1px solid #cfcfd4;
			border-radius: 5px;
			background: #ffffff;
			color: #111111;
			text-decoration: none;
			overflow: visible;
			transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
		}

		.hadits-book-card:hover {
			color: #111111;
			text-decoration: none;
			border-color: #9bbfc7;
			box-shadow: 0 6px 14px rgba(79, 150, 166, 0.18);
			transform: translateY(-1px);
		}

		.hadits-book-main {
			display: flex;
			align-items: center;
			min-height: 73px;
			padding: 14px 18px 12px;
			color: #111111;
			text-decoration: none;
		}

		.hadits-book-main:hover {
			color: #111111;
			text-decoration: none;
		}

		.hadits-book-title {
			font-size: 14px;
			font-weight: 700;
			line-height: 1.35;
		}

		.hadits-book-arabic {
			margin-left: auto;
			padding-left: 12px;
			font-size: 15px;
			line-height: 1.35;
			text-align: right;
			white-space: nowrap;
		}

		.hadits-book-footer {
			display: grid;
			grid-template-columns: minmax(92px, 1fr) 64px 54px;
			align-items: center;
			gap: 7px;
			position: absolute;
			left: 42px;
			right: 42px;
			bottom: -18px;
			padding: 2px 0 3px;
			border-top: 1px solid #eef3f4;
			border-radius: 0 0 4px 4px;
			background: #f7fbfc;
			font-size: 11px;
			line-height: 1.3;
		}

		.hadits-book-language {
			min-width: 0;
			padding-left: 4px;
			color: #2fa66e;
			font-weight: 700;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

		.hadits-book-action {
			position: relative;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			width: 64px;
			min-width: 64px;
			min-height: 44px;
			padding: 0;
			border: 2px solid rgba(236, 242, 247, 0.95);
			border-radius: 999px;
			background:
				linear-gradient(145deg, rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0) 34%),
				radial-gradient(circle at 50% 34%, #1d82ff 0, #0756bd 58%, #04347d 100%);
			color: #ffffff;
			font-size: 11px;
			font-weight: 900;
			letter-spacing: 0.02em;
			line-height: 1;
			text-decoration: none;
			text-transform: uppercase;
			box-shadow:
				inset 0 2px 5px rgba(255, 255, 255, 0.36),
				inset 0 -5px 10px rgba(0, 0, 0, 0.22),
				0 3px 8px rgba(18, 80, 135, 0.28);
			overflow: hidden;
		}

		.hadits-book-action:hover {
			color: #ffffff;
			text-decoration: none;
			transform: translateY(-1px);
			box-shadow:
				inset 0 2px 5px rgba(255, 255, 255, 0.38),
				inset 0 -5px 10px rgba(0, 0, 0, 0.22),
				0 5px 12px rgba(18, 80, 135, 0.34);
		}

		.hadits-book-action.is-unavailable {
			cursor: not-allowed;
			opacity: 0.55;
			filter: grayscale(0.35);
			pointer-events: none;
		}

		.hadits-book-arrow {
			position: relative;
			display: inline-flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			width: 54px;
			min-width: 54px;
			min-height: 44px;
			padding: 0;
			border: 2px solid rgba(152, 225, 244, 0.9);
			border-radius: 999px;
			background:
				linear-gradient(145deg, rgba(255, 255, 255, 0.38), rgba(255, 255, 255, 0) 34%),
				radial-gradient(circle at 50% 35%, #20c5e5 0, #0878bc 60%, #044778 100%);
			color: #ffffff;
			font-weight: 900;
			line-height: 1;
			text-decoration: none;
			box-shadow:
				inset 0 2px 5px rgba(255, 255, 255, 0.32),
				inset 0 -5px 10px rgba(0, 0, 0, 0.2),
				0 3px 8px rgba(18, 80, 135, 0.25);
			overflow: hidden;
		}

		.hadits-book-arrow:hover {
			color: #ffffff;
			text-decoration: none;
			transform: translateY(-1px);
			box-shadow:
				inset 0 2px 5px rgba(255, 255, 255, 0.34),
				inset 0 -5px 10px rgba(0, 0, 0, 0.2),
				0 5px 12px rgba(18, 80, 135, 0.32);
		}

		.hadits-book-arrow-symbol {
			display: block;
			margin-top: -1px;
			font-size: 15px;
			line-height: 12px;
		}

		.hadits-book-arrow-text {
			display: block;
			font-size: 11px;
			line-height: 12px;
			letter-spacing: 0.02em;
		}

		.hadits-book-arrow.is-unavailable {
			cursor: not-allowed;
			opacity: 0.55;
			filter: grayscale(0.35);
			pointer-events: none;
		}

		.quick-action-link:hover {
			background: #e6f3f7;
			color: #2f6f7c;
			text-decoration: none;
			box-shadow: 0 4px 12px rgba(79, 150, 166, 0.2);
		}

		.quick-action-link.is-unavailable {
			cursor: not-allowed;
			opacity: 0.55;
			filter: grayscale(0.35);
			pointer-events: none;
		}

		.quick-action-link.is-unavailable:hover {
			background: #ffffff;
			color: #356d78;
			box-shadow: 0 2px 8px rgba(79, 150, 166, 0.12);
			transform: none;
		}

		.quick-action-icon {
			width: 30px;
			height: 30px;
			object-fit: cover;
			flex: 0 0 auto;
			border-radius: 6px;
		}
		.quick-action-download-text {
			display: inline-block;
			max-width: 260px;
			white-space: normal;
			text-align: left;
		}

		.quick-action-switch {
			padding-right: 11px;
			margin-left: auto;
		}
		.quick-action-download {
			margin-right: auto;
			padding-left: 7px;
		}

		.intro-section {
			position: relative;
		}

		@media (max-width: 575.98px) {
			.home-quick-actions {
				position: static;
				display: grid;
				grid-template-columns: 1fr;
				gap: 8px;
				width: 100%;
				padding: 14px 6% 4px;
				pointer-events: auto;
			}

			.quick-action-link {
				width: 100%;
				justify-content: center;
				text-align: center;
				font-size: 12px;
				min-height: 38px;
				padding: 5px 12px;
			}
			.quick-action-download-text {
				max-width: none;
				text-align: center;
			}

			.hadits-book-main {
				min-height: 64px;
				padding: 12px 14px 10px;
			}

			.hadits-book-footer {
				grid-template-columns: minmax(112px, 1fr) 64px 54px;
				gap: 8px;
				left: 42px;
				right: 42px;
				bottom: -18px;
			}

			.hadits-book-action {
				min-width: 64px;
			}
		}

		@media (max-width: 374.98px) {
			.hadits-book-footer {
				grid-template-columns: minmax(80px, 1fr) 58px 48px;
				gap: 6px;
				left: 24px;
				right: 24px;
			}

			.hadits-book-action {
				width: 58px;
				min-width: 58px;
				min-height: 40px;
				font-size: 10px;
			}

			.hadits-book-arrow {
				width: 48px;
				min-width: 48px;
				min-height: 40px;
			}
		}

		.hadits-book-footer {
			grid-template-columns: minmax(92px, 1fr) 46px 46px;
			bottom: -16px;
		}

		.hadits-book-action,
		.hadits-book-arrow {
			width: 46px;
			min-width: 46px;
			min-height: 46px;
			padding: 0;
			border: 0;
			background: transparent;
			box-shadow: none;
			overflow: visible;
		}

		.hadits-book-action:hover,
		.hadits-book-arrow:hover {
			background: transparent;
			box-shadow: none;
			transform: translateY(-1px);
		}

		.hadits-book-icon-image {
			display: block;
			width: 35px;
			height: 35px;
			object-fit: contain;
		}

		.footer-visitor-block {
			margin: 0 0 1rem;
			width: 100%;
			padding-bottom: 0.85rem;
			border-bottom: 1px solid rgba(255, 255, 255, 0.22);
			text-align: left;
		}

		.footer-visitor-title {
			margin-bottom: 0.35rem;
			font-size: 0.88rem;
			font-weight: 600;
			letter-spacing: 0.04em;
			text-transform: uppercase;
			color: #ffffff;
		}

		.footer-visitor-meta {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			gap: 0.35rem 0.75rem;
			font-size: 0.94rem;
			line-height: 1.5;
			color: #ffffff;
		}

		.footer-visitor-stat strong {
			font-weight: 700;
		}

		.footer-visitor-dot {
			opacity: 0.8;
		}

		.footer-device-list {
			display: grid;
			gap: 0.4rem;
			max-width: 520px;
			margin-top: 0.8rem;
		}

		.footer-device-row {
			display: grid;
			grid-template-columns: minmax(100px, auto) 1fr auto;
			align-items: center;
			gap: 0.55rem;
			color: #ffffff;
		}

		.footer-device-name {
			display: flex;
			align-items: center;
			gap: 0.4rem;
			min-width: 0;
			font-size: 0.82rem;
			font-weight: 500;
		}

		.footer-device-track {
			flex: 1;
			height: 5px;
			border-radius: 999px;
			background: rgba(255, 255, 255, 0.18);
			overflow: hidden;
		}

		.footer-device-fill {
			height: 100%;
			border-radius: inherit;
			background: #ffffff;
		}

		.footer-device-percent {
			font-size: 0.78rem;
			font-weight: 600;
			opacity: 0.92;
		}

		.footer-contact-wrap {
			width: 100%;
			margin: 0;
			padding-top: 0.2rem;
			text-align: center;
			font-size: 0.94rem;
			line-height: 1.6;
		}

		.footer-contact-link {
			display: inline-block;
			margin-top: 0.2rem;
			color: #ffffff;
			font-weight: 700;
		}

		@media (max-width: 767.98px) {
			.footer-visitor-title {
				font-size: 0.88rem;
			}

			.footer-visitor-meta {
				font-size: 0.9rem;
			}

			.footer-device-row {
				grid-template-columns: 88px 1fr 42px;
				gap: 0.45rem;
			}

			.footer-contact-wrap {
				font-size: 0.9rem;
			}
		}