.menus .headline {
	grid-area: 1/4/1/span 8;
	max-width: 20ch;
}

.menus .text-container {
	grid-area: 2/4/2/span 8;
	max-width: 70ch;
}

.menus .logo-container {
	grid-area: 1/12/span 2/span 2;
	max-width: max(128px, 10.234375vw);
	height: fit-content;
}

.menus .filter-btns {
	grid-area: 3/5/3/span 4;
	gap: var(--m-xs);
}

.menus .filter-btns label[for="branch"] {
	display: flex;
	align-items: center;
	gap: var(--m-xs);
}

.menus .menus-download-container {
	grid-area: 3/8/3/span 3;
}

.menus .menus-container {
	grid-area: 4/5/4/span 6;
}

.menus .menus-container .accordion .accordion-item .accordion-content .inner-content {
	grid-template-columns: 1fr auto;
	grid-column-gap: var(--gap);
	grid-row-gap: 15px;
	padding: 15px 0;
}

.menus .menus-container .accordion .accordion-item .accordion-content .inner-content:not(:last-child) {
	border-bottom: 2px dashed currentColor;
}

.menus .menus-container .accordion .accordion-item .accordion-content .inner-content .element-title {
	grid-area: 1/1/1/1;
}

.menus .menus-container .accordion .accordion-item .accordion-content .inner-content .element-text {
	grid-area: 2/1/2/1;
}

.menus .menus-container .accordion .accordion-item .accordion-content .inner-content .element-price {
	grid-area: 1/2/span 2/2;
	line-height: 1.5;
}

.menus .menus-flipbook-container {
	grid-area: 5/4/5/span 8;
}

@media (max-width: 1699.98px) {
	.menus .filter-btns {
		grid-area: 3/4/3/span 5;
	}

	.menus .menus-download-container {
		grid-area: 3/8/3/span 4;
	}

	.menus .menus-container {
		grid-area: 4/4/4/span 8;
	}
}

@media (max-width: 1199.98px) {
	.menus .filter-btns {
		grid-area: 3/3/3/span 6;
	}

	.menus .menus-download-container {
		grid-area: 3/8/3/span 5;
	}

	.menus .menus-container {
		grid-area: 4/3/4/span 10;
	}

	.menus .menus-flipbook-container {
		grid-area: 5/3/5/span 10;
	}
}

@media (max-width: 991.98px) {
	.menus .headline {
		grid-area: 1/2/1/span 12;
	}

	.menus .logo-container {
		grid-area: 2/2/2/span 12;
		justify-self: center;
		margin-top: var(--m-sm);
	}

	.menus .text-container {
		grid-area: 3/4/3/span 8;
	}

	.menus .filter-btns {
		grid-area: 4/3/4/span 10;
	}

	.menus .filter-btns label[for="branch"] {
		flex-grow: 1;
	}

	.menus .filter-btns label[for="branch"] .select-wrapper,
	.menus .filter-btns label[for="branch"] .select-wrapper select {
		width: 100%;
	}

	.menus .menus-download-container {
		grid-area: 5/3/5/span 10;
		margin-top: var(--m-sm);
	}

	.menus .menus-container {
		grid-area: 6/3/6/span 10;
	}

	.menus .menus-flipbook-container {
		grid-area: 7/3/7/span 10;
	}
}

@media (max-width: 767.98px) {
	.menus .text-container {
		grid-area: 3/3/3/span 10;
	}

	.menus .filter-btns {
		grid-area: 4/2/4/span 12;
	}

	.menus .menus-download-container {
		grid-area: 5/2/5/span 12;
	}

	.menus .menus-container {
		grid-area: 6/2/6/span 12;
	}

	.menus .menus-flipbook-container {
		grid-area: 7/2/7/span 12;
	}
}

@media (max-width: 575.98px) {
	.menus .text-container {
		grid-area: 3/2/3/span 12;
	}

	.menus .filter-btns label[for="branch"] {
		display: grid;
		grid-template-columns: auto 1fr;
	}

	.menus .filter-btns label[for="branch"] .select-wrapper, .menus .filter-btns label[for="branch"] .select-wrapper select {
		grid-column: span 2;
	}

}

@media (max-width: 399.98px) {
	.menus .menus-container .accordion .accordion-item .accordion-content .inner-content {
		display: flex;
		flex-direction: column;
	}
}