html.h4f-drawer-lock,
		body.h4f-drawer-lock {
			overflow: hidden !important;
			touch-action: none;
		}

		.h4f-premium-drawer-overlay {
			position: fixed;
			inset: 0;
			z-index: 999997;
			display: block;
			width: 100%;
			height: 100%;
			border: 0;
			padding: 0;
			margin: 0;
			background: rgba(3, 3, 10, .66);
			opacity: 0;
			visibility: hidden;
			pointer-events: none;
			transition: opacity .22s ease, visibility .22s ease;
			backdrop-filter: blur(5px);
			-webkit-backdrop-filter: blur(5px);
		}

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

		.h4f-premium-drawer {
			position: fixed;
			top: 0;
			left: 0;
			bottom: 0;
			z-index: 999998;
			width: min(760px, 100vw);
			max-width: 100vw;
			display: grid;
			grid-template-columns: minmax(0, 1fr) 166px;
			background: #070610;
			border-right: 1px solid rgba(157, 108, 255, .28);
			box-shadow: 32px 0 80px rgba(0, 0, 0, .58);
			transform: translateX(-106%);
			transition: transform .26s cubic-bezier(.22, .8, .24, 1);
			overflow: hidden;
			visibility: hidden;
		}

		.h4f-premium-drawer.is-open {
			transform: translateX(0);
			visibility: visible;
		}

		.h4f-premium-drawer__panel {
			min-width: 0;
			display: flex;
			flex-direction: column;
			background:
				radial-gradient(100% 72% at 18% 0%, rgba(157, 108, 255, .14), transparent 54%),
				radial-gradient(90% 70% at 100% 14%, rgba(255, 180, 93, .08), transparent 52%),
				linear-gradient(180deg, rgba(15, 13, 30, .98), rgba(5, 5, 13, .99));
		}

		.h4f-premium-drawer__head {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 18px;
			padding: 24px 26px 22px;
			border-bottom: 1px solid rgba(255, 255, 255, .075);
		}

		.h4f-premium-drawer__close {
			flex: 0 0 auto;
			width: 58px;
			height: 58px;
			position: relative;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			border: 0;
			border-radius: 16px;
			background: linear-gradient(135deg, #d11cff, #9d6cff);
			box-shadow: 0 18px 38px rgba(157, 108, 255, .35), inset 0 1px 0 rgba(255, 255, 255, .20);
			cursor: pointer;
		}

		.h4f-premium-drawer__close span {
			position: absolute;
			width: 22px;
			height: 2px;
			border-radius: 999px;
			background: #fff;
		}

		.h4f-premium-drawer__close span:first-child { transform: rotate(45deg); }
		.h4f-premium-drawer__close span:last-child { transform: rotate(-45deg); }

		.h4f-premium-drawer__logo {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			min-width: 0;
		}

		.h4f-premium-drawer__logo img {
			display: block;
			width: auto;
			max-width: 270px;
			max-height: 58px;
			object-fit: contain;
		}

		.h4f-premium-drawer__scroll {
			overflow: auto;
			-webkit-overflow-scrolling: touch;
			padding: 24px 28px 32px;
		}

		.h4f-premium-drawer__nav,
		.h4f-premium-drawer__group {
			display: grid;
			gap: 12px;
		}

		.h4f-premium-drawer__group {
			margin-top: 24px;
			padding-top: 24px;
			border-top: 1px solid rgba(255, 255, 255, .075);
		}

		.h4f-premium-drawer__label {
			margin: 0 0 6px;
			color: rgba(221, 211, 255, .72);
			font-size: 13px;
			font-weight: 900;
			line-height: 1;
			letter-spacing: .28em;
			text-transform: uppercase;
		}

		.h4f-premium-drawer__item {
			position: relative;
			min-height: 72px;
			display: grid;
			grid-template-columns: 54px minmax(0, 1fr) auto;
			align-items: center;
			gap: 18px;
			padding: 12px 14px;
			border-radius: 18px;
			border: 1px solid transparent;
			color: #f7f2ff !important;
			text-decoration: none !important;
			background: transparent;
			transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
		}

		.h4f-premium-drawer__item:hover,
		.h4f-premium-drawer__item.is-active {
			transform: translateY(-1px);
			border-color: rgba(157, 108, 255, .34);
			background: rgba(157, 108, 255, .12);
			box-shadow: 0 18px 38px rgba(0, 0, 0, .20), inset 0 1px 0 rgba(255, 255, 255, .07);
		}

		.h4f-premium-drawer__icon {
			width: 54px;
			height: 54px;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			border-radius: 14px;
			background: rgba(255, 255, 255, .055);
			box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07);
		}

		.h4f-premium-drawer__item.is-active .h4f-premium-drawer__icon {
			background: linear-gradient(135deg, rgba(157, 108, 255, .45), rgba(255, 180, 93, .16));
		}

		.h4f-premium-drawer__icon svg {
			width: 24px;
			height: 24px;
			fill: none;
			stroke: #d9ccff;
			stroke-width: 2.2;
			stroke-linecap: round;
			stroke-linejoin: round;
		}

		.h4f-premium-drawer__text strong {
			display: block;
			color: #f7f2ff;
			font-size: 22px;
			font-weight: 900;
			line-height: 1.05;
			letter-spacing: -.025em;
		}

		.h4f-premium-drawer__text small {
			display: block;
			margin-top: 4px;
			color: rgba(221, 211, 255, .62);
			font-size: 12px;
			font-weight: 700;
			line-height: 1.2;
		}

		.h4f-premium-drawer__badge {
			padding: 8px 10px;
			border-radius: 999px;
			background: rgba(255, 180, 93, .18);
			color: #ffb45d;
			font-size: 12px;
			font-weight: 900;
			line-height: 1;
			letter-spacing: .04em;
			text-transform: uppercase;
		}

		.h4f-premium-drawer__network {
			margin-top: 28px;
			display: grid;
			grid-template-columns: 54px minmax(0, 1fr) 34px;
			align-items: center;
			gap: 16px;
			padding: 18px;
			border-radius: 18px;
			text-decoration: none !important;
			color: #fff !important;
			background: linear-gradient(135deg, #d11cff, #9d35ff 54%, #ff39c8);
			box-shadow: 0 22px 48px rgba(198, 38, 255, .28), inset 0 1px 0 rgba(255, 255, 255, .20);
		}

		.h4f-premium-drawer__network-icon,
		.h4f-premium-drawer__network-arrow {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			border-radius: 14px;
			background: rgba(255, 255, 255, .16);
		}

		.h4f-premium-drawer__network-icon {
			width: 54px;
			height: 54px;
			font-size: 24px;
		}

		.h4f-premium-drawer__network-arrow {
			width: 34px;
			height: 34px;
			font-size: 18px;
			font-weight: 900;
		}

		.h4f-premium-drawer__network strong,
		.h4f-premium-drawer__promo strong {
			display: block;
			color: #fff;
			font-size: 16px;
			font-weight: 900;
		}

		.h4f-premium-drawer__network span,
		.h4f-premium-drawer__promo span {
			display: block;
			margin-top: 4px;
			color: rgba(255, 255, 255, .78);
			font-size: 12px;
			font-weight: 700;
		}

		.h4f-premium-drawer__promo {
			margin-top: 22px;
			padding: 22px;
			border-radius: 20px;
			border: 1px solid rgba(157, 108, 255, .22);
			background: linear-gradient(145deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02));
			box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
		}

		.h4f-premium-drawer__promo a {
			display: inline-flex;
			margin-top: 18px;
			padding: 12px 18px;
			border-radius: 12px;
			color: #fff !important;
			text-decoration: none !important;
			font-size: 14px;
			font-weight: 900;
			background: linear-gradient(135deg, #9d6cff, #7c3dff);
			box-shadow: 0 16px 34px rgba(157, 108, 255, .24);
		}

		.h4f-premium-drawer__rail {
			display: grid;
			grid-auto-rows: minmax(96px, 1fr);
			border-left: 1px solid rgba(255, 255, 255, .075);
			background: #090914;
		}

		.h4f-premium-drawer__rail-card {
			position: relative;
			display: flex;
			align-items: flex-end;
			justify-content: center;
			min-height: 96px;
			padding: 12px 8px;
			overflow: hidden;
			text-align: center;
			text-decoration: none !important;
			color: #fff !important;
			background:
				linear-gradient(180deg, rgba(6, 6, 14, .02), rgba(6, 6, 14, .80)),
				var(--h4f-rail-bg, linear-gradient(135deg, #3b2366, #111221));
			border-bottom: 1px solid rgba(255, 255, 255, .075);
		}

		.h4f-premium-drawer__rail-card::before {
			content: "";
			position: absolute;
			inset: 0;
			background:
				radial-gradient(90px 80px at 45% 30%, rgba(255,255,255,.16), transparent 60%),
				linear-gradient(135deg, transparent, rgba(157,108,255,.18));
			opacity: .82;
		}

		.h4f-premium-drawer__rail-card span {
			position: relative;
			z-index: 1;
			color: #fff;
			font-size: 13px;
			font-weight: 950;
			line-height: 1.1;
			letter-spacing: .03em;
			text-transform: uppercase;
			text-shadow: 0 2px 16px rgba(0,0,0,.65);
		}

		@media (max-width: 767px) {
			.h4f-premium-drawer {
				width: 100vw;
				grid-template-columns: minmax(0, 1fr) 150px;
			}

			.h4f-premium-drawer__head { padding: 22px 20px; }
			.h4f-premium-drawer__close { width: 54px; height: 54px; border-radius: 15px; }
			.h4f-premium-drawer__logo img { max-width: 230px; max-height: 52px; }
			.h4f-premium-drawer__scroll { padding: 22px 20px 28px; }

			.h4f-premium-drawer__item {
				min-height: 68px;
				grid-template-columns: 52px minmax(0, 1fr) auto;
				gap: 14px;
				padding: 10px 12px;
				border-radius: 16px;
			}

			.h4f-premium-drawer__icon { width: 52px; height: 52px; }
			.h4f-premium-drawer__text strong { font-size: 19px; }
			.h4f-premium-drawer__badge { padding: 7px 9px; font-size: 11px; }
			.h4f-premium-drawer__rail { grid-auto-rows: minmax(86px, 1fr); }
			.h4f-premium-drawer__rail-card span { font-size: 12px; }
		}

		@media (max-width: 520px) {
			.h4f-premium-drawer { grid-template-columns: minmax(0, 1fr) 132px; }
			.h4f-premium-drawer__text strong { font-size: 18px; }
			.h4f-premium-drawer__rail-card span { font-size: 11px; }
		}


		/* Premium Manga HUB submenu CTA v2 — first submenu button */
		.h4f-subnav-hub-wrap {
			display: inline-flex !important;
			align-items: center;
			flex: 0 0 auto;
			margin: 0 10px 0 0 !important;
			padding: 0 !important;
			list-style: none !important;
		}

		.h4f-subnav-hub-cta {
			position: relative;
			display: inline-flex !important;
			align-items: center;
			justify-content: center;
			gap: 10px;
			min-height: 42px;
			padding: 0 16px 0 12px !important;
			border-radius: 16px;
			border: 1px solid rgba(255, 187, 96, .46);
			background:
				linear-gradient(135deg, rgba(255, 185, 93, .22), rgba(157,108,255,.38) 54%, rgba(49,218,255,.12)),
				rgba(12, 10, 24, .88);
			box-shadow:
				0 0 0 1px rgba(157,108,255,.13),
				0 12px 28px rgba(0,0,0,.28),
				0 0 26px rgba(157,108,255,.16),
				inset 0 1px 0 rgba(255,255,255,.18);
			color: #fff !important;
			font-size: 12px !important;
			font-weight: 950 !important;
			line-height: 1 !important;
			letter-spacing: .045em;
			text-decoration: none !important;
			text-transform: uppercase;
			white-space: nowrap;
			overflow: hidden;
			isolation: isolate;
		}

		.h4f-subnav-hub-cta::before {
			content: '';
			position: absolute;
			inset: -1px;
			z-index: -1;
			border-radius: inherit;
			background:
				radial-gradient(circle at 18% 12%, rgba(255,210,128,.35), transparent 28%),
				radial-gradient(circle at 86% 22%, rgba(102,223,255,.22), transparent 30%),
				linear-gradient(135deg, rgba(255,180,93,.20), rgba(157,108,255,.22));
			opacity: .96;
		}

		.h4f-subnav-hub-cta::after {
			content: '';
			position: absolute;
			top: -40%;
			bottom: -40%;
			left: -55%;
			width: 44%;
			z-index: 0;
			background: linear-gradient(90deg, transparent, rgba(255,255,255,.24), transparent);
			transform: rotate(16deg) translateX(0);
			transition: transform .55s ease;
		}

		.h4f-subnav-hub-cta:hover {
			transform: translateY(-2px);
			border-color: rgba(255, 192, 102, .72);
			box-shadow:
				0 0 0 1px rgba(255,180,93,.18),
				0 18px 38px rgba(0,0,0,.34),
				0 0 34px rgba(157,108,255,.25),
				inset 0 1px 0 rgba(255,255,255,.22);
			color: #fff !important;
		}

		.h4f-subnav-hub-cta:hover::after {
			transform: rotate(16deg) translateX(340%);
		}

		.h4f-subnav-hub-cta__label {
			position: relative;
			z-index: 1;
			display: inline-flex;
			align-items: center;
			gap: 8px;
		}

		.h4f-subnav-hub-cta__dot {
			position: relative;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			width: 24px;
			height: 24px;
			border-radius: 999px;
			background:
				radial-gradient(circle at 32% 24%, rgba(255,255,255,.80), transparent 24%),
				linear-gradient(135deg, #ffb45d, #9d6cff 58%, #39dfff);
			box-shadow:
				0 0 0 1px rgba(255,255,255,.18),
				0 8px 18px rgba(157,108,255,.34);
			font-size: 11px;
			line-height: 1;
			color: #fff;
			flex: 0 0 auto;
		}

		.h4f-subnav-hub-cta__dot::after {
			content: '';
			position: absolute;
			inset: -4px;
			border-radius: inherit;
			border: 1px solid rgba(255,180,93,.24);
			opacity: .75;
		}

		.h4f-subnav-hub-cta__text {
			position: relative;
			z-index: 1;
			display: inline-flex;
			align-items: center;
			gap: 7px;
			color: #fff;
			text-shadow: 0 1px 12px rgba(0,0,0,.35);
		}

		.h4f-subnav-hub-cta__tag {
			position: relative;
			z-index: 1;
			display: inline-flex;
			align-items: center;
			height: 22px;
			padding: 0 8px;
			border-radius: 999px;
			background: rgba(255,255,255,.12);
			border: 1px solid rgba(255,255,255,.14);
			color: #ffe4b6;
			font-size: 9px;
			font-weight: 950;
			letter-spacing: .12em;
			text-transform: uppercase;
		}

		@media (max-width: 1024px) {
			.h4f-subnav-hub-cta {
				min-height: 40px;
				padding-right: 13px !important;
			}
			.h4f-subnav-hub-cta__tag { display: none; }
		}

		@media (max-width: 767px) {
			.h4f-subnav-hub-wrap { margin-right: 8px !important; }
			.h4f-subnav-hub-cta {
				min-height: 38px;
				padding: 0 12px 0 10px !important;
				border-radius: 13px;
				font-size: 11px !important;
			}
			.h4f-subnav-hub-cta__dot {
				width: 22px;
				height: 22px;
			}
		}

/* H4F drawer v2.1 — mobile polish + real internal scroll */
		html.h4f-drawer-lock,
		body.h4f-drawer-lock {
			overflow: hidden !important;
		}

		body.h4f-drawer-lock {
			touch-action: auto !important;
		}

		.h4f-premium-drawer {
			height: 100dvh;
			max-height: 100dvh;
			min-height: 0;
		}

		.h4f-premium-drawer__panel {
			min-height: 0;
			overflow: hidden;
		}

		.h4f-premium-drawer__scroll {
			flex: 1 1 auto;
			min-height: 0;
			max-height: none;
			overflow-y: auto !important;
			overflow-x: hidden !important;
			overscroll-behavior: contain;
			-webkit-overflow-scrolling: touch;
			scrollbar-width: thin;
		}

		.h4f-premium-drawer__rail {
			min-height: 0;
			overflow-y: auto;
			overflow-x: hidden;
			overscroll-behavior: contain;
			-webkit-overflow-scrolling: touch;
		}

		@media (max-width: 767px) {
			.h4f-premium-drawer {
				grid-template-columns: minmax(0, 1fr) 134px !important;
			}

			.h4f-premium-drawer__head {
				min-height: 112px;
				padding: 18px 18px 16px !important;
				gap: 12px;
				align-items: center;
				background:
					radial-gradient(90% 70% at 50% 0%, rgba(157,108,255,.14), transparent 65%),
					rgba(7, 6, 16, .74);
			}

			.h4f-premium-drawer__close {
				width: 56px !important;
				height: 56px !important;
				border-radius: 16px !important;
				box-shadow:
					0 16px 34px rgba(198, 38, 255, .34),
					inset 0 1px 0 rgba(255,255,255,.22);
			}

			.h4f-premium-drawer__logo {
				flex: 1 1 auto;
				justify-content: center;
				min-width: 0;
				padding-right: 2px;
			}

			.h4f-premium-drawer__logo img {
				max-width: min(210px, 100%) !important;
				max-height: 50px !important;
			}

			.h4f-premium-drawer__scroll {
				padding: 22px 20px calc(118px + env(safe-area-inset-bottom)) !important;
			}

			.h4f-premium-drawer__rail {
				padding-bottom: calc(86px + env(safe-area-inset-bottom));
				background:
					linear-gradient(180deg, rgba(157,108,255,.10), rgba(255,180,93,.06)),
					#090914;
			}

			.h4f-premium-drawer__rail-card {
				min-height: 108px;
			}

			.h4f-premium-drawer__item {
				min-height: 64px !important;
				grid-template-columns: 50px minmax(0, 1fr) auto !important;
				gap: 14px !important;
				padding: 10px 12px !important;
			}

			.h4f-premium-drawer__icon {
				width: 50px !important;
				height: 50px !important;
				border-radius: 14px;
			}

			.h4f-premium-drawer__text strong {
				font-size: 18px !important;
				line-height: 1.05;
			}

			.h4f-premium-drawer__text small {
				font-size: 11px;
				line-height: 1.18;
			}

			.h4f-premium-drawer__group {
				margin-top: 22px;
				padding-top: 22px;
			}

			.h4f-premium-drawer__label {
				font-size: 12px;
				letter-spacing: .24em;
			}

			.h4f-premium-drawer__network {
				margin-top: 24px;
				grid-template-columns: 50px minmax(0, 1fr) 32px;
				gap: 14px;
				padding: 16px;
				border-radius: 18px;
			}

			.h4f-premium-drawer__network-icon {
				width: 50px;
				height: 50px;
			}

			.h4f-premium-drawer__promo {
				margin-top: 20px;
				padding: 18px;
			}
		}

		@media (max-width: 420px) {
			.h4f-premium-drawer {
				grid-template-columns: minmax(0, 1fr) 124px !important;
			}

			.h4f-premium-drawer__logo img {
				max-width: min(184px, 100%) !important;
			}

			.h4f-premium-drawer__scroll {
				padding-left: 18px !important;
				padding-right: 16px !important;
			}

			.h4f-premium-drawer__rail-card span {
				font-size: 10px !important;
			}
		}

/* H4F drawer v2.2 — popular tag image rail */
		.h4f-premium-drawer__rail {
			grid-auto-rows: minmax(118px, 1fr);
			background:
				linear-gradient(180deg, rgba(157,108,255,.10), rgba(255,180,93,.06)),
				#090914;
		}

		.h4f-premium-drawer__rail-card.is-popular-tag {
			min-height: 118px;
			align-items: stretch;
			justify-content: stretch;
			padding: 0;
			background-image:
				linear-gradient(180deg, rgba(5,5,14,.08), rgba(5,5,14,.78)),
				var(--h4f-tag-card-bg, linear-gradient(135deg, #3b2366, #111221));
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
		}

		.h4f-premium-drawer__rail-card.is-popular-tag::before {
			background:
				linear-gradient(180deg, rgba(8,8,18,.06), rgba(8,8,18,.78) 76%, rgba(8,8,18,.92)),
				radial-gradient(90% 80% at 50% 18%, rgba(157,108,255,.20), transparent 62%);
			opacity: 1;
		}

		.h4f-premium-drawer__rail-content {
			position: relative;
			z-index: 1;
			width: 100%;
			height: 100%;
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			justify-content: flex-end;
			gap: 5px;
			padding: 12px 10px;
			text-align: left;
		}

		.h4f-premium-drawer__rail-rank {
			position: absolute;
			top: 10px;
			left: 10px;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			min-width: 30px;
			height: 24px;
			padding: 0 8px;
			border-radius: 999px;
			background: rgba(8,8,18,.72);
			border: 1px solid rgba(255,255,255,.16);
			color: #fff;
			font-size: 11px;
			font-weight: 950;
			line-height: 1;
			box-shadow: 0 10px 20px rgba(0,0,0,.24);
		}

		.h4f-premium-drawer__rail-title {
			display: block;
			max-width: 100%;
			color: #fff;
			font-size: 14px;
			font-weight: 950;
			line-height: 1.05;
			letter-spacing: -.02em;
			text-shadow: 0 2px 16px rgba(0,0,0,.70);
			text-transform: none;
		}

		.h4f-premium-drawer__rail-meta {
			display: block;
			color: rgba(255,255,255,.78);
			font-size: 11px;
			font-weight: 850;
			line-height: 1.1;
			text-shadow: 0 2px 12px rgba(0,0,0,.70);
		}

		.h4f-premium-drawer__rail-explore {
			display: inline-flex;
			align-items: center;
			gap: 5px;
			margin-top: 3px;
			color: #56dbff;
			font-size: 11px;
			font-weight: 950;
			line-height: 1;
			text-transform: none;
			text-shadow: 0 2px 12px rgba(0,0,0,.70);
		}

		.h4f-premium-drawer__rail-card:hover .h4f-premium-drawer__rail-explore {
			color: #ffb45d;
		}

		@media (min-width: 768px) {
			.h4f-premium-drawer {
				grid-template-columns: minmax(0, 1fr) 190px;
			}
		}

		@media (max-width: 767px) {
			.h4f-premium-drawer {
				grid-template-columns: minmax(0, 1fr) 140px !important;
			}

			.h4f-premium-drawer__rail {
				grid-auto-rows: 118px;
			}

			.h4f-premium-drawer__rail-card.is-popular-tag {
				min-height: 118px;
			}

			.h4f-premium-drawer__rail-title {
				font-size: 12px;
			}

			.h4f-premium-drawer__rail-meta,
			.h4f-premium-drawer__rail-explore {
				font-size: 10px;
			}
		}

		@media (max-width: 420px) {
			.h4f-premium-drawer {
				grid-template-columns: minmax(0, 1fr) 132px !important;
			}
		}

/* H4F drawer v2.3 — compact popular tag image rail */
		.h4f-premium-drawer__rail {
			grid-auto-rows: 92px !important;
			background: #070711 !important;
			scrollbar-width: thin;
		}

		.h4f-premium-drawer__rail-card.is-popular-tag {
			min-height: 92px !important;
			height: 92px !important;
			padding: 0 !important;
			align-items: stretch !important;
			justify-content: stretch !important;
			background-image:
				linear-gradient(180deg, rgba(5,5,14,.02) 0%, rgba(5,5,14,.22) 44%, rgba(5,5,14,.82) 100%),
				var(--h4f-tag-card-bg, linear-gradient(135deg, #3b2366, #111221)) !important;
			background-size: cover !important;
			background-position: center !important;
			background-repeat: no-repeat !important;
			border-bottom: 1px solid rgba(255,255,255,.08) !important;
		}

		.h4f-premium-drawer__rail-card.is-popular-tag::before {
			background:
				linear-gradient(180deg, rgba(8,8,18,.00) 0%, rgba(8,8,18,.12) 45%, rgba(8,8,18,.78) 100%),
				radial-gradient(90% 70% at 50% 16%, rgba(157,108,255,.12), transparent 70%) !important;
			opacity: 1 !important;
		}

		.h4f-premium-drawer__rail-content {
			position: relative !important;
			z-index: 1 !important;
			width: 100% !important;
			height: 100% !important;
			display: flex !important;
			align-items: flex-end !important;
			justify-content: center !important;
			padding: 8px 6px !important;
			text-align: center !important;
		}

		.h4f-premium-drawer__rail-rank,
		.h4f-premium-drawer__rail-meta,
		.h4f-premium-drawer__rail-explore {
			display: none !important;
		}

		.h4f-premium-drawer__rail-title {
			display: inline-flex !important;
			align-items: center !important;
			justify-content: center !important;
			max-width: calc(100% - 8px) !important;
			padding: 4px 7px !important;
			border-radius: 999px !important;
			background: rgba(6, 6, 16, .66) !important;
			border: 1px solid rgba(255,255,255,.12) !important;
			color: #fff !important;
			font-size: 10px !important;
			font-weight: 950 !important;
			line-height: 1 !important;
			letter-spacing: .03em !important;
			text-transform: uppercase !important;
			text-shadow: 0 2px 10px rgba(0,0,0,.7) !important;
			white-space: nowrap !important;
			overflow: hidden !important;
			text-overflow: ellipsis !important;
			box-shadow: 0 8px 18px rgba(0,0,0,.26) !important;
		}

		.h4f-premium-drawer__rail-card:hover .h4f-premium-drawer__rail-title {
			background: rgba(157, 108, 255, .72) !important;
			border-color: rgba(255,255,255,.20) !important;
			color: #fff !important;
		}

		@media (min-width: 768px) {
			.h4f-premium-drawer {
				grid-template-columns: minmax(0, 1fr) 138px !important;
			}

			.h4f-premium-drawer__rail {
				grid-auto-rows: 96px !important;
			}

			.h4f-premium-drawer__rail-card.is-popular-tag {
				min-height: 96px !important;
				height: 96px !important;
			}
		}

		@media (max-width: 767px) {
			.h4f-premium-drawer {
				grid-template-columns: minmax(0, 1fr) 118px !important;
			}

			.h4f-premium-drawer__rail {
				grid-auto-rows: 88px !important;
			}

			.h4f-premium-drawer__rail-card.is-popular-tag {
				min-height: 88px !important;
				height: 88px !important;
			}

			.h4f-premium-drawer__rail-title {
				font-size: 9px !important;
				padding: 4px 6px !important;
				max-width: calc(100% - 6px) !important;
			}
		}

		@media (max-width: 420px) {
			.h4f-premium-drawer {
				grid-template-columns: minmax(0, 1fr) 110px !important;
			}

			.h4f-premium-drawer__rail {
				grid-auto-rows: 84px !important;
			}

			.h4f-premium-drawer__rail-card.is-popular-tag {
				min-height: 84px !important;
				height: 84px !important;
			}
		}

.h4f-premium-drawer__network.h4f-network-focus {
			animation: h4fNetworkFocusPulse 1.15s ease both;
		}

		@keyframes h4fNetworkFocusPulse {
			0% {
				transform: translateY(0) scale(1);
				box-shadow: 0 22px 48px rgba(198, 38, 255, .28), inset 0 1px 0 rgba(255,255,255,.20);
			}
			35% {
				transform: translateY(-2px) scale(1.015);
				box-shadow:
					0 0 0 3px rgba(255,255,255,.10),
					0 0 0 7px rgba(255,180,93,.14),
					0 28px 58px rgba(198, 38, 255, .38),
					inset 0 1px 0 rgba(255,255,255,.26);
			}
			100% {
				transform: translateY(0) scale(1);
				box-shadow: 0 22px 48px rgba(198, 38, 255, .28), inset 0 1px 0 rgba(255,255,255,.20);
			}
		}

/* H4F drawer v2.4 — blurred vertical tag rail */
		.h4f-premium-drawer__rail-card.is-popular-tag {
			position: relative !important;
			isolation: isolate !important;
			overflow: hidden !important;
			background:
				linear-gradient(180deg, rgba(7,7,17,.10), rgba(7,7,17,.82)),
				#090914 !important;
		}

		.h4f-premium-drawer__rail-card.is-popular-tag::after {
			content: "" !important;
			position: absolute !important;
			inset: -8px !important;
			z-index: 0 !important;
			pointer-events: none !important;
			background-image: var(--h4f-tag-card-bg, linear-gradient(135deg, #3b2366, #111221)) !important;
			background-size: cover !important;
			background-position: center !important;
			background-repeat: no-repeat !important;
			filter: blur(5px) saturate(1.12) contrast(1.04) brightness(.82) !important;
			transform: scale(1.08) !important;
			opacity: .96 !important;
		}

		.h4f-premium-drawer__rail-card.is-popular-tag::before {
			z-index: 1 !important;
			background:
				linear-gradient(180deg, rgba(5,5,14,.05) 0%, rgba(5,5,14,.22) 42%, rgba(5,5,14,.86) 100%),
				radial-gradient(86% 76% at 50% 20%, rgba(157,108,255,.16), transparent 64%) !important;
			opacity: 1 !important;
		}

		.h4f-premium-drawer__rail-content {
			position: relative !important;
			z-index: 2 !important;
			width: 100% !important;
			height: 100% !important;
			display: flex !important;
			align-items: flex-end !important;
			justify-content: center !important;
			padding: 0 6px 8px !important;
			text-align: center !important;
		}

		.h4f-premium-drawer__rail-title {
			position: relative !important;
			display: inline-flex !important;
			align-items: center !important;
			justify-content: center !important;
			max-width: calc(100% - 8px) !important;
			margin: 0 auto !important;
			padding: 4px 8px !important;
			border-radius: 999px !important;
			background: rgba(5, 5, 14, .68) !important;
			border: 1px solid rgba(255,255,255,.13) !important;
			color: #fff !important;
			font-size: 9.5px !important;
			font-weight: 950 !important;
			line-height: 1 !important;
			letter-spacing: .035em !important;
			text-transform: uppercase !important;
			text-shadow: 0 2px 12px rgba(0,0,0,.72) !important;
			white-space: nowrap !important;
			overflow: hidden !important;
			text-overflow: ellipsis !important;
			box-shadow: 0 8px 18px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.08) !important;
			backdrop-filter: blur(7px) saturate(1.12) !important;
			-webkit-backdrop-filter: blur(7px) saturate(1.12) !important;
		}

		.h4f-premium-drawer__rail-card:hover .h4f-premium-drawer__rail-title {
			background: rgba(157,108,255,.70) !important;
			border-color: rgba(255,255,255,.20) !important;
		}

/* H4F drawer v2.5 — clean premium tag rail, no muddy blur */
		.h4f-premium-drawer__rail {
			background:
				linear-gradient(180deg, rgba(157,108,255,.08), rgba(255,180,93,.045)),
				#080812 !important;
			border-left: 1px solid rgba(157,108,255,.18) !important;
			scrollbar-width: thin;
		}

		.h4f-premium-drawer__rail-card.is-popular-tag {
			position: relative !important;
			isolation: isolate !important;
			overflow: hidden !important;
			min-height: 92px !important;
			height: 92px !important;
			margin: 0 !important;
			padding: 0 !important;
			background-image:
				linear-gradient(180deg, rgba(4,4,12,.04) 0%, rgba(4,4,12,.18) 48%, rgba(4,4,12,.86) 100%),
				var(--h4f-tag-card-bg, linear-gradient(135deg, #2a174e, #10101d)) !important;
			background-size: cover !important;
			background-position: center 34% !important;
			background-repeat: no-repeat !important;
			border-bottom: 1px solid rgba(255,255,255,.08) !important;
			box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
			transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
		}

		/* Kill the previous blurred pseudo-image completely. */
		.h4f-premium-drawer__rail-card.is-popular-tag::after {
			display: none !important;
			content: none !important;
		}

		.h4f-premium-drawer__rail-card.is-popular-tag::before {
			content: "" !important;
			position: absolute !important;
			inset: 0 !important;
			z-index: 1 !important;
			pointer-events: none !important;
			background:
				linear-gradient(180deg, rgba(6,6,16,.02) 0%, rgba(6,6,16,.10) 36%, rgba(6,6,16,.78) 100%),
				linear-gradient(90deg, rgba(157,108,255,.10), transparent 36%, rgba(255,180,93,.08)),
				radial-gradient(90% 72% at 50% 0%, rgba(255,255,255,.10), transparent 66%) !important;
			opacity: 1 !important;
		}

		.h4f-premium-drawer__rail-card.is-popular-tag:hover {
			filter: saturate(1.12) contrast(1.06) brightness(1.03);
			box-shadow:
				inset 0 0 0 1px rgba(255,180,93,.18),
				0 0 22px rgba(157,108,255,.16);
		}

		.h4f-premium-drawer__rail-content {
			position: relative !important;
			z-index: 2 !important;
			width: 100% !important;
			height: 100% !important;
			display: flex !important;
			align-items: flex-end !important;
			justify-content: center !important;
			padding: 0 7px 8px !important;
			text-align: center !important;
		}

		.h4f-premium-drawer__rail-rank,
		.h4f-premium-drawer__rail-meta,
		.h4f-premium-drawer__rail-explore {
			display: none !important;
		}

		.h4f-premium-drawer__rail-title {
			position: relative !important;
			display: inline-flex !important;
			align-items: center !important;
			justify-content: center !important;
			max-width: calc(100% - 8px) !important;
			min-height: 22px !important;
			margin: 0 auto !important;
			padding: 5px 8px 4px !important;
			border-radius: 999px !important;
			background:
				linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.055)),
				rgba(8, 8, 18, .64) !important;
			border: 1px solid rgba(255,255,255,.16) !important;
			color: #fff !important;
			font-size: 9.5px !important;
			font-weight: 950 !important;
			line-height: 1 !important;
			letter-spacing: .045em !important;
			text-transform: uppercase !important;
			text-shadow: 0 2px 12px rgba(0,0,0,.76) !important;
			white-space: nowrap !important;
			overflow: hidden !important;
			text-overflow: ellipsis !important;
			box-shadow:
				0 10px 22px rgba(0,0,0,.34),
				inset 0 1px 0 rgba(255,255,255,.10) !important;
			backdrop-filter: blur(8px) saturate(1.16) !important;
			-webkit-backdrop-filter: blur(8px) saturate(1.16) !important;
		}

		.h4f-premium-drawer__rail-card:hover .h4f-premium-drawer__rail-title {
			background:
				linear-gradient(135deg, rgba(157,108,255,.82), rgba(255,180,93,.34)),
				rgba(8,8,18,.58) !important;
			border-color: rgba(255,255,255,.24) !important;
			color: #fff !important;
		}

		@media (min-width: 768px) {
			.h4f-premium-drawer {
				grid-template-columns: minmax(0, 1fr) 138px !important;
			}

			.h4f-premium-drawer__rail {
				grid-auto-rows: 96px !important;
			}

			.h4f-premium-drawer__rail-card.is-popular-tag {
				height: 96px !important;
				min-height: 96px !important;
			}
		}

		@media (max-width: 767px) {
			.h4f-premium-drawer {
				grid-template-columns: minmax(0, 1fr) 118px !important;
			}

			.h4f-premium-drawer__rail {
				grid-auto-rows: 88px !important;
			}

			.h4f-premium-drawer__rail-card.is-popular-tag {
				height: 88px !important;
				min-height: 88px !important;
				background-position: center 32% !important;
			}

			.h4f-premium-drawer__rail-title {
				max-width: calc(100% - 6px) !important;
				min-height: 20px !important;
				padding: 4px 7px !important;
				font-size: 8.8px !important;
				letter-spacing: .035em !important;
			}
		}

		@media (max-width: 420px) {
			.h4f-premium-drawer {
				grid-template-columns: minmax(0, 1fr) 110px !important;
			}

			.h4f-premium-drawer__rail {
				grid-auto-rows: 84px !important;
			}

			.h4f-premium-drawer__rail-card.is-popular-tag {
				height: 84px !important;
				min-height: 84px !important;
			}

			.h4f-premium-drawer__rail-title {
				font-size: 8.5px !important;
				padding-left: 6px !important;
				padding-right: 6px !important;
			}
		}

/* H4F clean top header: no duplicated category links in the main header. */
		.h4f-primary-navigation,
		.h4f-site-header .main-menu {
			display: none !important;
		}

		.h4f-site-header .h4f-main-navigation-wrap {
			position: relative;
			display: flex !important;
			align-items: center;
			justify-content: center;
			min-height: 76px;
			gap: 14px;
		}

		.h4f-site-header .wrap_branding {
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			z-index: 2;
			margin: 0 !important;
			float: none !important;
		}

		.h4f-site-header .wrap_branding .logo,
		.h4f-site-header .wrap_branding img {
			display: block;
		}

		.h4f-site-header .c-togle__menu {
			order: -2;
			margin-right: auto !important;
			z-index: 3;
		}

		.h4f-site-header .h4f-header-actions {
			margin-left: auto !important;
			z-index: 3;
		}

		@media (max-width: 767px) {
			.h4f-site-header .h4f-main-navigation-wrap {
				min-height: 68px;
			}

			.h4f-site-header .wrap_branding {
				left: calc(50% - 18px);
				top: calc(50% - 4px);
			}

			.h4f-site-header .wrap_branding img {
				max-width: min(210px, 48vw);
				height: auto;
			}

			.h4f-site-header .c-togle__menu,
			.h4f-site-header .h4f-header-actions {
				position: relative;
				top: 6px;
			}
		}

		@media (max-width: 420px) {
			.h4f-site-header .wrap_branding img {
				max-width: min(178px, 44vw);
			}
		}