@media screen and (width <= 992px) {

	.announcement .width-section {
		display: none;
	}
		.announcement:not(:has(.announcement__message)) {
			display: none;
		}

	.header {
		margin-bottom: 1em;
		padding-block: 0.5em 1em;
	}

		.header-top {
			grid-template-columns: 1fr auto auto;
			align-items: baseline;
			gap: 0.5em;
		}
			.header-cart {
				font-size: 1.6em;
				display: flex;
			}
				.header-cart-value {
					left: unset;
					right: 0;
					top: -0.5em;
					font-size: 0.5em;
					font-weight: 700;
					padding: 0.1em 0.25em;
					background-color: var(--secondary);
					border-radius: 0.25em;
					color: white;
					text-shadow: 0 0 1px var(--secondary-dark);
					text-decoration: none;
					box-shadow: var(--shadow--lighter);
				}

			.header-search {
				height: auto;
			}
				.search {
					position: fixed !important;
					left: 0;
					top: 3.2em;
					height: calc(100vh - 3.2em);
					width: 100vw !important;
					z-index: 100;
				}
				.header-search-icon {
					display: block;
					margin-right: -0.1em;
				}

		.header-navigation {
			width: calc(100vw + var(--page-padding));
			overflow-x: auto;
			overflow-y: hidden;
			padding-block: 0.4em;
			margin-top: 0.5em;
			margin-left: calc(var(--page-padding) * -1);
			padding-inline: var(--page-padding) calc(var(--page-padding));
			border-top: 1px solid var(--gray-lightest);
			max-width: 100vw;
			position: relative;
		}
			#nav-design {
				position: relative;
				margin-left: 0.5em;
			}

			.navigation-burger {
				position: sticky;
				left: 0;
				transform: translateX(calc(var(--page-padding) * -1));
				padding-inline: var(--page-padding);
				font-weight: 600;
				background: var(--light);
				z-index: 7;
				margin-top: -0.4rem;
				margin-bottom: -0.4rem;
				display: flex;
				align-items: center;
				box-shadow: 5px 0 9px var(--lighter);
				border: 1px solid var(--gray-lightest);
				border-width: 0 1px 1px 0;
				cursor: pointer;
				user-select: none;
			}
			.navigation-sidebar {
				position: fixed;
				top: 103px;
				left: 0;
				height: calc(100vh - 103px);
				width: calc(280px + 100px);
				padding: 0.4rem var(--page-padding);
				padding-left: calc(100px + var(--page-padding));
				transform: translateX(-100%);
				transition: transform 0s cubic-bezier(0.25, 0.1, 0.25, 1.0);
				z-index: 1000;
				background: var(--lighter);
				border-top: 1px solid var(--gray-lightest);
				display: grid;
				grid-template-rows: 1fr auto;
				gap: 1rem;
			}
				.navigation-sidebar .link {
					padding-block: 0.3em;
					display: block;
				}
				.navigation-sidebar #nav-design {
					margin-left: 0;
					margin-top: 0.5em;
				}
				.sidebar-contacts {
					font-size: 0.7em;
				}
				.sidebar-fade {
					top: 5.15rem;
					height: calc(100vh - 5.15rem);
				}

		.header-subnavigation {
			display: none;
		}

}