/* ================================================
		   NAV TAGLINE GRAPHIC
		   ================================================ */

		.nav-tagline {
			padding-top: 30px;
			display: flex;
			justify-content: center;
		}

		.nav-tagline img {
			display: block;
			width: 20px;
			height: auto;
			opacity: 0.7;
			transition: opacity 0.3s ease;
		}

		.nav-tagline img:hover {
			opacity: 1;
		}

		@media (max-width: 1199px) {
			.nav-tagline {
				display: none;
			}
		}


		/* ================================================
		   VIDEO PLAYER
		   ================================================ */

		.video-grid {
			margin: 0;
			padding: 0;
			list-style: none;
		}

		.video-grid .video-card {
			margin: 0 0 30px 0;
			position: relative;
			background: rgba(255, 255, 255, 0.05);
			box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
			border-radius: 18px;
			overflow: hidden;
			transition: all 0.3s ease 0s;
		}

		.video-grid .video-card:hover {
			box-shadow: 0 15px 55px rgba(0, 0, 0, 0.3);
		}

		.video-card .video-thumbnail {
			position: relative;
			width: 100%;
			padding-top: 56.25%;
			background: #262628;
			overflow: hidden;
			cursor: pointer;
		}

		.video-card .video-thumbnail img {
			position: absolute;
			top: 0; left: 0;
			width: 100%; height: 100%;
			object-fit: cover;
			display: block;
			transition: transform 0.4s ease, opacity 0.3s ease;
		}

		.video-card:hover .video-thumbnail img {
			transform: scale(1.03);
		}

		.video-card .video-thumbnail .play-overlay {
			position: absolute;
			top: 0; left: 0;
			width: 100%; height: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
			background: rgba(24, 24, 24, 0.35);
			transition: background 0.3s ease;
			z-index: 2;
		}

		.video-card:hover .video-thumbnail .play-overlay {
			background: rgba(24, 24, 24, 0.55);
		}

		.video-card .video-thumbnail .play-overlay .play-btn {
			width: 72px; height: 72px;
			border-radius: 50%;
			background: rgba(90, 194, 78, 0.9);
			display: flex;
			align-items: center;
			justify-content: center;
			box-shadow: 0 4px 30px rgba(90, 194, 78, 0.35);
			transition: all 0.3s ease;
		}

		.video-card:hover .video-thumbnail .play-overlay .play-btn {
			transform: scale(1.1);
			box-shadow: 0 6px 40px rgba(90, 194, 78, 0.5);
		}

		.video-card .video-thumbnail .play-overlay .play-btn .icon {
			font-size: 28px;
			color: #ffffff;
			margin-left: 4px;
		}

		.video-card .video-thumbnail .duration-badge {
			position: absolute;
			bottom: 12px; right: 12px;
			padding: 3px 8px;
			background: rgba(0, 0, 0, 0.75);
			color: #ffffff;
			font-family: 'Poppins';
			font-size: 12px;
			font-weight: 500;
			border-radius: 4px;
			z-index: 3;
			letter-spacing: 0.02em;
		}

		.video-card .video-info {
			padding: 22px 24px 24px 24px;
		}

		.video-card .video-info .video-title {
			margin: 0 0 4px 0;
			font-family: 'Poppins';
			font-size: 18px;
			font-weight: 700;
			color: #ffffff;
			line-height: 26px;
		}

		.video-card .video-info .video-category {
			margin: 0 0 4px 0;
			font-family: 'Poppins';
			font-size: 14px;
			color: #5ac24e;
			font-weight: 500;
			line-height: 22px;
		}

		.video-card .video-info .video-meta {
			margin: 0 0 12px 0;
			font-family: 'Poppins';
			font-size: 12px;
			color: #777777;
			line-height: 18px;
		}

		.video-card .video-info .video-meta span + span {
			margin-left: 8px;
			padding-left: 8px;
			border-left: 1px solid rgba(255, 255, 255, 0.15);
		}

		.video-card .video-info .video-description {
			margin: 0;
			font-size: 14px;
			color: #a9a9a9;
			line-height: 1.7;
		}

		.video-card .video-player-wrap {
			display: none;
			width: 100%;
			background: #000;
		}

		.video-card .video-player-wrap video {
			width: 100%;
			display: block;
			outline: none;
		}

		.video-card .video-player-wrap iframe {
			width: 100%;
			aspect-ratio: 16 / 9;
			display: block;
			border: none;
		}

		.video-card.is-playing .video-thumbnail { display: none; }
		.video-card.is-playing .video-player-wrap { display: block; }

		.video-card .video-close-btn {
			position: absolute;
			top: 12px; right: 12px;
			z-index: 10;
			width: 36px; height: 36px;
			background: rgba(0, 0, 0, 0.6);
			border: none;
			border-radius: 50%;
			color: #ffffff;
			font-size: 18px;
			line-height: 36px;
			text-align: center;
		cursor: pointer;
			display: none;
			transition: background 0.3s ease;
		}

		.video-card .video-close-btn:hover { background: rgba(90, 194, 78, 0.7); }
		.video-card.is-playing .video-close-btn { display: block; }

		.video-section-header {
			margin: 0 0 30px 0;
			padding: 0 0 16px 0;
			border-bottom: 1px solid rgba(255, 255, 255, 0.08);
		}

		.video-section-header p {
			margin: 8px 0 0 0;
			font-size: 14px;
			color: #777777;
			line-height: 1.6;
		}

		.video-filter-bar {
			margin: 0 0 30px 0;
			font-size: 0;
		}

		.video-filter-bar .filter-btn {
			display: inline-block;
			margin: 0 6px 8px 0;
			padding: 6px 16px;
			font-family: 'Poppins';
			font-size: 13px;
			font-weight: 500;
			color: #a9a9a9;
			background: rgba(255, 255, 255, 0.05);
			border: 1px solid rgba(255, 255, 255, 0.08);
			border-radius: 20px;
			cursor: pointer;
			transition: all 0.3s ease;
			text-decoration: none;
		}

		.video-filter-bar .filter-btn:hover,
		.video-filter-bar .filter-btn.active {
			color: #ffffff;
			background: rgba(90, 194, 78, 0.15);
			border-color: rgba(90, 194, 78, 0.3);
		}

		.video-grid-row {
			margin: 0 -12px;
			font-size: 0;
		}

		.video-grid-row .video-grid-col {
			display: inline-block;
			vertical-align: top;
			width: 50%;
			padding: 0 12px;
			font-size: 15px;
		}

		@media (max-width: 1023px) {
			.video-grid-row .video-grid-col { width: 100%; }
		}


		/* ================================================
		   AUDIO TRACK LIST PLAYER
		   ================================================ */

		.audio-track-list {
			margin: 0;
			padding: 0;
			list-style: none;
		}

		.audio-track-list .audio-track-item {
			margin: 0 0 20px 0;
			padding: 24px;
			position: relative;
			background: rgba(255, 255, 255, 0.05);
			box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
			border-radius: 18px;
			transition: all 0.3s ease 0s;
		}

		.audio-track-list .audio-track-item:hover {
			box-shadow: 0 15px 55px rgba(0, 0, 0, 0.3);
		}

		.audio-track-list .audio-track-item:after {
			content: '';
			display: block;
			clear: both;
		}

		.audio-track-item .cover-art {
			width: 140px;
			height: 140px;
			float: left;
			border-radius: 12px;
			overflow: hidden;
			background: #262628;
			box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35);
			flex-shrink: 0;
		}

		.audio-track-item .cover-art img {
			width: 100%; height: 100%;
			object-fit: cover;
			display: block;
		}

		.audio-track-item .track-info {
			margin-left: 164px;
			padding-top: 4px;
		}

		.audio-track-item .track-info .track-title {
			margin: 0 0 2px 0;
			font-family: 'Poppins';
			font-size: 18px;
			font-weight: 700;
			color: #ffffff;
			line-height: 26px;
		}

		.audio-track-item .track-info .track-artist {
			margin: 0 0 4px 0;
			font-family: 'Poppins';
			font-size: 14px;
			color: #5ac24e;
			font-weight: 500;
			line-height: 22px;
		}

		.audio-track-item .track-info .track-meta {
			margin: 0 0 14px 0;
			font-family: 'Poppins';
			font-size: 12px;
			color: #777777;
			line-height: 18px;
		}

		.audio-track-item .track-info .track-meta span { display: inline-block; }

		.audio-track-item .track-info .track-meta span + span {
			margin-left: 8px;
			padding-left: 8px;
			border-left: 1px solid rgba(255, 255, 255, 0.15);
		}

		.audio-track-item .audio-player-wrap { margin-top: 0; }

		.audio-track-item audio {
			width: 100%;
			height: 40px;
			outline: none;
			border-radius: 8px;
		}

		.audio-track-item audio::-webkit-media-controls-panel {
			background: rgba(255, 255, 255, 0.07);
			border-radius: 8px;
		}

		.audio-track-item audio::-webkit-media-controls-current-time-display,
		.audio-track-item audio::-webkit-media-controls-time-remaining-display {
			color: #a9a9a9;
			font-family: 'Poppins';
			font-size: 12px;
		}

		.audio-track-item .track-description {
			margin: 16px 0 0 0;
			padding: 16px 0 0 0;
			border-top: 1px solid rgba(255, 255, 255, 0.08);
			clear: both;
		}

		.audio-track-item .track-description p {
			margin: 0;
			font-size: 14px;
			color: #a9a9a9;
			line-height: 1.7;
		}

		.audio-track-item.now-playing { border-left: 3px solid #5ac24e; }
		.audio-track-item.now-playing .cover-art { box-shadow: 0 4px 24px rgba(90, 194, 78, 0.25); }
		/* ── Inline Audio Player ── */
		.inline-audio-player {
			margin-top: 10px;
		}
		.iap-controls {
			display: flex;
			align-items: center;
			gap: 10px;
			background: rgba(255,255,255,0.05);
			border: 1px solid rgba(255,255,255,0.09);
			border-radius: 8px;
			padding: 8px 12px;
		}
		.iap-play-btn {
			flex-shrink: 0;
			width: 30px;
			height: 30px;
			border-radius: 50%;
			border: none;
			background: rgba(255,255,255,0.1);
			color: #ffffff;
			font-size: 12px;
			display: flex;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			transition: background 0.2s;
			padding: 0;
		}
		.iap-play-btn:hover { background: rgba(255,255,255,0.18); }
		.iap-play-btn.is-playing { background: rgba(90,194,78,0.25); color: #5ac24e; }
		.iap-progress-wrap {
			flex: 1;
			height: 4px;
			background: rgba(255,255,255,0.1);
			border-radius: 2px;
			cursor: pointer;
			position: relative;
		}
		.iap-progress-fill {
			height: 100%;
			width: 0%;
			background: #5ac24e;
			border-radius: 2px;
			pointer-events: none;
			transition: width 0.1s linear;
		}
		.iap-time {
			flex-shrink: 0;
			font-size: 11px;
			color: #777;
			font-family: 'Poppins', sans-serif;
			white-space: nowrap;
		}
		.inline-audio-player.is-active .iap-controls {
			border-color: rgba(90,194,78,0.3);
		}


		@media (max-width: 560px) {
			.audio-track-item .cover-art {
				width: 100%; height: 200px;
				float: none;
				margin-bottom: 16px;
			}
			.audio-track-item .track-info { margin-left: 0; }
		}

		.audio-section-header {
			margin: 0 0 30px 0;
			padding: 0 0 16px 0;
			border-bottom: 1px solid rgba(255, 255, 255, 0.08);
		}

		.audio-section-header p {
			margin: 8px 0 0 0;
			font-size: 14px;
			color: #777777;
			line-height: 1.6;
		}

		.now-playing-badge {
			display: inline-block;
			padding: 2px 10px;
			background: rgba(90, 194, 78, 0.15);
			color: #5ac24e;
			font-size: 11px;
			font-weight: 600;
			letter-spacing: 0.05em;
			text-transform: uppercase;
			border-radius: 4px;
			margin-left: 10px;
			vertical-align: middle;
		}

		.eq-bars {
			display: inline-flex;
			align-items: flex-end;
			height: 14px;
			gap: 2px;
			margin-left: 6px;
			vertical-align: middle;
		}

		.eq-bars span {
			display: block;
			width: 3px;
			background: #5ac24e;
			border-radius: 1px;
			animation: eq-bounce 1.2s ease-in-out infinite;
		}

		.eq-bars span:nth-child(1) { height: 60%; animation-delay: 0s; }
		.eq-bars span:nth-child(2) { height: 100%; animation-delay: 0.2s; }
		.eq-bars span:nth-child(3) { height: 40%; animation-delay: 0.4s; }
		.eq-bars span:nth-child(4) { height: 80%; animation-delay: 0.1s; }

		@keyframes eq-bounce {
			0%, 100% { transform: scaleY(0.3); }
			50% { transform: scaleY(1); }
		}


		/* ================================================
		   AUDIO ALBUMS / PLAYLIST PLAYER
		   ================================================ */

		.album-section-header {
			margin: 0 0 30px 0;
			padding: 0 0 16px 0;
			border-bottom: 1px solid rgba(255, 255, 255, 0.08);
		}

		.album-section-header p {
			margin: 8px 0 0 0;
			font-size: 14px;
			color: #777777;
			line-height: 1.6;
		}

		.album-card {
			margin: 0 0 40px 0;
			background: rgba(255, 255, 255, 0.05);
			box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
			border-radius: 18px;
			overflow: hidden;
			transition: all 0.3s ease;
		}

		.album-card:hover { box-shadow: 0 15px 55px rgba(0, 0, 0, 0.3); }

		.album-header {
			display: flex;
			align-items: flex-start;
			padding: 28px;
			gap: 24px;
		}

		.album-header .album-cover {
			width: 180px; height: 180px;
			border-radius: 14px;
			overflow: hidden;
			flex-shrink: 0;
			background: #262628;
			box-shadow: 0 6px 30px rgba(0, 0, 0, 0.4);
			position: relative;
		}

		.album-header .album-cover img {
			width: 100%; height: 100%;
			object-fit: cover;
			display: block;
		}

		.album-header .album-cover .album-play-overlay {
			position: absolute;
			top: 0; left: 0;
			width: 100%; height: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
			background: rgba(0, 0, 0, 0.3);
			opacity: 0;
			transition: opacity 0.3s ease;
			cursor: pointer;
		}

		.album-header .album-cover:hover .album-play-overlay { opacity: 1; }

		.album-play-overlay .play-all-btn {
			width: 56px; height: 56px;
			border-radius: 50%;
			background: rgba(90, 194, 78, 0.9);
			display: flex;
			align-items: center;
			justify-content: center;
			box-shadow: 0 4px 24px rgba(90, 194, 78, 0.35);
			transition: transform 0.3s ease;
		}

		.album-play-overlay .play-all-btn:hover { transform: scale(1.1); }

		.album-play-overlay .play-all-btn .icon {
			font-size: 22px;
			color: #ffffff;
			margin-left: 3px;
		}

		.album-header .album-info { flex: 1; padding-top: 6px; }

		.album-info .album-title {
			margin: 0 0 4px 0;
			font-family: 'Poppins';
			font-size: 22px;
			font-weight: 700;
			color: #ffffff;
			line-height: 30px;
		}

		.album-info .album-artist {
			margin: 0 0 6px 0;
			font-family: 'Poppins';
			font-size: 15px;
			color: #5ac24e;
			font-weight: 500;
		}

		.album-info .album-meta {
			margin: 0 0 14px 0;
			font-family: 'Poppins';
			font-size: 12px;
			color: #777777;
			line-height: 18px;
		}

		.album-info .album-meta span + span {
			margin-left: 8px;
			padding-left: 8px;
			border-left: 1px solid rgba(255, 255, 255, 0.15);
		}

		.album-info .album-description {
			margin: 0;
			font-size: 14px;
			color: #a9a9a9;
			line-height: 1.7;
		}

		.album-info .play-all-text-btn {
			display: inline-block;
			margin-top: 14px;
			padding: 8px 20px;
			font-family: 'Poppins';
			font-size: 13px;
			font-weight: 600;
			color: #ffffff;
			background: rgba(90, 194, 78, 0.2);
			border: 1px solid rgba(90, 194, 78, 0.35);
			border-radius: 24px;
			cursor: pointer;
			transition: all 0.3s ease;
			text-decoration: none;
		}

		.album-info .play-all-text-btn:hover {
			background: rgba(90, 194, 78, 0.35);
			border-color: rgba(90, 194, 78, 0.6);
			color: #ffffff;
		}

		.album-info .play-all-text-btn .icon {
			margin-right: 6px;
			font-size: 14px;
			position: relative;
			top: 1px;
		}

		.album-tracklist {
			margin: 0;
			padding: 0;
			list-style: none;
			border-top: 1px solid rgba(255, 255, 255, 0.06);
		}

		.album-tracklist li {
			display: flex;
			align-items: center;
			padding: 14px 28px;
			cursor: pointer;
			transition: background 0.2s ease;
			gap: 14px;
		}

		.album-tracklist li:hover { background: rgba(255, 255, 255, 0.04); }
		.album-tracklist li:nth-child(even) { background: rgba(255, 255, 255, 0.02); }
		.album-tracklist li:nth-child(even):hover { background: rgba(255, 255, 255, 0.05); }
		.album-tracklist li.is-active { background: rgba(90, 194, 78, 0.08); }
		.album-tracklist li.is-active .track-number { color: #5ac24e; }
		.album-tracklist li.is-active .track-name { color: #5ac24e; }

		.album-tracklist li .track-number {
			width: 28px;
			text-align: center;
			font-family: 'Poppins';
			font-size: 13px;
			font-weight: 500;
			color: #777777;
			flex-shrink: 0;
		}

		.album-tracklist li .track-number .eq-mini { display: none; }
		.album-tracklist li.is-active .track-number span.num { display: none; }

		.album-tracklist li.is-active .track-number .eq-mini {
			display: inline-flex;
			align-items: flex-end;
			height: 14px;
			gap: 2px;
		}

		.album-tracklist li.is-active .track-number .eq-mini i {
			display: block;
			width: 3px;
			background: #5ac24e;
			border-radius: 1px;
			animation: eq-bounce 1.2s ease-in-out infinite;
		}

		.album-tracklist li.is-active .track-number .eq-mini i:nth-child(1) { height: 55%; animation-delay: 0s; }
		.album-tracklist li.is-active .track-number .eq-mini i:nth-child(2) { height: 100%; animation-delay: 0.2s; }
		.album-tracklist li.is-active .track-number .eq-mini i:nth-child(3) { height: 40%; animation-delay: 0.4s; }

		.album-tracklist li.is-active.is-paused .track-number .eq-mini i {
			animation-play-state: paused;
		}

		.album-tracklist li .track-name {
			flex: 1;
			font-family: 'Poppins';
			font-size: 14px;
			font-weight: 500;
			color: #ffffff;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		.album-tracklist li .track-duration {
			width: 50px;
			text-align: right;
			font-family: 'Poppins';
			font-size: 13px;
			color: #777777;
			flex-shrink: 0;
		}

		/* ================================================
		   ALBUM 1 — SCROLLABLE TRACKLIST
		   ================================================ */
		.album-tracklist-scroll {
			height: 450px;
			overflow-y: scroll;
			padding-right: 6px;

			/* Firefox */
			scrollbar-width: thin;
			scrollbar-color: #5ac24e #1a1b1e;
		}

		/* WebKit (Chrome, Safari, Edge) */
		.album-tracklist-scroll::-webkit-scrollbar {
			width: 6px;
		}

		.album-tracklist-scroll::-webkit-scrollbar-track {
			background: #1a1b1e;
			border-radius: 3px;
		}

		.album-tracklist-scroll::-webkit-scrollbar-thumb {
			background: #5ac24e;
			border-radius: 3px;
		}

		.album-tracklist-scroll::-webkit-scrollbar-thumb:hover {
			background: #6fd462;
		}

		/* --- Persistent Bottom Player Bar --- */
		.player-bar {
			position: fixed;
			bottom: 0;
			left: 44px;
			right: 0;
			height: 80px;
			background: linear-gradient(135deg, #1a1b1e 0%, #2a2c30 100%);
			border-top: 1px solid rgba(255, 255, 255, 0.08);
			display: flex;
			align-items: center;
			padding: 0 24px;
			z-index: 200;
			gap: 16px;
			transform: translateY(100%);
			transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
		}

		.player-bar.visible { transform: translateY(0); }

		.player-bar .player-close-btn {
			position: absolute;
			top: -14px;
			right: 20px;
			width: 28px;
			height: 28px;
			background: #2a2c30;
			border: 1px solid rgba(255,255,255,0.12);
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			color: #a9a9a9;
			font-size: 13px;
			transition: color 0.2s, background 0.2s;
			z-index: 201;
		}
		.player-bar .player-close-btn:hover { color: #ffffff; background: #3a3c40; }

		.player-bar .player-now-info {
			display: flex;
			align-items: center;
			gap: 12px;
			min-width: 200px;
			max-width: 280px;
			flex-shrink: 0;
		}

		.player-bar .player-cover {
			width: 48px; height: 48px;
			border-radius: 8px;
			overflow: hidden;
			background: #262628;
			flex-shrink: 0;
		}

		.player-bar .player-cover img {
			width: 100%; height: 100%;
			object-fit: cover;
			display: block;
		}

		.player-bar .player-track-details { overflow: hidden; }

		.player-bar .player-track-name {
			font-family: 'Poppins';
			font-size: 13px;
			font-weight: 600;
			color: #ffffff;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			line-height: 20px;
		}

		.player-bar .player-track-artist {
			font-family: 'Poppins';
			font-size: 12px;
			color: #777777;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			line-height: 18px;
		}

		.player-bar .player-controls {
			display: flex;
			align-items: center;
			gap: 6px;
			flex-shrink: 0;
		}

		.player-bar .player-controls .ctrl-btn {
			width: 36px; height: 36px;
			border: none;
			border-radius: 50%;
			background: transparent;
			color: #a9a9a9;
			font-size: 18px;
			display: flex;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			transition: all 0.2s ease;
			padding: 0;
		}

		.player-bar .player-controls .ctrl-btn:hover { color: #ffffff; }

		.player-bar .player-controls .ctrl-btn.play-pause {
			width: 42px; height: 42px;
			background: #5ac24e;
			color: #ffffff;
			font-size: 20px;
		}

		.player-bar .player-controls .ctrl-btn.play-pause:hover {
			background: #4db343;
			transform: scale(1.05);
		}

		.player-bar .player-controls .ctrl-btn.play-pause .icon { margin-left: 2px; }
		.player-bar .player-controls .ctrl-btn.play-pause.is-playing .icon { margin-left: 0; }

		.player-bar .player-progress {
			flex: 1;
			display: flex;
			align-items: center;
			gap: 10px;
			min-width: 0;
		}

		.player-bar .player-progress .time-label {
			font-family: 'Poppins';
			font-size: 11px;
			color: #777777;
			width: 42px;
			text-align: center;
			flex-shrink: 0;
		}

		.player-bar .player-progress .progress-bar-wrap {
			flex: 1;
			height: 6px;
			background: rgba(255, 255, 255, 0.1);
			border-radius: 3px;
			cursor: pointer;
			position: relative;
			min-width: 80px;
		}

		.player-bar .player-progress .progress-bar-wrap .progress-bar-fill {
			height: 100%;
			background: #5ac24e;
			border-radius: 3px;
			width: 0%;
			position: relative;
			transition: width 0.1s linear;
		}

		.player-bar .player-progress .progress-bar-wrap .progress-bar-fill::after {
			content: '';
			position: absolute;
			right: -5px; top: -4px;
			width: 14px; height: 14px;
			background: #ffffff;
			border-radius: 50%;
			box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
			opacity: 0;
			transition: opacity 0.2s ease;
		}

		.player-bar .player-progress .progress-bar-wrap:hover .progress-bar-fill::after { opacity: 1; }

		.player-bar .player-volume {
			display: flex;
			align-items: center;
			gap: 8px;
			flex-shrink: 0;
			width: 120px;
		}

		.player-bar .player-volume .vol-icon {
			color: #a9a9a9;
			font-size: 18px;
			cursor: pointer;
			transition: color 0.2s ease;
			flex-shrink: 0;
		}

		.player-bar .player-volume .vol-icon:hover { color: #ffffff; }

		.player-bar .player-volume .vol-bar-wrap {
			flex: 1;
			height: 4px;
			background: rgba(255, 255, 255, 0.1);
			border-radius: 2px;
			cursor: pointer;
			position: relative;
		}

		.player-bar .player-volume .vol-bar-fill {
			height: 100%;
			background: #5ac24e;
			border-radius: 2px;
			width: 80%;
		}

		@media (max-width: 1023px) {
			.player-bar { left: 0; padding: 0 16px; }
			.player-bar .player-volume { display: none; }
			.player-bar .player-now-info { min-width: 140px; max-width: 180px; }
		}

		@media (max-width: 560px) {
			.album-header { flex-direction: column; align-items: center; text-align: center; padding: 24px 20px; }
			.album-header .album-cover { width: 200px; height: 200px; }
		}


		/* ================================================
		   PLAYLIST CARDS + IFRAME PANELS
		   ================================================ */
						/* --- Playlist section accent tokens (site green) --- */
						.pl-section {
							--pl-accent:        #5ac24e;
							--pl-accent-glow:   rgba(90, 194, 78, 0.32);
							--pl-accent-bg:     rgba(90, 194, 78, 0.10);
							--pl-accent-border: rgba(90, 194, 78, 0.25);
							--pl-spotify:       rgba(29, 185, 84, 0.88);
							--pl-apple:         rgba(252, 60, 68, 0.88);
							--pl-youtube:       rgba(255, 0, 0, 0.85);
							padding: 0 30px;
						}
						.pl-featured {
							position: relative;
							background: rgba(255,255,255,0.05);
							box-shadow: 0 0 50px rgba(0,0,0,0.2);
							border-radius: 16px;
							overflow: hidden;
							margin: 0 0 20px 0;
							transition: box-shadow 0.3s ease;
							display: block;
							text-decoration: none;
						}
						.pl-featured:hover { box-shadow: 0 14px 50px rgba(90,194,78,0.18); }
						.pl-featured .pl-media {
							position: relative;
							width: 100%;
							padding-top: 100%;
							background: #1a1a20;
							overflow: hidden;
						}
						.pl-featured .pl-media img, .pl-card .pl-media img {
							position: absolute;
							top: 0; left: 0;
							width: 100%; height: 100%;
							object-fit: cover;
							display: block;
							transition: transform 0.55s ease;
						}
						.pl-featured:hover .pl-media img { transform: scale(1.04); }
						.pl-featured .pl-media::after {
							content: \'\';
							position: absolute;
							inset: 0;
							background: linear-gradient(180deg, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0.52) 100%);
							z-index: 2;
						}
						.pl-badge-featured {
							position: absolute;
							top: 12px; left: 12px;
							padding: 4px 12px;
							background: rgba(90,194,78,0.90);
							color: #fff;
							font-family: 'Poppins';
							font-size: 10px;
							font-weight: 700;
							letter-spacing: 0.07em;
							text-transform: uppercase;
							border-radius: 4px;
							z-index: 5;
						}
						.pl-platform-badge {
							position: absolute;
							top: 12px; right: 12px;
							padding: 4px 10px;
							display: flex;
							align-items: center;
							gap: 5px;
							color: #fff;
							font-family: 'Poppins';
							font-size: 10px;
							font-weight: 600;
							border-radius: 4px;
							z-index: 5;
						}
						.pl-platform-badge.spotify { background: rgba(29,185,84,0.88); }
						.pl-platform-badge.apple   { background: rgba(252,60,68,0.88); }
						.pl-platform-badge.youtube { background: rgba(255,0,0,0.85); }
						.pl-track-badge {
							position: absolute;
							bottom: 10px; right: 10px;
							padding: 3px 8px;
							background: rgba(0,0,0,0.72);
							color: #fff;
							font-family: 'Poppins';
							font-size: 10px;
							font-weight: 500;
							border-radius: 4px;
							z-index: 5;
						}
						.pl-featured .pl-open-overlay, .pl-card .pl-open-overlay {
							position: absolute;
							inset: 0;
							display: flex;
							align-items: center;
							justify-content: center;
							opacity: 0;
							transition: opacity 0.3s ease;
							z-index: 4;
							background: rgba(90,194,78,0.22);
						}
						.pl-featured:hover .pl-open-overlay, .pl-card:hover .pl-open-overlay { opacity: 1; }
						.pl-open-circle {
							width: 52px; height: 52px;
							border-radius: 50%;
							background: rgba(90,194,78,0.88);
							display: flex;
							align-items: center;
							justify-content: center;
							box-shadow: 0 4px 20px rgba(90,194,78,0.32);
						}
						.pl-open-circle .icon { font-size: 20px; color: #fff; }

						/* --- Featured playlist mode toggle (data-mode) --- */
						.pl-featured .pl-overlay-internal,
						.pl-featured .pl-overlay-external { display: none; }
						.pl-featured[data-mode="internal"] .pl-overlay-internal { display: flex; }
						.pl-featured[data-mode="external"] .pl-overlay-external { display: flex; }
						.pl-featured .pl-info {
							padding: 16px 18px 20px 18px;
							display: flex;
							align-items: flex-start;
							justify-content: space-between;
							gap: 14px;
							flex-wrap: wrap;
						}
						.pl-featured .pl-info .pl-info-left { flex: 1; min-width: 140px; }
						.pl-title {
							margin: 0 0 2px 0;
							font-family: 'Poppins';
							font-size: 15px;
							font-weight: 700;
							color: #fff;
							line-height: 22px;
						}
						.pl-cat {
							margin: 0 0 5px 0;
							font-family: 'Poppins';
							font-size: 12px;
							color: #5ac24e;
							font-weight: 500;
						}
						.pl-cat span { color: #5ac24e; font-weight: 500; }
						.pl-desc {
							margin: 0 0 10px 0;
							font-family: 'Poppins';
							font-size: 12px;
							color: #888;
							line-height: 1.6;
							display: -webkit-box;
							-webkit-line-clamp: 10;
							-webkit-box-orient: vertical;
							overflow: visible;
						}
						.pl-open-btn {
							display: inline-flex;
							align-items: center;
							gap: 6px;
							padding: 7px 14px;
							background: rgba(90,194,78,0.10);
							border: 1px solid rgba(90,194,78,0.25);
							color: #5ac24e;
							font-family: 'Poppins';
							font-size: 11px;
							font-weight: 600;
							border-radius: 20px;
							text-decoration: none;
							transition: all 0.25s ease;
							white-space: nowrap;
							flex-shrink: 0;
							align-self: center;
						}
						.pl-featured:hover .pl-open-btn, .pl-card:hover .pl-open-btn, .pl-open-btn:hover {
							background: #5ac24e;
							border-color: #5ac24e;
							color: #fff;
						}
						.pl-open-btn .icon { font-size: 12px; }
						.pl-grid { margin: 0 -8px; font-size: 0; }
						.pl-grid .pl-grid-col {
							display: inline-block;
							vertical-align: top;
							width: 50%;
							padding: 0 8px;
							margin-bottom: 16px;
							font-size: 15px;
						}
						@media (max-width: 560px) { .pl-grid .pl-grid-col { width: 100%; } }
						.pl-card {
							position: relative;
							background: rgba(255,255,255,0.05);
							box-shadow: 0 0 40px rgba(0,0,0,0.2);
							border-radius: 14px;
							overflow: hidden;
							transition: all 0.3s ease;
							display: block;
							text-decoration: none;
						}
						.pl-card:hover {
							box-shadow: 0 12px 44px rgba(90,194,78,0.18);
							transform: translateY(-2px);
						}
						.pl-card .pl-media {
							position: relative;
							width: 100%;
							padding-top: 100%;
							background: #1a1a20;
							overflow: hidden;
						}
						.pl-card:hover .pl-media img { transform: scale(1.07); }
						.pl-card .pl-info { padding: 12px 14px 14px 14px; }
						.pl-card .pl-title {
							white-space: nowrap;
							overflow: hidden;
							text-overflow: ellipsis;
						}
						.pl-cat-muted { color: #777; }
						.pl-library-btn-wrap { margin: 24px 0 4px 0; text-align: center; }
						.pl-library-btn {
							display: inline-flex;
							align-items: center;
							gap: 8px;
							padding: 11px 28px;
							background: rgba(90,194,78,0.10);
							border: 1px solid rgba(90,194,78,0.28);
							color: #5ac24e;
							font-family: 'Poppins';
							font-size: 13px;
							font-weight: 600;
							border-radius: 30px;
							text-decoration: none;
							transition: all 0.3s ease;
						}
						.pl-library-btn:hover {
							background: #5ac24e;
							color: #fff;
							box-shadow: 0 6px 24px rgba(90,194,78,0.30);
						}
						.pl-library-btn .icon { font-size: 15px; }

						/* ── Shared iframe panel styles ── */
						.section-iframe-panel {
							display: none;
							margin: 0;
							padding: 0;
						}
						.section-iframe-panel.is-visible {
							display: block;
							animation: section-iframe-in 0.35s ease;
						}
						@keyframes section-iframe-in {
							from { opacity: 0; transform: translateY(10px); }
							to   { opacity: 1; transform: translateY(0); }
						}
						.section-iframe-panel iframe {
							width: 100%;
							height: 1200px;
							border: none;
							border-radius: 14px;
							background: #1a1a1e;
							display: block;
						}
						/* Section iframes — fill entire left column, no gaps */
						#blog-card .card-wrap .simplebar-content,
						#about-card .card-wrap .simplebar-content,
						#resume-card .card-wrap .simplebar-content,
						#favorites-card .card-wrap .simplebar-content,
						#music-card .card-wrap .simplebar-content,
						#mix-card .card-wrap .simplebar-content,
						#playlist-card .card-wrap .simplebar-content,
						#books-card .card-wrap .simplebar-content {
							padding: 0 !important;
						}
						#blog-iframe-panel,
						#about-card-iframe-panel,
						#resume-card-iframe-panel,
						#favorites-card-iframe-panel,
						#music-card-iframe-panel,
						#mix-card-iframe-panel,
						#playlist-card-iframe-panel,
						#books-card-iframe-panel {
							margin: 0 !important;
							padding: 0 !important;
						}
						#blog-iframe-panel iframe,
						#about-card-iframe-panel iframe,
						#resume-card-iframe-panel iframe,
						#favorites-card-iframe-panel iframe,
						#music-card-iframe-panel iframe,
						#mix-card-iframe-panel iframe,
						#playlist-card-iframe-panel iframe,
						#books-card-iframe-panel iframe {
							height: 100vh;
							border-radius: 0;
						}
						/* Open button state */
						.section-iframe-btn.is-open {
							background: rgba(220,80,80,0.12);
							border-color: rgba(220,80,80,0.35);
							color: #e05555;
						}
						.section-iframe-btn.is-open:hover {
							background: #e05555;
							border-color: #e05555;
							color: #fff;
							box-shadow: 0 6px 24px rgba(220,80,80,0.25);
						}
						/* Music section — two-button swap row */
						.music-iframe-btn-row {
							margin: 24px 0 4px 0;
							text-align: center;
							display: flex;
							gap: 10px;
							justify-content: center;
							flex-wrap: wrap;
						}
						.music-iframe-btn-row .pl-library-btn {
							margin: 0;
						}

						/* ── Collaborators Grid ── */
						.collaborators-section {
							margin: 36px 30px 28px 30px;
						}
						.collaborators-header {
							margin-bottom: 20px;
							padding-bottom: 14px;
							border-bottom: 1px solid rgba(255,255,255,0.08);
						}
						.collaborators-grid {
							display: grid;
							grid-template-columns: repeat(3, 1fr);
							gap: 14px;
						}
						.collab-item {
							width: 100%;
						}
						.collab-img-wrap {
							width: 100%;
							aspect-ratio: 1 / 1;
							border-radius: 14px;
							overflow: hidden;
							background: rgba(255,255,255,0.06);
							box-shadow: 0 4px 18px rgba(0,0,0,0.25);
							transition: transform 0.25s ease, box-shadow 0.25s ease;
						}
						.collab-img-wrap:hover {
							transform: translateY(-3px);
							box-shadow: 0 10px 30px rgba(0,0,0,0.35);
						}
						.collab-img-wrap img {
							width: 100%;
							height: 100%;
							object-fit: cover;
							display: block;
						}

		/* ================================================
		   FAVORITES SECTION
		   ================================================ */

		/* Image grid */
		.fav-grid {
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			gap: 14px;
			margin-bottom: 8px;
		}
		.fav-item a {
			display: block;
			border-radius: 0;
			overflow: hidden;
			background: rgba(255,255,255,0.06);
			box-shadow: 0 4px 14px rgba(0,0,0,0.25);
			transition: transform 0.22s ease, box-shadow 0.22s ease;
			text-decoration: none;
		}
		.fav-item a:hover {
			transform: translateY(-3px);
			box-shadow: 0 10px 28px rgba(0,0,0,0.38);
		}
		.fav-item img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			display: block;
		}

		/* Aspect ratios per category */
		.fav-ratio-poster  { aspect-ratio: 2 / 3;  }   /* Movies, Shows */
		.fav-ratio-album   { aspect-ratio: 1 / 1;  }   /* Music */
		.fav-ratio-book    { aspect-ratio: 1 / 1;  }   /* Books */
		.fav-ratio-comic   { aspect-ratio: 17 / 26;}   /* Comics */
		.fav-ratio-game    { aspect-ratio: 3 / 4;  }   /* Games */

		/* ── Accordion version ─────────────────── */
		.fav-accordion {
			margin: 0 30px;
		}
		.fav-acc-item {
			border: 1px solid rgba(255,255,255,0.08);
			border-radius: 12px;
			margin-bottom: 8px;
		}
		.fav-acc-header {
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 13px 18px;
			cursor: pointer;
			background: rgba(255,255,255,0.04);
			transition: background 0.2s ease;
			user-select: none;
		}
		.fav-acc-header:hover {
			background: rgba(255,255,255,0.07);
		}
		.fav-acc-header.active {
			background: rgba(90,194,78,0.12);
			border-bottom: 1px solid rgba(90,194,78,0.2);
		}
		.fav-acc-title {
			font-family: 'Poppins', sans-serif;
			font-size: 13px;
			font-weight: 600;
			color: #ccc;
		}
		.fav-acc-header.active .fav-acc-title {
			color: #5ac24e;
		}
		.fav-acc-chevron {
			width: 16px;
			height: 16px;
			color: #555;
			transition: transform 0.25s ease;
			flex-shrink: 0;
		}
		.fav-acc-header.active .fav-acc-chevron {
			transform: rotate(180deg);
			color: #5ac24e;
		}
		.fav-acc-body {
			max-height: 0;
			overflow: hidden;
			padding: 0 18px;
			transition: max-height 0.35s ease, padding 0.35s ease;
		}
		.fav-acc-body.open {
			max-height: 3000px;
			padding: 18px;
			transition: max-height 0.45s ease, padding 0.35s ease;
		}

		/* ── Favorites accordion iframe panel ────────── */
		.fav-iframe-panel {
			display: none;
			margin: 14px 0 4px 0;
			border-radius: 12px;
			overflow: hidden;
			background: rgba(0,0,0,0.35);
			border: 1px solid rgba(255,255,255,0.1);
			position: relative;
		}
		.fav-iframe-panel.is-visible {
			display: block;
			animation: favIframeFadeIn 0.28s ease;
		}
		@keyframes favIframeFadeIn {
			from { opacity: 0; transform: translateY(10px); }
			to   { opacity: 1; transform: translateY(0); }
		}
		.fav-iframe-close {
			display: flex;
			align-items: center;
			gap: 7px;
			margin: 0 30px 0 30px;
			padding: 9px 14px;
			background: rgba(255,255,255,0.06);
			border: none;
			border-bottom: 1px solid rgba(255,255,255,0.08);
			color: #ccc;
			font-family: 'Poppins', sans-serif;
			font-size: 12px;
			font-weight: 500;
			cursor: pointer;
			width: calc(100% - 60px);
			text-align: left;
			transition: background 0.2s, color 0.2s;
			border-radius: 0;
		}
		.fav-iframe-close:hover {
			background: rgba(255,255,255,0.1);
			color: #fff;
		}
		.fav-iframe-close svg {
			width: 14px;
			height: 14px;
			flex-shrink: 0;
		}
		.fav-iframe-inner {
			margin: 0 30px;
			overflow: hidden;
		}
		.fav-iframe-inner iframe {
			width: 100%;
			height: 360px;
			border: none;
			display: none;
		}

		/* ================================================
		   CONTACTS SECTION
		   ================================================ */

		/* Link list items (Email + Social tabs) */
		.con-link-list {
			display: flex;
			flex-direction: column;
			gap: 4px;
		}
		.con-link-item {
			display: flex;
			align-items: center;
			gap: 14px;
			padding: 11px 14px;
			border-radius: 10px;
			background: rgba(255,255,255,0.03);
			border: 1px solid rgba(255,255,255,0.06);
			text-decoration: none;
			transition: background 0.2s ease, border-color 0.2s ease;
			cursor: pointer;
		}
		.con-link-item:hover {
			background: rgba(90,194,78,0.08);
			border-color: rgba(90,194,78,0.2);
		}
		.con-link-icon {
			width: 36px;
			height: 36px;
			border-radius: 8px;
			background: rgba(255,255,255,0.07);
			display: flex;
			align-items: center;
			justify-content: center;
			flex-shrink: 0;
			font-size: 17px;
			color: #a9a9a9;
			transition: color 0.2s, background 0.2s;
		}
		.con-link-item:hover .con-link-icon { color: #5ac24e; background: rgba(90,194,78,0.12); }
		.con-link-item[data-platform="twitter"]:hover .con-link-icon   { color: #1da1f2; }
		.con-link-item[data-platform="instagram"]:hover .con-link-icon { color: #e1306c; }
		.con-link-item[data-platform="facebook"]:hover .con-link-icon  { color: #1877f2; }
		.con-link-item[data-platform="linkedin"]:hover .con-link-icon  { color: #0a66c2; }
		.con-link-item[data-platform="youtube"]:hover .con-link-icon   { color: #ff0000; }
		.con-link-item[data-platform="soundcloud"]:hover .con-link-icon{ color: #ff5500; }
		.con-link-item[data-platform="spotify"]:hover .con-link-icon   { color: #1db954; }
		.con-link-item[data-platform="github"]:hover .con-link-icon    { color: #ffffff; }
		.con-link-item[data-platform="mixcloud"]:hover .con-link-icon  { color: #5000ff; }
		.con-link-info { flex: 1; min-width: 0; }
		.con-link-name {
			font-family: 'Poppins', sans-serif;
			font-size: 13px;
			font-weight: 600;
			color: #dddddd;
			line-height: 1.3;
		}
		.con-link-url {
			font-family: 'Poppins', sans-serif;
			font-size: 11px;
			color: #555;
			margin-top: 2px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		.con-link-item:hover .con-link-url { color: #5ac24e; }
		.con-link-arrow {
			font-size: 13px;
			color: #444;
			flex-shrink: 0;
			transition: color 0.2s, transform 0.2s;
		}
		.con-link-item:hover .con-link-arrow { color: #5ac24e; transform: translateX(3px); }

		/* People / Colleagues / Links cards */
		.con-card-list { display: flex; flex-direction: column; gap: 8px; }
		.con-card-item {
			display: flex;
			align-items: flex-start;
			gap: 14px;
			padding: 14px;
			border-radius: 10px;
			background: rgba(255,255,255,0.03);
			border: 1px solid rgba(255,255,255,0.06);
			text-decoration: none;
			transition: background 0.2s ease, border-color 0.2s ease;
		}
		.con-card-item:hover {
			background: rgba(90,194,78,0.07);
			border-color: rgba(90,194,78,0.18);
		}
		.con-card-avatar {
			width: 42px; height: 42px;
			border-radius: 50%;
			background: rgba(255,255,255,0.08);
			display: flex; align-items: center; justify-content: center;
			flex-shrink: 0;
			font-size: 18px; color: #666;
			overflow: hidden;
		}
		.con-card-avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
		.con-card-link-icon {
			width: 42px; height: 42px;
			border-radius: 10px;
			background: rgba(255,255,255,0.06);
			display: flex; align-items: center; justify-content: center;
			flex-shrink: 0;
			font-size: 18px; color: #555;
			transition: color 0.2s, background 0.2s;
		}
		.con-card-item:hover .con-card-link-icon { color: #5ac24e; background: rgba(90,194,78,0.1); }
		.con-card-body { flex: 1; min-width: 0; }
		.con-card-name {
			font-family: 'Poppins', sans-serif;
			font-size: 13px; font-weight: 600;
			color: #dddddd; line-height: 1.3;
		}
		.con-card-item:hover .con-card-name { color: #ffffff; }
		.con-card-desc {
			font-family: 'Poppins', sans-serif;
			font-size: 11px; color: #666;
			margin-top: 3px; line-height: 1.5;
		}
		.con-card-url {
			font-family: 'Poppins', sans-serif;
			font-size: 10px; color: #444;
			margin-top: 4px;
			white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
		}
		.con-card-item:hover .con-card-url { color: #5ac24e; }

		/* ── Fav video player ─────────────────────── */

		/* Thumbnail preview (shown before play) */
		.fav-yt-preview {
			position: relative;
			width: 100%;
			background: #000;
			cursor: pointer;
			display: none;
			overflow: hidden;
		}
		.fav-yt-preview.is-visible { display: block; }
		.fav-yt-preview img {
			width: 100%;
			height: 300px;
			object-fit: cover;
			display: block;
			opacity: 0.82;
			transition: opacity 0.2s;
		}
		.fav-yt-preview:hover img { opacity: 1; }
		.fav-yt-play-btn {
			position: absolute;
			top: 50%; left: 50%;
			transform: translate(-50%, -50%);
			width: 68px; height: 68px;
			border-radius: 50%;
			background: rgba(90,194,78,0.9);
			display: flex;
			align-items: center;
			justify-content: center;
			box-shadow: 0 4px 28px rgba(90,194,78,0.4);
			transition: transform 0.2s, background 0.2s, box-shadow 0.2s;
			pointer-events: none;
		}
		.fav-yt-preview:hover .fav-yt-play-btn {
			transform: translate(-50%, -50%) scale(1.1);
			background: rgba(90,194,78,1);
			box-shadow: 0 6px 36px rgba(90,194,78,0.55);
		}
		.fav-yt-play-btn svg {
			width: 26px; height: 26px;
			fill: #fff;
			margin-left: 4px;
		}
		.fav-yt-label {
			position: absolute;
			bottom: 12px; left: 50%;
			transform: translateX(-50%);
			font-family: 'Poppins', sans-serif;
			font-size: 11px;
			color: rgba(255,255,255,0.85);
			letter-spacing: 0.04em;
			pointer-events: none;
			white-space: nowrap;
			background: rgba(0,0,0,0.52);
			padding: 3px 12px;
			border-radius: 20px;
		}

		/* Self-hosted video player */
		.fav-video-player {
			display: none;
			background: #000;
			overflow: hidden;
		}
		.fav-video-player.is-visible { display: block; }
		.fav-video-player video {
			width: 100%;
			height: 300px;
			object-fit: contain;
			display: block;
			background: #000;
			outline: none;
		}
		/* Custom controls bar */
		.fav-vid-controls {
			display: flex;
			align-items: center;
			gap: 10px;
			padding: 10px 14px;
			background: rgba(255,255,255,0.04);
			border-top: 1px solid rgba(255,255,255,0.07);
		}
		.fav-vid-play-btn {
			flex-shrink: 0;
			width: 32px; height: 32px;
			border-radius: 50%;
			border: none;
			background: rgba(90,194,78,0.18);
			color: #5ac24e;
			font-size: 13px;
			display: flex;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			transition: background 0.2s;
			padding: 0;
		}
		.fav-vid-play-btn:hover { background: rgba(90,194,78,0.32); }
		.fav-vid-scrubber-wrap {
			flex: 1;
			height: 4px;
			background: rgba(255,255,255,0.12);
			border-radius: 2px;
			cursor: pointer;
			position: relative;
		}
		.fav-vid-scrubber-fill {
			height: 100%;
			width: 0%;
			background: #5ac24e;
			border-radius: 2px;
			pointer-events: none;
			transition: width 0.1s linear;
		}
		.fav-vid-time {
			flex-shrink: 0;
			font-family: 'Poppins', sans-serif;
			font-size: 11px;
			color: #777;
			white-space: nowrap;
			min-width: 80px;
			text-align: right;
		}
		.fav-vid-mute-btn {
			flex-shrink: 0;
			width: 28px; height: 28px;
			border-radius: 50%;
			border: none;
			background: transparent;
			color: #666;
			font-size: 14px;
			display: flex;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			transition: color 0.2s;
			padding: 0;
		}
		.fav-vid-mute-btn:hover { color: #aaa; }
		.fav-vid-fullscreen-btn {
			flex-shrink: 0;
			width: 28px; height: 28px;
			border-radius: 4px;
			border: none;
			background: transparent;
			color: #666;
			font-size: 13px;
			display: flex;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			transition: color 0.2s;
			padding: 0;
		}
		.fav-vid-fullscreen-btn:hover { color: #aaa; }

		/* ================================================
		   AUDIOBOOK CARD
		   ================================================ */
		.audiobook-card {
			margin: 0 30px 40px 30px;
			background: rgba(255, 255, 255, 0.05);
			box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
			border-radius: 18px;
			overflow: hidden;
			transition: all 0.3s ease;
		}
		.audiobook-card:hover {
			box-shadow: 0 15px 55px rgba(0, 0, 0, 0.3);
		}

		/* Full-width 1:1 cover */
		.audiobook-cover-wrap {
			width: 100%;
			aspect-ratio: 1 / 1;
			overflow: hidden;
			background: #262628;
			position: relative;
		}
		.audiobook-cover-wrap img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			display: block;
		}

		/* Text block under cover */
		.audiobook-info {
			padding: 22px 28px 18px 28px;
			border-bottom: 1px solid rgba(255, 255, 255, 0.06);
		}
		.audiobook-info .ab-title {
			margin: 0 0 4px 0;
			font-family: 'Poppins', sans-serif;
			font-size: 20px;
			font-weight: 700;
			color: #ffffff;
			line-height: 1.3;
		}
		.audiobook-info .ab-author {
			margin: 0 0 12px 0;
			font-family: 'Poppins', sans-serif;
			font-size: 14px;
			color: #5ac24e;
			font-weight: 500;
		}
		.audiobook-info .ab-description {
			margin: 0;
			font-size: 14px;
			color: #a9a9a9;
			line-height: 1.7;
		}


		/* ── Todd fact cards: blue links ── */
		.content.clients .service-item.card-box a {
			color: #4d9fea;
		}
		.content.clients .service-item.card-box a:hover {
			color: #74b8f4;
		}

		/* ================================================
		   BLOG POST CARDS (shared with blog-list.html)
		   ================================================ */

		/* Active / Inactive toggle */
		.blog-post-card[data-active="false"] {
			display: none !important;
		}

		/* Blog post card base */
		.blog-post-card {
			margin: 0 0 32px 0;
			background: rgba(255, 255, 255, 0.05);
			box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
			border-radius: 18px;
			overflow: hidden;
			transition: all 0.4s ease, opacity 0.35s ease, transform 0.35s ease;
		}
		.blog-post-card:hover {
			box-shadow: 0 15px 55px rgba(0, 0, 0, 0.3);
		}

		/* Grid layout */
		.blog-posts-grid {
			display: grid;
			grid-template-columns: 1fr;
			gap: 24px;
			margin: 0 0 32px 0;
			padding: 0 30px;
		}
		.blog-posts-grid .blog-post-card {
			margin: 0;
		}

		/* Visibility states */
		.blog-post-card.is-hidden {
			opacity: 0;
			transform: translateY(12px) scale(0.97);
			max-height: 0;
			margin: 0;
			overflow: hidden;
			pointer-events: none;
		}
		.blog-post-card.is-visible {
			opacity: 1;
			transform: translateY(0) scale(1);
			max-height: 5000px;
		}

		/* Category accent stripe */
		.blog-post-card .cat-stripe {
			height: 4px;
			width: 100%;
		}
		.blog-post-card[data-category="video"] .cat-stripe    { background: #ff5050; }
		.blog-post-card[data-category="audio"] .cat-stripe    { background: #00c8ff; }
		.blog-post-card[data-category="quote"] .cat-stripe    { background: #b464ff; }
		.blog-post-card[data-category="rant"] .cat-stripe     { background: #ffa500; }
		.blog-post-card[data-category="crush"] .cat-stripe    { background: #ff5096; }
		.blog-post-card[data-category="creative"] .cat-stripe { background: #64d8cb; }
		.blog-post-card[data-category="gaming"] .cat-stripe   { background: #7bed9f; }
		.blog-post-card[data-category="tech"] .cat-stripe     { background: #45b7d1; }

		/* ===== MEDIA AREA (16:9 featured image) ===== */
		.blog-post-card .post-media {
			position: relative;
			width: 100%;
			padding-top: 56.25%;
			background: #262628;
			overflow: hidden;
			cursor: pointer;
		}
		.blog-post-card .post-media img,
		.blog-post-card .post-media video {
			position: absolute;
			top: 0; left: 0;
			width: 100%; height: 100%;
			object-fit: cover;
			display: block;
			transition: transform 0.5s ease;
		}
		.blog-post-card:hover .post-media img,
		.blog-post-card:hover .post-media video {
			transform: scale(1.03);
		}

		/* Media overlay */
		.blog-post-card .post-media .media-overlay {
			position: absolute;
			top: 0; left: 0;
			width: 100%; height: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
			background: rgba(24, 24, 24, 0.3);
			transition: background 0.3s ease;
			z-index: 3;
		}
		.blog-post-card:hover .post-media .media-overlay {
			background: rgba(24, 24, 24, 0.5);
		}
		.blog-post-card .post-media .media-overlay .play-btn {
			width: 72px; height: 72px;
			border-radius: 50%;
			background: rgba(90, 194, 78, 0.9);
			display: flex;
			align-items: center;
			justify-content: center;
			box-shadow: 0 4px 30px rgba(90, 194, 78, 0.35);
			transition: all 0.3s ease;
		}
		.blog-post-card:hover .post-media .media-overlay .play-btn {
			transform: scale(1.1);
		}
		.blog-post-card .post-media .media-overlay .play-btn .icon {
			font-size: 28px;
			color: #ffffff;
			margin-left: 4px;
		}

		/* Gallery overlay button */
		.blog-post-card .post-media .media-overlay .gallery-btn {
			width: 72px; height: 72px;
			border-radius: 50%;
			background: rgba(255, 255, 255, 0.15);
			display: flex;
			align-items: center;
			justify-content: center;
			backdrop-filter: blur(4px);
			transition: all 0.3s ease;
		}
		.blog-post-card:hover .post-media .media-overlay .gallery-btn {
			transform: scale(1.1);
			background: rgba(255, 255, 255, 0.25);
		}
		.blog-post-card .post-media .media-overlay .gallery-btn .icon {
			font-size: 28px;
			color: #ffffff;
		}

		/* Badges */
		.blog-post-card .post-media .badge-br {
			position: absolute;
			bottom: 12px; right: 12px;
			padding: 4px 10px;
			background: rgba(0, 0, 0, 0.75);
			color: #ffffff;
			font-family: 'Poppins';
			font-size: 12px;
			font-weight: 500;
			border-radius: 4px;
			z-index: 4;
		}
		.blog-post-card .post-media .badge-tl {
			position: absolute;
			top: 12px; left: 12px;
			padding: 4px 10px;
			display: flex;
			align-items: center;
			gap: 5px;
			background: rgba(0, 0, 0, 0.55);
			color: #ffffff;
			font-family: 'Poppins';
			font-size: 10px;
			font-weight: 700;
			text-transform: uppercase;
			letter-spacing: 0.06em;
			border-radius: 4px;
			z-index: 5;
		}
		.badge-tl .icon { font-size: 13px; }

		/* Category-specific badge colors */
		.blog-post-card[data-category="video"] .badge-tl    { background: rgba(255, 60, 60, 0.7); }
		.blog-post-card[data-category="audio"] .badge-tl    { background: rgba(0, 200, 255, 0.7); }
		.blog-post-card[data-category="crush"] .badge-tl    { background: rgba(255, 80, 150, 0.7); }
		.blog-post-card[data-category="rant"] .badge-tl     { background: rgba(255, 165, 0, 0.7); }
		.blog-post-card[data-category="creative"] .badge-tl { background: rgba(100, 216, 203, 0.7); }
		.blog-post-card[data-category="gaming"] .badge-tl   { background: rgba(123, 237, 159, 0.7); }
		.blog-post-card[data-category="tech"] .badge-tl     { background: rgba(69, 183, 209, 0.7); }

		/* Platform badges */
		.post-media .platform-badge {
			position: absolute;
			bottom: 12px; left: 12px;
			display: flex;
			align-items: center;
			gap: 6px;
			padding: 5px 12px;
			border-radius: 20px;
			font-family: 'Poppins';
			font-size: 11px;
			font-weight: 700;
			text-transform: uppercase;
			letter-spacing: 0.05em;
			color: #ffffff;
			z-index: 5;
		}
		.platform-badge.youtube    { background: rgba(255, 0, 0, 0.75); }
		.platform-badge.vimeo      { background: rgba(26, 183, 234, 0.75); }
		.platform-badge.soundcloud { background: rgba(255, 85, 0, 0.75); }
		.platform-badge.spotify    { background: rgba(30, 215, 96, 0.75); }
		.platform-badge.apple      { background: rgba(252, 60, 68, 0.75); }
		.platform-badge.external   { background: rgba(120, 120, 120, 0.75); }
		.platform-badge .icon      { font-size: 14px; }

		/* External-link play button (grey instead of green) */
		.blog-post-card[data-type="video-link"] .post-media .media-overlay .play-btn,
		.blog-post-card[data-type="audio-link"] .post-media .media-overlay .play-btn {
			background: rgba(255, 255, 255, 0.18);
			box-shadow: 0 4px 20px rgba(0,0,0,0.3);
		}

		/* ===== POST BODY ===== */
		.blog-post-card .post-body {
			padding: 24px 28px 28px 28px;
		}
		.blog-post-card .post-body .post-title {
			margin: 0 0 6px 0;
			font-family: 'Poppins';
			font-size: 20px;
			font-weight: 700;
			color: #ffffff;
			line-height: 28px;
		}
		.blog-post-card .post-body .post-meta {
			margin: 0 0 14px 0;
			font-family: 'Poppins';
			font-size: 12px;
			color: #777777;
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			gap: 0;
		}
		.blog-post-card .post-body .post-meta span + span {
			margin-left: 8px;
			padding-left: 8px;
			border-left: 1px solid rgba(255, 255, 255, 0.12);
		}
		.blog-post-card .post-body .post-meta .cat-label {
			display: inline-block;
			padding: 2px 10px;
			font-size: 10px;
			font-weight: 700;
			text-transform: uppercase;
			letter-spacing: 0.06em;
			border-radius: 4px;
			color: #ffffff;
			border: none;
			margin-left: 0;
			padding-left: 10px;
		}
		.cat-label.video    { background: rgba(255, 60, 60, 0.3); color: #ff8080; }
		.cat-label.audio    { background: rgba(0, 200, 255, 0.3); color: #66e0ff; }
		.cat-label.quote    { background: rgba(180, 100, 255, 0.3); color: #d4a0ff; }
		.cat-label.rant     { background: rgba(255, 165, 0, 0.3); color: #ffcc66; }
		.cat-label.crush    { background: rgba(255, 80, 150, 0.3); color: #ff99c4; }
		.cat-label.creative { background: rgba(100, 216, 203, 0.3); color: #8eeade; }
		.cat-label.gaming   { background: rgba(123, 237, 159, 0.3); color: #a5f3c0; }
		.cat-label.tech     { background: rgba(69, 183, 209, 0.3); color: #7dcde3; }

		.blog-post-card .post-body .post-excerpt {
			margin: 0 0 16px 0;
			font-size: 15px;
			color: #a9a9a9;
			line-height: 1.7;
		}

		/* Expandable content */
		.blog-post-card .post-body .post-full-content {
			display: none;
			margin: 0 0 16px 0;
			font-size: 15px;
			color: #a9a9a9;
			line-height: 1.7;
		}
		.blog-post-card .post-body .post-full-content p {
			margin: 0 0 16px 0;
		}
		.blog-post-card .post-body .expand-btn {
			display: inline-block;
			padding: 0;
			font-family: 'Poppins';
			font-size: 13px;
			font-weight: 600;
			color: #5ac24e;
			background: none;
			border: none;
			border-bottom: 1px dashed rgba(90, 194, 78, 0.4);
			cursor: pointer;
			transition: all 0.2s ease;
			width: auto;
			height: auto;
		}
		.blog-post-card .post-body .expand-btn:hover {
			border-bottom-color: #5ac24e;
		}
		.blog-post-card .post-body .expand-btn .icon {
			font-size: 14px;
			margin-left: 4px;
			position: relative;
			top: 1px;
			transition: transform 0.2s ease;
		}
		.blog-post-card.is-expanded .post-body .expand-btn .icon {
			transform: rotate(180deg);
		}
		.blog-post-card.is-expanded .post-body .post-full-content { display: block; }

		/* ===== QUOTE POST CARD ===== */
		.blog-post-card.post-type-quote {
			background: linear-gradient(135deg, rgba(180, 100, 255, 0.08) 0%, rgba(90, 60, 180, 0.12) 100%);
			border: 1px solid rgba(180, 100, 255, 0.12);
		}
		.blog-post-card.post-type-quote:hover {
			border-color: rgba(180, 100, 255, 0.25);
		}
		.blog-post-card.post-type-quote .quote-body {
			padding: 48px 36px 40px 36px;
			text-align: center;
			position: relative;
		}
		.blog-post-card.post-type-quote .quote-body .quote-icon {
			display: block;
			font-size: 96px;
			color: rgba(180, 100, 255, 0.25);
			margin-bottom: 20px;
			font-family: 'Cormorant Garamond';
			font-weight: 700;
			line-height: 1;
			user-select: none;
		}
		.blog-post-card.post-type-quote .quote-body .quote-text {
			margin: 0 0 20px 0;
			font-family: 'Cormorant Garamond';
			font-size: 28px;
			font-weight: 500;
			font-style: italic;
			color: #ffffff;
			line-height: 1.5;
			letter-spacing: -0.01em;
		}
		.blog-post-card.post-type-quote .quote-body .quote-attribution {
			margin: 0 0 20px 0;
			font-family: 'Poppins';
			font-size: 14px;
			color: #b464ff;
			font-weight: 600;
		}
		.blog-post-card.post-type-quote .quote-body .quote-attribution span {
			display: block;
			font-size: 12px;
			color: #777777;
			font-weight: 400;
			margin-top: 2px;
		}
		.blog-post-card.post-type-quote .quote-body .quote-meta {
			margin: 0;
			font-family: 'Poppins';
			font-size: 12px;
			color: #777777;
		}
		.blog-post-card.post-type-quote .quote-body .quote-meta span + span {
			margin-left: 8px;
			padding-left: 8px;
			border-left: 1px solid rgba(255, 255, 255, 0.1);
		}
		.blog-post-card.post-type-quote .quote-body::before {
			content: '';
			position: absolute;
			top: 0; left: 50%;
			transform: translateX(-50%);
			width: 60px;
			height: 3px;
			background: rgba(180, 100, 255, 0.3);
			border-radius: 2px;
		}
		@media (max-width: 560px) {
			.blog-post-card.post-type-quote .quote-body {
				padding: 36px 20px 32px 20px;
			}
			.blog-post-card.post-type-quote .quote-body .quote-text {
				font-size: 22px;
			}
		}

		/* ===== PLAYLIST POST CARDS (audio & video) ===== */
		.post-playlist {
			border-top: 1px solid rgba(255, 255, 255, 0.06);
			padding: 0 0 8px 0;
		}

		.playlist-header {
			display: flex;
			align-items: center;
			gap: 10px;
			padding: 14px 24px 10px;
			font-family: 'Poppins';
			font-size: 11px;
			font-weight: 700;
			text-transform: uppercase;
			letter-spacing: 0.07em;
			color: #555;
		}

		.playlist-track {
			display: flex;
			align-items: center;
			gap: 12px;
			padding: 8px 24px;
			cursor: pointer;
			transition: background 0.2s ease;
			border-radius: 0;
		}
		.playlist-track:hover {
			background: rgba(255,255,255,0.04);
		}
		.playlist-track.is-active {
			background: rgba(90, 194, 78, 0.07);
		}

		.playlist-track .track-num {
			width: 20px;
			text-align: right;
			font-family: 'Poppins';
			font-size: 12px;
			color: #555;
			flex-shrink: 0;
		}
		.playlist-track.is-active .track-num {
			color: #5ac24e;
		}

		.playlist-track .track-icon {
			width: 20px;
			text-align: center;
			font-size: 13px;
			color: #5ac24e;
			flex-shrink: 0;
			display: none;
		}
		.playlist-track.is-active .track-icon { display: block; }
		.playlist-track.is-active .track-num  { display: none; }

		.playlist-track .track-art {
			width: 38px;
			height: 38px;
			border-radius: 4px;
			object-fit: cover;
			flex-shrink: 0;
			background: #2a2a2c;
		}

		.playlist-track .track-info {
			flex: 1;
			min-width: 0;
		}
		.playlist-track .track-title {
			font-family: 'Poppins';
			font-size: 13px;
			font-weight: 600;
			color: #dddddd;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			line-height: 1.3;
		}
		.playlist-track.is-active .track-title { color: #ffffff; }

		.playlist-track .track-sub {
			font-family: 'Poppins';
			font-size: 11px;
			color: #666;
			margin-top: 2px;
		}

		.playlist-track .track-dur {
			font-family: 'Poppins';
			font-size: 12px;
			color: #555;
			flex-shrink: 0;
			margin-left: auto;
		}
		.playlist-track.is-active .track-dur { color: #5ac24e; }

		/* Inline mini-player bar */
		.playlist-mini-player {
			margin: 4px 24px 12px;
			padding: 10px 14px;
			background: rgba(90, 194, 78, 0.08);
			border: 1px solid rgba(90, 194, 78, 0.18);
			border-radius: 10px;
			display: none;
		}
		.playlist-mini-player.is-active { display: flex; align-items: center; gap: 10px; }

		.playlist-mini-player .mini-play-btn {
			width: 32px;
			height: 32px;
			border-radius: 50%;
			background: #5ac24e;
			border: none;
			color: #fff;
			font-size: 14px;
			display: flex;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			flex-shrink: 0;
			transition: background 0.2s;
		}
		.playlist-mini-player .mini-play-btn:hover { background: #4eb043; }

		.playlist-mini-player .mini-progress-wrap {
			flex: 1;
			height: 4px;
			background: rgba(255,255,255,0.1);
			border-radius: 2px;
			cursor: pointer;
			position: relative;
		}
		.playlist-mini-player .mini-progress-fill {
			height: 100%;
			background: #5ac24e;
			border-radius: 2px;
			width: 0%;
			transition: width 0.1s linear;
		}
		.playlist-mini-player .mini-time {
			font-family: 'Poppins';
			font-size: 11px;
			color: #5ac24e;
			flex-shrink: 0;
		}

		/* ================================================
		   PRELOADER QUOTES
		   ================================================ */
		.preloader-quotes {
			text-align: center;
			max-width: 520px;
			margin: 0 auto;
			padding: 0 30px;
		}
		.preloader-quote-text {
			font-family: 'Cormorant Garamond', serif;
			font-size: 22px;
			font-weight: 300;
			font-style: italic;
			line-height: 1.6;
			color: #fff;
			min-height: 80px;
			display: flex;
			align-items: center;
			justify-content: center;
			opacity: 0;
			transition: opacity 0.6s ease;
		}
		.preloader-quote-text.visible {
			opacity: 1;
		}
		.preloader-loading-bar {
			width: 60px;
			height: 2px;
			background: rgba(255,255,255,0.15);
			margin: 28px auto 0;
			border-radius: 2px;
			overflow: hidden;
		}
		.preloader-loading-bar-fill {
			height: 100%;
			width: 30%;
			background: rgba(255,255,255,0.5);
			border-radius: 2px;
			animation: preloaderBarSlide 1.8s ease-in-out infinite;
		}
		@keyframes preloaderBarSlide {
			0%   { transform: translateX(-100%); }
			50%  { transform: translateX(200%); }
			100% { transform: translateX(-100%); }
		}

		/* ================================================
		   CONTACT FORM
		   ================================================ */
		#contacts-card .contact_form.card-box {
			margin: 26px 28px 0;
			padding: 28px 30px 24px;
			background: rgba(255, 255, 255, 0.055);
			border: 1px solid rgba(255, 255, 255, 0.08);
		}
		#contacts-card .group-val {
			margin-bottom: 18px;
		}
		#contacts-card .group-val input,
		#contacts-card .group-val textarea {
			padding: 0 16px;
			background: rgba(0, 0, 0, 0.14);
			border: 1px solid rgba(255, 255, 255, 0.12);
			border-radius: 9px;
		}
		#contacts-card .group-val textarea {
			min-height: 150px;
			padding-top: 16px;
		}
		#contacts-card .group-val input:focus,
		#contacts-card .group-val textarea:focus {
			border-color: rgba(90, 194, 78, 0.75);
			box-shadow: 0 0 0 3px rgba(90, 194, 78, 0.08);
		}
		#contacts-card .button {
			padding: 0 24px;
			background: #5ac24e;
			border: 0;
			border-radius: 28px;
			transition: background 0.25s ease, opacity 0.25s ease;
		}
		#contacts-card .button:hover {
			background: #6dd260;
		}
		#contacts-card .button.is-sending {
			opacity: 0.65;
			cursor: wait;
		}
		#contacts-card .alert-success,
		#contacts-card .alert-error {
			display: none;
			padding: 22px;
			border-radius: 10px;
			text-align: center;
		}
		#contacts-card .alert-success {
			color: #ffffff;
			background: rgba(90, 194, 78, 0.12);
			border: 1px solid rgba(90, 194, 78, 0.35);
		}
		#contacts-card .alert-error {
			color: #ffffff;
			background: rgba(224, 85, 85, 0.12);
			border: 1px solid rgba(224, 85, 85, 0.35);
		}
		#contacts-card .alert-error p {
			margin: 0;
		}
		#contacts-card .alert-error a {
			color: #5ac24e;
		}
		.contact-honeypot {
			position: absolute !important;
			left: -10000px !important;
			width: 1px !important;
			height: 1px !important;
			overflow: hidden !important;
		}
		@media (max-width: 1023px) {
			#contacts-card .contact_form.card-box {
				padding: 22px 30px;
			}
		}
		@media (max-width: 560px) {
			#contacts-card .contact_form.card-box {
				margin-right: 16px;
				margin-left: 16px;
			}
		}


/* Extracted from inline style attributes */
.td-index-style-001 { display:none; }
.td-index-style-002 { background-image: url(../images/todd-dilla.png); }
.td-index-style-003 { background-image: url(../images/crowd.jpg); }
.td-index-style-004 { margin: 0; padding: 0; }
.td-index-style-005 { background-image: url(../images/todd.jpg); }
.td-index-style-006 { margin: 0; padding: 0; }
.td-index-style-007 { background-image: url(../images/bg.jpg); }
.td-index-style-008 { margin: 0; padding: 0; }
.td-index-style-009 { background-image: url(../images/media.png); }
.td-index-style-010 { margin: 0; padding: 0; }
.td-index-style-011 { background-image: url(../images/profile.jpg); }
.td-index-style-012 { margin: 0; padding: 0; }
.td-index-style-013 { background-image: url(../images/dj.png); }
.td-index-style-014 { margin: 0; padding: 0; }
.td-index-style-015 { background-image: url(../images/about.png); }
.td-index-style-016 { margin: 0; padding: 0; }
.td-index-style-017 { background-image: url(../images/coffee-clr.png); }
.td-index-style-018 { margin: 0; padding: 0; }
.td-index-style-019 { background-image: url(../images/contact.png); }
.td-index-style-020 { animation-delay: 10s; }
.td-index-style-021 { animation-delay: 0s; }
.td-index-style-022 { width:80%; }