:root {
	--h4f-bg: #090912;
	--h4f-bg-2: #10101c;
	--h4f-surface: rgba(20, 20, 34, 0.92);
	--h4f-surface-2: rgba(30, 29, 48, 0.88);
	--h4f-border: rgba(255, 255, 255, 0.10);
	--h4f-border-strong: rgba(190, 129, 255, 0.28);
	--h4f-text: #f8f4ff;
	--h4f-muted: #bdb7d6;
	--h4f-soft: #8c86a7;
	--h4f-accent: #9d6cff;
	--h4f-accent-2: #28e7ff;
	--h4f-pink: #ff4fd8;
	--h4f-radius: 20px;
	--h4f-radius-sm: 12px;
	--h4f-shadow: 0 20px 60px rgba(0, 0, 0, 0.42);
	--h4f-card-shadow: 0 16px 42px rgba(0, 0, 0, 0.32);
}

html.h4f-js { scroll-behavior: smooth; }

body.h4f-premium-ui,
body.h4f-premium-ui.text-ui-light,
body.h4f-premium-ui .body-wrap {
	background:
		radial-gradient(circle at 18% 0%, rgba(157, 108, 255, 0.16), transparent 28%),
		radial-gradient(circle at 90% 10%, rgba(40, 231, 255, 0.09), transparent 28%),
		linear-gradient(180deg, #090912 0%, #0d0d17 45%, #08080e 100%) !important;
	color: var(--h4f-muted);
}

body.h4f-premium-ui a { transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
body.h4f-premium-ui a:hover { color: #fff; }
body.h4f-premium-ui :focus-visible { outline: 3px solid rgba(40,231,255,.75); outline-offset: 3px; }

body.h4f-premium-ui .site-header .c-header__top,
body.h4f-premium-ui .site-header .c-header__top .search-main-menu,
body.h4f-premium-ui .main-navigation {
	background: rgba(8, 8, 16, 0.86) !important;
	border-bottom: 1px solid var(--h4f-border);
	backdrop-filter: blur(18px);
}

body.h4f-premium-ui .main-navigation_wrap { min-height: 72px; }
body.h4f-premium-ui .wrap_branding .logo img,
body.h4f-premium-ui .site-branding .logo img {
	max-height: 50px;
	filter: drop-shadow(0 10px 22px rgba(157,108,255,.20));
}

body.h4f-premium-ui .main-menu .main-navbar > li > a,
body.h4f-premium-ui .main-navbar > li > a {
	color: rgba(248,244,255,.86) !important;
	font-weight: 700;
	letter-spacing: .01em;
	border-radius: 999px;
	padding: 10px 14px !important;
}
body.h4f-premium-ui .main-menu .main-navbar > li.current-menu-item > a,
body.h4f-premium-ui .main-menu .main-navbar > li > a:hover,
body.h4f-premium-ui .main-navbar > li > a:hover {
	color: #fff !important;
	background: linear-gradient(135deg, rgba(157,108,255,.24), rgba(40,231,255,.12));
	box-shadow: inset 0 0 0 1px var(--h4f-border-strong);
}

body.h4f-premium-ui .search-navigation__wrap a,
body.h4f-premium-ui .c-togle__menu button,
body.h4f-premium-ui .menu_icon__open {
	background: rgba(255,255,255,.06);
	border: 1px solid var(--h4f-border);
	border-radius: 999px;
	min-width: 42px;
	min-height: 42px;
}
body.h4f-premium-ui .menu_icon__open span,
body.h4f-premium-ui .menu_icon__close span { background: var(--h4f-text) !important; }

body.h4f-premium-ui .c-sub-header-nav {
	background: rgba(12, 12, 22, 0.78) !important;
	border-bottom: 1px solid var(--h4f-border) !important;
	backdrop-filter: blur(14px);
}
body.h4f-premium-ui .c-sub-header-nav .sub-nav_list li a,
body.h4f-premium-ui .c-sub-header-nav a {
	color: var(--h4f-muted) !important;
	border-radius: 999px;
	font-weight: 650;
}
body.h4f-premium-ui .c-sub-header-nav .sub-nav_list li a:hover,
body.h4f-premium-ui .c-sub-header-nav a:hover {
	color: #fff !important;
	background: rgba(157,108,255,.16);
}

body.h4f-premium-ui .search-main-menu form input[type="text"],
body.h4f-premium-ui input[type="search"],
body.h4f-premium-ui input[type="text"],
body.h4f-premium-ui select,
body.h4f-premium-ui textarea {
	background: rgba(255,255,255,.08) !important;
	border: 1px solid var(--h4f-border) !important;
	color: #fff !important;
	border-radius: 14px !important;
}
body.h4f-premium-ui input::placeholder { color: rgba(248,244,255,.50) !important; }
body.h4f-premium-ui input[type="submit"],
body.h4f-premium-ui button[type="submit"],
body.h4f-premium-ui .c-btn.c-btn_style-1,
body.h4f-premium-ui .btn-primary {
	background: linear-gradient(135deg, var(--h4f-accent), var(--h4f-pink)) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 14px !important;
	font-weight: 800 !important;
	box-shadow: 0 12px 28px rgba(157,108,255,.28);
}

.h4f-home-hero-wrap,
.h4f-archive-helper-wrap { margin-bottom: 28px; }
.h4f-home-hero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.65fr) minmax(280px, .85fr);
	gap: 26px;
	align-items: stretch;
	padding: clamp(24px, 4vw, 48px);
	border: 1px solid var(--h4f-border-strong);
	border-radius: 30px;
	background:
		linear-gradient(135deg, rgba(16,16,31,.95), rgba(15,10,28,.92)),
		radial-gradient(circle at 20% 10%, rgba(255,79,216,.28), transparent 35%),
		radial-gradient(circle at 90% 12%, rgba(40,231,255,.20), transparent 34%);
	box-shadow: var(--h4f-shadow);
	overflow: hidden;
}
.h4f-home-hero:before {
	content: "";
	position: absolute;
	inset: -2px;
	background: linear-gradient(120deg, transparent, rgba(157,108,255,.18), transparent 62%);
	pointer-events: none;
}
.h4f-hero-copy,
.h4f-hero-panel { position: relative; z-index: 1; }
.h4f-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 14px;
	padding: 8px 12px;
	border-radius: 999px;
	background: rgba(157,108,255,.14);
	border: 1px solid var(--h4f-border-strong);
	color: #e9ddff;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
}
.h4f-home-hero h1 {
	max-width: 820px;
	margin: 0 0 12px;
	color: var(--h4f-text) !important;
	font-size: clamp(30px, 5vw, 62px);
	line-height: .98;
	letter-spacing: -.05em;
}
.h4f-home-hero p {
	max-width: 680px;
	margin: 0 0 24px;
	font-size: clamp(15px, 1.7vw, 18px);
	line-height: 1.65;
	color: var(--h4f-muted);
}
.h4f-hero-search {
	display: flex;
	gap: 10px;
	padding: 8px;
	max-width: 760px;
	border-radius: 18px;
	background: rgba(255,255,255,.08);
	border: 1px solid var(--h4f-border);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.h4f-hero-search input[type="search"] {
	min-height: 52px;
	flex: 1;
	padding: 0 16px;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	font-size: 15px;
}
.h4f-hero-search button { min-width: 126px; }
.h4f-hero-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.h4f-hero-links a,
.h4f-archive-helper a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 9px 13px;
	border: 1px solid var(--h4f-border);
	border-radius: 999px;
	background: rgba(255,255,255,.06);
	color: #efeaff !important;
	font-size: 13px;
	font-weight: 800;
}
.h4f-hero-links a:hover,
.h4f-archive-helper a:hover { transform: translateY(-1px); background: rgba(157,108,255,.24); border-color: var(--h4f-border-strong); }
.h4f-hero-panel { display: grid; gap: 14px; align-content: center; }
.h4f-stat {
	padding: 18px;
	border-radius: 20px;
	background: linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
	border: 1px solid var(--h4f-border);
}
.h4f-stat strong { display: block; color: #fff; font-size: 22px; line-height: 1.1; }
.h4f-stat span { display: block; color: var(--h4f-soft); margin-top: 6px; font-size: 13px; }

.h4f-archive-helper {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	padding: 14px 16px;
	border: 1px solid var(--h4f-border);
	border-radius: 18px;
	background: rgba(18,18,31,.78);
	box-shadow: 0 12px 34px rgba(0,0,0,.22);
}
.h4f-archive-helper span { color: #fff; font-weight: 900; margin-right: 4px; }

body.h4f-premium-ui .c-page-content,
body.h4f-premium-ui .site-content { background: transparent !important; }
body.h4f-premium-ui .c-page,
body.h4f-premium-ui .main-col-inner,
body.h4f-premium-ui .search-wrap,
body.h4f-premium-ui .c-blog-post {
	background: transparent !important;
}
body.h4f-premium-ui .entry-header,
body.h4f-premium-ui .c-blog__heading.style-2 {
	border: 0 !important;
	background: transparent !important;
}
body.h4f-premium-ui .entry-title .item-title,
body.h4f-premium-ui .c-blog__heading h1,
body.h4f-premium-ui .c-blog__heading h2,
body.h4f-premium-ui .c-blog__heading h3,
body.h4f-premium-ui .c-blog__heading h4,
body.h4f-premium-ui .c-blog__heading .h4 {
	color: var(--h4f-text) !important;
	font-weight: 900 !important;
	letter-spacing: -.025em;
}
body.h4f-premium-ui .entry-title .item-description { color: var(--h4f-muted); max-width: 880px; line-height: 1.7; }

body.h4f-premium-ui .c-nav-tabs {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}
body.h4f-premium-ui .c-nav-tabs > span { color: var(--h4f-soft); font-weight: 800; }
body.h4f-premium-ui .c-tabs-content { display: flex; gap: 8px; flex-wrap: wrap; }
body.h4f-premium-ui .c-tabs-content li a {
	padding: 8px 12px !important;
	border-radius: 999px;
	background: rgba(255,255,255,.06);
	border: 1px solid var(--h4f-border);
	color: var(--h4f-muted) !important;
	font-weight: 800;
	font-size: 13px;
}
body.h4f-premium-ui .c-tabs-content li.active a,
body.h4f-premium-ui .c-tabs-content li a:hover {
	background: linear-gradient(135deg, rgba(157,108,255,.32), rgba(40,231,255,.12));
	border-color: var(--h4f-border-strong);
	color: #fff !important;
}

body.h4f-premium-ui .page-content-listing.item-big_thumbnail .page-listing-item { margin-bottom: 26px; }
body.h4f-premium-ui .page-content-listing .row { align-items: stretch; }
body.h4f-premium-ui .page-content-listing.item-big_thumbnail .page-item-detail,
body.h4f-premium-ui .related-reading-wrap {
	height: 100%;
	padding: 10px;
	border: 1px solid var(--h4f-border);
	border-radius: var(--h4f-radius);
	background: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
	box-shadow: var(--h4f-card-shadow);
	overflow: hidden;
}
body.h4f-premium-ui .page-content-listing.item-big_thumbnail .page-item-detail:hover,
body.h4f-premium-ui .related-reading-wrap:hover {
	transform: translateY(-4px);
	border-color: var(--h4f-border-strong);
	box-shadow: 0 20px 58px rgba(157,108,255,.18), 0 18px 44px rgba(0,0,0,.38);
}
body.h4f-premium-ui .page-item-detail .item-thumb,
body.h4f-premium-ui .related-reading-img {
	border-radius: 16px;
	overflow: hidden;
	background: #151520;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
}
body.h4f-premium-ui .page-content-listing.item-big_thumbnail .item-thumb a,
body.h4f-premium-ui .related-reading-img a { display: block; position: relative; }
body.h4f-premium-ui .page-content-listing.item-big_thumbnail .item-thumb img,
body.h4f-premium-ui .related-reading-img img {
	width: 100% !important;
	aspect-ratio: 2 / 3;
	height: auto !important;
	object-fit: cover;
	display: block;
	transition: transform .28s ease, filter .28s ease;
}
body.h4f-premium-ui .page-item-detail:hover .item-thumb img,
body.h4f-premium-ui .related-reading-wrap:hover img { transform: scale(1.045); filter: saturate(1.08) contrast(1.04); }
body.h4f-premium-ui .page-content-listing.item-big_thumbnail .item-thumb a:after,
body.h4f-premium-ui .related-reading-img a:after {
	content: "Read";
	position: absolute;
	left: 10px;
	bottom: 10px;
	padding: 7px 10px;
	border-radius: 999px;
	background: rgba(9,9,18,.72);
	backdrop-filter: blur(10px);
	color: #fff;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: .04em;
	opacity: 0;
	transform: translateY(6px);
	transition: opacity .2s ease, transform .2s ease;
}
body.h4f-premium-ui .page-item-detail:hover .item-thumb a:after,
body.h4f-premium-ui .related-reading-wrap:hover .related-reading-img a:after { opacity: 1; transform: translateY(0); }
body.h4f-premium-ui .item-summary { padding: 12px 2px 2px; }
body.h4f-premium-ui .post-title h3,
body.h4f-premium-ui .post-title h5,
body.h4f-premium-ui .widget-title {
	margin: 0 !important;
	line-height: 1.25 !important;
}
body.h4f-premium-ui .post-title h3 a,
body.h4f-premium-ui .widget-title a,
body.h4f-premium-ui .related-reading-content a {
	color: var(--h4f-text) !important;
	font-weight: 850 !important;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
body.h4f-premium-ui .post-title h3 a:hover,
body.h4f-premium-ui .widget-title a:hover { color: #fff !important; }
body.h4f-premium-ui .meta-item.rating,
body.h4f-premium-ui .post-on,
body.h4f-premium-ui .list-chapter {
	color: var(--h4f-soft) !important;
	font-size: 12px;
}
body.h4f-premium-ui .list-chapter a,
body.h4f-premium-ui .chapter a,
body.h4f-premium-ui .wp-manga-chapter a {
	color: #d9ceff !important;
}
body.h4f-premium-ui .list-chapter a:hover,
body.h4f-premium-ui .wp-manga-chapter a:hover { color: #fff !important; }

body.h4f-premium-ui .profile-manga {
	background:
		linear-gradient(135deg, rgba(12,12,22,.88), rgba(20,12,32,.86)),
		radial-gradient(circle at 15% 10%, rgba(157,108,255,.32), transparent 34%),
		radial-gradient(circle at 82% 12%, rgba(255,79,216,.20), transparent 34%) !important;
	border-bottom: 1px solid var(--h4f-border-strong);
}
body.h4f-premium-ui .profile-manga .container { padding-top: 32px; padding-bottom: 32px; }
body.h4f-premium-ui .profile-manga .post-title h1 {
	color: var(--h4f-text) !important;
	font-weight: 950;
	letter-spacing: -.04em;
	font-size: clamp(28px, 4.4vw, 52px);
	line-height: 1.02;
	max-width: 1080px;
}
body.h4f-premium-ui .profile-manga .tab-summary {
	margin-top: 20px;
	padding: 18px;
	border: 1px solid var(--h4f-border);
	border-radius: 28px;
	background: rgba(10,10,18,.62);
	backdrop-filter: blur(16px);
	box-shadow: var(--h4f-shadow);
}
body.h4f-premium-ui .profile-manga .summary_image {
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 18px 44px rgba(0,0,0,.45);
}
body.h4f-premium-ui .profile-manga .summary_image img {
	width: 100%;
	aspect-ratio: 2 / 3;
	object-fit: cover;
}
body.h4f-premium-ui .profile-manga .summary_content,
body.h4f-premium-ui .profile-manga .post-content,
body.h4f-premium-ui .profile-manga .post-status {
	background: transparent !important;
	color: var(--h4f-muted);
}
body.h4f-premium-ui .profile-manga .post-content_item {
	padding: 9px 0;
	border-bottom: 1px solid rgba(255,255,255,.07);
}
body.h4f-premium-ui .profile-manga .summary-heading h5 { color: #fff !important; font-weight: 850; }
body.h4f-premium-ui .profile-manga .summary-content,
body.h4f-premium-ui .profile-manga .summary-content a { color: #d9d0f5 !important; }
body.h4f-premium-ui .profile-manga .summary-content a:hover { color: #fff !important; }
body.h4f-premium-ui .quick-buttons .btn,
body.h4f-premium-ui .quick-buttons a {
	border-radius: 14px !important;
	font-weight: 850 !important;
}

body.h4f-premium-ui .description-summary,
body.h4f-premium-ui .listing-chapters_wrap,
body.h4f-premium-ui .related-manga,
body.h4f-premium-ui #comments,
body.h4f-premium-ui .wp-manga-tags-wrapper {
	padding: 18px;
	border: 1px solid var(--h4f-border);
	border-radius: 22px;
	background: rgba(17,17,29,.72);
	box-shadow: 0 12px 34px rgba(0,0,0,.22);
}
body.h4f-premium-ui .listing-chapters_wrap ul li {
	border-bottom-color: rgba(255,255,255,.07) !important;
}
body.h4f-premium-ui .listing-chapters_wrap ul li:hover { background: rgba(157,108,255,.08); }

body.h4f-reader-page .reading-content-wrap .container { max-width: 1120px; }
body.h4f-reader-page #chapter-heading {
	color: var(--h4f-text) !important;
	font-size: clamp(22px, 3vw, 34px);
	font-weight: 900;
	text-align: center;
	letter-spacing: -.03em;
	margin: 26px 0 18px;
}
body.h4f-reader-page .entry-header.header,
body.h4f-reader-page .entry-header.footer {
	padding: 12px;
	border: 1px solid var(--h4f-border);
	border-radius: 18px;
	background: rgba(17,17,29,.80) !important;
	box-shadow: 0 10px 28px rgba(0,0,0,.25);
}
body.h4f-reader-page .read-container {
	padding: 10px 0 22px;
	background: transparent !important;
}
body.h4f-reader-page .reading-content img {
	max-width: 100%;
	border-radius: 10px;
	box-shadow: 0 12px 36px rgba(0,0,0,.34);
}
body.h4f-reader-page .reading-content .page-break,
body.h4f-reader-page .reading-content .reading-content img + img { margin-top: 10px; }
body.h4f-reader-page .wp-manga-nav select,
body.h4f-reader-page .wp-manga-nav .select2-container .select2-selection {
	background: rgba(255,255,255,.08) !important;
	border-color: var(--h4f-border) !important;
	color: #fff !important;
	border-radius: 12px !important;
}

body.h4f-premium-ui .c-search-header__wrapper {
	background:
		linear-gradient(135deg, rgba(10,10,20,.92), rgba(21,11,35,.88)),
		radial-gradient(circle at 18% 0%, rgba(157,108,255,.30), transparent 36%) !important;
	border-bottom: 1px solid var(--h4f-border-strong);
}
body.h4f-premium-ui #search-advanced {
	margin-top: 18px;
	padding: 18px;
	border-radius: 22px;
	background: rgba(10,10,18,.68);
	border: 1px solid var(--h4f-border);
}
body.h4f-premium-ui #search-advanced .checkbox label,
body.h4f-premium-ui #search-advanced .checkbox-inline label { color: var(--h4f-muted) !important; }
body.h4f-premium-ui #search-advanced .checkbox {
	padding-top: 8px;
	padding-bottom: 8px;
}

body.h4f-premium-ui .site-footer {
	background: #08080f !important;
	border-top: 1px solid var(--h4f-border) !important;
	border-bottom: 0 !important;
}

@media (min-width: 992px) {
	body.h4f-premium-ui .page-content-listing.item-big_thumbnail .col-md-2 { flex: 0 0 16.666%; max-width: 16.666%; }
	body.h4f-premium-ui .page-content-listing.item-big_thumbnail .col-md-3 { flex: 0 0 25%; max-width: 25%; }
}

@media (max-width: 991px) {
	.h4f-home-hero { grid-template-columns: 1fr; }
	.h4f-hero-panel { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	body.h4f-premium-ui .main-navigation_wrap { min-height: 62px; }
}

@media (max-width: 767px) {
	body.h4f-premium-ui .content-area { padding-top: 18px; }
	.h4f-home-hero { padding: 22px 16px; border-radius: 22px; }
	.h4f-home-hero h1 { font-size: 32px; }
	.h4f-hero-search { flex-direction: column; }
	.h4f-hero-search button { min-height: 48px; width: 100%; }
	.h4f-hero-panel { grid-template-columns: 1fr; }
	.h4f-stat { padding: 14px; }
	.h4f-archive-helper { overflow-x: auto; flex-wrap: nowrap; -webkit-overflow-scrolling: touch; }
	.h4f-archive-helper span,
	.h4f-archive-helper a { flex: 0 0 auto; }
	body.h4f-premium-ui .page-content-listing.item-big_thumbnail .page-item-detail { padding: 8px; border-radius: 16px; }
	body.h4f-premium-ui .item-summary { padding-top: 9px; }
	body.h4f-premium-ui .post-title h3 a { font-size: 13px; }
	body.h4f-premium-ui .profile-manga .tab-summary { padding: 12px; border-radius: 20px; }
	body.h4f-premium-ui .profile-manga .post-title h1 { font-size: 30px; }
	body.h4f-reader-page .entry-header.header,
	body.h4f-reader-page .entry-header.footer { border-radius: 14px; padding: 10px; }
}

/* --------------------------------------------------------------------------
   H4F Premium Header v1.0.3
   -------------------------------------------------------------------------- */
body.h4f-premium-ui .h4f-site-header {
	position: relative;
	z-index: 120;
	isolation: isolate;
}

body.h4f-premium-ui .h4f-site-header .h4f-header-utility {
	background: rgba(5, 5, 11, 0.98);
	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

body.h4f-premium-ui .h4f-header-utility__inner {
	min-height: 34px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
}

body.h4f-premium-ui .h4f-header-utility__status {
	margin: 0;
	display: inline-flex;
	align-items: center;
	gap: 9px;
	color: rgba(223, 219, 242, 0.75);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.035em;
}

body.h4f-premium-ui .h4f-header-utility__signal {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #42f0c5;
	box-shadow: 0 0 0 4px rgba(66, 240, 197, 0.1), 0 0 16px rgba(66, 240, 197, 0.72);
}

body.h4f-premium-ui .h4f-header-utility__links {
	display: inline-flex;
	align-items: center;
	gap: 18px;
}

body.h4f-premium-ui .h4f-header-utility__links a {
	position: relative;
	color: rgba(223, 219, 242, 0.64) !important;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

body.h4f-premium-ui .h4f-header-utility__links a:hover {
	color: #fff !important;
}

body.h4f-premium-ui .h4f-header-utility__links a:not(:last-child)::after {
	content: '';
	position: absolute;
	top: 50%;
	right: -10px;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.28);
}

body.h4f-premium-ui .h4f-site-header .c-header__top.h4f-header-shell,
body.h4f-premium-ui .h4f-site-header .main-navigation {
	background:
		linear-gradient(90deg, rgba(12, 11, 25, 0.98), rgba(17, 13, 31, 0.95) 48%, rgba(10, 16, 30, 0.97)) !important;
	border: 0 !important;
	backdrop-filter: blur(18px);
}

body.h4f-premium-ui .h4f-site-header .main-navigation {
	border-bottom: 1px solid rgba(255, 255, 255, 0.09) !important;
}

body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
	display: grid !important;
	grid-template-columns: minmax(150px, 224px) minmax(280px, 1fr) minmax(290px, 360px) auto auto;
	align-items: center;
	gap: 16px;
	min-height: 82px;
	padding: 12px 0 !important;
}

body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap > * {
	display: block !important;
	width: auto !important;
	min-width: 0;
	margin: 0 !important;
}

body.h4f-premium-ui .h4f-site-header .wrap_branding .logo {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
}

body.h4f-premium-ui .h4f-site-header .wrap_branding .logo img {
	display: block;
	width: auto;
	max-width: min(100%, 212px);
	max-height: 52px;
	filter: drop-shadow(0 8px 22px rgba(144, 97, 255, 0.28));
}

body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation {
	overflow: visible;
}

body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation .main-navbar {
	display: flex;
	align-items: center;
	gap: 3px;
	flex-wrap: nowrap;
	float: none;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation .main-navbar > li {
	position: relative;
	float: none;
	flex: 0 0 auto;
}

body.h4f-premium-ui .h4f-site-header .main-menu .main-navbar > li > a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 9px 10px !important;
	border: 1px solid transparent;
	border-radius: 10px;
	color: rgba(244, 241, 255, 0.8) !important;
	font-size: 13px;
	font-weight: 750;
	line-height: 1.1;
	white-space: nowrap;
}

body.h4f-premium-ui .h4f-site-header .main-menu .main-navbar > li > a::before {
	display: none !important;
}

body.h4f-premium-ui .h4f-site-header .main-menu .main-navbar > li.current-menu-item > a,
body.h4f-premium-ui .h4f-site-header .main-menu .main-navbar > li.current-menu-ancestor > a,
body.h4f-premium-ui .h4f-site-header .main-menu .main-navbar > li:hover > a,
body.h4f-premium-ui .h4f-site-header .main-menu .main-navbar > li > a:hover {
	border-color: rgba(163, 116, 255, 0.35);
	background: linear-gradient(135deg, rgba(157, 108, 255, 0.21), rgba(40, 231, 255, 0.10));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 8px 18px rgba(25, 16, 60, 0.24);
	color: #fff !important;
}

body.h4f-premium-ui .h4f-site-header .main-menu .main-navbar ul.sub-menu,
body.h4f-premium-ui .h4f-site-header .main-menu .main-navbar ul.children {
	top: calc(100% + 11px);
	left: 0;
	min-width: 210px;
	padding: 8px;
	border: 1px solid rgba(180, 143, 255, 0.2);
	border-radius: 14px;
	background: rgba(13, 12, 25, 0.98);
	box-shadow: 0 20px 52px rgba(0, 0, 0, 0.46);
}

body.h4f-premium-ui .h4f-site-header .main-menu .main-navbar ul.sub-menu::before,
body.h4f-premium-ui .h4f-site-header .main-menu .main-navbar ul.children::before {
	content: '';
	position: absolute;
	top: -6px;
	left: 20px;
	width: 11px;
	height: 11px;
	transform: rotate(45deg);
	border-top: 1px solid rgba(180, 143, 255, 0.2);
	border-left: 1px solid rgba(180, 143, 255, 0.2);
	background: rgba(13, 12, 25, 0.98);
}

body.h4f-premium-ui .h4f-site-header .main-menu .main-navbar ul.sub-menu li,
body.h4f-premium-ui .h4f-site-header .main-menu .main-navbar ul.children li {
	width: 100%;
	border: 0 !important;
}

body.h4f-premium-ui .h4f-site-header .main-menu .main-navbar ul.sub-menu li a,
body.h4f-premium-ui .h4f-site-header .main-menu .main-navbar ul.children li a {
	display: block;
	padding: 10px 11px;
	border-radius: 9px;
	color: rgba(239, 235, 255, 0.76) !important;
	font-size: 13px;
	font-weight: 650;
}

body.h4f-premium-ui .h4f-site-header .main-menu .main-navbar ul.sub-menu li a:hover,
body.h4f-premium-ui .h4f-site-header .main-menu .main-navbar ul.children li a:hover {
	background: rgba(157, 108, 255, 0.15);
	color: #fff !important;
}

body.h4f-premium-ui .h4f-site-header .h4f-header-search {
	position: relative;
	display: flex;
	align-items: center;
	min-width: 0;
	height: 44px;
	padding: 3px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 13px;
	background: rgba(255, 255, 255, 0.055);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

body.h4f-premium-ui .h4f-site-header .h4f-header-search:focus-within {
	border-color: rgba(73, 228, 255, 0.58);
	background: rgba(4, 6, 14, 0.56);
	box-shadow: 0 0 0 4px rgba(40, 231, 255, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

body.h4f-premium-ui .h4f-site-header .h4f-header-search__icon {
	display: inline-flex;
	width: 37px;
	align-items: center;
	justify-content: center;
	color: #a98bff;
}

body.h4f-premium-ui .h4f-site-header .h4f-header-search__icon svg,
body.h4f-premium-ui .h4f-site-header .h4f-mobile-search-toggle svg,
body.h4f-premium-ui .h4f-site-header .h4f-header-browse__icon svg {
	width: 19px;
	height: 19px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.9;
	stroke-linecap: round;
	stroke-linejoin: round;
}

body.h4f-premium-ui .h4f-site-header .h4f-header-search input[type='search'] {
	width: 100%;
	min-width: 0;
	height: 38px;
	padding: 0 8px 0 0;
	border: 0 !important;
	outline: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #fff !important;
	font-size: 13px;
	font-weight: 600;
}

body.h4f-premium-ui .h4f-site-header .h4f-header-search input[type='search']::placeholder {
	color: rgba(221, 215, 239, 0.53);
	opacity: 1;
}

body.h4f-premium-ui .h4f-site-header .h4f-header-search button {
	flex: 0 0 auto;
	height: 36px;
	padding: 0 13px;
	border: 0;
	border-radius: 9px;
	background: linear-gradient(135deg, #9f6eff, #6b65ff 54%, #36ccef);
	box-shadow: 0 8px 18px rgba(94, 84, 238, 0.24);
	color: #fff;
	font-size: 12px;
	font-weight: 850;
	letter-spacing: 0.02em;
}

body.h4f-premium-ui .h4f-site-header .h4f-header-search button:hover {
	filter: brightness(1.1);
	transform: translateY(-1px);
}

body.h4f-premium-ui .h4f-site-header .h4f-header-actions {
	display: flex !important;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
}

body.h4f-premium-ui .h4f-site-header .h4f-header-browse,
body.h4f-premium-ui .h4f-site-header .h4f-mobile-search-toggle,
body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	border: 1px solid rgba(255, 255, 255, 0.13);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.055);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
	color: rgba(246, 243, 255, 0.9) !important;
}

body.h4f-premium-ui .h4f-site-header .h4f-header-browse {
	gap: 7px;
	padding: 0 12px;
	font-size: 12px;
	font-weight: 800;
	white-space: nowrap;
}

body.h4f-premium-ui .h4f-site-header .h4f-header-browse__icon {
	display: inline-flex;
	color: #71dff5;
}

body.h4f-premium-ui .h4f-site-header .h4f-mobile-search-toggle,
body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle {
	width: 42px;
	padding: 0 !important;
	cursor: pointer;
}

body.h4f-premium-ui .h4f-site-header .h4f-mobile-search-toggle {
	display: none;
}

body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle {
	position: relative;
	flex-direction: column;
	gap: 4px;
	border-color: rgba(177, 136, 255, 0.32);
}

body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle span {
	width: 17px;
	height: 2px;
	border-radius: 5px;
	background: #f4efff !important;
	pointer-events: none;
}

body.h4f-premium-ui .h4f-site-header .h4f-header-browse:hover,
body.h4f-premium-ui .h4f-site-header .h4f-mobile-search-toggle:hover,
body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle:hover {
	border-color: rgba(87, 225, 255, 0.5);
	background: linear-gradient(135deg, rgba(157, 108, 255, 0.21), rgba(40, 231, 255, 0.10));
	color: #fff !important;
	transform: translateY(-1px);
}

body.h4f-premium-ui .h4f-site-header .c-togle__menu {
	display: none !important;
}

body.h4f-premium-ui .h4f-site-header .c-sub-header-nav {
	background: rgba(9, 9, 18, 0.95) !important;
	border-top: 0 !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.075) !important;
	backdrop-filter: blur(18px);
}

body.h4f-premium-ui .h4f-site-header .c-sub-header-nav .c-sub-nav_wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	min-height: 42px;
	padding: 5px 0;
}

body.h4f-premium-ui .h4f-site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content {
	width: auto;
	min-width: 0;
	display: flex;
	align-items: center;
	gap: 12px;
}

body.h4f-premium-ui .h4f-site-header .c-sub-header-nav .section_adult {
	flex: 0 0 auto;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.04);
}

body.h4f-premium-ui .h4f-site-header .c-sub-header-nav .section_adult a {
	padding: 4px 10px;
	color: rgba(238, 234, 250, 0.75) !important;
	font-size: 11px;
	font-weight: 750;
}

body.h4f-premium-ui .h4f-site-header .c-sub-header-nav .sub-nav_list {
	display: flex;
	align-items: center;
	gap: 4px;
	margin: 0 !important;
	padding: 0;
	list-style: none;
}

body.h4f-premium-ui .h4f-site-header .c-sub-header-nav .sub-nav_list > li {
	float: none;
	margin: 0 !important;
}

body.h4f-premium-ui .h4f-site-header .c-sub-header-nav .sub-nav_list > li > a {
	display: inline-flex;
	align-items: center;
	padding: 7px 10px;
	border-radius: 8px;
	color: rgba(231, 226, 246, 0.7) !important;
	font-size: 12px;
	font-weight: 700;
	white-space: nowrap;
}

body.h4f-premium-ui .h4f-site-header .c-sub-header-nav .sub-nav_list > li:hover > a,
body.h4f-premium-ui .h4f-site-header .c-sub-header-nav .sub-nav_list > li.current-menu-item > a {
	background: rgba(157, 108, 255, 0.15);
	color: #fff !important;
}

body.h4f-premium-ui .mobile-menu,
body.h4f-premium-ui .mobile-menu.off-canvas {
	background: linear-gradient(180deg, #0b0a17, #100c1d 58%, #080812) !important;
	border-right: 1px solid rgba(174, 132, 255, 0.25);
	box-shadow: 20px 0 60px rgba(0, 0, 0, 0.46);
}

body.h4f-premium-ui .mobile-menu .close-nav > .menu_icon__close {
	border: 1px solid rgba(255, 255, 255, 0.13);
	border-radius: 11px;
	background: rgba(255, 255, 255, 0.05);
}

body.h4f-premium-ui .mobile-menu ul.main-navbar li a {
	border-bottom-color: rgba(255, 255, 255, 0.08) !important;
	color: rgba(245, 241, 255, 0.9) !important;
	font-weight: 750;
}

body.h4f-premium-ui .mobile-menu ul.main-navbar li.active > a,
body.h4f-premium-ui .mobile-menu ul.main-navbar li a:hover {
	color: #fff !important;
	background: rgba(157, 108, 255, 0.13);
}

@media (max-width: 1240px) {
	body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
		grid-template-columns: minmax(145px, 210px) minmax(250px, 1fr) auto auto;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation {
		display: none !important;
	}

	body.h4f-premium-ui .h4f-site-header .c-togle__menu {
		display: block !important;
	}
}

@media (max-width: 860px) {
	body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
		grid-template-columns: minmax(135px, 1fr) auto auto;
		gap: 9px;
		min-height: 68px;
		padding: 9px 0 !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-search {
		display: none;
		grid-column: 1 / -1;
		grid-row: 2;
		width: 100%;
	}

	body.h4f-premium-ui .h4f-site-header.h4f-search-open .h4f-header-search {
		display: flex;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-mobile-search-toggle {
		display: inline-flex;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-browse {
		display: none;
	}
}

@media (max-width: 767px) {
	body.h4f-premium-ui .h4f-header-utility__inner {
		min-height: 32px;
	}

	body.h4f-premium-ui .h4f-header-utility__status {
		display: none;
	}

	body.h4f-premium-ui .h4f-header-utility__links {
		width: 100%;
		justify-content: center;
		gap: 19px;
	}

	body.h4f-premium-ui .h4f-site-header .wrap_branding .logo img {
		max-width: 155px;
		max-height: 42px;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-search button {
		padding: 0 11px;
	}

	body.h4f-premium-ui .h4f-site-header .c-sub-header-nav .c-sub-nav_wrap {
		min-height: 39px;
	}

	body.h4f-premium-ui .h4f-site-header .c-sub-header-nav .sub-nav_content {
		width: 100% !important;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	body.h4f-premium-ui .h4f-site-header .c-sub-header-nav .sub-nav_content::-webkit-scrollbar {
		display: none;
	}

	body.h4f-premium-ui .h4f-site-header .c-sub-header-nav .section_adult {
		display: none;
	}

	body.h4f-premium-ui .h4f-site-header .c-sub-header-nav .sub-nav_list > li > a {
		padding: 7px 9px;
		font-size: 11px;
	}
}

/* --------------------------------------------------------------------------
   H4F Premium Header v1.0.4 — wide-screen fit and toggle search
   -------------------------------------------------------------------------- */
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
	grid-template-columns: minmax(188px, 220px) minmax(0, 1fr) auto auto;
	gap: 12px;
	min-height: 72px;
	padding: 10px 0 !important;
}

body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation {
	min-width: 0;
	overflow: hidden;
}

body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation .main-navbar {
	justify-content: flex-start;
	min-width: max-content;
}

body.h4f-premium-ui .h4f-site-header .main-menu .main-navbar > li > a {
	padding: 8px 9px !important;
	font-size: 12.5px;
}

body.h4f-premium-ui .h4f-site-header .h4f-header-actions {
	gap: 7px;
}

body.h4f-premium-ui .h4f-site-header .h4f-search-toggle,
body.h4f-premium-ui .h4f-site-header .h4f-header-browse,
body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	border: 1px solid rgba(255,255,255,.13);
	border-radius: 11px;
	background: rgba(255,255,255,.055);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
	color: rgba(246,243,255,.92) !important;
	white-space: nowrap;
}

body.h4f-premium-ui .h4f-site-header .h4f-search-toggle {
	gap: 6px;
	padding: 0 11px;
	cursor: pointer;
	font-size: 12px;
	font-weight: 800;
}

body.h4f-premium-ui .h4f-site-header .h4f-search-toggle__icon,
body.h4f-premium-ui .h4f-site-header .h4f-search-toggle__icon svg {
	display: inline-flex;
	width: 17px;
	height: 17px;
	color: #a98bff;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.9;
	stroke-linecap: round;
	stroke-linejoin: round;
}

body.h4f-premium-ui .h4f-site-header .h4f-search-toggle:hover,
body.h4f-premium-ui .h4f-site-header .h4f-search-toggle[aria-expanded='true'] {
	border-color: rgba(87,225,255,.52);
	background: linear-gradient(135deg, rgba(157,108,255,.21), rgba(40,231,255,.10));
	color: #fff !important;
}

/* Search is deliberately outside the main grid: no menu/search collision. */
body.h4f-premium-ui .h4f-site-header .h4f-header-search {
	display: none;
	align-items: center;
	width: min(1180px, calc(100% - 32px));
	height: 50px;
	margin: 12px auto 15px;
	padding: 5px;
	border: 1px solid rgba(180,143,255,.24);
	border-radius: 15px;
	background: rgba(11,10,22,.97);
	box-shadow: 0 18px 48px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.06);
}

body.h4f-premium-ui .h4f-site-header.h4f-search-open .h4f-header-search {
	display: flex;
}

body.h4f-premium-ui .h4f-site-header .h4f-header-search__icon {
	flex: 0 0 42px;
	width: 42px;
}

body.h4f-premium-ui .h4f-site-header .h4f-header-search input[type='search'] {
	height: 38px;
	min-width: 0;
	flex: 1 1 auto;
	padding: 0 8px;
}

body.h4f-premium-ui .h4f-site-header .h4f-header-search button {
	flex: 0 0 auto;
	height: 38px;
}

/* The old Manga Main Top search widget duplicates the new home hero search. */
body.home.h4f-premium-ui .c-top-sidebar.wp-manga {
	display: none !important;
}

@media (max-width: 1240px) {
	body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
		grid-template-columns: minmax(155px, 1fr) auto auto;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation {
		display: none !important;
	}
}

@media (max-width: 767px) {
	body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
		grid-template-columns: minmax(128px, 1fr) auto auto;
		gap: 8px;
		min-height: 64px;
		padding: 8px 0 !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-search-toggle {
		width: 40px;
		padding: 0;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-search-toggle__label {
		display: none;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-search {
		width: calc(100% - 24px);
		height: 48px;
		margin: 9px auto 12px;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-search__icon {
		flex-basis: 35px;
		width: 35px;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-search button {
		padding: 0 11px;
	}
}

/* --------------------------------------------------------------------------
   H4F Premium Side Drawer + Secondary Navigation v1.0.5
   Child-theme overrides for html/header/mobile-navigation.php and
   html/header/sub-header-nav.php.  These rules intentionally come last.
   -------------------------------------------------------------------------- */

/* Keep desktop header controls in their own grid cell; prevents Browse from
   slipping over the last primary-menu item on medium desktop widths. */
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
	grid-template-columns: minmax(188px, 220px) minmax(0, 1fr) max-content max-content;
}

body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation,
body.h4f-premium-ui .h4f-site-header .h4f-header-actions,
body.h4f-premium-ui .h4f-site-header .c-togle__menu {
	min-width: 0;
	position: relative;
}

body.h4f-premium-ui .h4f-site-header .h4f-header-actions {
	min-width: max-content;
	justify-self: end;
}

body.h4f-premium-ui .h4f-site-header .h4f-header-browse {
	position: relative !important;
	inset: auto !important;
	margin: 0 !important;
	visibility: visible !important;
	overflow: visible !important;
}

@media (min-width: 1241px) and (max-width: 1500px) {
	body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
		grid-template-columns: minmax(180px, 205px) minmax(0, 1fr) max-content max-content;
		gap: 8px;
	}

	body.h4f-premium-ui .h4f-site-header .main-menu .main-navbar > li > a {
		padding: 8px 8px !important;
		font-size: 12px;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-browse {
		padding: 0 10px;
	}
}

/* ---------- Secondary navigation ------------------------------------------------ */
body.h4f-premium-ui .h4f-site-header .c-sub-header-nav.h4f-subnav {
	position: relative;
	z-index: 115;
	background:
		linear-gradient(90deg, rgba(10, 9, 20, .98), rgba(17, 14, 31, .96) 50%, rgba(9, 15, 27, .98)) !important;
	border-top: 1px solid rgba(255, 255, 255, .055) !important;
	border-bottom: 1px solid rgba(255, 255, 255, .09) !important;
	box-shadow: 0 12px 30px rgba(0, 0, 0, .16);
}

body.h4f-premium-ui .h4f-site-header .h4f-subnav .c-sub-nav_wrap {
	min-height: 52px;
	gap: 16px;
	padding: 7px 0;
}

body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_content {
	flex: 1 1 auto;
	width: auto !important;
	min-width: 0;
	gap: 10px;
}

body.h4f-premium-ui .h4f-subnav__label {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: rgba(203, 194, 232, .58);
	font-size: 10px;
	font-weight: 850;
	letter-spacing: .12em;
	text-transform: uppercase;
	white-space: nowrap;
}

body.h4f-premium-ui .h4f-subnav__label::before {
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #a980ff;
	box-shadow: 0 0 0 4px rgba(169, 128, 255, .11), 0 0 14px rgba(169, 128, 255, .7);
}

body.h4f-premium-ui .h4f-site-header .h4f-subnav .section_adult {
	flex: 0 0 auto;
	margin: 0;
	border: 1px solid rgba(157, 108, 255, .28);
	border-radius: 999px;
	background: rgba(157, 108, 255, .12);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.07);
}

body.h4f-premium-ui .h4f-site-header .h4f-subnav .section_adult a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 7px 11px;
	color: #e9deff !important;
	font-size: 10px;
	font-weight: 850;
	letter-spacing: .055em;
	text-transform: uppercase;
}

body.h4f-premium-ui .h4f-site-header .h4f-subnav .section_adult .dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #55e9ce;
	box-shadow: 0 0 12px rgba(85, 233, 206, .8);
}

body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list {
	position: relative;
	display: flex;
	align-items: center;
	gap: 5px;
	width: auto;
	max-height: none !important;
	margin: 0 !important;
	padding: 0 !important;
	padding-right: 0 !important;
	overflow: visible !important;
	white-space: nowrap;
}

body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li:nth-of-type(n+4) {
	float: none !important;
	position: relative;
	visibility: visible !important;
	opacity: 1 !important;
	margin: 0 !important;
}

body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li > a {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	padding: 0 11px;
	border: 1px solid transparent;
	border-radius: 10px;
	color: rgba(235, 230, 248, .73) !important;
	font-size: 11px;
	font-weight: 760;
	letter-spacing: .018em;
	text-transform: uppercase;
}

body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li:hover > a,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li.current-menu-item > a,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li.current-menu-ancestor > a,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li.active > a {
	border-color: rgba(157, 108, 255, .3);
	background: linear-gradient(135deg, rgba(157,108,255,.20), rgba(40,231,255,.075));
	box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
	color: #fff !important;
}

body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list .mobile-icon {
	display: none !important;
}

body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li.menu-item-has-children > a::after {
	margin-left: 7px;
	font-size: 10px;
	color: #ad92ff;
}

body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list .sub-menu {
	top: calc(100% + 10px) !important;
	left: 0 !important;
	min-width: 210px;
	margin: 0 !important;
	padding: 8px !important;
	border: 1px solid rgba(174, 133, 255, .24) !important;
	border-radius: 14px;
	background: rgba(14, 12, 28, .985) !important;
	box-shadow: 0 22px 52px rgba(0,0,0,.48);
}

body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list .sub-menu::before {
	content: '';
	position: absolute;
	top: -6px;
	left: 20px;
	width: 11px;
	height: 11px;
	transform: rotate(45deg);
	border-top: 1px solid rgba(174, 133, 255, .24);
	border-left: 1px solid rgba(174, 133, 255, .24);
	background: rgba(14, 12, 28, .985);
}

body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list .sub-menu li {
	width: 100%;
	margin: 0 !important;
	border: 0 !important;
}

body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list .sub-menu li a {
	display: block;
	padding: 10px 11px !important;
	border-radius: 9px;
	color: rgba(239, 235, 255, .78) !important;
	font-size: 12px;
	font-weight: 700;
	text-transform: none;
}

body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list .sub-menu li a:hover {
	background: rgba(157, 108, 255, .16);
	color: #fff !important;
}

body.h4f-premium-ui .h4f-site-header .h4f-subnav .c-modal_item {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	margin-left: auto;
}

body.h4f-premium-ui .h4f-site-header .h4f-subnav .c-user_item {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	padding: 4px 5px 4px 10px;
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 999px;
	background: rgba(255,255,255,.035);
}

body.h4f-premium-ui .h4f-site-header .h4f-subnav .c-user_name {
	max-width: 140px;
	overflow: hidden;
	color: rgba(234, 229, 248, .65);
	font-size: 11px;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.h4f-premium-ui .h4f-site-header .h4f-subnav .c-user_avatar-image img,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .c-user_avatar img {
	display: block;
	width: 30px;
	height: 30px;
	border: 1px solid rgba(173, 137, 255, .6);
	border-radius: 50%;
	box-shadow: 0 0 0 2px rgba(40,231,255,.09);
}

/* ---------- Side drawer --------------------------------------------------------- */
body.h4f-premium-ui .h4f-side-drawer.off-canvas,
body.h4f-premium-ui .h4f-side-drawer.mobile-menu.off-canvas {
	display: flex !important;
	flex-direction: column;
	width: 390px;
	max-width: calc(100vw - 18px);
	height: 100dvh;
	left: auto !important;
	right: 0;
	transform: translateX(104%);
	overflow: hidden;
	background:
		radial-gradient(circle at 8% 4%, rgba(157,108,255,.24), transparent 28%),
		linear-gradient(180deg, #100d20 0%, #0d0b18 42%, #080910 100%) !important;
	border-left: 1px solid rgba(181, 144, 255, .35);
	border-right: 0;
	box-shadow: -26px 0 78px rgba(0,0,0,.56);
	transition: transform .34s cubic-bezier(.2,.72,.22,1) !important;
}

body.h4f-premium-ui .h4f-side-drawer.off-canvas.active {
	left: auto !important;
	right: 0;
	transform: translateX(0);
}

body.h4f-premium-ui.open_canvas .wrap::after {
	background: rgba(2, 2, 10, .68);
	backdrop-filter: blur(4px);
}

body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-height: 78px;
	padding: 17px 18px 15px;
	border-bottom: 1px solid rgba(255,255,255,.08);
	background: rgba(5,5,14,.22);
}

body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__brand {
	display: inline-flex;
	align-items: center;
	min-width: 0;
}

body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__brand img {
	display: block;
	width: auto;
	max-width: 170px;
	max-height: 40px;
	filter: drop-shadow(0 8px 18px rgba(157,108,255,.25));
}

body.h4f-premium-ui .h4f-side-drawer .close-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	flex: 0 0 auto;
	text-align: initial;
}

body.h4f-premium-ui .h4f-side-drawer .close-nav > .menu_icon__close {
	position: relative;
	display: block;
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	border: 1px solid rgba(255,255,255,.13);
	border-radius: 12px;
	background: rgba(255,255,255,.055);
	cursor: pointer;
}

body.h4f-premium-ui .h4f-side-drawer .close-nav > .menu_icon__close > span:first-child,
body.h4f-premium-ui .h4f-side-drawer .close-nav > .menu_icon__close > span:last-child {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 17px;
	height: 2px;
	margin: 0;
	border-radius: 99px;
	background: #f5f1ff;
	transform-origin: center;
}

body.h4f-premium-ui .h4f-side-drawer .close-nav > .menu_icon__close > span:first-child {
	transform: translate(-50%, -50%) rotate(45deg);
}

body.h4f-premium-ui .h4f-side-drawer .close-nav > .menu_icon__close > span:last-child {
	transform: translate(-50%, -50%) rotate(-45deg);
}

body.h4f-premium-ui .h4f-side-drawer .close-nav > .menu_icon__close:hover {
	border-color: rgba(87,225,255,.5);
	background: linear-gradient(135deg, rgba(157,108,255,.20), rgba(40,231,255,.10));
}

body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__identity {
	display: flex;
	align-items: center;
	gap: 11px;
	margin: 17px 18px 0;
	padding: 11px;
	border: 1px solid rgba(255,255,255,.085);
	border-radius: 16px;
	background: rgba(255,255,255,.045);
}

body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__identity .c-user_avatar-image img {
	display: block;
	width: 38px;
	height: 38px;
	border: 1px solid rgba(173,137,255,.55);
	border-radius: 50%;
}

body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__identity .c-user_name {
	color: #f5f1ff;
	font-size: 13px;
	font-weight: 800;
}

body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__auth {
	display: flex;
	gap: 9px;
	margin: 17px 18px 0;
}

body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__auth .c-modal_sign-in,
body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__auth .c-modal_sign-up {
	display: block !important;
	flex: 1;
	margin: 0 !important;
}

body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__auth a {
	display: flex !important;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding: 0 10px !important;
	border: 1px solid rgba(181,144,255,.34) !important;
	border-radius: 10px !important;
	background: rgba(157,108,255,.13) !important;
	color: #f6f1ff !important;
	font-size: 12px;
	font-weight: 800;
}

body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__shortcuts {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	margin: 17px 18px 0;
}

body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__shortcuts a {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	padding: 0 6px;
	border: 1px solid rgba(255,255,255,.095);
	border-radius: 10px;
	background: rgba(255,255,255,.04);
	color: rgba(238,233,250,.76) !important;
	font-size: 10px;
	font-weight: 820;
	letter-spacing: .035em;
	text-transform: uppercase;
}

body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__shortcuts a:hover {
	border-color: rgba(87,225,255,.4);
	background: rgba(157,108,255,.15);
	color: #fff !important;
}

body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__section-title {
	margin: 24px 18px 9px;
	color: rgba(196,188,222,.55);
	font-size: 10px;
	font-weight: 850;
	letter-spacing: .13em;
	text-transform: uppercase;
}

body.h4f-premium-ui .h4f-side-drawer nav.off-menu {
	flex: 1 1 auto;
	max-height: none;
	margin: 0;
	padding: 0 18px 16px;
	overflow-y: auto;
	scrollbar-color: rgba(157,108,255,.45) transparent;
	scrollbar-width: thin;
}

body.h4f-premium-ui .h4f-side-drawer nav.off-menu ul.main-navbar,
body.h4f-premium-ui .h4f-side-drawer nav.off-menu ul.main-navbar ul {
	width: auto;
	margin: 0;
	padding: 0;
}

body.h4f-premium-ui .h4f-side-drawer nav.off-menu ul.main-navbar > li {
	min-height: 0;
	padding: 0;
	border-bottom: 1px solid rgba(255,255,255,.075);
}

body.h4f-premium-ui .h4f-side-drawer nav.off-menu ul.main-navbar > li > a {
	display: flex;
	align-items: center;
	min-height: 48px;
	padding: 0 34px 0 0;
	color: rgba(246,242,255,.9) !important;
	font-size: 13px;
	font-weight: 780;
	letter-spacing: .01em;
	text-transform: none;
}

body.h4f-premium-ui .h4f-side-drawer nav.off-menu ul.main-navbar > li.current-menu-item > a,
body.h4f-premium-ui .h4f-side-drawer nav.off-menu ul.main-navbar > li.current-menu-ancestor > a,
body.h4f-premium-ui .h4f-side-drawer nav.off-menu ul.main-navbar > li > a:hover {
	color: #fff !important;
}

body.h4f-premium-ui .h4f-side-drawer nav.off-menu ul.main-navbar li.menu-item-has-children > i.fa {
	top: 5px;
	left: auto;
	right: 0;
	width: 36px;
	height: 38px;
	border: 1px solid rgba(255,255,255,.085);
	border-radius: 10px;
	background: rgba(255,255,255,.04);
	color: #c5afff;
	font-size: 13px;
	line-height: 36px;
}

body.h4f-premium-ui .h4f-side-drawer nav.off-menu ul.main-navbar li.menu-item-has-children > a {
	padding-left: 0;
}

body.h4f-premium-ui .h4f-side-drawer nav.off-menu ul.main-navbar > li > ul.sub-menu {
	margin: 0 0 10px;
	padding: 4px 0 7px 13px;
	border-left: 1px solid rgba(157,108,255,.25);
}

body.h4f-premium-ui .h4f-side-drawer nav.off-menu ul.main-navbar > li > ul.sub-menu li {
	padding: 0;
	border: 0;
}

body.h4f-premium-ui .h4f-side-drawer nav.off-menu ul.main-navbar > li > ul.sub-menu a {
	min-height: 34px;
	padding: 7px 0;
	color: rgba(218,211,237,.66) !important;
	font-size: 12px;
	font-weight: 650;
	text-transform: none;
}

body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__safety {
	flex: 0 0 auto;
	margin: 0;
	padding: 14px 18px 18px;
	border-top: 1px solid rgba(255,255,255,.075);
	background: rgba(4,4,11,.22);
	text-align: left;
}

body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__safety .section_adult {
	display: inline-flex;
	border: 1px solid rgba(157,108,255,.28);
	border-radius: 999px;
	background: rgba(157,108,255,.12);
}

body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__safety .section_adult a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 11px;
	color: #eee8ff !important;
	font-size: 10px;
	font-weight: 820;
	letter-spacing: .05em;
	text-transform: uppercase;
}

body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__safety .section_adult .dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #55e9ce;
	box-shadow: 0 0 12px rgba(85,233,206,.82);
}

@media (max-width: 991px) {
	body.h4f-premium-ui .h4f-site-header .h4f-subnav .c-sub-nav_wrap {
	gap: 0;
	}

	body.h4f-premium-ui .h4f-subnav__label,
	body.h4f-premium-ui .h4f-site-header .h4f-subnav .c-modal_item {
		display: none !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_content {
		display: flex;
		width: 100% !important;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_content::-webkit-scrollbar {
		display: none;
	}
}

@media (max-width: 767px) {
	body.h4f-premium-ui .h4f-site-header .h4f-subnav .c-sub-nav_wrap {
		min-height: 46px;
		padding: 6px 0;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-subnav .section_adult {
		display: none;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list {
		gap: 4px;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li > a {
		min-height: 31px;
		padding: 0 10px;
		font-size: 10px;
	}

	body.h4f-premium-ui .h4f-side-drawer.off-canvas,
	body.h4f-premium-ui .h4f-side-drawer.mobile-menu.off-canvas {
		width: min(390px, calc(100vw - 10px));
	}

	body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__top {
		min-height: 70px;
		padding: 15px 15px 13px;
	}

	body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__brand img {
		max-width: 153px;
		max-height: 36px;
	}

	body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__identity,
	body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__auth,
	body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__shortcuts {
		margin-left: 15px;
		margin-right: 15px;
	}

	body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__section-title {
		margin-left: 15px;
	}

	body.h4f-premium-ui .h4f-side-drawer nav.off-menu {
		padding-left: 15px;
		padding-right: 15px;
	}

	body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__safety {
		padding: 13px 15px 16px;
	}
}

/* --------------------------------------------------------------------------
   H4F v1.0.6 — duplicate filter cleanup + reliable side drawer layering
   -------------------------------------------------------------------------- */

/* The dedicated Madara-Core override now owns archive sorting. The old helper
   is deliberately not rendered by functions.php; this rule protects pages
   cached from an older child file during a rolling deploy. */
body.h4f-premium-ui .h4f-archive-helper-wrap {
	display: none !important;
}

/* One sorting group on archive/search pages; homepage keeps only the hero row. */
body.h4f-premium-ui .h4f-library-sort {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 14px;
	padding: 0;
}

body.h4f-premium-ui .h4f-library-sort__label {
	flex: 0 0 auto;
	color: rgba(231, 225, 248, .68);
	font-size: 11px;
	font-weight: 850;
	letter-spacing: .075em;
	text-transform: uppercase;
	white-space: nowrap;
}

body.h4f-premium-ui .h4f-library-sort__links {
	display: flex;
	align-items: center;
	gap: 7px;
	min-width: 0;
	flex-wrap: wrap;
}

body.h4f-premium-ui .h4f-library-sort__links a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 32px;
	padding: 0 11px;
	border: 1px solid rgba(255,255,255,.105);
	border-radius: 999px;
	background: rgba(255,255,255,.045);
	color: rgba(235,230,248,.78) !important;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .01em;
	white-space: nowrap;
}

body.h4f-premium-ui .h4f-library-sort__links a:hover,
body.h4f-premium-ui .h4f-library-sort__links a.is-active {
	border-color: rgba(157,108,255,.40);
	background: linear-gradient(135deg, rgba(157,108,255,.26), rgba(40,231,255,.09));
	box-shadow: inset 0 1px 0 rgba(255,255,255,.10);
	color: #fff !important;
}

/* The parent .wrap::after overlay previously sat above the drawer in some
   desktop browser compositing paths. Pin the layers explicitly. */
body.h4f-premium-ui .h4f-side-drawer.off-canvas,
body.h4f-premium-ui .h4f-side-drawer.mobile-menu.off-canvas {
	z-index: 2147483647 !important;
	isolation: isolate;
	pointer-events: none;
}

body.h4f-premium-ui .h4f-side-drawer.off-canvas.active,
body.h4f-premium-ui .h4f-side-drawer.mobile-menu.off-canvas.active {
	z-index: 2147483647 !important;
	visibility: visible !important;
	pointer-events: auto;
}

body.h4f-premium-ui.open_canvas {
	overflow: hidden;
}

body.h4f-premium-ui.open_canvas .wrap::after {
	position: fixed !important;
	inset: 0 !important;
	z-index: 2147483000 !important;
	background: rgba(2,2,10,.68) !important;
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	pointer-events: auto;
}

/* The phone submenu is one intentional horizontal rail: no “Quick explore”
   label, no wrapping and no clipped first link. */
@media (max-width: 991px) {
	body.h4f-premium-ui .h4f-site-header .h4f-subnav .h4f-subnav__label,
	body.h4f-premium-ui .h4f-site-header .h4f-subnav .section_adult,
	body.h4f-premium-ui .h4f-site-header .h4f-subnav .c-modal_item {
		display: none !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-subnav .c-sub-nav_wrap,
	body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_content {
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_content::-webkit-scrollbar {
		display: none;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list {
		display: flex !important;
		width: max-content !important;
		min-width: max-content !important;
		margin: 0 !important;
		padding: 0 14px !important;
		gap: 5px;
		white-space: nowrap;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li,
	body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li:nth-of-type(n+4) {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
}

@media (max-width: 767px) {
	body.h4f-premium-ui .h4f-library-sort {
		align-items: flex-start;
		flex-direction: column;
		gap: 8px;
	}

	body.h4f-premium-ui .h4f-library-sort__links {
		width: calc(100vw - 30px);
		flex-wrap: nowrap;
		overflow-x: auto;
		padding: 0 1px 3px;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	body.h4f-premium-ui .h4f-library-sort__links::-webkit-scrollbar {
		display: none;
	}

	body.h4f-premium-ui .h4f-library-sort__links a {
		flex: 0 0 auto;
	}
}

/* --------------------------------------------------------------------------
   H4F v1.0.7 — permanent header search, reliable dropdowns, drawer portal
   -------------------------------------------------------------------------- */

/* The drawer is portaled directly to <body> by site.js. Remove the old
   header stacking context and Madara pseudo-overlay from this interaction. */
body.h4f-premium-ui .h4f-site-header {
	isolation: auto !important;
	overflow: visible !important;
}

body.h4f-premium-ui.open_canvas .wrap::after,
body.h4f-premium-ui.h4f-drawer-open .wrap::after {
	display: none !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

/* Keep the desktop menu and its real WordPress dropdowns unclipped. */
body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation,
body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation .main-navbar,
body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation .main-navbar > li,
body.h4f-premium-ui .h4f-site-header .h4f-subnav,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .c-sub-nav_wrap,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_content,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list {
	overflow: visible !important;
}

body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation {
	display: block !important;
	position: relative;
	z-index: 1300;
}

body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation .main-navbar > li,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li {
	position: relative !important;
}

/* Permanent search row: it never depends on a toggle or an open-state class. */
body.h4f-premium-ui .h4f-site-header .h4f-header-search-row {
	position: relative;
	z-index: 115;
	padding: 11px 0 13px;
	border-bottom: 1px solid rgba(116, 220, 255, .13);
	background:
		linear-gradient(90deg, rgba(14, 11, 31, .985), rgba(23, 21, 51, .965) 48%, rgba(10, 26, 39, .985));
}

body.h4f-premium-ui .h4f-site-header .h4f-header-search {
	display: flex !important;
	align-items: center;
	width: 100%;
	height: 58px;
	margin: 0 !important;
	padding: 5px 6px 5px 10px;
	border: 1px solid rgba(77, 226, 255, .76);
	border-radius: 17px;
	background: linear-gradient(105deg, rgba(12, 11, 27, .98), rgba(18, 17, 42, .97));
	box-shadow:
		0 0 0 5px rgba(46, 211, 255, .08),
		0 14px 34px rgba(0, 0, 0, .30),
		inset 0 1px 0 rgba(255, 255, 255, .10);
}

body.h4f-premium-ui .h4f-site-header .h4f-header-search:focus-within {
	border-color: #6deeff;
	background: linear-gradient(105deg, rgba(10, 10, 25, .99), rgba(22, 18, 49, .99));
	box-shadow:
		0 0 0 5px rgba(46, 211, 255, .13),
		0 16px 38px rgba(0, 0, 0, .34),
		inset 0 1px 0 rgba(255, 255, 255, .11);
}

body.h4f-premium-ui .h4f-site-header .h4f-header-search__icon {
	flex: 0 0 47px;
	width: 47px;
	color: #ae82ff;
}

body.h4f-premium-ui .h4f-site-header .h4f-header-search__icon svg {
	width: 25px;
	height: 25px;
	stroke-width: 2.05;
}

body.h4f-premium-ui .h4f-site-header .h4f-header-search input[type='search'] {
	height: 44px;
	padding: 0 12px 0 0;
	font-size: 14px;
	font-weight: 700;
}

body.h4f-premium-ui .h4f-site-header .h4f-header-search input[type='search']::placeholder {
	color: rgba(231, 225, 247, .61);
}

body.h4f-premium-ui .h4f-site-header .h4f-header-search button {
	min-width: 112px;
	height: 46px;
	padding: 0 18px;
	border-radius: 13px;
	background: linear-gradient(135deg, #a56dff 0%, #cc5bf4 52%, #f245c6 100%);
	box-shadow: 0 10px 22px rgba(207, 78, 229, .28), inset 0 1px 0 rgba(255, 255, 255, .27);
	font-size: 13px;
	font-weight: 850;
}

body.h4f-premium-ui .h4f-site-header .h4f-header-search button:hover {
	filter: brightness(1.08) saturate(1.05);
	transform: translateY(-1px);
}

/* Search is visible continuously, so there is no redundant magnifier control. */
body.h4f-premium-ui .h4f-site-header .h4f-mobile-search-toggle,
body.h4f-premium-ui .h4f-site-header .h4f-search-toggle {
	display: none !important;
}

/* Desktop hamburger remains intentional: it opens the premium library drawer. */
body.h4f-premium-ui .h4f-site-header .c-togle__menu {
	display: block !important;
	width: auto !important;
	text-align: right;
}

body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
	grid-template-columns: minmax(172px, 220px) minmax(0, 1fr) max-content max-content;
	gap: 12px;
}

/* Primary-menu sublinks: hover works on desktop, and the new arrow button
   makes the same sublinks accessible with a click/touch without stealing the
   parent item URL. */
body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation .main-navbar > li > ul.sub-menu,
body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation .main-navbar > li > ul.children {
	display: block !important;
	position: absolute !important;
	top: calc(100% + 8px) !important;
	left: 0 !important;
	z-index: 2200 !important;
	height: auto !important;
	max-height: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
	transform: translateY(-5px);
	transition: opacity .18s ease, transform .18s ease, visibility .18s ease !important;
}

body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation .main-navbar > li:hover > ul.sub-menu,
body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation .main-navbar > li:hover > ul.children,
body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation .main-navbar > li.h4f-dropdown-open > ul.sub-menu,
body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation .main-navbar > li.h4f-dropdown-open > ul.children {
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
	transform: translateY(0);
}

body.h4f-premium-ui .h4f-menu-child-toggle {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 23px;
	height: 25px;
	margin: 0 0 0 -7px;
	padding: 0;
	border: 0;
	border-radius: 7px;
	background: transparent;
	color: #b89aff;
	cursor: pointer;
	vertical-align: middle;
}

body.h4f-premium-ui .h4f-menu-child-toggle > span {
	width: 7px;
	height: 7px;
	border-right: 1.8px solid currentColor;
	border-bottom: 1.8px solid currentColor;
	transform: rotate(45deg) translateY(-2px);
	transition: transform .18s ease;
}

body.h4f-premium-ui .h4f-menu-child-toggle:hover,
body.h4f-premium-ui .h4f-menu-child-toggle:focus-visible {
	background: rgba(157, 108, 255, .17);
	color: #fff;
}

body.h4f-premium-ui .h4f-dropdown-open > .h4f-menu-child-toggle > span {
	transform: rotate(225deg) translateY(-1px);
}

body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li.menu-item-has-children > a::after {
	content: none !important;
	display: none !important;
}

body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li > ul.sub-menu,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li > ul.children {
	display: block !important;
	position: absolute !important;
	top: calc(100% + 8px) !important;
	left: 0 !important;
	z-index: 2100 !important;
	height: auto !important;
	max-height: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
	transform: translateY(-5px);
	transition: opacity .18s ease, transform .18s ease, visibility .18s ease !important;
}

body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li:hover > ul.sub-menu,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li:hover > ul.children,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li.h4f-dropdown-open > ul.sub-menu,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li.h4f-dropdown-open > ul.children {
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
	transform: translateY(0);
}

/* The portal overlay is below the drawer, never above it. */
body.h4f-premium-ui > .h4f-drawer-overlay {
	position: fixed;
	inset: 0;
	display: block;
	z-index: 2147483000;
	border: 0;
	background: rgba(2, 2, 10, .70);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .24s ease, visibility .24s ease;
}

body.h4f-premium-ui > .h4f-drawer-overlay.is-visible {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

body.h4f-premium-ui > .h4f-side-drawer.off-canvas,
body.h4f-premium-ui > .h4f-side-drawer.mobile-menu.off-canvas {
	position: fixed !important;
	top: 0 !important;
	right: 0 !important;
	left: auto !important;
	z-index: 2147483646 !important;
	width: min(408px, calc(100vw - 14px));
	height: 100vh !important;
	height: 100dvh !important;
	visibility: hidden;
	pointer-events: none;
	transform: translate3d(105%, 0, 0) !important;
	will-change: transform;
}

body.h4f-premium-ui > .h4f-side-drawer.off-canvas.active,
body.h4f-premium-ui > .h4f-side-drawer.mobile-menu.off-canvas.active {
	visibility: visible !important;
	pointer-events: auto !important;
	transform: translate3d(0, 0, 0) !important;
}

body.h4f-premium-ui.h4f-drawer-open {
	overflow: hidden !important;
	touch-action: none;
}

/* Small-screen submenu sheet: TAGS (and any other child item) remains usable
   while the mobile horizontal rail stays compact. */
body.h4f-premium-ui > .h4f-mobile-submenu-backdrop {
	position: fixed;
	inset: 0;
	display: block;
	z-index: 2147483100;
	border: 0;
	background: rgba(2, 2, 10, .56);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .22s ease, visibility .22s ease;
}

body.h4f-premium-ui > .h4f-mobile-submenu-backdrop.is-visible {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

body.h4f-premium-ui > .h4f-mobile-submenu-sheet {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2147483200;
	max-height: min(72vh, 560px);
	padding: 15px 16px calc(18px + env(safe-area-inset-bottom));
	border: 1px solid rgba(177, 137, 255, .34);
	border-bottom: 0;
	border-radius: 22px 22px 0 0;
	background:
		radial-gradient(circle at 14% 0%, rgba(157, 108, 255, .23), transparent 35%),
		linear-gradient(180deg, #151127, #0c0c17);
	box-shadow: 0 -22px 58px rgba(0,0,0,.52);
	transform: translateY(105%);
	visibility: hidden;
	transition: transform .26s cubic-bezier(.2,.72,.22,1), visibility .26s ease;
}

body.h4f-premium-ui > .h4f-mobile-submenu-sheet.is-open {
	transform: translateY(0);
	visibility: visible;
}

body.h4f-premium-ui .h4f-mobile-submenu-sheet__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-height: 40px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(255,255,255,.08);
}

body.h4f-premium-ui .h4f-mobile-submenu-sheet__title {
	color: #f6f1ff;
	font-size: 15px;
	font-weight: 850;
}

body.h4f-premium-ui .h4f-mobile-submenu-sheet__close {
	position: relative;
	width: 38px;
	height: 38px;
	padding: 0;
	border: 1px solid rgba(255,255,255,.13);
	border-radius: 11px;
	background: rgba(255,255,255,.05);
	cursor: pointer;
}

body.h4f-premium-ui .h4f-mobile-submenu-sheet__close span {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 16px;
	height: 2px;
	border-radius: 99px;
	background: #f5f1ff;
}

body.h4f-premium-ui .h4f-mobile-submenu-sheet__close span:first-child {
	transform: translate(-50%, -50%) rotate(45deg);
}

body.h4f-premium-ui .h4f-mobile-submenu-sheet__close span:last-child {
	transform: translate(-50%, -50%) rotate(-45deg);
}

body.h4f-premium-ui .h4f-mobile-submenu-sheet__content {
	max-height: calc(min(72vh, 560px) - 74px);
	overflow-y: auto;
	padding-top: 10px;
}

body.h4f-premium-ui .h4f-mobile-submenu-sheet__links {
	margin: 0;
	padding: 0;
	list-style: none;
}

body.h4f-premium-ui .h4f-mobile-submenu-sheet__links li {
	margin: 0;
	border-bottom: 1px solid rgba(255,255,255,.07);
}

body.h4f-premium-ui .h4f-mobile-submenu-sheet__links li:last-child {
	border-bottom: 0;
}

body.h4f-premium-ui .h4f-mobile-submenu-sheet__links a {
	display: flex;
	align-items: center;
	min-height: 48px;
	padding: 8px 6px;
	color: rgba(246, 241, 255, .9) !important;
	font-size: 13px;
	font-weight: 740;
}

@media (max-width: 1240px) {
	body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
		grid-template-columns: minmax(142px, 1fr) max-content max-content;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation {
		display: none !important;
	}
}

@media (max-width: 991px) {
	body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_content {
		overflow-x: auto !important;
		overflow-y: hidden !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li > ul.sub-menu,
	body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li > ul.children {
		display: none !important;
	}
}

@media (max-width: 767px) {
	body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
		grid-template-columns: minmax(118px, 1fr) max-content max-content;
		gap: 8px;
		min-height: 66px;
	}

	body.h4f-premium-ui .h4f-site-header .wrap_branding .logo img {
		max-width: 146px;
		max-height: 40px;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-browse {
		min-height: 42px;
		padding: 0 11px;
		font-size: 12px;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-search-row {
		padding: 12px 0 14px;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-search {
		height: 66px;
		padding: 6px 7px 6px 9px;
		border-radius: 18px;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-search__icon {
		flex-basis: 42px;
		width: 42px;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-search input[type='search'] {
		height: 48px;
		padding-right: 6px;
		font-size: 13px;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-search button {
		min-width: 103px;
		height: 52px;
		padding: 0 13px;
		border-radius: 14px;
		font-size: 13px;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li > a {
		padding-left: 10px;
		padding-right: 7px;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-subnav .h4f-menu-child-toggle {
		width: 22px;
		margin-left: -4px;
	}

	body.h4f-premium-ui > .h4f-side-drawer.off-canvas,
	body.h4f-premium-ui > .h4f-side-drawer.mobile-menu.off-canvas {
		width: min(390px, calc(100vw - 9px));
	}
}

@media (max-width: 390px) {
	body.h4f-premium-ui .h4f-site-header .wrap_branding .logo img {
		max-width: 128px;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-browse__icon {
		display: none;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-browse {
		padding: 0 10px;
	}
}

/* --------------------------------------------------------------------------
   H4F v1.0.8 — Mobile compactness, resilient submenus and drawer layering
   -------------------------------------------------------------------------- */

/* The primary navigation must sit above the secondary rail and the permanent
   search row while a desktop dropdown is open. Backdrop-filter creates a
   stacking context, so the z-index belongs on the navigation shell itself. */
body.h4f-premium-ui .h4f-site-header .c-header__top.h4f-header-shell,
body.h4f-premium-ui .h4f-site-header .main-navigation,
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
	position: relative !important;
	overflow: visible !important;
	z-index: 1800 !important;
}

body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation,
body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation .main-navbar,
body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation .main-navbar > li {
	overflow: visible !important;
}

body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation .main-navbar > li > ul.sub-menu,
body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation .main-navbar > li > ul.children {
	z-index: 1900 !important;
}

/* The secondary rail and permanent search deliberately stay below primary
   dropdowns, while keeping their own TAGS menu above page content. */
body.h4f-premium-ui .h4f-site-header .c-sub-header-nav.h4f-subnav {
	z-index: 1700 !important;
}

body.h4f-premium-ui .h4f-site-header .h4f-header-search-row {
	z-index: 1600 !important;
}

body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li > ul.sub-menu,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li > ul.children {
	z-index: 1750 !important;
}

/* One search surface is enough. The permanent header search replaces the
   duplicated hero form; discovery links remain on larger screens only. */
body.h4f-premium-ui .h4f-home-hero .h4f-hero-search {
	display: none !important;
}

/* Strengthen the drawer portal and disable every legacy Madara overlay when
   our drawer is open. The drawer always renders above its own backdrop. */
body.h4f-premium-ui.h4f-drawer-open .wrap::before,
body.h4f-premium-ui.h4f-drawer-open .wrap::after,
body.h4f-premium-ui.h4f-drawer-open .body-wrap::before,
body.h4f-premium-ui.h4f-drawer-open .body-wrap::after,
body.h4f-premium-ui.open_canvas .wrap::before,
body.h4f-premium-ui.open_canvas .wrap::after,
body.h4f-premium-ui.open_canvas .body-wrap::before,
body.h4f-premium-ui.open_canvas .body-wrap::after {
	display: none !important;
	content: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

body.h4f-premium-ui > .h4f-drawer-overlay {
	z-index: 2147483600 !important;
}

body.h4f-premium-ui > .h4f-side-drawer.off-canvas,
body.h4f-premium-ui > .h4f-side-drawer.mobile-menu.off-canvas {
	z-index: 2147483647 !important;
}

/* Compact mobile header: logo + Browse + drawer only. The full primary menu
   remains available in the drawer instead of colliding with the logo. */
@media (max-width: 1100px) {
	body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation {
		display: none !important;
	}

	body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
		grid-template-columns: minmax(0, 1fr) max-content max-content !important;
	}
}

@media (max-width: 767px) {
	body.h4f-premium-ui .h4f-header-utility__inner {
		min-height: 29px !important;
	}

	body.h4f-premium-ui .h4f-header-utility__links {
		gap: 14px !important;
	}

	body.h4f-premium-ui .h4f-header-utility__links a {
		font-size: 10px !important;
		letter-spacing: .035em !important;
	}

	body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
		min-height: 57px !important;
		gap: 7px !important;
		padding: 6px 0 !important;
	}

	body.h4f-premium-ui .h4f-site-header .wrap_branding .logo img {
		max-width: 137px !important;
		max-height: 36px !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-browse {
		min-height: 38px !important;
		padding: 0 10px !important;
		border-radius: 10px !important;
		font-size: 11px !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-browse__icon svg {
		width: 17px !important;
		height: 17px !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle,
	body.h4f-premium-ui .h4f-site-header .c-togle__menu .menu_icon__open {
		width: 40px !important;
		height: 40px !important;
		min-height: 40px !important;
		border-radius: 10px !important;
	}

	body.h4f-premium-ui .h4f-site-header .c-sub-header-nav.h4f-subnav,
	body.h4f-premium-ui .h4f-site-header .h4f-subnav .c-sub-nav_wrap {
		min-height: 42px !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-subnav .c-sub-nav_wrap {
		padding: 3px 0 !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list {
		padding: 0 11px !important;
		gap: 2px !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li > a {
		min-height: 31px !important;
		padding: 0 8px !important;
		font-size: 10px !important;
		letter-spacing: .01em !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-subnav .h4f-menu-child-toggle {
		width: 24px !important;
		height: 30px !important;
		margin-left: -5px !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-search-row {
		padding: 7px 0 8px !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-search {
		height: 50px !important;
		padding: 4px 5px 4px 7px !important;
		border-radius: 14px !important;
		box-shadow: 0 0 0 3px rgba(46,211,255,.07), 0 10px 22px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.09) !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-search__icon {
		flex-basis: 37px !important;
		width: 37px !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-search__icon svg {
		width: 22px !important;
		height: 22px !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-search input[type='search'] {
		height: 40px !important;
		padding-right: 5px !important;
		font-size: 12px !important;
		font-weight: 650 !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-search button {
		min-width: 88px !important;
		height: 42px !important;
		padding: 0 10px !important;
		border-radius: 11px !important;
		font-size: 12px !important;
	}

	/* Hero becomes an introduction instead of a second search/filter block. */
	body.home.h4f-premium-ui .h4f-home-hero-wrap {
		margin-bottom: 20px !important;
	}

	body.home.h4f-premium-ui .h4f-home-hero {
		gap: 17px !important;
		padding: 22px 18px !important;
		border-radius: 20px !important;
	}

	body.home.h4f-premium-ui .h4f-home-hero h1 {
		margin: 10px 0 10px !important;
		font-size: clamp(30px, 9.2vw, 38px) !important;
		line-height: 1.06 !important;
	}

	body.home.h4f-premium-ui .h4f-home-hero p {
		margin: 0 !important;
		font-size: 16px !important;
		line-height: 1.55 !important;
	}

	body.home.h4f-premium-ui .h4f-home-hero .h4f-hero-links {
		display: none !important;
	}

	body.home.h4f-premium-ui .h4f-home-hero .h4f-hero-panel {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 7px !important;
	}

	body.home.h4f-premium-ui .h4f-home-hero .h4f-stat {
		min-height: 0 !important;
		padding: 11px 9px !important;
		border-radius: 13px !important;
	}

	body.home.h4f-premium-ui .h4f-home-hero .h4f-stat strong {
		font-size: 13px !important;
		line-height: 1.15 !important;
	}

	body.home.h4f-premium-ui .h4f-home-hero .h4f-stat span {
		display: none !important;
	}
}

@media (max-width: 390px) {
	body.h4f-premium-ui .h4f-site-header .wrap_branding .logo img {
		max-width: 125px !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-browse {
		min-width: 40px !important;
		padding: 0 9px !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-browse span:last-child {
		display: none !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-browse__icon svg {
		width: 18px !important;
		height: 18px !important;
	}
}

/* --------------------------------------------------------------------------
   H4F v1.0.9 — Truly compact mobile header and homepage hero
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
	/* Keep one very slim utility row; the descriptive status text moves out on
	 * phones so the actionable discovery links remain without wasting height. */
	body.h4f-premium-ui .h4f-site-header .h4f-header-utility__status {
		display: none !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-utility,
	body.h4f-premium-ui .h4f-site-header .h4f-header-utility__inner {
		min-height: 25px !important;
		height: 25px !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-utility__inner {
		display: flex !important;
		justify-content: center !important;
		padding: 0 10px !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-utility__links {
		gap: 13px !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-utility__links a {
		font-size: 9px !important;
		line-height: 1 !important;
		letter-spacing: .025em !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-utility__links a:not(:last-child)::after {
		right: -8px !important;
		width: 2px !important;
		height: 2px !important;
	}

	/* On mobile the desktop menu is intentionally drawer-only. This prevents the
	 * old horizontal Madara menu from colliding with the logo. */
	body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation,
	body.h4f-premium-ui .h4f-site-header nav.main-menu.h4f-primary-navigation,
	body.h4f-premium-ui .h4f-site-header .main-navigation_wrap > nav.main-menu,
	body.h4f-premium-ui .h4f-site-header .main-navigation_wrap > .h4f-header-actions {
		display: none !important;
	}

	body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
		grid-template-columns: minmax(0, 1fr) 36px !important;
		min-height: 49px !important;
		gap: 8px !important;
		padding: 5px 0 !important;
	}

	body.h4f-premium-ui .h4f-site-header .wrap_branding .logo img {
		max-width: 118px !important;
		max-height: 30px !important;
	}

	body.h4f-premium-ui .h4f-site-header .c-togle__menu,
	body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle,
	body.h4f-premium-ui .h4f-site-header .c-togle__menu .menu_icon__open {
		width: 36px !important;
		height: 36px !important;
		min-width: 36px !important;
		min-height: 36px !important;
		border-radius: 9px !important;
	}

	body.h4f-premium-ui .h4f-site-header .c-togle__menu .menu_icon__open span {
		width: 17px !important;
	}

	/* A single narrow horizontal rail, with no extra label or excessive padding. */
	body.h4f-premium-ui .h4f-site-header .c-sub-header-nav.h4f-subnav,
	body.h4f-premium-ui .h4f-site-header .h4f-subnav .c-sub-nav_wrap {
		min-height: 38px !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-subnav .c-sub-nav_wrap {
		padding: 1px 0 !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list {
		padding: 0 9px !important;
		gap: 0 !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li > a {
		min-height: 29px !important;
		padding: 0 8px !important;
		font-size: 9px !important;
		font-weight: 750 !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-subnav .h4f-menu-child-toggle {
		width: 20px !important;
		height: 28px !important;
		margin-left: -5px !important;
	}

	/* Compact permanent search: it stays open, but no longer dominates the
	 * first viewport. */
	body.h4f-premium-ui .h4f-site-header .h4f-header-search-row {
		padding: 6px 0 !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-search {
		height: 45px !important;
		padding: 3px 4px 3px 7px !important;
		border-radius: 13px !important;
		box-shadow: 0 0 0 2px rgba(46,211,255,.07), 0 7px 15px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.08) !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-search__icon {
		flex-basis: 34px !important;
		width: 34px !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-search__icon svg {
		width: 19px !important;
		height: 19px !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-search input[type='search'] {
		height: 37px !important;
		padding-right: 4px !important;
		font-size: 11px !important;
		font-weight: 650 !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-search button {
		min-width: 76px !important;
		height: 37px !important;
		padding: 0 10px !important;
		border-radius: 10px !important;
		font-size: 11px !important;
	}

	/* Tighten the first content area: mobile gets a compact introduction instead
	 * of a large landing hero. */
	body.home.h4f-premium-ui .content-area {
		padding-top: 12px !important;
	}

	body.home.h4f-premium-ui .h4f-home-hero-wrap {
		margin-bottom: 16px !important;
	}

	body.home.h4f-premium-ui .h4f-home-hero {
		gap: 13px !important;
		padding: 17px 15px !important;
		border-radius: 18px !important;
	}

	body.home.h4f-premium-ui .h4f-eyebrow {
		margin-bottom: 8px !important;
		padding: 6px 9px !important;
		font-size: 9px !important;
		letter-spacing: .055em !important;
	}

	body.home.h4f-premium-ui .h4f-home-hero h1 {
		margin: 0 0 8px !important;
		font-size: clamp(26px, 8vw, 32px) !important;
		line-height: 1.03 !important;
		letter-spacing: -.042em !important;
	}

	body.home.h4f-premium-ui .h4f-home-hero p {
		font-size: 14px !important;
		line-height: 1.45 !important;
	}

	body.home.h4f-premium-ui .h4f-home-hero .h4f-hero-panel {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 6px !important;
	}

	body.home.h4f-premium-ui .h4f-home-hero .h4f-stat {
		padding: 9px 7px !important;
		border-radius: 11px !important;
	}

	body.home.h4f-premium-ui .h4f-home-hero .h4f-stat strong {
		font-size: 12px !important;
		line-height: 1.1 !important;
	}

	/* Remove residual parent-theme spacing before the homepage content. */
	body.home.h4f-premium-ui .site-content > .c-page-content,
	body.home.h4f-premium-ui .site-content > .c-page,
	body.home.h4f-premium-ui .site-content > .c-page-content > .c-page {
		padding-top: 0 !important;
		margin-top: 0 !important;
	}
}

@media (max-width: 390px) {
	body.h4f-premium-ui .h4f-site-header .wrap_branding .logo img {
		max-width: 110px !important;
		max-height: 28px !important;
	}

	body.home.h4f-premium-ui .h4f-home-hero {
		padding: 15px 13px !important;
	}

	body.home.h4f-premium-ui .h4f-home-hero h1 {
		font-size: 25px !important;
	}
}

/* ========================================================================== 
   H4F v1.1 — Mobile UX rebuild
   Purpose: one compact header stack, one horizontal secondary rail, readable
   two-column archive cards, and protected drawer/submenu layers.
   ========================================================================== */

/* Let desktop WordPress dropdowns sit above the fixed visible search row. */
@media (min-width: 821px) {
	body.h4f-premium-ui .h4f-site-header .c-header__top.h4f-header-shell,
	body.h4f-premium-ui .h4f-site-header .main-navigation,
	body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
		z-index: 4100 !important;
		overflow: visible !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation .main-navbar > li > ul.sub-menu,
	body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation .main-navbar > li > ul.children {
		z-index: 4200 !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-search-row {
		z-index: 200 !important;
	}
}

/* The portaled drawer and its own backdrop must always outrank Madara's
   legacy canvas pseudo-elements and every header blur layer. */
body.h4f-premium-ui > .h4f-drawer-overlay,
body.h4f-premium-ui > #h4f-drawer-overlay {
	z-index: 2147483600 !important;
}

body.h4f-premium-ui > .h4f-side-drawer.off-canvas,
body.h4f-premium-ui > .h4f-side-drawer.mobile-menu.off-canvas,
body.h4f-premium-ui > #h4f-side-drawer {
	z-index: 2147483647 !important;
}

body.h4f-premium-ui.h4f-drawer-open .site-header,
body.h4f-premium-ui.h4f-drawer-open .wrap,
body.h4f-premium-ui.h4f-drawer-open .body-wrap {
	isolation: auto !important;
}

/* ==========================================================================
   Phone / compact tablet
   ========================================================================== */
@media (max-width: 820px) {
	/* The primary menu belongs in the drawer on touch screens. These selectors
	   intentionally cover both the H4F markup and Madara's native nav classes. */
	body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation,
	body.h4f-premium-ui .h4f-site-header nav.h4f-primary-navigation,
	body.h4f-premium-ui .h4f-site-header .main-navigation_wrap > nav.main-menu,
	body.h4f-premium-ui .h4f-site-header .main-navigation_wrap > .main-menu,
	body.h4f-premium-ui .h4f-site-header .main-navigation_wrap .h4f-primary-navigation .main-navbar {
		display: none !important;
		visibility: hidden !important;
		pointer-events: none !important;
	}

	/* Keep the phone masthead to one calm, predictable line: brand + menu. */
	body.h4f-premium-ui .h4f-site-header .h4f-header-actions,
	body.h4f-premium-ui .h4f-site-header .h4f-header-browse {
		display: none !important;
	}

	body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) 38px !important;
		align-items: center !important;
		min-height: 54px !important;
		gap: 8px !important;
		padding: 6px 0 !important;
	}

	body.h4f-premium-ui .h4f-site-header .wrap_branding {
		min-width: 0 !important;
		display: flex !important;
		align-items: center !important;
	}

	body.h4f-premium-ui .h4f-site-header .wrap_branding .logo {
		display: inline-flex !important;
		align-items: center !important;
		max-width: 132px !important;
	}

	body.h4f-premium-ui .h4f-site-header .wrap_branding .logo img {
		display: block !important;
		width: auto !important;
		max-width: 128px !important;
		max-height: 31px !important;
		height: auto !important;
	}

	body.h4f-premium-ui .h4f-site-header .c-togle__menu,
	body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle,
	body.h4f-premium-ui .h4f-site-header .c-togle__menu .menu_icon__open {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 38px !important;
		height: 38px !important;
		min-width: 38px !important;
		min-height: 38px !important;
		padding: 0 !important;
		border-radius: 11px !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-utility,
	body.h4f-premium-ui .h4f-site-header .h4f-header-utility__inner {
		min-height: 27px !important;
		height: 27px !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-utility__status {
		display: none !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-utility__inner {
		display: flex !important;
		justify-content: center !important;
		padding: 0 12px !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-utility__links {
		gap: 15px !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-utility__links a {
		font-size: 10px !important;
		letter-spacing: .035em !important;
	}

	/* Secondary navigation stays a single swipeable rail. A submenu never
	   expands inside the rail, which removes the broken second line shown in
	   the screenshots. */
	body.h4f-premium-ui .h4f-site-header .c-sub-header-nav.h4f-subnav,
	body.h4f-premium-ui .h4f-site-header .h4f-subnav .c-sub-nav_wrap {
		min-height: 43px !important;
		max-height: 43px !important;
		overflow: visible !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-subnav .c-sub-nav_wrap {
		display: block !important;
		padding: 3px 0 !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-subnav .section_adult,
	body.h4f-premium-ui .h4f-site-header .h4f-subnav .h4f-subnav__label,
	body.h4f-premium-ui .h4f-site-header .h4f-subnav .c-modal_item,
	body.h4f-premium-ui .h4f-site-header .h4f-subnav .c-user_item {
		display: none !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_content {
		display: block !important;
		width: 100% !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_content::-webkit-scrollbar {
		display: none;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list {
		display: flex !important;
		align-items: center !important;
		flex-wrap: nowrap !important;
		width: max-content !important;
		min-width: max-content !important;
		min-height: 36px !important;
		margin: 0 !important;
		padding: 0 13px !important;
		gap: 3px !important;
		overflow: visible !important;
		white-space: nowrap !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li,
	body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li:nth-of-type(n+4) {
		display: inline-flex !important;
		align-items: center !important;
		float: none !important;
		flex: 0 0 auto !important;
		width: auto !important;
		margin: 0 !important;
		visibility: visible !important;
		opacity: 1 !important;
		white-space: nowrap !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li > a {
		display: inline-flex !important;
		align-items: center !important;
		min-height: 34px !important;
		padding: 0 8px !important;
		border-radius: 9px !important;
		font-size: 10px !important;
		font-weight: 780 !important;
		line-height: 1 !important;
		white-space: nowrap !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-subnav .h4f-menu-child-toggle {
		display: inline-flex !important;
		flex: 0 0 24px !important;
		width: 24px !important;
		height: 30px !important;
		margin: 0 0 0 -4px !important;
		padding: 0 !important;
	}

	/* Child menus are presented by site.js as a bottom sheet. Never let the
	   original desktop submenu take space below the rail. */
	body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li > ul.sub-menu,
	body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li > ul.children {
		display: none !important;
	}

	/* Permanent search remains discoverable but no longer consumes a full card. */
	body.h4f-premium-ui .h4f-site-header .h4f-header-search-row {
		position: relative !important;
		z-index: 100 !important;
		padding: 8px 0 9px !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-search {
		display: flex !important;
		width: calc(100% - 24px) !important;
		height: 52px !important;
		margin: 0 auto !important;
		padding: 4px 5px 4px 10px !important;
		border-radius: 15px !important;
		box-shadow: 0 0 0 3px rgba(46,211,255,.07), 0 9px 21px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08) !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-search__icon {
		flex: 0 0 36px !important;
		width: 36px !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-search__icon svg {
		width: 21px !important;
		height: 21px !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-search input[type='search'] {
		min-width: 0 !important;
		height: 40px !important;
		padding: 0 6px 0 0 !important;
		font-size: 13px !important;
		font-weight: 650 !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-search button {
		flex: 0 0 86px !important;
		min-width: 86px !important;
		height: 42px !important;
		padding: 0 9px !important;
		border-radius: 11px !important;
		font-size: 12px !important;
	}

	/* Compact hero: it is an introduction, not a second search interface. */
	body.home.h4f-premium-ui .content-area {
		padding-top: 14px !important;
	}

	body.home.h4f-premium-ui .h4f-home-hero-wrap {
		margin: 0 0 20px !important;
	}

	body.home.h4f-premium-ui .h4f-home-hero {
		display: block !important;
		padding: 20px 18px 16px !important;
		border-radius: 20px !important;
	}

	body.home.h4f-premium-ui .h4f-home-hero .h4f-hero-search,
	body.home.h4f-premium-ui .h4f-home-hero .h4f-hero-links {
		display: none !important;
	}

	body.home.h4f-premium-ui .h4f-eyebrow {
		margin: 0 0 10px !important;
		padding: 6px 10px !important;
		font-size: 10px !important;
		letter-spacing: .05em !important;
	}

	body.home.h4f-premium-ui .h4f-home-hero h1 {
		max-width: 18ch !important;
		margin: 0 0 11px !important;
		font-size: clamp(29px, 8.6vw, 34px) !important;
		line-height: 1.04 !important;
		letter-spacing: -.045em !important;
	}

	body.home.h4f-premium-ui .h4f-home-hero p {
		max-width: 34ch !important;
		margin: 0 !important;
		font-size: 15px !important;
		line-height: 1.48 !important;
	}

	body.home.h4f-premium-ui .h4f-home-hero .h4f-hero-panel {
		display: flex !important;
		align-items: stretch !important;
		gap: 7px !important;
		margin-top: 16px !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	body.home.h4f-premium-ui .h4f-home-hero .h4f-hero-panel::-webkit-scrollbar {
		display: none;
	}

	body.home.h4f-premium-ui .h4f-home-hero .h4f-stat {
		flex: 1 0 0 !important;
		min-width: 0 !important;
		padding: 10px 8px !important;
		border-radius: 12px !important;
	}

	body.home.h4f-premium-ui .h4f-home-hero .h4f-stat strong {
		display: block !important;
		overflow: hidden !important;
		font-size: 11px !important;
		font-weight: 850 !important;
		line-height: 1.15 !important;
		text-align: center !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}

	body.home.h4f-premium-ui .h4f-home-hero .h4f-stat span {
		display: none !important;
	}

	/* One horizontal sort rail, never two rows of pills. */
	body.h4f-premium-ui .c-blog__heading.style-2 .c-nav-tabs,
	body.h4f-premium-ui .c-nav-tabs {
		display: block !important;
		min-width: 0 !important;
	}

	body.h4f-premium-ui .c-nav-tabs > span {
		display: none !important;
	}

	body.h4f-premium-ui .c-nav-tabs .c-tabs-content {
		display: flex !important;
		flex-wrap: nowrap !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 8px 0 0 !important;
		padding: 0 1px 4px !important;
		gap: 8px !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	body.h4f-premium-ui .c-nav-tabs .c-tabs-content::-webkit-scrollbar {
		display: none;
	}

	body.h4f-premium-ui .c-nav-tabs .c-tabs-content > li {
		flex: 0 0 auto !important;
	}

	body.h4f-premium-ui .c-nav-tabs .c-tabs-content > li a {
		display: inline-flex !important;
		min-height: 36px !important;
		padding: 0 13px !important;
		font-size: 12px !important;
		white-space: nowrap !important;
	}

	/* Archive grid: two cards with no chapter blocks or opaque white labels. */
	body.h4f-premium-ui .page-content-listing .page-listing-item {
		margin-bottom: 14px !important;
	}

	body.h4f-premium-ui .page-content-listing .page-listing-item > .row {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 14px !important;
		margin: 0 !important;
	}

	body.h4f-premium-ui .page-content-listing .page-listing-item > .row > [class*='col-'] {
		width: auto !important;
		max-width: none !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		flex: none !important;
	}

	body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card {
		display: flex !important;
		flex-direction: column !important;
		height: 100% !important;
		padding: 8px !important;
		border-radius: 16px !important;
	}

	body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .item-thumb {
		border-radius: 12px !important;
	}

	body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .item-thumb img {
		aspect-ratio: 2 / 3 !important;
		object-fit: cover !important;
	}

	body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .item-summary {
		display: grid !important;
		gap: 7px !important;
		padding: 9px 1px 2px !important;
	}

	body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .post-title h3,
	body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .post-title h5 {
		font-size: 14px !important;
		line-height: 1.27 !important;
	}

	body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .post-title a {
		-webkit-line-clamp: 2 !important;
	}

	body.h4f-premium-ui .page-content-listing .h4f-card-rating {
		min-height: 17px !important;
		font-size: 11px !important;
		line-height: 1 !important;
	}

	body.h4f-premium-ui .page-content-listing .h4f-card-date {
		display: block !important;
		color: var(--h4f-soft) !important;
		font-size: 11px !important;
		line-height: 1.2 !important;
	}
}

/* Tight iPhones retain the same rhythm without reducing touch targets. */
@media (max-width: 390px) {
	body.h4f-premium-ui .h4f-site-header .wrap_branding .logo img {
		max-width: 116px !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-search button {
		flex-basis: 78px !important;
		min-width: 78px !important;
	}

	body.home.h4f-premium-ui .h4f-home-hero {
		padding: 18px 15px 15px !important;
	}

	body.home.h4f-premium-ui .h4f-home-hero h1 {
		font-size: 28px !important;
	}

	body.h4f-premium-ui .page-content-listing .page-listing-item > .row {
		gap: 11px !important;
	}
}


/* ========================================================================== 
   H4F v1.2 — Compact command header + deterministic responsive card grid
   This block intentionally comes last and overrides the incremental v1.0–1.1
   patches above. 
   ========================================================================== */

/* Keep the header controls inside the actual navigation bar, not over the
   secondary menu. This wins over the original Madara absolute-position rules. */
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
	grid-template-columns: minmax(165px, 224px) minmax(0, 1fr) max-content max-content !important;
	min-height: 76px !important;
	padding: 10px 0 !important;
}

body.h4f-premium-ui .h4f-site-header .h4f-header-actions,
body.h4f-premium-ui .h4f-site-header .c-togle__menu {
	position: static !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	align-self: center !important;
	float: none !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.h4f-premium-ui .h4f-site-header .h4f-header-actions {
	gap: 8px !important;
}

body.h4f-premium-ui .h4f-site-header .h4f-header-icon-button,
body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle {
	position: relative !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	left: auto !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 44px !important;
	width: 44px !important;
	height: 44px !important;
	min-width: 44px !important;
	min-height: 44px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid rgba(187, 156, 255, .32) !important;
	border-radius: 14px !important;
	background: linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.035)) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 8px 18px rgba(5,4,16,.24) !important;
	color: #f6f2ff !important;
	cursor: pointer !important;
	transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease !important;
}

body.h4f-premium-ui .h4f-site-header .h4f-header-icon-button:hover,
body.h4f-premium-ui .h4f-site-header .h4f-header-icon-button[aria-expanded='true'],
body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle:hover,
body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle.active {
	border-color: rgba(64, 224, 255, .72) !important;
	background: linear-gradient(145deg, rgba(157,108,255,.25), rgba(37,213,255,.16)) !important;
	box-shadow: 0 0 0 3px rgba(40,231,255,.08), inset 0 1px 0 rgba(255,255,255,.14), 0 10px 22px rgba(7,5,25,.34) !important;
	transform: translateY(-1px) !important;
}

body.h4f-premium-ui .h4f-site-header .h4f-header-icon-button svg {
	width: 21px !important;
	height: 21px !important;
	fill: none !important;
	stroke: currentColor !important;
	stroke-width: 2 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
}

body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle {
	flex-direction: column !important;
	gap: 5px !important;
}

body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle span,
body.h4f-premium-ui .h4f-site-header .menu_icon__open.h4f-menu-toggle span {
	position: static !important;
	display: block !important;
	width: 19px !important;
	height: 2px !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: currentColor !important;
	transform: none !important;
	transition: transform .2s ease, opacity .2s ease !important;
}

body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle.active span:nth-child(1) {
	transform: translateY(7px) rotate(45deg) !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle.active span:nth-child(2) {
	opacity: 0 !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle.active span:nth-child(3) {
	transform: translateY(-7px) rotate(-45deg) !important;
}

/* Search is a command panel: completely collapsed by default, with no
   residual blank band. The trigger icon lives in the header actions. */
body.h4f-premium-ui .h4f-site-header .h4f-header-search-row {
	position: relative !important;
	display: block !important;
	z-index: 1500 !important;
	max-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
	border: 0 !important;
	transition: max-height .26s ease, padding .26s ease, opacity .18s ease !important;
}

body.h4f-premium-ui .h4f-site-header.h4f-search-open .h4f-header-search-row {
	max-height: 94px !important;
	padding: 10px 0 12px !important;
	opacity: 1 !important;
	pointer-events: auto !important;
	border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

body.h4f-premium-ui .h4f-site-header .h4f-header-search {
	width: min(100% - 20px, 840px) !important;
	height: 56px !important;
	margin: 0 auto !important;
	padding: 4px 5px 4px 12px !important;
	border: 1px solid rgba(67,224,255,.52) !important;
	border-radius: 17px !important;
	background: linear-gradient(135deg, rgba(12,12,27,.98), rgba(22,15,40,.98)) !important;
	box-shadow: 0 0 0 4px rgba(40,231,255,.065), 0 14px 28px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

body.h4f-premium-ui .h4f-site-header .h4f-header-search button {
	flex: 0 0 108px !important;
	min-width: 108px !important;
	height: 46px !important;
	border-radius: 13px !important;
}

/* Deterministic responsive archive grid. PHP groups every six records into
   one row, so the desktop CSS can truly show six cards without wrapping. */
body.h4f-premium-ui .page-content-listing .page-listing-item.h4f-manga-grid-group,
body.h4f-premium-ui .page-content-listing .h4f-manga-grid-row {
	width: 100% !important;
	margin: 0 0 18px !important;
}

body.h4f-premium-ui .page-content-listing .h4f-manga-grid-row {
	display: grid !important;
	grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
	gap: 16px !important;
}

body.h4f-premium-ui .page-content-listing .h4f-manga-grid-row > .h4f-manga-grid-cell {
	display: block !important;
	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	flex: none !important;
}

body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card {
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 7px !important;
	border: 1px solid rgba(198,175,255,.18) !important;
	border-radius: 16px !important;
	background: linear-gradient(165deg, rgba(39,35,61,.88), rgba(17,20,37,.96)) !important;
	box-shadow: 0 12px 25px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.06) !important;
	overflow: hidden !important;
}

body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .item-thumb,
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .item-thumb a {
	display: block !important;
	width: 100% !important;
	overflow: hidden !important;
	border-radius: 11px !important;
}

body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .item-thumb img {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 2 / 3 !important;
	object-fit: cover !important;
	transition: transform .28s ease !important;
}

body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card:hover .item-thumb img {
	transform: scale(1.035) !important;
}

body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .item-summary {
	display: grid !important;
	gap: 6px !important;
	min-height: 0 !important;
	padding: 9px 1px 1px !important;
	background: transparent !important;
}

body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .post-title,
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .post-title h3 {
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}

body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .post-title h3,
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .post-title h5 {
	font-size: 13px !important;
	line-height: 1.28 !important;
}

body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .post-title a {
	display: -webkit-box !important;
	overflow: hidden !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
	color: #f7f4ff !important;
}

body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .h4f-card-rating,
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .h4f-card-date {
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}

body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .h4f-card-date {
	color: var(--h4f-soft) !important;
	font-size: 10px !important;
}

@media (max-width: 1240px) {
	body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
		grid-template-columns: minmax(150px, 1fr) max-content max-content !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation {
		display: none !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	body.h4f-premium-ui .page-content-listing .h4f-manga-grid-row {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 767px) {
	body.h4f-premium-ui .h4f-site-header .h4f-header-utility__inner {
		min-height: 32px !important;
		justify-content: center !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-utility__status {
		display: none !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-utility__links {
		gap: 14px !important;
	}

	body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
		grid-template-columns: minmax(0, 1fr) max-content max-content !important;
		gap: 8px !important;
		min-height: 64px !important;
		padding: 8px 0 !important;
	}

	body.h4f-premium-ui .h4f-site-header .wrap_branding .logo img {
		max-width: 174px !important;
		max-height: 42px !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-actions {
		display: flex !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-browse {
		display: none !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-icon-button,
	body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle {
		flex-basis: 42px !important;
		width: 42px !important;
		height: 42px !important;
		min-width: 42px !important;
		min-height: 42px !important;
		border-radius: 13px !important;
	}

	body.h4f-premium-ui .h4f-site-header.h4f-search-open .h4f-header-search-row {
		max-height: 82px !important;
		padding: 8px 0 10px !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-search {
		width: calc(100% - 28px) !important;
		height: 52px !important;
		padding: 3px 4px 3px 10px !important;
		border-radius: 15px !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-search__icon {
		flex: 0 0 34px !important;
		width: 34px !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-search input[type='search'] {
		height: 42px !important;
		font-size: 13px !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-search button {
		flex-basis: 90px !important;
		min-width: 90px !important;
		height: 44px !important;
		border-radius: 11px !important;
		font-size: 12px !important;
	}

	body.h4f-premium-ui .page-content-listing .page-listing-item.h4f-manga-grid-group,
	body.h4f-premium-ui .page-content-listing .h4f-manga-grid-row {
		margin-bottom: 14px !important;
	}

	body.h4f-premium-ui .page-content-listing .h4f-manga-grid-row {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 12px !important;
	}

	body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card {
		padding: 6px !important;
		border-radius: 14px !important;
	}

	body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .item-summary {
		gap: 5px !important;
		padding: 7px 1px 1px !important;
	}

	body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .post-title h3,
	body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .post-title h5 {
		font-size: 12px !important;
		line-height: 1.26 !important;
	}

	body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .h4f-card-rating {
		display: none !important;
	}

	body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .h4f-card-date {
		display: none !important;
	}
}

@media (max-width: 390px) {
	body.h4f-premium-ui .h4f-site-header .wrap_branding .logo img {
		max-width: 150px !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-icon-button,
	body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle {
		flex-basis: 40px !important;
		width: 40px !important;
		height: 40px !important;
		min-width: 40px !important;
		min-height: 40px !important;
	}
}

/* ========================================================================== 
   H4F v1.2.4 — Restore the mobile search command
   The button already exists in header.php; older mobile rules hid its action
   group. Keep brand, search and drawer controls on one stable row.
   ========================================================================== */
@media (max-width: 820px) {
	body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
		grid-template-columns: minmax(0, 1fr) 38px 38px !important;
		column-gap: 8px !important;
		align-items: center !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-actions {
		display: flex !important;
		visibility: visible !important;
		pointer-events: auto !important;
		grid-column: 2 !important;
		grid-row: 1 !important;
		align-items: center !important;
		justify-content: center !important;
		width: 38px !important;
		min-width: 38px !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-actions .h4f-header-browse {
		display: none !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-actions .h4f-header-icon-button,
	body.h4f-premium-ui .h4f-site-header .h4f-header-actions .h4f-header-search-toggle {
		display: inline-flex !important;
		visibility: visible !important;
		align-items: center !important;
		justify-content: center !important;
		width: 38px !important;
		height: 38px !important;
		min-width: 38px !important;
		min-height: 38px !important;
		padding: 0 !important;
		border-radius: 11px !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-actions .h4f-header-icon-button svg {
		display: block !important;
		width: 19px !important;
		height: 19px !important;
	}

	body.h4f-premium-ui .h4f-site-header .c-togle__menu {
		display: flex !important;
		grid-column: 3 !important;
		grid-row: 1 !important;
		align-items: center !important;
		justify-content: center !important;
	}
}

@media (max-width: 390px) {
	body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
		grid-template-columns: minmax(0, 1fr) 36px 36px !important;
		column-gap: 7px !important;
	}

	body.h4f-premium-ui .h4f-site-header .h4f-header-actions,
	body.h4f-premium-ui .h4f-site-header .h4f-header-actions .h4f-header-icon-button,
	body.h4f-premium-ui .h4f-site-header .h4f-header-actions .h4f-header-search-toggle {
		width: 36px !important;
		min-width: 36px !important;
		height: 36px !important;
		min-height: 36px !important;
	}
}

/* ========================================================================== 
   H4F v1.2.5 — Mobile search control visibility repair
   A legacy selector hid the entire actions wrapper with higher specificity.
   Keep search and drawer controls in the same compact header row.
   ========================================================================== */
@media (max-width: 820px) {
	body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) 38px 38px !important;
		column-gap: 8px !important;
		align-items: center !important;
		overflow: visible !important;
	}

	/* Must match the old direct-child selector so it cannot hide the group. */
	body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap > .h4f-header-actions {
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
		pointer-events: auto !important;
		grid-column: 2 !important;
		grid-row: 1 !important;
		align-items: center !important;
		justify-content: center !important;
		align-self: center !important;
		width: 38px !important;
		min-width: 38px !important;
		height: 38px !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: visible !important;
	}

	body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap > .h4f-header-actions .h4f-header-browse {
		display: none !important;
	}

	body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap > .h4f-header-actions .h4f-header-search-toggle,
	body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap > .h4f-header-actions .h4f-header-icon-button {
		display: inline-flex !important;
		visibility: visible !important;
		opacity: 1 !important;
		align-items: center !important;
		justify-content: center !important;
		width: 38px !important;
		height: 38px !important;
		min-width: 38px !important;
		min-height: 38px !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 1px solid rgba(75,225,255,.66) !important;
		border-radius: 12px !important;
		background: linear-gradient(145deg, rgba(29,24,55,.98), rgba(12,15,32,.98)) !important;
		box-shadow: 0 0 0 3px rgba(41,229,255,.08), inset 0 1px 0 rgba(255,255,255,.12) !important;
		color: #ad83ff !important;
	}

	body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap > .h4f-header-actions .h4f-header-search-toggle svg {
		display: block !important;
		width: 19px !important;
		height: 19px !important;
		fill: none !important;
		stroke: currentColor !important;
		stroke-width: 2.2 !important;
	}

	body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap > .wrap_branding {
		min-width: 0 !important;
		overflow: hidden !important;
	}

	body.h4f-premium-ui .h4f-site-header .wrap_branding .logo img {
		width: auto !important;
		max-width: 142px !important;
		max-height: 34px !important;
		object-fit: contain !important;
	}

	body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap > .c-togle__menu {
		display: flex !important;
		visibility: visible !important;
		grid-column: 3 !important;
		grid-row: 1 !important;
		align-items: center !important;
		justify-content: center !important;
		width: 38px !important;
		height: 38px !important;
		margin: 0 !important;
		padding: 0 !important;
	}
}

@media (max-width: 390px) {
	body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
		grid-template-columns: minmax(0, 1fr) 36px 36px !important;
		column-gap: 7px !important;
	}

	body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap > .h4f-header-actions,
	body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap > .h4f-header-actions .h4f-header-search-toggle,
	body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap > .h4f-header-actions .h4f-header-icon-button,
	body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap > .c-togle__menu {
		width: 36px !important;
		min-width: 36px !important;
		height: 36px !important;
		min-height: 36px !important;
	}

	body.h4f-premium-ui .h4f-site-header .wrap_branding .logo img {
		max-width: 128px !important;
		max-height: 31px !important;
	}
}

/* ========================================================================== 
   H4F v1.3 — Homepage Discovery Rail
   Purpose: premium, fast topic discovery immediately below the site header.
   Native horizontal scrolling is used so it remains light and fully touch-ready.
   ========================================================================== */
body.h4f-premium-ui .h4f-discovery-rail {
	position: relative;
	z-index: 6;
	padding: 24px 0 30px;
	background:
		radial-gradient(78% 92% at 4% 0%, rgba(152, 79, 255, .18) 0%, rgba(152, 79, 255, 0) 58%),
		radial-gradient(50% 100% at 100% 100%, rgba(27, 225, 255, .12) 0%, rgba(27, 225, 255, 0) 64%),
		linear-gradient(180deg, #0b0b17 0%, #10182d 100%);
	border-bottom: 1px solid rgba(159, 111, 255, .15);
	overflow: hidden;
}

body.h4f-premium-ui .h4f-discovery-rail::before {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);
	background-size: 42px 42px;
	mask-image: linear-gradient(90deg, transparent, #000 15%, #000 85%, transparent);
	opacity: .35;
}

body.h4f-premium-ui .h4f-discovery-rail__container {
	position: relative;
	max-width: 1480px;
}

body.h4f-premium-ui .h4f-discovery-rail__heading {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 28px;
	margin: 0 0 15px;
}

body.h4f-premium-ui .h4f-discovery-rail__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 4px;
	font-size: 10px;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #b98cff;
}

body.h4f-premium-ui .h4f-discovery-rail__eyebrow::before {
	content: '';
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #52e6ff;
	box-shadow: 0 0 0 4px rgba(82,230,255,.1), 0 0 14px rgba(82,230,255,.8);
}

body.h4f-premium-ui .h4f-discovery-rail__heading h2 {
	margin: 0;
	font-size: clamp(21px, 2vw, 31px);
	font-weight: 800;
	line-height: 1.14;
	letter-spacing: -.035em;
	color: #fff;
}

body.h4f-premium-ui .h4f-discovery-rail__heading p {
	max-width: 600px;
	margin: 5px 0 0;
	font-size: 13px;
	line-height: 1.5;
	color: rgba(226, 227, 250, .68);
}

body.h4f-premium-ui .h4f-discovery-rail__all {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	flex: 0 0 auto;
	min-height: 40px;
	padding: 0 15px;
	border: 1px solid rgba(126, 195, 255, .34);
	border-radius: 12px;
	background: rgba(13, 17, 37, .56);
	font-size: 12px;
	font-weight: 800;
	color: #f6f3ff !important;
	text-decoration: none !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 8px 22px rgba(0,0,0,.13);
	transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

body.h4f-premium-ui .h4f-discovery-rail__all span {
	font-size: 18px;
	line-height: 1;
	color: #58e1ff;
}

body.h4f-premium-ui .h4f-discovery-rail__all:hover {
	transform: translateY(-1px);
	border-color: rgba(205, 124, 255, .74);
	background: rgba(47, 27, 72, .72);
}

body.h4f-premium-ui .h4f-discovery-rail__viewport {
	position: relative;
	margin: 0 -2px;
}

body.h4f-premium-ui .h4f-discovery-rail__track {
	display: flex;
	gap: 14px;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	padding: 2px 2px 7px;
	-webkit-overflow-scrolling: touch;
}

body.h4f-premium-ui .h4f-discovery-rail__track::-webkit-scrollbar {
	display: none;
}

body.h4f-premium-ui .h4f-discovery-card {
	position: relative;
	display: block;
	isolation: isolate;
	flex: 0 0 clamp(238px, 21vw, 302px);
	height: 177px;
	overflow: hidden;
	border: 1px solid rgba(163, 116, 255, .33);
	border-radius: 18px;
	background: linear-gradient(135deg, #201939, #0f182d);
	box-shadow: 0 14px 28px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08);
	color: #fff !important;
	text-decoration: none !important;
	scroll-snap-align: start;
	transform: translateZ(0);
	transition: transform .23s ease, border-color .23s ease, box-shadow .23s ease;
}

body.h4f-premium-ui .h4f-discovery-card::after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	border-radius: inherit;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.035), inset 0 -45px 60px rgba(1,3,14,.24);
}

body.h4f-premium-ui .h4f-discovery-card img {
	position: absolute;
	z-index: -3;
	top: 0;
	right: 0;
	width: 66%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	filter: saturate(1.05) contrast(1.04);
	transition: transform .45s ease, filter .45s ease;
}

body.h4f-premium-ui .h4f-discovery-card__shade {
	position: absolute;
	z-index: -2;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(10,10,27,.98) 0%, rgba(13,14,34,.95) 33%, rgba(16,16,39,.58) 65%, rgba(14,16,40,.18) 100%),
		linear-gradient(150deg, rgba(174,92,255,.22) 0%, transparent 48%);
}

body.h4f-premium-ui .h4f-discovery-card:nth-child(3n + 2) .h4f-discovery-card__shade {
	background:
		linear-gradient(90deg, rgba(8,13,29,.98) 0%, rgba(10,23,42,.95) 34%, rgba(16,31,55,.58) 65%, rgba(14,25,45,.18) 100%),
		linear-gradient(145deg, rgba(52,218,255,.25) 0%, transparent 50%);
}

body.h4f-premium-ui .h4f-discovery-card:nth-child(3n) .h4f-discovery-card__shade {
	background:
		linear-gradient(90deg, rgba(24,10,31,.98) 0%, rgba(34,13,43,.94) 34%, rgba(54,16,55,.56) 67%, rgba(40,15,49,.16) 100%),
		linear-gradient(145deg, rgba(255,83,193,.22) 0%, transparent 52%);
}

body.h4f-premium-ui .h4f-discovery-card__content {
	position: relative;
	z-index: 3;
	display: flex;
	flex-direction: column;
	height: 100%;
	max-width: 72%;
	padding: 16px 15px 15px;
}

body.h4f-premium-ui .h4f-discovery-card__topline {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .135em;
	line-height: 1;
	text-transform: uppercase;
	color: rgba(240,235,255,.8);
}

body.h4f-premium-ui .h4f-discovery-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border: 1px solid rgba(196, 143, 255, .56);
	border-radius: 7px;
	background: rgba(118, 61, 187, .22);
	font-size: 13px;
	line-height: 1;
	color: #e4c2ff;
}

body.h4f-premium-ui .h4f-discovery-card strong {
	display: -webkit-box;
	margin-top: 12px;
	overflow: hidden;
	font-size: 20px;
	font-weight: 800;
	line-height: 1.08;
	letter-spacing: -.035em;
	color: #fff;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

body.h4f-premium-ui .h4f-discovery-card small {
	display: -webkit-box;
	margin-top: 7px;
	overflow: hidden;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.36;
	color: rgba(234,234,255,.68);
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

body.h4f-premium-ui .h4f-discovery-card__cta {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: auto;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .07em;
	text-transform: uppercase;
	color: #82eaff;
}

body.h4f-premium-ui .h4f-discovery-card__cta i {
	font-style: normal;
	font-size: 15px;
	line-height: 1;
	transition: transform .2s ease;
}

body.h4f-premium-ui .h4f-discovery-card:hover {
	transform: translateY(-4px);
	border-color: rgba(219, 124, 255, .86);
	box-shadow: 0 20px 35px rgba(0,0,0,.34), 0 0 0 3px rgba(152,83,255,.1), inset 0 1px 0 rgba(255,255,255,.12);
}

body.h4f-premium-ui .h4f-discovery-card:hover img {
	transform: scale(1.08);
	filter: saturate(1.15) contrast(1.08);
}

body.h4f-premium-ui .h4f-discovery-card:hover .h4f-discovery-card__cta i {
	transform: translateX(3px);
}

body.h4f-premium-ui .h4f-discovery-rail__arrow {
	position: absolute;
	z-index: 8;
	top: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	margin-top: -21px;
	padding: 0;
	border: 1px solid rgba(160, 118, 255, .63);
	border-radius: 13px;
	background: rgba(11, 12, 29, .92);
	box-shadow: 0 8px 25px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.1);
	font-size: 31px;
	line-height: 1;
	color: #f4efff;
	cursor: pointer;
	opacity: 0;
	transition: opacity .2s ease, transform .2s ease, border-color .2s ease;
}

body.h4f-premium-ui .h4f-discovery-rail__viewport:hover .h4f-discovery-rail__arrow,
body.h4f-premium-ui .h4f-discovery-rail__arrow:focus-visible {
	opacity: 1;
}

body.h4f-premium-ui .h4f-discovery-rail__arrow:hover {
	transform: scale(1.05);
	border-color: #65e5ff;
}

body.h4f-premium-ui .h4f-discovery-rail__arrow--prev { left: -20px; }
body.h4f-premium-ui .h4f-discovery-rail__arrow--next { right: -20px; }

body.h4f-premium-ui .h4f-discovery-rail__arrow.is-disabled {
	opacity: 0 !important;
	pointer-events: none;
}

body.h4f-premium-ui .h4f-discovery-rail__progress {
	height: 3px;
	margin: 13px 1px 0;
	overflow: hidden;
	border-radius: 999px;
	background: rgba(255,255,255,.1);
}

body.h4f-premium-ui .h4f-discovery-rail__progress span {
	display: block;
	width: 24%;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, #5ce8ff, #b371ff 52%, #ff60d3);
	box-shadow: 0 0 12px rgba(167,96,255,.7);
	transform-origin: left center;
}

body.h4f-premium-ui .h4f-discovery-rail__track:focus-visible,
body.h4f-premium-ui .h4f-discovery-rail__arrow:focus-visible,
body.h4f-premium-ui .h4f-discovery-rail__all:focus-visible,
body.h4f-premium-ui .h4f-discovery-card:focus-visible {
	outline: 3px solid #70eaff;
	outline-offset: 3px;
}

@media (max-width: 991px) {
	body.h4f-premium-ui .h4f-discovery-rail {
		padding: 18px 0 22px;
	}

	body.h4f-premium-ui .h4f-discovery-rail__heading {
		margin-bottom: 12px;
	}

	body.h4f-premium-ui .h4f-discovery-rail__heading h2 {
		font-size: 23px;
	}

	body.h4f-premium-ui .h4f-discovery-card {
		flex-basis: 270px;
		height: 165px;
	}

	body.h4f-premium-ui .h4f-discovery-rail__arrow {
		display: none;
	}
}

@media (max-width: 620px) {
	body.h4f-premium-ui .h4f-discovery-rail {
		padding: 14px 0 17px;
	}

	body.h4f-premium-ui .h4f-discovery-rail__container {
		padding-right: 0;
	}

	body.h4f-premium-ui .h4f-discovery-rail__heading {
		align-items: center;
		gap: 12px;
		padding-right: 15px;
	}

	body.h4f-premium-ui .h4f-discovery-rail__eyebrow {
		margin-bottom: 2px;
		font-size: 9px;
	}

	body.h4f-premium-ui .h4f-discovery-rail__heading h2 {
		font-size: 18px;
		line-height: 1.13;
	}

	body.h4f-premium-ui .h4f-discovery-rail__heading p {
		display: none;
	}

	body.h4f-premium-ui .h4f-discovery-rail__all {
		min-height: 34px;
		padding: 0 10px;
		border-radius: 10px;
		font-size: 10px;
	}

	body.h4f-premium-ui .h4f-discovery-rail__all span {
		font-size: 15px;
	}

	body.h4f-premium-ui .h4f-discovery-rail__viewport {
		margin-left: 0;
	}

	body.h4f-premium-ui .h4f-discovery-rail__track {
		gap: 10px;
		padding: 2px 18vw 6px 0;
	}

	body.h4f-premium-ui .h4f-discovery-card {
		flex-basis: 258px;
		height: 150px;
		border-radius: 15px;
	}

	body.h4f-premium-ui .h4f-discovery-card__content {
		max-width: 74%;
		padding: 13px;
	}

	body.h4f-premium-ui .h4f-discovery-card__topline {
		font-size: 8px;
	}

	body.h4f-premium-ui .h4f-discovery-card__icon {
		width: 18px;
		height: 18px;
		border-radius: 6px;
		font-size: 12px;
	}

	body.h4f-premium-ui .h4f-discovery-card strong {
		margin-top: 9px;
		font-size: 18px;
	}

	body.h4f-premium-ui .h4f-discovery-card small {
		display: none;
	}

	body.h4f-premium-ui .h4f-discovery-card__cta {
		font-size: 9px;
	}

	body.h4f-premium-ui .h4f-discovery-rail__progress {
		margin: 10px 15px 0 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.h4f-premium-ui .h4f-discovery-rail__track,
	body.h4f-premium-ui .h4f-discovery-card,
	body.h4f-premium-ui .h4f-discovery-card img,
	body.h4f-premium-ui .h4f-discovery-rail__all,
	body.h4f-premium-ui .h4f-discovery-rail__arrow {
		scroll-behavior: auto;
		transition: none;
	}
}

/* ========================================================================== 
   H4F v1.4 — Home Discovery Slider + Library Controls
   The former oversized hero is removed in functions.php. This is the new
   editorial first screen: a lighter, denser discovery rail followed by a
   refined archive title and filter control bar.
   ========================================================================== */
body.h4f-premium-ui.home .h4f-home-discovery-wrap {
	flex: 0 0 100% !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.h4f-premium-ui.home .h4f-home-discovery-wrap + .main-col {
	margin-top: 0 !important;
}

body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail {
	margin: 0 0 18px !important;
	padding: 22px 24px 23px !important;
	border: 1px solid rgba(176, 119, 255, .25) !important;
	border-radius: 24px !important;
	background:
		radial-gradient(84% 115% at -8% -36%, rgba(151, 80, 255, .36) 0%, rgba(151, 80, 255, 0) 55%),
		radial-gradient(50% 100% at 100% 100%, rgba(36, 217, 255, .16) 0%, rgba(36, 217, 255, 0) 72%),
		linear-gradient(135deg, rgba(15, 13, 35, .98), rgba(12, 21, 42, .98)) !important;
	box-shadow: 0 18px 42px rgba(1, 2, 13, .24), inset 0 1px 0 rgba(255,255,255,.075) !important;
	overflow: hidden !important;
}

body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail::before {
	opacity: .22 !important;
}

body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__container {
	width: 100% !important;
	max-width: none !important;
	padding: 0 !important;
}

body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__heading {
	align-items: flex-end !important;
	margin: 0 0 16px !important;
}

body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__eyebrow {
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	font-size: 10px !important;
}

body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__heading h1 {
	margin: 0 !important;
	font-size: clamp(24px, 2.15vw, 33px) !important;
	font-weight: 900 !important;
	line-height: 1.05 !important;
	letter-spacing: -.045em !important;
	color: #fff !important;
}

body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__heading p {
	max-width: 560px !important;
	margin: 7px 0 0 !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
}

body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__all {
	min-height: 40px !important;
	padding: 0 14px !important;
	border-radius: 12px !important;
}

body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__track {
	gap: 13px !important;
	padding: 2px 2px 8px !important;
}

body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-card {
	flex-basis: clamp(246px, 20.4vw, 306px) !important;
	height: 170px !important;
	border-radius: 17px !important;
}

body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-card__content {
	padding: 15px !important;
}

body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-card strong {
	font-size: 20px !important;
}

body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__arrow {
	opacity: 1 !important;
}

/* Archive title: turns the former generic heading into a clean section lead. */
body.h4f-premium-ui .c-page-content .main-col-inner > .c-page > .entry-header {
	position: relative !important;
	margin: 27px 0 14px !important;
	padding: 0 0 15px !important;
	border: 0 !important;
	background: transparent !important;
}

body.h4f-premium-ui .c-page-content .main-col-inner > .c-page > .entry-header::after {
	content: '' !important;
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	height: 1px !important;
	background: linear-gradient(90deg, rgba(255, 224, 86, .95), rgba(179, 123, 255, .6) 44%, rgba(86, 226, 255, .18) 75%, transparent) !important;
}

body.h4f-premium-ui .c-page-content .entry-title .item-title {
	display: flex !important;
	align-items: center !important;
	gap: 11px !important;
	margin: 0 !important;
	font-size: clamp(23px, 2.15vw, 33px) !important;
	font-weight: 900 !important;
	line-height: 1.12 !important;
	letter-spacing: -.04em !important;
	color: #fff !important;
}

body.h4f-premium-ui .c-page-content .entry-title .item-title::before {
	content: '✦' !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 30px !important;
	height: 30px !important;
	border-radius: 10px !important;
	background: linear-gradient(135deg, #ffd65b, #ff9b45) !important;
	box-shadow: 0 7px 16px rgba(255, 177, 61, .2) !important;
	font-size: 17px !important;
	line-height: 1 !important;
	color: #37220a !important;
}

body.h4f-premium-ui .c-page-content .entry-title .item-description {
	margin: 10px 0 0 41px !important;
	font-size: 14px !important;
	line-height: 1.65 !important;
}

/* Results title and sorting controls share one premium toolbar on desktop. */
body.h4f-premium-ui .c-page-content .c-blog__heading.style-2 {
	display: grid !important;
	grid-template-columns: minmax(180px, auto) minmax(0, 1fr) !important;
	align-items: center !important;
	gap: 22px !important;
	margin: 0 0 19px !important;
	padding: 13px 15px !important;
	border: 1px solid rgba(160, 126, 244, .22) !important;
	border-radius: 18px !important;
	background: linear-gradient(135deg, rgba(36, 30, 59, .84), rgba(15, 23, 42, .92)) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.065), 0 12px 28px rgba(1,3,13,.13) !important;
}

body.h4f-premium-ui .c-page-content .c-blog__heading.style-2 > .h4 {
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
	margin: 0 !important;
	font-size: 17px !important;
	font-weight: 900 !important;
	line-height: 1.05 !important;
	letter-spacing: -.02em !important;
	color: #fff !important;
	white-space: nowrap !important;
}

body.h4f-premium-ui .c-page-content .c-blog__heading.style-2 > .h4 i {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 32px !important;
	height: 32px !important;
	margin: 0 !important;
	border-radius: 10px !important;
	background: linear-gradient(135deg, #ff4c65, #ff785e) !important;
	box-shadow: 0 7px 15px rgba(255, 83, 101, .23) !important;
	font-size: 15px !important;
	color: #fff !important;
}

body.h4f-premium-ui .h4f-library-sort {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 10px !important;
	min-width: 0 !important;
}

body.h4f-premium-ui .h4f-library-sort__label {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	flex: 0 0 auto !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	letter-spacing: .045em !important;
	text-transform: uppercase !important;
	color: rgba(221, 217, 245, .57) !important;
	white-space: nowrap !important;
}

body.h4f-premium-ui .h4f-library-sort__label i {
	font-style: normal !important;
	font-size: 14px !important;
	color: #70e7ff !important;
}

body.h4f-premium-ui .h4f-library-sort__scroll {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 7px !important;
	min-width: 0 !important;
	overflow-x: auto !important;
	overflow-y: hidden !important;
	scrollbar-width: none !important;
	-webkit-overflow-scrolling: touch !important;
}
body.h4f-premium-ui .h4f-library-sort__scroll::-webkit-scrollbar { display: none !important; }

body.h4f-premium-ui .h4f-library-sort__chip {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	flex: 0 0 auto !important;
	min-height: 34px !important;
	padding: 0 11px !important;
	border: 1px solid rgba(178, 165, 232, .22) !important;
	border-radius: 11px !important;
	background: rgba(255,255,255,.055) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.055) !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	color: rgba(239, 237, 255, .78) !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease !important;
}

body.h4f-premium-ui .h4f-library-sort__chip > span {
	font-size: 13px !important;
	line-height: 1 !important;
	color: #a680ff !important;
}

body.h4f-premium-ui .h4f-library-sort__chip:hover {
	transform: translateY(-1px) !important;
	border-color: rgba(114, 231, 255, .58) !important;
	background: rgba(77, 197, 255, .1) !important;
	color: #fff !important;
}

body.h4f-premium-ui .h4f-library-sort__chip.is-active {
	border-color: rgba(95, 228, 255, .72) !important;
	background: linear-gradient(135deg, rgba(112, 223, 255, .18), rgba(162, 100, 255, .25)) !important;
	box-shadow: 0 0 0 3px rgba(77, 220, 255, .07), inset 0 1px 0 rgba(255,255,255,.13) !important;
	color: #fff !important;
}

body.h4f-premium-ui .h4f-library-sort__chip.is-active > span {
	color: #73ecff !important;
}

@media (max-width: 991px) {
	body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail {
		margin-bottom: 14px !important;
		padding: 17px 17px 18px !important;
		border-radius: 21px !important;
	}

	body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__arrow { display: none !important; }
	body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-card { flex-basis: 266px !important; height: 156px !important; }
}

@media (max-width: 767px) {
	body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail {
		margin: 0 0 14px !important;
		padding: 15px 0 16px 15px !important;
		border-width: 1px !important;
		border-radius: 0 !important;
		border-right: 0 !important;
		border-left: 0 !important;
		box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 12px 26px rgba(1,3,13,.14) !important;
	}

	body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__heading {
		align-items: flex-start !important;
		gap: 8px !important;
		padding: 0 15px 0 0 !important;
		margin-bottom: 12px !important;
	}

	body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__heading h1 {
		font-size: 21px !important;
		line-height: 1.08 !important;
	}

	body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__heading p {
		display: none !important;
	}

	body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__all {
		min-height: 34px !important;
		padding: 0 9px !important;
		border-radius: 10px !important;
		font-size: 10px !important;
	}

	body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__track {
		gap: 10px !important;
		padding: 2px 18vw 6px 0 !important;
	}

	body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-card {
		flex-basis: 246px !important;
		height: 144px !important;
		border-radius: 15px !important;
	}

	body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-card__content {
		max-width: 76% !important;
		padding: 12px !important;
	}

	body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-card strong {
		margin-top: 8px !important;
		font-size: 18px !important;
	}

	body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-card small { display: none !important; }
	body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-card__cta { font-size: 9px !important; }
	body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__progress { margin: 10px 15px 0 0 !important; }

	body.h4f-premium-ui .c-page-content .main-col-inner > .c-page > .entry-header {
		margin: 22px 0 12px !important;
		padding-bottom: 12px !important;
	}

	body.h4f-premium-ui .c-page-content .entry-title .item-title {
		gap: 9px !important;
		font-size: 25px !important;
	}

	body.h4f-premium-ui .c-page-content .entry-title .item-title::before {
		width: 27px !important;
		height: 27px !important;
		border-radius: 9px !important;
		font-size: 15px !important;
	}

	body.h4f-premium-ui .c-page-content .entry-title .item-description {
		margin-left: 36px !important;
	}

	body.h4f-premium-ui .c-page-content .c-blog__heading.style-2 {
		display: block !important;
		margin-bottom: 16px !important;
		padding: 12px !important;
		border-radius: 16px !important;
	}

	body.h4f-premium-ui .c-page-content .c-blog__heading.style-2 > .h4 {
		margin: 0 0 11px !important;
		font-size: 17px !important;
	}

	body.h4f-premium-ui .h4f-library-sort {
		display: block !important;
		position: relative !important;
		margin: 0 -12px -12px !important;
		padding: 10px 0 12px 12px !important;
		border-top: 1px solid rgba(255,255,255,.07) !important;
	}

	body.h4f-premium-ui .h4f-library-sort::after {
		content: '' !important;
		position: absolute !important;
		top: 33px !important;
		right: 0 !important;
		width: 42px !important;
		height: 42px !important;
		pointer-events: none !important;
		background: linear-gradient(90deg, transparent, rgba(17, 24, 44, .96)) !important;
	}

	body.h4f-premium-ui .h4f-library-sort__label {
		margin: 0 0 8px !important;
		font-size: 10px !important;
	}

	body.h4f-premium-ui .h4f-library-sort__scroll {
		justify-content: flex-start !important;
		gap: 8px !important;
		padding: 0 30px 1px 0 !important;
	}

	body.h4f-premium-ui .h4f-library-sort__chip {
		min-height: 33px !important;
		padding: 0 10px !important;
		border-radius: 10px !important;
		font-size: 10px !important;
	}
}

/* ========================================================================== 
   H4F v1.5 — compact mobile spacing, Continue Reading, Popular Parodies
   ========================================================================== */

/* The front-page archive has a legacy 50px top margin in Madara. The custom
   discovery content sits above the grid, so this margin is excess whitespace. */
body.h4f-premium-ui.home .c-page-content .content-area {
	margin-top: 22px !important;
}

body.h4f-premium-ui.home .h4f-home-continue-wrap,
body.h4f-premium-ui.home .h4f-home-fandoms-wrap {
	flex: 0 0 100% !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.h4f-premium-ui .h4f-continue-reading,
body.h4f-premium-ui .h4f-fandoms {
	position: relative;
	margin: 0 0 16px;
	padding: 16px 18px;
	border: 1px solid rgba(163, 122, 244, .2);
	border-radius: 18px;
	background:
		radial-gradient(65% 120% at 0% 0%, rgba(148, 75, 255, .14) 0%, rgba(148, 75, 255, 0) 62%),
		linear-gradient(135deg, rgba(25, 22, 49, .92), rgba(13, 22, 42, .94));
	box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 12px 26px rgba(1,3,13,.12);
}

body.h4f-premium-ui .h4f-continue-reading__head,
body.h4f-premium-ui .h4f-fandoms__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	margin: 0 0 12px;
}

body.h4f-premium-ui .h4f-continue-reading__eyebrow,
body.h4f-premium-ui .h4f-fandoms__eyebrow {
	display: block;
	margin: 0 0 3px;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .14em;
	line-height: 1.15;
	text-transform: uppercase;
	color: #a889f5;
}

body.h4f-premium-ui .h4f-continue-reading h2,
body.h4f-premium-ui .h4f-fandoms h2 {
	margin: 0;
	font-size: 20px;
	font-weight: 900;
	line-height: 1.1;
	letter-spacing: -.035em;
	color: #fff;
}

body.h4f-premium-ui .h4f-continue-reading__clear,
body.h4f-premium-ui .h4f-fandoms__all {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-height: 32px;
	padding: 0 10px;
	border: 1px solid rgba(129, 206, 255, .28);
	border-radius: 10px;
	background: rgba(7, 13, 29, .38);
	font: inherit;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .035em;
	color: rgba(238, 242, 255, .78) !important;
	text-decoration: none !important;
	white-space: nowrap;
	cursor: pointer;
	transition: border-color .2s ease, background .2s ease, color .2s ease;
}

body.h4f-premium-ui .h4f-continue-reading__clear:hover,
body.h4f-premium-ui .h4f-fandoms__all:hover {
	border-color: rgba(100, 231, 255, .68);
	background: rgba(57, 150, 255, .11);
	color: #fff !important;
}

body.h4f-premium-ui .h4f-fandoms__all span {
	font-size: 15px;
	line-height: 1;
	color: #6eeaff;
}

body.h4f-premium-ui .h4f-continue-reading__track {
	display: grid;
	grid-auto-columns: minmax(190px, 1fr);
	grid-auto-flow: column;
	grid-template-rows: 1fr;
	gap: 10px;
	overflow-x: auto;
	overflow-y: hidden;
	padding: 1px 1px 3px;
	scroll-snap-type: x proximity;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}
body.h4f-premium-ui .h4f-continue-reading__track::-webkit-scrollbar { display: none; }

body.h4f-premium-ui .h4f-continue-card {
	position: relative;
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr);
	gap: 10px;
	align-items: center;
	min-width: 0;
	min-height: 72px;
	overflow: hidden;
	padding: 8px;
	border: 1px solid rgba(178, 158, 240, .2);
	border-radius: 13px;
	background: rgba(4, 9, 25, .38);
	color: #fff !important;
	text-decoration: none !important;
	scroll-snap-align: start;
	transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

body.h4f-premium-ui .h4f-continue-card:hover {
	transform: translateY(-2px);
	border-color: rgba(105, 229, 255, .6);
	background: rgba(34, 44, 80, .56);
}

body.h4f-premium-ui .h4f-continue-card__cover {
	position: relative;
	display: block;
	width: 52px;
	height: 58px;
	overflow: hidden;
	border-radius: 9px;
	background: linear-gradient(145deg, #50367c, #18213f);
}

body.h4f-premium-ui .h4f-continue-card__cover img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

body.h4f-premium-ui .h4f-continue-card__progress {
	position: absolute;
	bottom: 0;
	left: 0;
	width: var(--h4f-progress, 0%);
	height: 3px;
	border-radius: 0 3px 0 0;
	background: linear-gradient(90deg, #54e6ff, #ba79ff 55%, #ff62d4);
	box-shadow: 0 0 8px rgba(101, 227, 255, .55);
}

body.h4f-premium-ui .h4f-continue-card__copy {
	display: block;
	min-width: 0;
}

body.h4f-premium-ui .h4f-continue-card__copy strong {
	display: -webkit-box;
	overflow: hidden;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.22;
	letter-spacing: -.015em;
	color: #fff;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

body.h4f-premium-ui .h4f-continue-card__copy small {
	display: block;
	margin-top: 5px;
	font-size: 10px;
	font-weight: 700;
	line-height: 1.15;
	color: #71eaff;
}

body.h4f-premium-ui .h4f-fandoms {
	padding-top: 14px;
	padding-bottom: 14px;
}

body.h4f-premium-ui .h4f-fandoms__head {
	margin-bottom: 10px;
}

body.h4f-premium-ui .h4f-fandoms__rail {
	display: flex;
	align-items: center;
	gap: 8px;
	overflow-x: auto;
	overflow-y: hidden;
	padding: 1px 1px 3px;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}
body.h4f-premium-ui .h4f-fandoms__rail::-webkit-scrollbar { display: none; }

body.h4f-premium-ui .h4f-fandoms__chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	flex: 0 0 auto;
	min-height: 32px;
	padding: 0 10px;
	border: 1px solid rgba(172, 150, 235, .22);
	border-radius: 10px;
	background: rgba(255,255,255,.045);
	font-size: 10px;
	font-weight: 800;
	line-height: 1;
	color: rgba(243, 241, 255, .8) !important;
	text-decoration: none !important;
	white-space: nowrap;
	transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}

body.h4f-premium-ui .h4f-fandoms__chip span {
	font-size: 11px;
	color: #b889ff;
}

body.h4f-premium-ui .h4f-fandoms__chip:hover {
	transform: translateY(-1px);
	border-color: rgba(111, 229, 255, .62);
	background: rgba(84, 190, 255, .11);
	color: #fff !important;
}

@media (max-width: 767px) {
	body.h4f-premium-ui.home .c-page-content .content-area {
		margin-top: 12px !important;
	}

	/* Tighten the transition from the submenu into discovery without making the
	   rail feel cramped. These values also remove the inherited page gap. */
	body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail {
		margin-bottom: 9px !important;
		padding-top: 11px !important;
		padding-bottom: 12px !important;
	}

	body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__heading {
		margin-bottom: 9px !important;
	}

	body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__heading h1 {
		font-size: 20px !important;
	}

	body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-card {
		flex-basis: 236px !important;
		height: 136px !important;
	}

	body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-card__content {
		padding: 11px !important;
	}

	body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-card strong {
		margin-top: 7px !important;
		font-size: 17px !important;
	}

	body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__progress {
		margin-top: 8px !important;
	}

	body.h4f-premium-ui .h4f-continue-reading,
	body.h4f-premium-ui .h4f-fandoms {
		margin-bottom: 10px;
		padding: 12px 14px;
		border-radius: 15px;
	}

	body.h4f-premium-ui .h4f-continue-reading__head,
	body.h4f-premium-ui .h4f-fandoms__head {
		align-items: center;
		margin-bottom: 9px;
	}

	body.h4f-premium-ui .h4f-continue-reading__eyebrow,
	body.h4f-premium-ui .h4f-fandoms__eyebrow {
		margin-bottom: 2px;
		font-size: 8px;
	}

	body.h4f-premium-ui .h4f-continue-reading h2,
	body.h4f-premium-ui .h4f-fandoms h2 {
		font-size: 17px;
	}

	body.h4f-premium-ui .h4f-continue-reading__clear,
	body.h4f-premium-ui .h4f-fandoms__all {
		min-height: 29px;
		padding: 0 8px;
		font-size: 9px;
	}

	body.h4f-premium-ui .h4f-continue-reading__track {
		grid-auto-columns: 178px;
		gap: 8px;
		padding-right: 14px;
	}

	body.h4f-premium-ui .h4f-continue-card {
		grid-template-columns: 45px minmax(0, 1fr);
		gap: 8px;
		min-height: 64px;
		padding: 7px;
		border-radius: 11px;
	}

	body.h4f-premium-ui .h4f-continue-card__cover {
		width: 45px;
		height: 50px;
		border-radius: 7px;
	}

	body.h4f-premium-ui .h4f-continue-card__copy strong { font-size: 11px; }
	body.h4f-premium-ui .h4f-continue-card__copy small { margin-top: 4px; font-size: 9px; }

	body.h4f-premium-ui .h4f-fandoms {
		padding-top: 11px;
		padding-bottom: 11px;
	}

	body.h4f-premium-ui .h4f-fandoms__rail {
		gap: 7px;
		padding-right: 14px;
	}

	body.h4f-premium-ui .h4f-fandoms__chip {
		min-height: 30px;
		padding: 0 9px;
		font-size: 9px;
		border-radius: 9px;
	}

	/* Final, smaller handoff into the archive title and result toolbar. */
	body.h4f-premium-ui .c-page-content .main-col-inner > .c-page > .entry-header {
		margin-top: 15px !important;
		margin-bottom: 10px !important;
		padding-bottom: 10px !important;
	}

	body.h4f-premium-ui .c-page-content .c-blog__heading.style-2 {
		margin-bottom: 12px !important;
	}
}

@media (min-width: 768px) {
	body.h4f-premium-ui.home .h4f-home-continue-wrap,
	body.h4f-premium-ui.home .h4f-home-fandoms-wrap {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}

/* ========================================================================== 
   H4F v1.6.2 — Safe Minimal Archive Toolbar
   Works with the original Madara manga-archive.php. No archive-template
   override is required, so the homepage discovery hook and responsive grid
   remain untouched.
   ========================================================================== */

/* Madara prints the result count as a direct <h4>. The earlier rule targeted
   .h4 (a class), so it could never hide this node. */
body.h4f-premium-ui .wp-manga-section .c-page-content .tab-wrap > .c-blog__heading.style-2 > h4,
body.h4f-premium-ui .wp-manga-section .c-page-content .tab-wrap > .c-blog__heading.style-2 > h4:first-child {
	display: none !important;
}

/* Remove the old result panel and leave a calm, editorial sorting row. */
body.h4f-premium-ui .wp-manga-section .c-page-content .tab-wrap > .c-blog__heading.style-2 {
	display: block !important;
	width: 100% !important;
	margin: 0 0 24px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

body.h4f-premium-ui .wp-manga-section .h4f-library-sort {
	display: flex !important;
	align-items: center !important;
	gap: 16px !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 13px 0 !important;
	border-top: 1px solid rgba(219, 210, 255, .15) !important;
	border-bottom: 1px solid rgba(219, 210, 255, .12) !important;
	background: transparent !important;
	box-shadow: none !important;
}

body.h4f-premium-ui .wp-manga-section .h4f-library-sort__label {
	display: inline-block !important;
	flex: 0 0 auto !important;
	margin: 0 !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	letter-spacing: .11em !important;
	text-transform: uppercase !important;
	color: rgba(224, 220, 245, .56) !important;
	white-space: nowrap !important;
}

body.h4f-premium-ui .wp-manga-section .h4f-library-sort__label i,
body.h4f-premium-ui .wp-manga-section .h4f-library-sort__label svg,
body.h4f-premium-ui .wp-manga-section .h4f-library-sort__label::before,
body.h4f-premium-ui .wp-manga-section .h4f-library-sort__label::after {
	display: none !important;
	content: none !important;
}

body.h4f-premium-ui .wp-manga-section .h4f-library-sort__scroll {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	min-width: 0 !important;
	width: 100% !important;
	overflow-x: auto !important;
	overflow-y: hidden !important;
	scrollbar-width: none !important;
	-webkit-overflow-scrolling: touch !important;
}

body.h4f-premium-ui .wp-manga-section .h4f-library-sort__scroll::-webkit-scrollbar {
	display: none !important;
}

body.h4f-premium-ui .wp-manga-section .h4f-library-sort__chip {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 auto !important;
	min-height: 36px !important;
	padding: 0 15px !important;
	border: 1px solid rgba(190, 181, 231, .18) !important;
	border-radius: 999px !important;
	background: rgba(255, 255, 255, .035) !important;
	box-shadow: none !important;
	font-size: 12px !important;
	font-weight: 750 !important;
	line-height: 1 !important;
	letter-spacing: -.01em !important;
	color: rgba(238, 236, 250, .75) !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease !important;
}

body.h4f-premium-ui .wp-manga-section .h4f-library-sort__chip > span:not(.screen-reader-text),
body.h4f-premium-ui .wp-manga-section .h4f-library-sort__chip i,
body.h4f-premium-ui .wp-manga-section .h4f-library-sort__chip svg,
body.h4f-premium-ui .wp-manga-section .h4f-library-sort__chip::before,
body.h4f-premium-ui .wp-manga-section .h4f-library-sort__chip::after {
	display: none !important;
	content: none !important;
}

body.h4f-premium-ui .wp-manga-section .h4f-library-sort__chip:hover {
	transform: translateY(-1px) !important;
	border-color: rgba(128, 233, 255, .5) !important;
	background: rgba(82, 211, 255, .09) !important;
	color: #fff !important;
}

body.h4f-premium-ui .wp-manga-section .h4f-library-sort__chip.is-active {
	border-color: rgba(129, 229, 255, .72) !important;
	background: linear-gradient(135deg, rgba(87, 220, 255, .16), rgba(157, 102, 255, .20)) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 0 0 3px rgba(75, 214, 255, .055) !important;
	color: #fff !important;
}

/* Archive and taxonomy titles stay visually primary; no result count competes
   with them. */
body.h4f-premium-ui .wp-manga-section .c-page-content .entry-title .item-title {
	margin-bottom: 0 !important;
}

@media (max-width: 767px) {
	body.h4f-premium-ui .wp-manga-section .c-page-content .tab-wrap > .c-blog__heading.style-2 {
		margin-bottom: 17px !important;
	}

	body.h4f-premium-ui .wp-manga-section .h4f-library-sort {
		display: block !important;
		padding: 10px 0 11px !important;
	}

	body.h4f-premium-ui .wp-manga-section .h4f-library-sort__label {
		display: block !important;
		margin: 0 0 9px !important;
		font-size: 10px !important;
	}

	body.h4f-premium-ui .wp-manga-section .h4f-library-sort__scroll {
		gap: 7px !important;
		padding: 0 20px 1px 0 !important;
	}

	body.h4f-premium-ui .wp-manga-section .h4f-library-sort__chip {
		min-height: 34px !important;
		padding: 0 13px !important;
		font-size: 11px !important;
	}
}


/* ========================================================================== 
   H4F v1.7 — Homepage polish
   Small hierarchy corrections after the discovery/continue-reading rollout.
   This only refines mobile spacing and visual weight; it does not alter
   Madara archive templates, hooks, slider markup or the card grid.
   ========================================================================== */
@media (max-width: 767px) {
	/* The discovery title keeps its editorial character but no longer dominates
	   the first screen or competes with the cards below it. */
	body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__heading {
		align-items: center !important;
		gap: 9px !important;
		margin-bottom: 10px !important;
	}

	body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__eyebrow {
		margin-bottom: 3px !important;
		font-size: 9px !important;
		letter-spacing: .13em !important;
	}

	body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__heading h1 {
		max-width: 250px !important;
		font-size: 18px !important;
		font-weight: 850 !important;
		line-height: 1.04 !important;
		letter-spacing: -.04em !important;
	}

	body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__all {
		min-height: 32px !important;
		padding: 0 8px !important;
		border-radius: 10px !important;
		font-size: 9px !important;
	}

	body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__all span {
		font-size: 15px !important;
	}

	/* Keep the handoff into the library light. The library title remains clear,
	   but the covers and discovery tools regain visual priority. */
	body.h4f-premium-ui.home .c-page-content .main-col-inner > .c-page > .entry-header {
		margin: 16px 0 9px !important;
		padding-bottom: 9px !important;
	}

	body.h4f-premium-ui.home .c-page-content .entry-title .item-title {
		gap: 8px !important;
		font-size: 21px !important;
		line-height: 1.08 !important;
		letter-spacing: -.045em !important;
	}

	body.h4f-premium-ui.home .c-page-content .entry-title .item-title::before {
		width: 24px !important;
		height: 24px !important;
		border-radius: 8px !important;
		font-size: 13px !important;
		box-shadow: 0 5px 12px rgba(255, 177, 61, .16) !important;
	}
}

/* ========================================================================== 
   H4F v1.7.1 — Final compact home spacing + clean filter row
   This block intentionally comes last so it wins over all earlier iterations.
   It does not touch manga-archive.php or content-archive.php.
   ========================================================================== */

/* The legacy v1.4 label had a red tab/arrow icon. The filter template below
   no longer prints it; these rules also protect pages cached with old markup. */
body.h4f-premium-ui .h4f-library-sort__label,
body.h4f-premium-ui .h4f-library-sort__label i,
body.h4f-premium-ui .h4f-library-sort__label::before,
body.h4f-premium-ui .h4f-library-sort__label::after {
	display: none !important;
	content: none !important;
}

/* One quiet editorial filter rail. No count box, no red badge, no icon label. */
body.h4f-premium-ui .c-page-content .c-blog__heading.style-2,
body.h4f-premium-ui .wp-manga-section .c-page-content .c-blog__heading.style-2 {
	display: block !important;
	width: 100% !important;
	margin: 0 0 16px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

/* Hide the original Madara count if the parent archive template is active. */
body.h4f-premium-ui .c-page-content .c-blog__heading.style-2 > .h4,
body.h4f-premium-ui .c-page-content .c-blog__heading.style-2 > h4 {
	display: none !important;
}

body.h4f-premium-ui .h4f-library-sort {
	display: flex !important;
	align-items: center !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 10px 0 !important;
	border-top: 1px solid rgba(219, 210, 255, .15) !important;
	border-bottom: 1px solid rgba(219, 210, 255, .12) !important;
	background: transparent !important;
	box-shadow: none !important;
}

body.h4f-premium-ui .h4f-library-sort__scroll {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 8px !important;
	width: 100% !important;
	min-width: 0 !important;
	padding: 0 18px 1px 0 !important;
	overflow-x: auto !important;
	overflow-y: hidden !important;
	scrollbar-width: none !important;
	-webkit-overflow-scrolling: touch !important;
}

body.h4f-premium-ui .h4f-library-sort__scroll::-webkit-scrollbar {
	display: none !important;
}

body.h4f-premium-ui .h4f-library-sort__chip,
body.h4f-premium-ui .h4f-library-sort__chip > span,
body.h4f-premium-ui .h4f-library-sort__chip i,
body.h4f-premium-ui .h4f-library-sort__chip svg,
body.h4f-premium-ui .h4f-library-sort__chip::before,
body.h4f-premium-ui .h4f-library-sort__chip::after {
	background-image: none !important;
}

body.h4f-premium-ui .h4f-library-sort__chip {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 auto !important;
	min-height: 34px !important;
	padding: 0 14px !important;
	border: 1px solid rgba(190, 181, 231, .18) !important;
	border-radius: 999px !important;
	background: rgba(255, 255, 255, .035) !important;
	box-shadow: none !important;
	font-size: 12px !important;
	font-weight: 750 !important;
	line-height: 1 !important;
	letter-spacing: -.01em !important;
	color: rgba(238, 236, 250, .78) !important;
	text-decoration: none !important;
	white-space: nowrap !important;
}

body.h4f-premium-ui .h4f-library-sort__chip > span,
body.h4f-premium-ui .h4f-library-sort__chip i,
body.h4f-premium-ui .h4f-library-sort__chip svg {
	display: none !important;
}

body.h4f-premium-ui .h4f-library-sort__chip.is-active {
	border-color: rgba(129, 229, 255, .72) !important;
	background: linear-gradient(135deg, rgba(87, 220, 255, .16), rgba(157, 102, 255, .20)) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 0 0 3px rgba(75, 214, 255, .055) !important;
	color: #fff !important;
}

/* Explicit mobile selectors. The previous refinement matched a more specific
   wrapper on some pages but not all home templates. These targets use the
   actual title ID and are therefore robust. */
@media (max-width: 767px) {
	body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail {
		margin: 0 0 7px !important;
		padding: 9px 0 10px 14px !important;
	}

	body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__heading {
		align-items: center !important;
		gap: 8px !important;
		padding-right: 14px !important;
		margin-bottom: 8px !important;
	}

	body.h4f-premium-ui.home #h4f-discovery-title,
	body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__heading h1 {
		max-width: 225px !important;
		margin: 0 !important;
		font-size: 18px !important;
		font-weight: 850 !important;
		line-height: 1.06 !important;
		letter-spacing: -.045em !important;
	}

	body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__eyebrow {
		margin-bottom: 2px !important;
		font-size: 8px !important;
		letter-spacing: .12em !important;
	}

	body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__all {
		min-height: 30px !important;
		padding: 0 8px !important;
		font-size: 9px !important;
	}

	body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__track {
		gap: 9px !important;
		padding: 1px 16vw 5px 0 !important;
	}

	body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-card {
		flex-basis: 222px !important;
		height: 124px !important;
		border-radius: 14px !important;
	}

	body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-card__content {
		padding: 10px !important;
	}

	body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-card strong {
		margin-top: 6px !important;
		font-size: 16px !important;
	}

	body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__progress {
		margin: 7px 14px 0 0 !important;
	}

	/* The library heading should frame the grid, not dominate the first screen. */
	body.h4f-premium-ui.home .c-page-content .main-col-inner > .c-page > .entry-header {
		margin: 12px 0 7px !important;
		padding-bottom: 7px !important;
	}

	body.h4f-premium-ui.home .c-page-content .entry-title .item-title {
		gap: 7px !important;
		font-size: 20px !important;
		font-weight: 850 !important;
		line-height: 1.08 !important;
		letter-spacing: -.04em !important;
	}

	body.h4f-premium-ui.home .c-page-content .entry-title .item-title::before {
		width: 22px !important;
		height: 22px !important;
		border-radius: 7px !important;
		font-size: 12px !important;
	}

	body.h4f-premium-ui .c-page-content .c-blog__heading.style-2 {
		margin-bottom: 11px !important;
	}

	body.h4f-premium-ui .h4f-library-sort {
		padding: 8px 0 !important;
	}

	body.h4f-premium-ui .h4f-library-sort__scroll {
		gap: 7px !important;
		padding-right: 14px !important;
	}

	body.h4f-premium-ui .h4f-library-sort__chip {
		min-height: 32px !important;
		padding: 0 12px !important;
		font-size: 11px !important;
	}
}

/* ========================================================================== 
   H4F v1.8 — real-data library cards
   Shows only metadata that exists in Madara Core / assigned terms. 
   ========================================================================== */
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card--data {
	padding: 7px !important;
	border-color: rgba(192, 161, 255, .22) !important;
	background:
		linear-gradient(165deg, rgba(42, 35, 67, .94), rgba(15, 19, 35, .98)) !important;
}

body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card--data .item-thumb {
	position: relative !important;
	isolation: isolate;
	background: #111321 !important;
}

body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card--data .item-thumb:after {
	content: "";
	position: absolute;
	inset: auto 0 0;
	height: 34%;
	pointer-events: none;
	background: linear-gradient(180deg, transparent, rgba(7, 8, 17, .66));
	z-index: 1;
}

body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card--data .item-thumb > a:after {
	display: none !important;
}

body.h4f-premium-ui .h4f-card-badges {
	position: absolute;
	z-index: 3;
	top: 8px;
	left: 8px;
	right: 8px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 6px;
	pointer-events: none;
}

body.h4f-premium-ui .h4f-card-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 23px;
	padding: 4px 7px;
	border: 1px solid rgba(255,255,255,.18);
	border-radius: 7px;
	box-shadow: 0 6px 14px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.13);
	font-size: 9px;
	font-weight: 900;
	line-height: 1;
	letter-spacing: .05em;
	text-transform: uppercase;
	white-space: nowrap;
	backdrop-filter: blur(10px);
}

body.h4f-premium-ui .h4f-card-badge--primary {
	max-width: calc(100% - 68px);
	overflow: hidden;
	text-overflow: ellipsis;
	background: linear-gradient(135deg, rgba(192, 65, 67, .95), rgba(141, 38, 64, .95));
	color: #fff;
	border-color: rgba(255, 160, 160, .25);
}

body.h4f-premium-ui .h4f-card-badges .h4f-card-badge--format + .h4f-card-badge--format {
	margin-left: -2px;
}

body.h4f-premium-ui .h4f-card-badge--format {
	margin-left: auto;
	background: rgba(16, 22, 37, .88);
	color: #f3f5ff;
}

body.h4f-premium-ui .h4f-card-badge--format.is-censored {
	background: rgba(46, 51, 64, .92);
	color: #f6d6db;
}

body.h4f-premium-ui .h4f-card-badge--format.is-uncensored {
	background: rgba(38, 109, 101, .92);
	color: #d2fff7;
}

body.h4f-premium-ui .h4f-card-badge--format.is-color {
	background: linear-gradient(135deg, rgba(117, 84, 207, .94), rgba(220, 76, 171, .92));
	color: #fff;
}

body.h4f-premium-ui .h4f-card-badge--format.is-bw {
	background: rgba(23, 28, 42, .94);
	color: #fff;
}

body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card--data .item-summary {
	display: flex !important;
	flex-direction: column;
	gap: 7px !important;
	padding: 10px 2px 2px !important;
}

body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card--data .post-title h3 {
	font-size: 13px !important;
	line-height: 1.28 !important;
}

body.h4f-premium-ui .h4f-card-metrics {
	display: flex;
	align-items: center;
	gap: 9px;
	min-height: 17px;
	color: rgba(227, 224, 244, .85);
}

body.h4f-premium-ui .h4f-card-metric {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	min-width: 0;
	font-size: 10px;
	line-height: 1;
	white-space: nowrap;
}

body.h4f-premium-ui .h4f-card-metric svg {
	width: 13px;
	height: 13px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.9;
	stroke-linejoin: round;
	stroke-linecap: round;
	flex: 0 0 auto;
}

body.h4f-premium-ui .h4f-card-metric--rating { color: #ffbf53; }
body.h4f-premium-ui .h4f-card-metric--rating svg { fill: currentColor; stroke: currentColor; }
body.h4f-premium-ui .h4f-card-metric--views { color: #b9ddff; }
body.h4f-premium-ui .h4f-card-metric--chapters { color: #c9b1ff; }
body.h4f-premium-ui .h4f-card-metric b { font-weight: 850; }

@media (min-width: 768px) {
	body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card--data:hover {
		transform: translateY(-4px) !important;
		border-color: rgba(108, 229, 255, .48) !important;
		box-shadow: 0 20px 45px rgba(0,0,0,.34), 0 0 0 1px rgba(157,108,255,.15) !important;
	}
}

@media (max-width: 767px) {
	body.h4f-premium-ui .h4f-card-badges {
		top: 6px;
		left: 6px;
		right: 6px;
		gap: 4px;
	}

	body.h4f-premium-ui .h4f-card-badge {
		min-height: 19px;
		padding: 3px 5px;
		border-radius: 6px;
		font-size: 7px;
		letter-spacing: .04em;
	}

	body.h4f-premium-ui .h4f-card-badge--primary {
		max-width: calc(100% - 52px);
	}

	body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card--data .item-summary {
		gap: 6px !important;
		padding: 8px 1px 2px !important;
	}

	body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card--data .post-title h3 {
		font-size: 12px !important;
	}

	body.h4f-premium-ui .h4f-card-metrics {
		gap: 6px;
		min-height: 14px;
	}

	body.h4f-premium-ui .h4f-card-metric {
		gap: 3px;
		font-size: 9px;
	}

	body.h4f-premium-ui .h4f-card-metric svg {
		width: 11px;
		height: 11px;
	}
}

@media (max-width: 360px) {
	body.h4f-premium-ui .h4f-card-metrics { gap: 5px; }
	body.h4f-premium-ui .h4f-card-metric--chapters { display: none; }
}

/* ========================================================================== 
   H4F v1.8.1 — Card footer polish
   Keeps real data intact; refines title + metrics into a compact stats rail.
   ========================================================================== */
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card--data .item-summary {
	display: flex !important;
	flex: 1 1 auto !important;
	flex-direction: column !important;
	min-height: 66px !important;
	gap: 8px !important;
	padding: 10px 2px 2px !important;
}

body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card--data .post-title {
	min-height: 34px !important;
}

body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card--data .post-title h3 {
	margin: 0 !important;
	font-size: 13px !important;
	font-weight: 780 !important;
	letter-spacing: -.015em !important;
	line-height: 1.3 !important;
}

body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card--data .post-title a {
	text-shadow: 0 1px 0 rgba(0,0,0,.28) !important;
}

body.h4f-premium-ui .h4f-card-metrics {
	display: flex !important;
	align-items: stretch !important;
	justify-content: stretch !important;
	gap: 0 !important;
	min-height: 31px !important;
	margin-top: auto !important;
	padding: 2px !important;
	overflow: hidden !important;
	border: 1px solid rgba(194, 177, 255, .16) !important;
	border-radius: 10px !important;
	background: linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.025)) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 5px 12px rgba(0,0,0,.14) !important;
}

body.h4f-premium-ui .h4f-card-metric {
	position: relative !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 1 1 0 !important;
	gap: 4px !important;
	min-width: 0 !important;
	min-height: 25px !important;
	padding: 0 4px !important;
	color: #f4f2ff !important;
	font-size: 10px !important;
	font-variant-numeric: tabular-nums !important;
	letter-spacing: .005em !important;
	white-space: nowrap !important;
}

body.h4f-premium-ui .h4f-card-metric + .h4f-card-metric::before {
	position: absolute;
	left: 0;
	top: 6px;
	bottom: 6px;
	width: 1px;
	content: "";
	background: rgba(214, 205, 255, .15);
}

body.h4f-premium-ui .h4f-card-metric svg {
	width: 12px !important;
	height: 12px !important;
	flex: 0 0 auto !important;
	filter: drop-shadow(0 1px 3px rgba(0,0,0,.35));
}

body.h4f-premium-ui .h4f-card-metric b {
	overflow: hidden;
	font-weight: 800 !important;
	text-overflow: ellipsis;
}

/* Keep the data readable in one neutral type color; reserve accent color for icons. */
body.h4f-premium-ui .h4f-card-metric--views,
body.h4f-premium-ui .h4f-card-metric--rating,
body.h4f-premium-ui .h4f-card-metric--chapters {
	color: #f4f2ff !important;
}

body.h4f-premium-ui .h4f-card-metric--views svg { color: #6edfff !important; }
body.h4f-premium-ui .h4f-card-metric--rating svg { color: #ffc85c !important; fill: currentColor !important; stroke: currentColor !important; }
body.h4f-premium-ui .h4f-card-metric--chapters svg { color: #bc9cff !important; }

@media (max-width: 767px) {
	body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card--data .item-summary {
		min-height: 58px !important;
		gap: 6px !important;
		padding: 8px 1px 1px !important;
	}

	body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card--data .post-title {
		min-height: 30px !important;
	}

	body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card--data .post-title h3 {
		font-size: 12px !important;
		line-height: 1.25 !important;
	}

	body.h4f-premium-ui .h4f-card-metrics {
		min-height: 28px !important;
		border-radius: 9px !important;
	}

	body.h4f-premium-ui .h4f-card-metric {
		gap: 3px !important;
		min-height: 22px !important;
		padding: 0 3px !important;
		font-size: 9px !important;
	}

	body.h4f-premium-ui .h4f-card-metric + .h4f-card-metric::before {
		top: 5px;
		bottom: 5px;
	}

	body.h4f-premium-ui .h4f-card-metric svg {
		width: 10px !important;
		height: 10px !important;
	}
}

@media (max-width: 360px) {
	body.h4f-premium-ui .h4f-card-metric--chapters { display: none !important; }
	body.h4f-premium-ui .h4f-card-metric { font-size: 9px !important; }
}


/* H4F v1.8.2 — match sample card footer icons */
body.h4f-premium-ui .h4f-card-metrics {
	gap: 0;
	padding: 8px 0 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}
body.h4f-premium-ui .h4f-card-metric {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 0 10px 0 0;
	min-height: 20px;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: -.01em;
	line-height: 1;
}
body.h4f-premium-ui .h4f-card-metric + .h4f-card-metric {
	margin-left: 10px;
	padding-left: 10px;
}
body.h4f-premium-ui .h4f-card-metric + .h4f-card-metric::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 12px;
	background: rgba(255,255,255,.12);
	transform: translateY(-50%);
}
body.h4f-premium-ui .h4f-card-metric svg {
	width: 14px;
	height: 14px;
	flex: 0 0 14px;
}
body.h4f-premium-ui .h4f-card-metric b {
	font-size: 13px;
	font-weight: 800;
	color: #f5f7ff;
}
body.h4f-premium-ui .h4f-card-metric--views { color: #eef4ff; }
body.h4f-premium-ui .h4f-card-metric--rating { color: #ffb53d; }
body.h4f-premium-ui .h4f-card-metric--chapters { color: #e9edf9; }
body.h4f-premium-ui .h4f-card-metric--views svg,
body.h4f-premium-ui .h4f-card-metric--chapters svg {
	fill: none;
	stroke: currentColor;
}
body.h4f-premium-ui .h4f-card-metric--rating svg {
	fill: currentColor;
	stroke: none;
}
@media (max-width: 767px) {
	body.h4f-premium-ui .h4f-card-metric {
		font-size: 12px;
		padding-right: 8px;
	}
	body.h4f-premium-ui .h4f-card-metric + .h4f-card-metric {
		margin-left: 8px;
		padding-left: 8px;
	}
	body.h4f-premium-ui .h4f-card-metric svg {
		width: 13px;
		height: 13px;
		flex-basis: 13px;
	}
	body.h4f-premium-ui .h4f-card-metric b {
		font-size: 12px;
	}
}