/**
 * KH Tube v2.0 — Mobile-first platform layer (≤991px)
 * Cards, player, nav, homepage — theme-integrated + #kh-tube-app
 */

@media (max-width: 991px) {
	:root {
		--kh-m-header: 48px;
		--kh-m-nav: 52px;
		--kh-m-pad: 12px;
		--kh-m-gap: 12px;
		--kh-m-radius: 14px;
		--kh-m-card-title: 0.9375rem;
		--kh-m-section-title: 1.05rem;
		--kh-m-player-max-h: min(72vh, 420px);
	}

	html.kh-tube-mobile-active {
		-webkit-text-size-adjust: 100%;
		text-size-adjust: 100%;
	}

	body.kh-tube-active.kh-tube-mobile-app {
		overflow-x: hidden;
		padding-bottom: calc(var(--kh-m-nav) + env(safe-area-inset-bottom, 0px));
		overscroll-behavior-y: none;
	}

	/* ── Surfaces: app shell + theme-integrated single/archive ── */
	body.kh-tube-active #kh-tube-app,
	body.kh-tube-active .kh-tube-wrap.kh-tube-theme-integrated,
	body.kh-tube-active .kh-tube-wrap,
	body.kh-tube-active .kh-tube-container,
	body.kh-tube-active .kh-tube-homepage,
	body.kh-tube-active .kh-tube-app-main,
	body.kh-tube-active .kh-tube-main,
	body.kh-tube-active .kh-tube-single-main {
		max-width: 100%;
		min-width: 0;
		box-sizing: border-box;
	}

	body.kh-tube-active #kh-tube-app,
	body.kh-tube-active .kh-tube-wrap.kh-tube-theme-integrated {
		overflow-x: clip;
	}

	body.kh-tube-active .kh-tube-wrap,
	body.kh-tube-active .kh-tube-container,
	body.kh-tube-active .kh-tube-container--wide {
		width: 100%;
		padding-left: var(--kh-m-pad);
		padding-right: var(--kh-m-pad);
	}

	body.kh-tube-active .kh-tube-homepage,
	body.kh-tube-active .kh-tube-main--homepage {
		padding-left: 0;
		padding-right: 0;
	}

	/* Tema başlık sızıntısı — tube sayfalarında gizle */
	body.kh-tube-active.kh-tube-page-single .entry-header:not(.kh-tube-single-header),
	body.kh-tube-active.kh-tube-page-single .page-header,
	body.kh-tube-active.kh-tube-page-single .ct-page-title,
	body.kh-tube-active.kh-tube-page-listing .entry-header,
	body.kh-tube-active.kh-tube-page-listing .page-header,
	body.kh-tube-active.kh-tube-page-listing .ct-page-title,
	body.kh-tube-active.kh-tube-page-home .entry-header {
		display: none !important;
	}

	/* ── Header ── */
	.kh-tube-platform-header--mobile-app {
		position: sticky;
		top: 0;
		z-index: 9999;
		padding-top: env(safe-area-inset-top, 0px);
		background: rgba(8, 12, 22, 0.92);
		backdrop-filter: blur(14px);
		-webkit-backdrop-filter: blur(14px);
		border-bottom: 1px solid rgba(255, 255, 255, 0.07);
	}

	.kh-tube-platform-header--mobile-app .kh-tube-platform-header-inner {
		min-height: var(--kh-m-header);
		padding: 6px var(--kh-m-pad);
		gap: 8px;
		flex-wrap: nowrap;
	}

	.kh-tube-platform-header--mobile-app .kh-tube-nav,
	.kh-tube-platform-header--mobile-app .kh-tube-search-wrap--desktop,
	.kh-tube-mobile-panel {
		display: none !important;
	}

	.kh-tube-platform-header--mobile-app .kh-tube-logo {
		min-width: 0;
		flex: 1;
	}

	.kh-tube-platform-header--mobile-app .kh-tube-logo-text {
		font-size: 0.9rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.kh-tube-platform-header--mobile-app .kh-tube-mobile-search-btn,
	.kh-tube-platform-header--mobile-app .kh-tube-mobile-toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		flex-shrink: 0;
		border-radius: 10px;
		background: rgba(255, 255, 255, 0.06);
		border: 1px solid rgba(255, 255, 255, 0.08);
		color: #fff;
		touch-action: manipulation;
	}

	/* ── Bottom nav — slim, icon-first ── */
	.kh-tube-bottom-nav:not(.kh-tube-bottom-nav--compact) {
		display: none !important;
	}

	.kh-tube-bottom-nav--compact {
		display: flex;
		align-items: stretch;
		justify-content: space-around;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 9995;
		height: calc(var(--kh-m-nav) + env(safe-area-inset-bottom, 0px));
		padding: 4px max(6px, env(safe-area-inset-left)) env(safe-area-inset-bottom, 0px) max(6px, env(safe-area-inset-right));
		background: rgba(6, 10, 18, 0.97);
		border-top: 1px solid rgba(255, 255, 255, 0.08);
		box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.35);
	}

	.kh-tube-bottom-nav--compact .kh-tube-bottom-nav-item {
		display: flex;
		flex: 1 1 0;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 2px;
		min-width: 0;
		max-width: 25%;
		padding: 2px 4px;
		color: rgba(255, 255, 255, 0.52);
		text-decoration: none;
		font-size: 0.5625rem;
		font-weight: 700;
		line-height: 1.1;
		letter-spacing: 0.02em;
		background: none;
		border: none;
		touch-action: manipulation;
	}

	.kh-tube-bottom-nav--compact .kh-tube-bottom-nav-item svg {
		width: 22px;
		height: 22px;
		flex-shrink: 0;
		opacity: 0.9;
	}

	.kh-tube-bottom-nav--compact .kh-tube-bottom-nav-item span {
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.kh-tube-bottom-nav--compact .kh-tube-bottom-nav-item.is-active {
		color: var(--kh-primary, #ec4899);
	}

	.kh-tube-bottom-nav--compact .kh-tube-bottom-nav-item.is-active svg {
		opacity: 1;
		transform: scale(1.05);
	}

	/* ── Section heads ── */
	.kh-tube-section-head--v18 {
		flex-wrap: wrap;
		align-items: center;
		gap: 8px;
		margin-bottom: 10px;
		padding: 0 var(--kh-m-pad);
	}

	.kh-tube-section-head--v18 .kh-tube-section-head-main {
		flex: 1 1 auto;
		min-width: 0;
	}

	.kh-tube-section-head--v18 .kh-tube-section-title {
		font-size: var(--kh-m-section-title);
		line-height: 1.25;
		word-break: normal;
		overflow-wrap: break-word;
	}

	.kh-tube-section-head--v18 .kh-tube-section-subtitle {
		font-size: 0.72rem;
		line-height: 1.35;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.kh-tube-section-head--v18 .kh-tube-link-more {
		flex-shrink: 0;
		font-size: 0.7rem;
		padding: 6px 10px;
		white-space: nowrap;
	}

	/* ── Grids & homepage ── */
	.kh-tube-section {
		margin-bottom: 1.25rem;
		padding-left: 0;
		padding-right: 0;
		min-width: 0;
	}

	.kh-tube-grid,
	.kh-tube-grid--trend,
	.kh-tube-grid--popular {
		display: grid;
		grid-template-columns: 1fr;
		gap: var(--kh-m-gap);
		padding: 0 var(--kh-m-pad);
	}

	.kh-tube-spotlight-grid {
		display: flex;
		flex-direction: column;
		gap: var(--kh-m-gap);
		padding: 0 var(--kh-m-pad);
	}

	.kh-tube-spotlight-side {
		display: flex;
		flex-direction: column;
		gap: var(--kh-m-gap);
	}

	.kh-tube-hero--v12-compact {
		margin: 0 var(--kh-m-pad) 12px;
		padding: 14px;
		border-radius: var(--kh-m-radius);
	}

	.kh-tube-hero--v12-compact .kh-tube-hero-title {
		font-size: 1.15rem;
		line-height: 1.3;
		margin-bottom: 6px;
	}

	.kh-tube-hero--v12-compact .kh-tube-hero-subtitle {
		font-size: 0.8rem;
		line-height: 1.45;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.kh-tube-hero-kicker {
		display: none;
	}

	/* ── Video cards ── */
	.kh-tube-card--stream.kh-tube-card--v18,
	.kh-tube-card--v18 {
		width: 100%;
		min-width: 0;
		max-width: 100%;
	}

	.kh-tube-card--v18 .kh-tube-card-link {
		border-radius: var(--kh-m-radius);
		overflow: hidden;
	}

	.kh-tube-card--v18 .kh-tube-card-thumb,
	.kh-tube-card--stream .kh-tube-card-thumb,
	.kh-tube-card--spot .kh-tube-card-thumb,
	.kh-tube-card--carousel .kh-tube-card-thumb {
		position: relative;
		aspect-ratio: 16 / 9;
		width: 100%;
		min-height: clamp(168px, 48vw, 240px);
		max-height: none;
		overflow: hidden;
		background: #0a0e16;
	}

	.kh-tube-card--spot .kh-tube-card-thumb {
		min-height: clamp(180px, 52vw, 260px);
	}

	.kh-tube-card--v18 .kh-tube-card-thumb img,
	.kh-tube-card--v18 .kh-tube-card-img,
	.kh-tube-card-img {
		width: 100%;
		height: 100%;
		min-height: 100%;
		object-fit: cover;
		display: block;
	}

	.kh-tube-card--v18 .kh-tube-card-body {
		padding: 10px 12px 12px;
	}

	.kh-tube-card--v18 .kh-tube-card-title,
	.kh-tube-card-title {
		font-size: var(--kh-m-card-title) !important;
		font-weight: 700 !important;
		line-height: 1.35 !important;
		margin: 0 0 6px !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		word-break: normal !important;
		overflow-wrap: anywhere !important;
		hyphens: none !important;
		color: var(--kh-text-strong, #fff) !important;
	}

	.kh-tube-card--v18 .kh-tube-card-meta {
		font-size: 0.75rem;
		gap: 8px;
		flex-wrap: wrap;
	}

	.kh-tube-card--v18 .kh-tube-card-play svg {
		width: 36px;
		height: 36px;
	}

	.kh-tube-card-rank {
		font-size: 1.5rem;
	}

	/* Horizontal rows */
	.kh-tube-carousel-row-track,
	.kh-tube-category-slider-track,
	.kh-tube-stories-slider-track {
		scroll-snap-type: x mandatory;
		scroll-padding-inline: var(--kh-m-pad);
		gap: 10px;
		padding: 0 var(--kh-m-pad) 8px;
	}

	.kh-tube-carousel-row-item,
	.kh-tube-category-slider-item,
	.kh-tube-stories-slider-item {
		scroll-snap-align: start;
		flex: 0 0 min(78vw, 300px);
	}

	.kh-tube-category-slider,
	.kh-tube-stories-slider {
		padding: 0;
		margin: 0;
	}

	.kh-tube-carousel--v12 .kh-tube-card--carousel .kh-tube-card-thumb {
		min-height: clamp(160px, 44vw, 220px);
	}

	/* ── Single video — ekrana sığan oynatıcı + alt içerik ── */
	body.kh-tube-page-single .kh-tube-wrap--single .kh-tube-container,
	body.kh-tube-page-single .kh-tube-wrap.kh-tube-theme-integrated .kh-tube-container {
		padding-left: 0;
		padding-right: 0;
	}

	body.kh-tube-page-single .kh-tube-layout--with-sidebar,
	body.kh-tube-page-single .kh-tube-layout-shell {
		display: flex;
		flex-direction: column;
		gap: 14px;
		width: 100%;
		min-width: 0;
	}

	body.kh-tube-page-single .kh-tube-single-main {
		padding: 0;
		width: 100%;
		min-width: 0;
		overflow: hidden;
	}

	body.kh-tube-page-single .kh-tube-single-article--v13 {
		padding: 0 0 12px;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
		border: none;
		overflow: hidden;
		width: 100%;
		max-width: 100%;
	}

	/* Oynatıcı kutusu — 16:9, yatay taşma yok */
	body.kh-tube-page-single .kh-tube-single-player--fit,
	body.kh-tube-page-single .kh-tube-single-player {
		width: 100%;
		max-width: 100%;
		margin: 0 0 12px;
		padding: 0;
		border: none;
		border-radius: 0;
		box-shadow: none;
		overflow: hidden;
		background: #000;
	}

	body.kh-tube-page-single .kh-tube-player-shell {
		width: 100%;
		max-width: 100%;
		margin: 0;
	}

	body.kh-tube-page-single .kh-tube-player-shell.is-mini-mode .kh-tube-player-wrap {
		position: relative !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	body.kh-tube-page-single .kh-tube-player-wrap,
	body.kh-tube-page-single #kh-video-page .kh-tube-player-wrap {
		position: relative;
		width: 100%;
		max-width: 100%;
		margin: 0;
		padding: 0;
		aspect-ratio: 16 / 9;
		height: auto;
		min-height: 0;
		max-height: min(72vh, calc(100vw * 9 / 16));
		background: #000;
		overflow: hidden;
		touch-action: manipulation;
	}

	body.kh-tube-page-single .kh-tube-player-wrap > .plyr {
		position: absolute;
		inset: 0;
		width: 100% !important;
		height: 100% !important;
		max-width: 100% !important;
		max-height: 100% !important;
		min-height: 0 !important;
		margin: 0 !important;
	}

	body.kh-tube-page-single .kh-tube-player-wrap .plyr__video-wrapper {
		width: 100% !important;
		height: 100% !important;
		min-height: 0 !important;
		max-height: 100% !important;
	}

	body.kh-tube-page-single .kh-tube-player-wrap video,
	body.kh-tube-page-single .kh-tube-player-wrap .kh-tube-player {
		width: 100% !important;
		height: 100% !important;
		min-height: 0 !important;
		max-height: 100% !important;
		object-fit: contain;
		vertical-align: top;
	}

	body.kh-tube-page-single .kh-tube-player-wrap .plyr__poster {
		background-size: cover;
		background-position: center;
	}

	body.kh-tube-page-single .kh-tube-player-wrap .plyr__control--overlaid {
		width: 64px;
		height: 64px;
		padding: 18px;
		background: rgba(236, 72, 153, 0.92);
		border: none;
		box-shadow: 0 8px 28px rgba(0, 0, 0, 0.45);
	}

	body.kh-tube-page-single .kh-tube-player-wrap .plyr__controls {
		padding: 8px 10px;
		padding-bottom: max(8px, env(safe-area-inset-bottom, 0px));
	}

	/* Başlık + meta — tam genişlik, kırılma düzgün */
	body.kh-tube-page-single .kh-tube-single-header {
		padding: 12px var(--kh-m-pad) 0;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}

	body.kh-tube-page-single .kh-tube-single-title,
	body.kh-tube-page-single .kh-tube-single-title.entry-title,
	body.kh-tube-page-single h1.kh-tube-single-title,
	body.kh-tube-page-single #kh-video-page .kh-vpage__title {
		font-size: clamp(1rem, 4.2vw, 1.28rem) !important;
		line-height: 1.35 !important;
		font-weight: 800 !important;
		word-break: break-word !important;
		overflow-wrap: anywhere !important;
		hyphens: auto !important;
		white-space: normal !important;
		margin: 0 0 10px !important;
		padding: 0 !important;
		max-width: 100% !important;
		color: var(--kh-text-strong, #fff) !important;
	}

	body.kh-tube-page-single .kh-tube-single-meta-bar {
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
		margin-bottom: 12px;
		padding-bottom: 12px;
		width: 100%;
		box-sizing: border-box;
	}

	body.kh-tube-page-single .kh-tube-single-meta {
		flex-wrap: wrap;
		gap: 6px;
		width: 100%;
	}

	body.kh-tube-page-single .kh-tube-meta-pill {
		font-size: 0.72rem;
		min-height: 28px;
		padding: 4px 10px;
		max-width: 100%;
	}

	/* Alt bloklar — paylaş, detay, ilgili */
	body.kh-tube-page-single .kh-tube-share--v18,
	body.kh-tube-page-single .kh-tube-info-card--v18,
	body.kh-tube-page-single .kh-tube-single-discovery {
		width: auto;
		max-width: 100%;
		min-width: 0;
		margin-left: 0;
		margin-right: 0;
		box-sizing: border-box;
	}

	body.kh-tube-page-single .kh-tube-share--v18 {
		margin: 0 0 12px;
		padding: 12px;
		border-radius: var(--kh-m-radius);
		width: auto;
		max-width: 100%;
	}

	body.kh-tube-page-single .kh-tube-info-card--v18 {
		margin: 0 0 12px;
		padding: 14px;
		border-radius: var(--kh-m-radius);
		width: auto;
		max-width: 100%;
	}

	body.kh-tube-page-single .kh-tube-single-discovery {
		padding: 0 0 12px;
		width: auto;
		max-width: 100%;
	}

	/* #kh-video-page — yatay margin sıfır (v18 1.25rem taşması) */
	body.kh-tube-page-single #kh-video-page .kh-tube-share--v18,
	body.kh-tube-page-single #kh-video-page .kh-tube-info-card--v18,
	body.kh-tube-page-single #kh-video-page .kh-tube-single-discovery,
	body.kh-tube-page-single #kh-video-page .kh-tube-related--v16 {
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	body.kh-tube-page-single #kh-video-page .kh-tube-info-meta-tags {
		flex-wrap: wrap !important;
		max-width: 100% !important;
	}

	body.kh-tube-page-single #kh-video-page .kh-tube-info-meta-tags a {
		white-space: normal !important;
		max-width: 100% !important;
	}

	/* Sidebar drawer — single + listing */
	body.kh-tube-page-single .kh-tube-sidebar-toggle,
	body.kh-tube-page-listing .kh-tube-sidebar-toggle {
		margin: 0 var(--kh-m-pad) 8px;
		width: calc(100% - var(--kh-m-pad) * 2);
	}

	body.kh-tube-page-listing .kh-tube-sidebar--sticky,
	body.kh-tube-page-single .kh-tube-sidebar--sticky,
	body.kh-tube-page-single #kh-video-page .kh-vpage__aside .kh-tube-sidebar--sticky {
		position: static;
		width: 100%;
		max-width: 100%;
		min-width: 0;
		max-height: none;
		order: 2;
	}

	body.kh-tube-page-listing .kh-tube-layout-shell,
	body.kh-tube-page-listing .kh-tube-layout--with-sidebar {
		display: flex;
		flex-direction: column;
		gap: 14px;
		padding: 0;
		width: 100%;
		min-width: 0;
	}

	body.kh-tube-page-listing .kh-tube-main,
	body.kh-tube-page-listing .kh-tube-main--archive,
	body.kh-tube-page-listing .kh-tube-main--category,
	body.kh-tube-page-listing .kh-tube-main--search,
	body.kh-tube-page-listing .kh-tube-main--trend,
	body.kh-tube-page-listing .kh-tube-main--popular {
		padding: 0;
		width: 100%;
		min-width: 0;
		order: 1;
	}

	/* ── Inner pages: archive, kategori, arama, trend, popüler ── */
	body.kh-tube-page-listing .kh-tube-wrap .kh-tube-container,
	body.kh-tube-page-search .kh-tube-wrap .kh-tube-container {
		padding-left: 0;
		padding-right: 0;
	}

	body.kh-tube-page-listing .kh-tube-page-hero,
	body.kh-tube-page-search .kh-tube-page-hero {
		margin: 0 var(--kh-m-pad) 12px;
		padding: 14px var(--kh-m-pad);
		border-radius: var(--kh-m-radius);
		width: auto;
		max-width: none;
		box-sizing: border-box;
	}

	body.kh-tube-page-listing .kh-tube-page-hero-inner,
	body.kh-tube-page-search .kh-tube-page-hero-inner {
		max-width: 100%;
		gap: 6px;
	}

	body.kh-tube-page-listing .kh-tube-page-title,
	body.kh-tube-page-search .kh-tube-page-title {
		font-size: clamp(1.05rem, 4.5vw, 1.35rem) !important;
		line-height: 1.3 !important;
		font-weight: 800 !important;
		word-break: normal !important;
		overflow-wrap: break-word !important;
		margin: 0 !important;
	}

	body.kh-tube-page-listing .kh-tube-page-subtitle,
	body.kh-tube-page-search .kh-tube-page-subtitle {
		font-size: 0.8rem;
		line-height: 1.45;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		margin: 0;
	}

	body.kh-tube-page-listing .kh-tube-page-badge {
		font-size: 0.65rem;
		min-height: 24px;
		padding: 2px 10px;
	}

	/* Kategori banner */
	body.kh-tube-page-category .kh-tube-category-banner {
		margin: 0 0 12px;
		min-height: clamp(120px, 32vw, 180px);
		border-radius: 0;
		width: 100%;
	}

	body.kh-tube-page-category .kh-tube-category-banner-content {
		padding: 16px var(--kh-m-pad);
	}

	body.kh-tube-page-category .kh-tube-category-banner-title {
		font-size: clamp(1.1rem, 4.8vw, 1.45rem) !important;
		line-height: 1.25 !important;
		margin: 0 0 6px !important;
		word-break: normal !important;
	}

	body.kh-tube-page-category .kh-tube-category-banner-desc {
		font-size: 0.8rem;
		line-height: 1.4;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		margin: 0 0 8px;
	}

	body.kh-tube-page-category .kh-tube-category-banner-count {
		font-size: 0.75rem;
	}

	/* Kategori pill şeridi */
	.kh-tube-cat-pills {
		display: flex;
		flex-wrap: nowrap;
		gap: 8px;
		overflow-x: auto;
		padding: 0 var(--kh-m-pad) 10px;
		margin: 0;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x proximity;
		scrollbar-width: none;
	}

	.kh-tube-cat-pills::-webkit-scrollbar {
		display: none;
	}

	.kh-tube-cat-pill {
		flex: 0 0 auto;
		scroll-snap-align: start;
		white-space: nowrap;
		font-size: 0.8rem;
		padding: 8px 14px;
		min-height: 36px;
		display: inline-flex;
		align-items: center;
	}

	/* Öne çıkan slider (arşiv) */
	.kh-tube-slider-wrap,
	.kh-tube-carousel--v12 {
		margin: 0 0 12px;
		padding: 0 var(--kh-m-pad);
		width: 100%;
		box-sizing: border-box;
	}

	.kh-tube-slider {
		display: flex;
		gap: 10px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		padding-bottom: 8px;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.kh-tube-slider::-webkit-scrollbar {
		display: none;
	}

	.kh-tube-slide,
	.kh-tube-slide.kh-tube-card--premium {
		flex: 0 0 min(82vw, 320px);
		scroll-snap-align: start;
		min-width: 0;
	}

	.kh-tube-slide-thumb,
	.kh-tube-slide .kh-tube-card-thumb {
		aspect-ratio: 16 / 9;
		min-height: clamp(160px, 44vw, 220px);
	}

	.kh-tube-slide-title {
		font-size: var(--kh-m-card-title) !important;
		line-height: 1.35 !important;
		margin: 8px 0 0 !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		word-break: normal !important;
	}

	.kh-tube-carousel-viewport {
		border-radius: var(--kh-m-radius);
		overflow: hidden;
	}

	.kh-tube-carousel--v12 .kh-tube-card--carousel .kh-tube-card-thumb {
		min-height: clamp(170px, 46vw, 240px);
	}

	/* Sayfalama */
	.kh-tube-pagination {
		margin: 16px 0 8px;
		padding: 0 var(--kh-m-pad);
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 6px;
	}

	.kh-tube-pagination .page-numbers {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 44px;
		min-height: 44px;
		padding: 0 10px;
		margin: 0;
		font-size: 0.85rem;
		border-radius: 10px;
	}

	.kh-tube-empty {
		margin: 12px var(--kh-m-pad);
		padding: 20px 16px;
		font-size: 0.9rem;
		border-radius: var(--kh-m-radius);
	}

	/* ── Single — detay, ilgili, reklam ── */
	body.kh-tube-page-single .kh-tube-single-discovery {
		display: flex;
		flex-direction: column;
		gap: 14px;
	}

	body.kh-tube-page-single .kh-tube-related--v16,
	body.kh-tube-page-single .kh-tube-related {
		margin: 0;
		padding: 0 0 8px;
		border-top: none;
		width: auto;
		max-width: 100%;
	}

	body.kh-tube-page-single .kh-tube-related .kh-tube-section-head--v18,
	body.kh-tube-page-single .kh-tube-related h2 {
		padding: 0;
		margin-bottom: 10px;
		font-size: var(--kh-m-section-title);
	}

	body.kh-tube-page-single .kh-tube-grid--related {
		display: grid;
		grid-template-columns: 1fr;
		gap: var(--kh-m-gap);
		padding: 0;
	}

	body.kh-tube-page-single .kh-tube-info-card-head {
		flex-wrap: wrap;
		gap: 8px;
	}

	body.kh-tube-page-single .kh-tube-info-card-title {
		font-size: 1rem;
	}

	body.kh-tube-page-single .kh-tube-info-card-meta {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	body.kh-tube-page-single #kh-video-page .kh-tube-info-card-meta {
		display: flex !important;
		flex-wrap: wrap !important;
		grid-template-columns: none !important;
	}

	body.kh-tube-page-single .kh-tube-info-card-body,
	body.kh-tube-page-single .kh-tube-description-content {
		font-size: 0.9rem;
		line-height: 1.55;
		word-break: normal;
		overflow-wrap: break-word;
	}

	body.kh-tube-page-single .kh-tube-info-card-toggle {
		width: 100%;
		min-height: 44px;
		margin-top: 8px;
	}

	body.kh-tube-page-single .kh-tube-single-cats {
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
	}

	body.kh-tube-page-single .kh-tube-single-cats a {
		display: inline-flex;
		align-items: center;
		padding: 4px 10px;
		font-size: 0.72rem;
		font-weight: 700;
		border-radius: 999px;
		background: rgba(236, 72, 153, 0.15);
		border: 1px solid rgba(236, 72, 153, 0.35);
		text-decoration: none;
		color: #f9a8d4;
	}

	body.kh-tube-page-single .kh-tube-likes,
	body.kh-tube-page-single .kh-tube-single-actions {
		width: 100%;
	}

	body.kh-tube-page-single .kh-tube-share-bar-head {
		margin-bottom: 8px;
	}

	body.kh-tube-page-single .kh-tube-share-bar-title {
		font-size: 0.9rem;
	}

	body.kh-tube-page-single .kh-tube-slot,
	body.kh-tube-page-single .kh-tube-ad-zone {
		margin-left: 0;
		margin-right: 0;
		max-width: 100%;
		width: auto;
	}

	body.kh-tube-page-single .kh-tube-next-overlay,
	body.kh-tube-page-single .kh-tube-next-video {
		max-width: calc(100vw - var(--kh-m-pad) * 2);
		margin-left: auto;
		margin-right: auto;
	}

	/* Share bar */
	.kh-tube-share-bar {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 8px;
	}

	.kh-tube-share-action {
		min-height: 64px;
		padding: 8px 6px;
	}

	.kh-tube-share-action-text {
		font-size: 0.65rem;
	}

	/* Mobile sheets */
	.kh-tube-mobile-sheet {
		position: fixed;
		inset: 0;
		z-index: 10050;
		display: flex;
		align-items: flex-end;
		pointer-events: none;
	}

	.kh-tube-mobile-sheet:not([hidden]) {
		pointer-events: auto;
	}

	.kh-tube-mobile-sheet-backdrop {
		position: absolute;
		inset: 0;
		background: rgba(0, 0, 0, 0.55);
		opacity: 0;
		transition: opacity 0.25s ease;
	}

	.kh-tube-mobile-sheet.is-open .kh-tube-mobile-sheet-backdrop {
		opacity: 1;
	}

	.kh-tube-mobile-sheet-panel {
		width: 100%;
		max-height: min(88vh, 640px);
		background: var(--kh-surface, #121826);
		border-radius: 18px 18px 0 0;
		transform: translateY(100%);
		transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
		padding-bottom: env(safe-area-inset-bottom, 0px);
	}

	.kh-tube-mobile-sheet.is-open .kh-tube-mobile-sheet-panel {
		transform: translateY(0);
	}

	body.kh-tube-sheet-open {
		overflow: hidden;
	}

	.kh-tube-footer--v12 {
		margin-bottom: 8px;
		padding-bottom: 8px;
	}
}

@media (max-width: 640px) {
	:root {
		--kh-m-pad: 10px;
		--kh-m-card-title: 0.9rem;
	}

	.kh-tube-grid {
		gap: 10px;
	}

	.kh-tube-share-bar {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.kh-tube-section-head--v18 .kh-tube-section-subtitle {
		-webkit-line-clamp: 1;
	}

	body.kh-tube-page-single .kh-tube-info-card-meta {
		grid-template-columns: 1fr;
	}

	body.kh-tube-page-listing .kh-tube-page-subtitle {
		-webkit-line-clamp: 2;
	}
}

@media (max-width: 480px) {
	.kh-tube-bottom-nav--compact .kh-tube-bottom-nav-item {
		font-size: 0.5rem;
	}

	.kh-tube-bottom-nav--compact .kh-tube-bottom-nav-item svg {
		width: 20px;
		height: 20px;
	}

	body.kh-tube-page-single .kh-tube-player-wrap,
	body.kh-tube-page-single #kh-video-page .kh-tube-player-wrap {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		aspect-ratio: 16 / 9 !important;
		max-height: 56.25vw !important;
	}

	body.kh-tube-page-single .kh-tube-player-wrap .plyr__control--overlaid,
	body.kh-tube-page-single #kh-video-page .kh-tube-player-wrap .plyr__control--overlaid {
		width: 56px;
		height: 56px;
		min-width: 44px;
		min-height: 44px;
		padding: 14px;
	}

	body.kh-tube-page-single .kh-tube-player-wrap.is-playing .plyr__control--overlaid,
	body.kh-tube-page-single #kh-video-page .kh-tube-player-wrap.is-playing .plyr__control--overlaid,
	body.kh-tube-page-single .kh-tube-player-wrap .plyr--playing .plyr__control--overlaid {
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
	}
}

@media (max-width: 380px) {
	.kh-tube-bottom-nav--compact .kh-tube-bottom-nav-item span {
		display: none;
	}

	.kh-tube-bottom-nav--compact .kh-tube-bottom-nav-item {
		padding: 6px 2px;
	}
}
