.bz-blog-filter-button { display:none; }
.bz-blog-filter-dialog:not([open]) { display:none; }
.bz-blog-filter-dialog {
    box-sizing:border-box; position:fixed; inset:auto 0 0; margin:0 auto;
    width:100%; max-width:100%; height:auto; max-height:85vh; max-height:85dvh;
    padding:0; border:0; border-radius:24px 24px 0 0;
    background:#fff; color:#17212b; overflow:auto;
    overscroll-behavior:contain;
}
.bz-blog-filter-dialog::backdrop { background:rgba(35,31,19,.48); }
.bz-blog-filter-dialog[open] { animation:bzBlogFilterEnter .2s ease-out; }
.bz-blog-filter-header {
    display:flex; align-items:center; justify-content:space-between;
    gap:15px; position:sticky; top:0; z-index:2;
    padding:18px 20px 12px; background:#fff;
}
.bz-blog-filter-header strong { font-size:18px; font-weight:600; }
.bz-blog-filter-close {
    display:inline-flex; align-items:center; justify-content:center;
    flex:0 0 34px; width:34px; height:34px; padding:0; border:0;
    border-radius:50%; background:#f3f4f6; color:#17212b;
    font-size:25px; line-height:1; cursor:pointer;
}
.bz-blog-filter-body { padding:0 20px max(24px, env(safe-area-inset-bottom)); }
.bz-blog-filter-body .bz-blog-sidebar {
    display:block; position:static; width:100%; height:auto;
    margin:0; padding:0; transform:none; visibility:visible; opacity:1;
}
html.bz-blog-filter-lock, html.bz-blog-filter-lock body { overflow:hidden !important; }
@keyframes bzBlogFilterEnter { from { transform:translateY(40px); opacity:0; } to { transform:translateY(0); opacity:1; } }
@media (max-width:767px) {
    .bz-blog-filter-button {
        display:flex; align-items:center; justify-content:center; gap:10px;
        box-sizing:border-box; width:100%; margin:0 0 16px; padding:13px 18px;
        border:1px solid #dce0e8; border-radius:13px;
        background:#fff; color:#17212b; font:inherit; cursor:pointer;
    }
    .bz-blog-filter-button svg { width:20px; height:20px; }
    .bz-blog-sidebar-column.bz-blog-filter-ready { display:none !important; }
}
@media (prefers-reduced-motion:reduce) { .bz-blog-filter-dialog[open] { animation:none; } }

@media (max-width: 767px) {
	dialog.bz-blog-filter-dialog[open] {
		position: fixed !important;

		top: auto !important;
		right: 0 !important;
		bottom: 0 !important;
		left: 0 !important;

		display: flex !important;
		flex-direction: column;

		box-sizing: border-box;
		width: 100% !important;
		max-width: 100% !important;

		height: 80vh !important;
		height: 80dvh !important;
		max-height: 80vh !important;
		max-height: 80dvh !important;

		margin: 0 !important;
		padding: 0 !important;
		border: 0;
		border-radius: 24px 24px 0 0;

		background: #fff;
		overflow: hidden !important;
		transform: none !important;
		animation: none !important;
	}

	.bz-blog-filter-dialog .bz-blog-filter-header {
		position: relative;
		flex: 0 0 auto;
		padding: 18px 20px 12px;
		background: #fff;
	}

	.bz-blog-filter-dialog .bz-blog-filter-body {
		flex: 1 1 auto;
		min-height: 0;
		overflow-y: auto;
		overscroll-behavior: contain;
		padding: 0 20px max(24px, env(safe-area-inset-bottom));
	}

	.bz-blog-filter-dialog .bz-blog-sidebar {
		display: block !important;
		position: static !important;
		width: 100% !important;
		height: auto !important;
		max-height: none !important;
		margin: 0 !important;
		padding: 0 !important;
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
	}
}