:root[data-theme="dark"] .site-brand__logo { filter: drop-shadow(0 0 12px rgba(255,255,255,.08)); }
:root[data-theme="dark"] .logopic2 { filter: brightness(0) invert(1); }
:root[data-theme="dark"] .mm-spn,
:root[data-theme="dark"] .mm-ocd__content { background: var(--sm-surface) !important; color: var(--sm-text) !important; }
:root[data-theme="dark"] .f_input,
:root[data-theme="dark"] .field,
:root[data-theme="dark"] .wide { background: var(--sm-surface-2) !important; color: var(--sm-text) !important; }

@media (max-width: 1180px) {
	.gridmodz { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 1100px) {
	.account-bar { display: block !important; }
	.account-bar__inner {
		justify-content: flex-end;
		overflow: visible;
		scrollbar-width: none;
	}
	.account-bar__inner::-webkit-scrollbar { display: none; }
	.site-header { min-height: 68px; }
	.site-header__inner {
		grid-template-columns: minmax(0, 1fr) auto;
		grid-template-areas: "brand actions" "nav nav";
		gap: 0 12px;
		min-height: 68px;
	}
	.site-brand__logo { width: min(100%, 275px); }
	.nav-toggle { display: inline-grid !important; }
	.site-nav {
		display: none;
		max-height: calc(100vh - 68px);
		padding: 10px 0 18px;
		overflow-y: auto;
		border-top: 1px solid var(--sm-border);
	}
	.nav-is-open .site-nav { display: block; }
	.site-nav__list { display: block; }
	.site-nav__list > li { margin-top: 4px; }
	.site-nav__list > li > a,
	.site-nav__details > summary { min-height: 46px; padding: 11px 12px; font-size: .95rem; }
	.site-subnav,
	.site-nav__item--wide .site-subnav {
		position: static;
		display: grid;
		grid-template-columns: 1fr;
		width: auto;
		min-width: 0;
		margin: 4px 0 8px 14px;
		padding: 5px;
		border: 0;
		border-left: 2px solid var(--sm-accent);
		border-radius: 0;
		box-shadow: none;
	}
	.site-nav__details[open]::after { display: none; }
}

@media (max-width: 1050px) {
	.site-header__inner { gap: 14px; }
	.site-nav__list > li > a, .site-nav__details > summary { padding-inline: 8px; font-size: .78rem; }
	.modzinfo .cnt {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-areas: "brand brand" "telegram info";
		gap: 32px 48px;
	}
	.modzinfo .footer-links:first-child { grid-area: telegram; }
	.modzinfo .footer-links:last-child { grid-area: info; }
	.footer-brand {
		grid-area: brand;
		width: 100% !important;
		text-align: center;
		padding-bottom: 26px;
		border-bottom: 1px solid var(--sm-border);
	}
	.footer-brand .s-2 { padding: 0; font-size: clamp(2rem, 5vw, 2.75rem); line-height: 1.08; }
}

@media (max-width: 820px) {
	.cnt { width: min(calc(100% - 24px), var(--sm-container)) !important; }
	.account-bar { display: block !important; }
	.site-header { min-height: 68px; }
	.site-header__inner {
		grid-template-columns: minmax(0, 1fr) auto;
		grid-template-areas: "brand actions" "nav nav";
		gap: 0 12px;
		min-height: 68px;
	}
	.site-brand__logo { width: min(100%, 230px); }
	.nav-toggle { display: inline-grid !important; }
	.site-nav {
		display: none;
		max-height: calc(100vh - 68px);
		padding: 10px 0 18px;
		overflow-y: auto;
		border-top: 1px solid var(--sm-border);
	}
	.nav-is-open .site-nav { display: block; }
	.site-nav__list { display: block; }
	.site-nav__list > li { margin-top: 4px; }
	.site-nav__list > li > a, .site-nav__details > summary { min-height: 46px; padding: 11px 12px; font-size: .95rem; }
	.site-subnav,
	.site-nav__item--wide .site-subnav {
		position: static;
		display: grid;
		grid-template-columns: 1fr;
		width: auto;
		min-width: 0;
		margin: 4px 0 8px 14px;
		padding: 5px;
		border: 0;
		border-left: 2px solid var(--sm-accent);
		border-radius: 0;
		box-shadow: none;
	}
	.site-nav__details[open]::after { display: none; }
	#middle > .cnt { grid-template-columns: 1fr; }
	.gridmodz { grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; }
	#allEntries.gridmodz { grid-template-columns: minmax(0, 1fr) !important; }
	#sidebar {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 18px;
		margin-top: 0 !important;
		padding-top: 0 !important;
		border-top: 0 !important;
	}
	#sidebar .block { width: auto !important; margin: 0 !important; float: none !important; }
	.infocont { grid-template-columns: 1fr; }
	.modzinfo .cnt {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-areas: "brand brand" "telegram info";
		gap: 28px 20px;
	}
	.footer-links { width: auto !important; }
	.footer-brand { padding-bottom: 22px; }
}

@media (max-width: 560px) {
	body { font-size: 15px; }
	.static-page, .registration-card { padding: 20px 16px; border-radius: 14px; }
	.static-page__content #registration { align-items: stretch; flex-direction: column; }
	.static-page__content #registration .bbcodes { width: 100%; }
	.registration-form { grid-template-columns: 1fr; gap: 16px; }
	.registration-field--wide { grid-column: auto; }
	.registration-login-row { grid-template-columns: 1fr; }
	.registration-check { width: 100%; }
	.search-dialog { padding: 12px; }
	.search-dialog__panel { padding: 32px 18px 20px; border-radius: 17px; }
	.search-dialog__icon { width: 46px; height: 46px; margin-bottom: 14px; }
	.search-dialog h2 { margin: 0 42px 7px; }
	.search-dialog__hint { margin-bottom: 18px; }
	.search-dialog__field { grid-template-columns: 1fr; }
	#search-form #search-btn { width: 100%; }
	#search-form .search-close { top: 11px; right: 11px; width: 38px; height: 38px; }
	.account-bar { display: block !important; min-height: 40px; padding: 0 !important; }
	.account-bar__inner { justify-content: center; min-height: 40px; gap: 5px; }
	.account-bar .account-item { flex: 0 0 auto; height: 30px !important; padding: 0 9px !important; line-height: 30px !important; }
	.account-bar .account-item a { white-space: nowrap; }
	.account-messages__dropdown { position: fixed; top: 46px; right: 10px; left: 10px; width: auto; }
	.account-messages__dropdown::before { right: 50%; }
	#path { padding: 8px 0 !important; }
	#path .cnt { align-items: flex-start; flex-direction: column; gap: 8px; }
	.path-links { width: 100%; margin-left: 0; font-size: .86rem; }
	.path-links__home { width: 32px; height: 32px; flex-basis: 32px; border-radius: 9px; }
	#middle { padding-top: 16px !important; }
	.site-header { min-height: 64px; }
	.site-header__inner { min-height: 64px; }
	.site-brand__logo { width: min(100%, 205px); }
	.site-action { width: 40px !important; height: 40px !important; }
	.photo-carousel { margin-top: 14px; }
	.photo-carousel__header { align-items: center; }
	.photo-carousel__button { width: 38px; height: 38px; }
	.photo-carousel__track { gap: 12px; }
	.photo-carousel__item { flex-basis: 88vw; aspect-ratio: 4 / 3; }
	.gridmodz { grid-template-columns: minmax(0, 1fr) !important; gap: 14px !important; }
	.modzh5 { padding: 15px 15px 6px !important; }
	.shortmodz { grid-template-columns: 68px minmax(0, 1fr); gap: 12px; padding: 9px 15px 14px; }
	.shormodzpic { width: 68px !important; height: 68px !important; border-radius: 14px !important; }
	.p-details { padding: 11px 15px 13px; }
	.p-details span { margin-right: 5px; }
	.infoblok { padding: 22px !important; }
	.entry.newscontainer { grid-template-columns: 1fr !important; gap: 0 !important; padding: 0 !important; }
	.newscontainer__media { min-height: 0; aspect-ratio: 16 / 9; }
	.newsposter { min-height: 0; max-height: none !important; }
	.newscontainer__body { padding: 18px; }
	.entry.newscontainer .e-details { align-items: flex-start; flex-direction: column; }
	#sidebar { grid-template-columns: 1fr; }
	#sidebar .block { padding: 18px !important; }
	#sidebar .block > h4 { margin-bottom: 15px; }
	.pollQue { padding-bottom: 10px !important; }
	#dle-vote { gap: 4px; }
	#dle-vote .form-check-label { min-height: 46px; padding: 10px; }
	.pollButton { margin-top: 13px; }
	.modzinfo .cnt {
		grid-template-columns: 1fr;
		grid-template-areas: "brand" "telegram" "info";
		gap: 26px;
	}
	.footer-links { width: 100% !important; }
.footer-brand .s-2 { font-size: clamp(1.8rem, 9vw, 2.35rem); }
	.eBlock { padding: 18px !important; }
	.eBlock table, .eBlock tbody, .eBlock tr, .eBlock td { display: block; width: 100% !important; }
	.eBlock td { padding: 8px 0 !important; }
	.er-field { display: grid; gap: 6px; }
	.er-label { float: none !important; width: auto !important; padding: 0 !important; text-align: left !important; }
	.er-field-input { overflow: visible !important; }
	.donation-form__fields { grid-template-columns: 1fr; }
}