.cinema-mobile-nav, .user-menu__mobile-label, .user-menu__mobile-navigation, .user-menu__mobile-head { display: none; }

.cinema-account .user-menu__panel { max-height: min(41.375rem, calc(100dvh - 5.5rem)); overflow-y: auto; }

.cinema-account .user-menu--kinopub .user-menu__panel {
	width: min(20rem, calc(100vw - 1rem));
	max-height: min(41.375rem, calc(100dvh - 5.5rem));
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-width: thin;
	padding: .75rem;
	border: 1px solid #27272d;
	border-radius: .875rem;
	background: #0e0e10;
	box-shadow: 0 1.25rem 3rem rgba(0, 0, 0, .45);
}

.cinema-account .user-menu--kinopub .user-menu__head {
	gap: .75rem;
	padding: .4rem .5rem .85rem;
	border-color: #28282d;
}

.cinema-account .user-menu--kinopub .user-menu__head > div { min-width: 0; }
.cinema-account .user-menu--kinopub .user-menu__head .avatar { flex: none; width: 3rem; height: 3rem; }
.cinema-account .user-menu--kinopub .user-menu__profile { overflow-wrap: anywhere; font-size: .94rem; }
.cinema-account .user-menu--kinopub .user-menu__group { margin-top: .15rem; font-size: .76rem; }

.cinema-account .user-menu--kinopub .user-menu__list { gap: .15rem; padding: .5rem 0; }
.cinema-account .user-menu--kinopub .user-menu__list a {
	min-height: 2.45rem;
	gap: .7rem;
	padding: .55rem .65rem;
	border-radius: .55rem;
	font-size: .875rem;
	line-height: 1.25;
}
.cinema-account .user-menu--kinopub .user-menu__list a:hover { background: #1d1a28; color: #c6adff; }
.cinema-account .user-menu--kinopub .user-menu__list .icon { flex: none; width: 1.1rem; height: 1.1rem; color: #a899ca; }
.cinema-account .user-menu--kinopub .user-menu__count { margin-inline-start: auto; white-space: nowrap; }
.cinema-account .user-menu--kinopub .user-menu__divider { height: 1px; margin: .4rem .5rem; background: #28282d; }
.cinema-account .user-menu--kinopub .user-menu__foot { padding: .55rem .5rem .15rem; border-color: #28282d; }
.cinema-account .user-menu--kinopub .user-menu__foot .soft-button {
	min-height: 2.45rem;
	justify-content: flex-start;
	padding: .5rem .65rem;
	background: transparent;
	font-size: .875rem;
}
.cinema-account .user-menu--kinopub .user-menu__foot .soft-button:hover { background: #1d1a28; color: #c6adff; }

.cinema-account .user-menu__toggle:focus-visible,
.cinema-account .user-menu--kinopub a:focus-visible,
.cinema-account .user-menu--guest a:focus-visible,
.cinema-account .user-menu--guest button:focus-visible,
.cinema-account .user-menu--guest input:focus-visible {
	outline: 2px solid #a783ff;
	outline-offset: 2px;
}

@media (max-width: 38rem) {
	.site-header.cinema-header-shell { backdrop-filter: none; }
	.site-header.cinema-header-shell:has(.user-menu[open]) { z-index: 61; }
	.site-header.cinema-header-shell.is-unstuck { position: relative; }
	body:has(.cinema-account .user-menu[open]) { overflow: hidden; }
	.page--kinopub:not(.page--gate) { padding-bottom: calc(4rem + env(safe-area-inset-bottom)); }
	.cinema-mobile-nav {
		position: fixed; inset-inline: 0 25%; bottom: 0; z-index: 59;
		display: flex; height: calc(4rem + env(safe-area-inset-bottom));
		padding-bottom: env(safe-area-inset-bottom);
		border-top: 1px solid var(--line); background: #0e0e10;
	}
	.cinema-mobile-nav a {
		display: flex; flex: 1; flex-direction: column; align-items: center; justify-content: center;
		gap: .15rem; min-width: 0; color: var(--muted); font-size: .66rem; text-decoration: none;
	}
	.cinema-mobile-nav a[aria-current="page"], .cinema-mobile-nav a:hover { color: #bd9eff; }
	.cinema-mobile-nav .icon { width: 1.25rem; height: 1.25rem; }
	.cinema-account { position: fixed; inset-inline-end: 0; bottom: 0; z-index: 60; width: 25%; height: calc(4rem + env(safe-area-inset-bottom)); padding-bottom: env(safe-area-inset-bottom); border-top: 1px solid var(--line); background: #0e0e10; }
	.cinema-account .user-menu, .cinema-account .user-menu__toggle { width: 100%; height: 100%; }
	.cinema-account .user-menu__toggle { position: relative; z-index: 3; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .15rem; min-height: 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--muted); }
	.cinema-account .user-menu__toggle:hover, .cinema-account .user-menu[open] .user-menu__toggle { background: #1a1526; color: #bd9eff; }
	.cinema-account .user-menu__toggle .avatar, .cinema-account .user-menu__toggle .icon { width: 1.3rem; height: 1.3rem; }
	.cinema-account .user-menu__toggle .user-menu__name, .cinema-account .user-menu__toggle .user-menu__badge { display: none; }
	.cinema-account .user-menu__mobile-label { display: inline !important; font-size: .66rem; font-weight: 600; }
	.cinema-account .user-menu[open]::before { content: ""; position: fixed; inset: 0 0 calc(4rem + env(safe-area-inset-bottom)); z-index: 1; background: #000a; }
	.cinema-account .user-menu__panel, .cinema-account .user-menu--kinopub .user-menu__panel {
		position: fixed; inset-block: 0 calc(4rem + env(safe-area-inset-bottom)); inset-inline: auto 0; z-index: 2;
		width: min(20rem, calc(100vw - 3rem)); max-width: none; max-height: none;
		overflow-y: auto; overscroll-behavior: contain; padding: 1rem;
		border: 1px solid #343039; border-radius: 1rem 0 0 0; background: #0e0e10;
		box-shadow: -1rem 0 3rem #0009;
	}
	.cinema-account .user-menu--guest .user-menu__panel { padding: 1.25rem; }
	.cinema-account .user-menu__mobile-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin: -1rem -1rem 1rem; padding: .75rem 1rem; border-bottom: 1px solid var(--line); font-size: 1.15rem; font-weight: 800; }
	.cinema-account .user-menu--guest .user-menu__mobile-head { margin: -1.25rem -1.25rem 1rem; }
	.cinema-account .user-menu__close { display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border: 0; border-radius: .65rem; background: var(--surface-soft); color: var(--text); font-size: 1.5rem; cursor: pointer; }
	.cinema-account .user-menu__close:hover { background: var(--accent-soft); color: #d7c5ff; }
	.cinema-account .user-menu__close:focus-visible { outline: 2px solid #b69bff; outline-offset: 2px; }
	.cinema-account .user-menu__mobile-navigation { display: grid; gap: .2rem; margin-bottom: 1rem; padding-bottom: .8rem; border-bottom: 1px solid var(--line); }
	.cinema-account .user-menu__mobile-navigation a { display: flex; align-items: center; gap: .75rem; min-height: 2.75rem; padding: .55rem .7rem; border-radius: .65rem; color: var(--text); text-decoration: none; }
	.cinema-account .user-menu__mobile-navigation a:hover, .cinema-account .user-menu__mobile-navigation a:focus-visible { background: var(--accent-soft); color: #d7c5ff; }
	.cinema-account .user-menu__mobile-navigation .icon { width: 1.1rem; height: 1.1rem; color: var(--accent-strong); }
	.cinema-account .user-menu--guest .user-menu__panel--login { display: flex; flex-direction: column; }
	.cinema-account .user-menu--guest .user-menu__panel--login form { order: 1; margin-bottom: 1rem; }
	.cinema-account .user-menu--guest .user-menu__panel--login .user-menu__mobile-navigation { order: 2; }
	.cinema-mobile-nav a:focus-visible { outline: 2px solid #b69bff; outline-offset: -3px; }
}

[dir="rtl"] .cinema-account .user-menu__panel { direction: rtl; }
@media (max-width: 38rem) {
	[dir="rtl"] .cinema-account .user-menu__panel, [dir="rtl"] .cinema-account .user-menu--kinopub .user-menu__panel { border-radius: 0 1rem 0 0; box-shadow: 1rem 0 3rem #0009; }
}

@media print { .cinema-mobile-nav { display: none !important; } }