.header-search.header-responsiv {
	display: none;
	max-width: max-content;
	margin: 0 1rem;

	@media (max-width: 876px) {
		display: block;
		position: relative;

		.search-field {
			display: none;
		}

		&.is-opened {
			position: static;

			.search-field {
				position: absolute;
				top: 100%;
				left: 0;
				right: 0;
				display: flex;
				gap: .5rem;
				padding: .75rem 1rem;
				background: var(--color-secondary);
				z-index: 9999;

				input {
					flex: 1 1 auto;
					width: 100%;
					border: none;
				}

				& > .btn {
					min-width: auto;
					padding: .5rem 2rem;
				}
			}
		}

		& > button {
			display: flex;
			justify-content: center;
			align-items: center;
			background: transparent;
			padding: 0;
			border: none;
			cursor: pointer;

			& > * {
				flex: 0 1 auto;
			}
		}
	}
}

.eshop a {
	display: none;
	min-width: unset;
	padding: .8rem;

	@media (max-width: 876px) {
		display: block;
	}
}

@media (max-width: 829px) {
	#popup-insert_ajax {
		max-width: fit-content !important;
	}
}

footer a.back-to-top{
	position: fixed;
	top: auto;
	bottom: 6rem;
	z-index: 100;

	@media (max-width: 876px) {
		bottom: 1rem;
	}
}

.homepage-benefits {
	@media (max-width: 876px) {
		ul {
			li {
				display: grid;
				grid-template-areas:
        			"icon title"
					"icon description";
				grid-gap: .5rem 1rem;
				text-align: left;

				.icon {
					font-size: 3rem;
					grid-area: icon;
				}

				strong {
					grid-area: title;
					margin: 0 !important;
					font-size: 1.5rem !important;
				}

				span {
					grid-area: description;
					font-size: 1.4rem !important;
				}
			}
		}
	}
}

#categories-responsive {
	display: none;

	@media (max-width: 876px) {
		display: block;
	}
}

.side-menu .nav-secondary li.has-child{
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;

	& > a {
		flex: 1 1 auto;
	}

	& > button {
		flex: 0 0 auto;
		width: 5rem;
		height: auto;
		aspect-ratio: 1 / 1;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0;
		background: transparent;
		border: none;
		font-size: 1.6rem;
		font-weight: 700;
	}

	.submenu {
		flex: 1 1 100%;
	}

	&:not(.is-opened) .submenu {
		display: none;
	}
}

.footer-menus {
	.list-services {
		display: none;

		@media (max-width: 876px) {
			display: block;

			li {
				list-style: none;
			}
		}
	}
}

@media (max-width: 559px) {
	header .header-logo {
		flex: 0 1 12rem;
	}

	.homepage-benefits .pictogram img {
		height: auto;
	}
}