/* Public site — phone / tablet / desktop (no DB changes) */

html {
	overflow-x: hidden;
}

body.body_home,
body:not(.dn-ucp) {
	overflow-x: hidden;
	max-width: 100vw;
}

/* Streams must never sit above the mobile menu */
.streams {
	z-index: 40 !important;
}

.streams__btn,
.streams__ico {
	z-index: 41 !important;
}

body.mob-menu-active .streams,
body.mob-menu-active .streams__btn,
body.mob-menu-active .streams__ico,
body.mob-menu-active [data-streams-overlay] {
	visibility: hidden !important;
	pointer-events: none !important;
	opacity: 0 !important;
}

@media (max-width: 1099.98px) {
	.navigation,
	.navigation__box,
	.navigation__gw-burger,
	.gw-burger {
		z-index: 220 !important;
	}

	.navigation__menu.menu,
	.mob-menu-active .menu {
		z-index: 200 !important;
	}

	.mob-menu-active .menu__content {
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch;
	}

	/* Compact STREAMS handle on phones/tablets */
	.streams__btn {
		width: 3.6rem !important;
		height: 3.7rem !important;
		left: calc(100% + .35rem) !important;
		padding: 0 0 .4rem .35rem !important;
	}

	.streams__btn-txt {
		font-size: .62rem !important;
		padding: .1rem .25rem !important;
	}

	.points {
		display: none !important;
	}
}

@media (max-width: 767.98px) {
	.body_home .bg {
		min-height: 70dvh !important;
		height: auto !important;
	}

	.body_home .home-logo {
		top: calc(var(--navigation-height, 3.75rem) + .85rem) !important;
	}

	.body_home .home-logo__img {
		width: min(82vw, 22rem) !important;
		max-width: 82vw !important;
	}

	.body_home .countdown-wrap {
		padding-left: .75rem !important;
		padding-right: .75rem !important;
		box-sizing: border-box !important;
	}

	.body_home .header__title.is-l2-schedule:not(:has(.l2-cd)),
	.body_home .inform__title {
		font-size: clamp(1.35rem, 7vw, 2rem) !important;
		line-height: 1.15 !important;
		padding: 0 .5rem !important;
		word-break: break-word !important;
	}

	.body_home .inform__desc,
	.body_home .header__desc {
		font-size: .92rem !important;
		line-height: 1.35 !important;
		padding: 0 .75rem !important;
	}

	.body_home .inform__servers,
	.body_home .srv-status {
		width: min(100%, 22rem) !important;
		max-width: calc(100vw - 1.5rem) !important;
		margin-left: auto !important;
		margin-right: auto !important;
		transform: none !important;
	}

	.body_home .btn,
	.body_home .auth__btn {
		max-width: calc(100vw - 2rem) !important;
	}

	.top__table,
	.rating__tabs,
	.news__swiper {
		max-width: 100% !important;
		overflow-x: auto !important;
	}

	.community__social-list {
		grid-template-columns: 1fr !important;
	}

	.navigation__lang.lang,
	.l2-lang-fallback {
		transform: scale(.92);
		transform-origin: right center;
	}

	.body_home [data-section="rating"] .rating {
		min-height: auto !important;
		padding-top: 2rem !important;
		padding-bottom: 3rem !important;
	}

	.body_home [data-section="rating"] {
		position: relative !important;
		z-index: 2 !important;
	}

@media (max-width: 479.98px) {
	.body_home .srv-status__grid {
		gap: .35rem !important;
	}

	.body_home .srv-status__num {
		font-size: clamp(.85rem, 4.2vw, 1.1rem) !important;
	}

	.body_home .srv-status__caption {
		font-size: .58rem !important;
		letter-spacing: .06em !important;
	}

	.streams__btn {
		top: auto !important;
		bottom: 5.5rem !important;
		transform: none !important;
	}
}

/* Tablet landscape / small laptops */
@media (min-width: 768px) and (max-width: 1099.98px) {
	.body_home .home-logo__img {
		width: clamp(18rem, 52vw, 28rem) !important;
	}

	.community__social-list {
		grid-template-columns: 1fr 1fr !important;
	}
}

/* Safe areas (notch / home indicator) */
@supports (padding: env(safe-area-inset-top)) {
	.navigation {
		padding-left: env(safe-area-inset-left);
		padding-right: env(safe-area-inset-right);
	}

	body.mob-menu-active .menu {
		padding-bottom: calc(var(--navigation-height, 3.75rem) + env(safe-area-inset-bottom)) !important;
	}
}