/* Modyfikacja oryginalnego wyglądu dla theme.css */
#header .header-top {
	padding: 0 !important;
}
/* !Modyfikacja oryginalnego wyglądu dla theme.css */

.m-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.m-header {
	display: block;
	margin: 0 auto;
	max-width: 1920px;
	box-sizing: border-box;
}

.m-header .m-header__container {
	margin: 0;
	width: 100%;
	position: relative;
	background-color: #fff;
}

@media screen and (min-width: 1024px) {
    .m-header .m-header__container {
		padding: 1rem 0 1.75rem;
	}
}

.m-header .m-header__container:after {
	content: "";
	display: block;
	position: absolute;
	left: 20px;
	bottom: -1.125rem;
	margin-bottom: 1.125rem;
	border-bottom: 0.225rem solid #6cb86a;
	width: calc(100% - 40px);
}

@media screen and (min-width: 1024px) {
	.m-header .m-header__container:after {
		left: 0;
		width: 100%;
	}
}

.m-header .m-header__row {
	width: 100%;
	justify-content: center;
	padding-left: 1rem;
	padding-right: 1rem;
}

@media screen and (max-width: 320px) {
	.m-header .m-header__row {
		padding: 0 0.5rem;
	}
}

@media screen and (min-width: 1280px) {
	.m-header .m-header__row {
		max-width: 1920px;
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}
}

.m-header .main-menu__container {
	flex: 1;
	display: block;
	background-color: #fff;
	width: 50vw;
	min-width: 300px;
	max-width: 100%;
	overflow: hidden;
	z-index: 52;
	-webkit-transition: left 0.5s ease-in-out;
	transition: left 0.5s ease-in-out;
}

@media screen and (max-width: 768px) {
	.m-header .main-menu__container {
		width: 85vw;
	}
}

@media screen and (width < 1024px) {
	.m-header .main-menu__container {
		position: fixed;
		top: 0;
		bottom: 0;
		right: auto;
		left: -100%;
		visibility: hidden;
		padding: 0 0.625rem;
	}
}

@media screen and (min-width: 1024px) {
	.m-header .main-menu__container {
		position: unset;
		min-width: 0;
		visibility: visible !important;
	}
}

.m-header .m-header__image-brand {
	cursor: pointer;
}

@media screen and (max-width: 480px) {
	.m-header .m-header__image-brand {
		display: flex;
		padding: 0.875rem 0 0 1.5rem;
		width: auto;
	}
}

@media screen and (min-width: 1024px) {
	.m-header .m-header__image-brand {
		padding: 0.875rem 1.25rem 0.0625rem;
	}
}

@media screen and (min-width: 481px) and (width < 1024px) {
	.m-header .m-header__image-brand img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
}

.m-header .m-header__main-menu {
	width: 100%;
	max-width: 100%;
	align-items: center;
	justify-content: space-between;
}

@media screen and (width < 1024px) {
	.m-header .m-header__main-menu {
		padding: 0.75rem 0 1.5rem;
	}
}

@media screen and (width < 1024px) {
	.m-header .main-menu__items:not(.items__add-component) {
		position: relative;
		top: 0;
		height: calc(100% - 72px);
		max-height: 100vh;
		overflow-y: auto;
		overflow-x: hidden;
	}
}

@media screen and (min-width: 1024px) {
	.m-header .main-menu__items {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		align-items: baseline;
		gap: 1.75rem;
		margin: 0;
	}
}

@media screen and (width < 1024px) {
	.m-header .main-menu__item {
		padding: 0.325rem 0;
	}
}

@media screen and (min-width: 1024px) {
	.m-header .main-menu__item::after {
		content: "";
		display: block;
		position: relative;
		left: 50%;
		width: calc(100% - 0.75rem);
		border-bottom: 0.0625rem solid transparent;
		transform: translate(-50%, 0);
	}

	.m-header .main-menu__item.active::after {
		border-color: #6a768c;
	}
}

.m-header .main-menu__items.items__add-component {
	gap: 1rem;
	align-items: center;
	justify-content: flex-end;
	padding: 0.875rem 1.25rem 0.0625rem;
}

@media screen and (width < 1024px) {
	.m-header .submenu__item.item__container {
		position: absolute;
		top: 0;
		right: -100%;
		width: 100%;
		height: 100%;
		background-color: #fff;
		padding: 0 0.625rem;
		padding-left: 1.25rem;
		z-index: 53;
		transition: 0.3s all;
		/* FIX TMP */
		min-height: 600px;
	}

	.m-header .main-menu__item.active .submenu__item.item__container {
		right: 0;
	}
}

@media screen and (min-width: 1024px) {
	.m-header .submenu__item.item__container {
		display: none;
	}

	.m-header .main-menu__item.active .submenu__item.item__container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: -webkit-max-content;
		width: -moz-max-content;
		width: max-content;
		min-width: 10rem;
		max-width: 1280px;
		margin-left: 0;
		margin-right: 80px;
		position: absolute;
		top: 6.1rem;
		left: 0;
		background-color: #fff;
		overflow: hidden;
		transition: 0.3s all;
	}

	.m-header .main-menu__item .submenu__item.item__container {
		display: none;
	}
}

@media screen and (min-width: 1280px) {
	.m-header .submenu__item.item__container {
		left: 50% !important;
		transform: translate(-50%, 0);
	}
}

@media screen and (min-width: 1400px) {
	.m-header .submenu__item.item__container {
		margin: 0 40px;
		left: 7.125rem !important;
		transform: none;
	}
}

@media screen and (min-width: 1024px) {
	.m-header .submenu__item.item__container .submenu__column {
		padding-top: 2.5rem !important;
		padding-bottom: 2.5rem !important;
	}
}

@media screen and (min-width: 1024px) {
	.m-header .submenu__item.item__container .submenu__column.submenu__column--as-first {
		padding-left: 3rem;
	}
}

@media screen and (width < 1024px) {
    .m-header .submenu__column--main-links {
		padding-bottom: 2.4375rem;
	}
}

@media screen and (min-width: 1024px) {
	.m-header .submenu__column--main-links {
		padding-left: 3rem;
		padding-right: 1rem;
	}
}

.m-header .main-menu__item .menu__main-link,
.m-header .main-menu__item button.menu__main-link {
	border: none;
	color: #3c4453;
	background-color: transparent;
	padding-top: 1rem;
	outline: none;
	display: block;
}

@media screen and (width < 1024px) {
	.m-header .main-menu__item .menu__main-link,
	.m-header .main-menu__item button.menu__main-link {
		text-align: left;
		font-size: 1.3125rem;
		font-weight: 600;
		letter-spacing: 0.01312rem;
		line-height: 1.43;
		width: 100%;
		padding: 0.875rem 1.25rem 0.0625rem;
	}

	.m-header .main-menu__item button.menu__main-link::after {
		content: "";
		background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNOS4yNSAxNy4yNWw1LjUtNS41LTUuNS01LjUnIHN0cm9rZT0nIzNDNDQ1Mycgc3Ryb2tlLXdpZHRoPScyLjI1JyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnLz48L3N2Zz4=);
		background-repeat: no-repeat;
		border: none;
		display: inline-block;
		width: 1.5rem;
		height: 1.5rem;
		margin-top: 0.3125rem;
		position: absolute;
		right: 0.625rem;
	}
}

@media screen and (min-width: 1024px) {
	.m-header .menu__item--box-shadow {
		-webkit-box-shadow: 0 2.8px 2.2px 0 rgba(0, 0, 0, 0.02), 0 6.7px 5.3px 0 rgba(0, 0, 0, 0.03),
			0 12.5px 10px 0 rgba(0, 0, 0, 0.04), 0 22.3px 17.9px 0 rgba(0, 0, 0, 0.04),
			0 41.8px 33.4px 0 rgba(0, 0, 0, 0.05), 0 100px 80px 0 rgba(0, 0, 0, 0.07);
		box-shadow: 0 2.8px 2.2px 0 rgba(0, 0, 0, 0.02), 0 6.7px 5.3px 0 rgba(0, 0, 0, 0.03),
			0 12.5px 10px 0 rgba(0, 0, 0, 0.04), 0 22.3px 17.9px 0 rgba(0, 0, 0, 0.04),
			0 41.8px 33.4px 0 rgba(0, 0, 0, 0.05), 0 100px 80px 0 rgba(0, 0, 0, 0.07);
	}
}

/* Kolumna I */
.m-header .submenu__main-link {
	padding: 1.625rem 1.25rem 0 0;
}

@media screen and (min-width: 1024px) {
	.m-header .submenu__main-link:not(:last-child)::after {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 1.5625rem;
		border-bottom: 0.125rem solid #dce9d5;
	}
}

@media screen and (min-width: 1024px) {
	.m-header .submenu__main-link {
		padding: 1.5rem 0 1.125rem;
		position: relative;
	}
}

.m-header .item__link {
	color: #3c4453;
	font-weight: 600;
}
/* Zamiast nagłówka dla drugiej kolumny */
@media screen and (width < 1024px) {
	.m-header .menu__item--list:not(.m-header .menu__item--title + .menu__item--list) {
		border-top: 1px solid #eeeeee;
	}
	.m-header .submenu__column--as-first + .submenu__column--irobot-image + .submenu__column--more-links .menu__item--title {
		padding-top: 0.825rem;
	}
}

@media screen and (width < 1024px) {
	.m-header .menu__item--list .item__link {
		font-weight: normal;
	}
}

.m-header .submenu__main-link .item__link {
	color: #3c4453;
	font-weight: normal;
	font-size: 1.15rem;
	letter-spacing: 0.01rem;
	white-space: break-spaces;
}

.m-header .submenu__main-link .item__link:hover {
	color: #447355;
}

@media screen and (min-width: 1024px) {
	.m-header .submenu__main-link .item__link {
		font-size: 1.35rem;
		font-weight: 600;
	}
}

/* Kolumna z obrazkiem */
.m-header .submenu__column--irobot-image {
	display: none;
}

@media screen and (min-width: 1280px) {
	.m-header .submenu__column--irobot-image {
		display: block;
		width: 200px;
		margin: 0 20px;
        position: relative;
        /* overflow: hidden; */
	}
}

.m-header .submenu__column--green-background {
	background-color: #eaf2e6;
	border-radius: 0.75rem;
	width: 7.5rem;
	height: 100%;
	float: right;
}

.m-header .item__image {
	position: relative;
	max-width: 200px;
	opacity: 1;
	transition: .3s all;
}

.m-header .item__image--move {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
}

.m-header .item__image--hidden {
	opacity: 0;
}

/* Kolumna III */
@media screen and (min-width: 1024px) {
	.m-header .submenu__column--more-links {
		margin: 0 0 4.3125rem;
		padding-left: 3.75rem !important;
		padding-right: 3.25rem !important;
		width: 18.75rem;
	}
}

.m-header .menu__item--title {
    color: #447355;
	font-size: 1.125rem;
	font-weight: 600;
	letter-spacing: 0.01125rem;
	line-height: normal;
	padding-bottom: 1.25rem;
	border-bottom: 0.0625rem solid hsla(220, 6%, 58%, 0.25);
}

@media screen and (min-width: 1024px) {
	.m-header .menu__item--title {
		font-size: 1.15rem;
		padding-bottom: 1.5625rem;
	}
}

.m-header .menu__item--list > li {
	padding-top: 1.625rem;
}

.m-header .menu__item--list > li > .item__link:hover {
	text-decoration: underline;
}

/* Kolumna IV */
@media screen and (width < 1024px) {
	.m-header .submenu__column--offers {
		display: none;
	}
}

@media screen and (min-width: 1024px) {
	.m-header .submenu__column--offers {
		-ms-flex-line-pack: center;
		background-color: #6a768c;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
		margin: 0;
		padding: 0 2.75rem !important;
		min-width: 200px;
		max-width: 20rem;
		text-align: center;
	}

	.m-header .submenu__column--offers h3 {
		color: #fff !important;
	}

	.m-header .submenu__column--offers p {
		margin: 8px 0;
		color: #fff !important;
	}
}

@media screen and (min-width: 1024px) {
	.m-header .item__button {
		display: block;
		font-size: 1rem;
		margin: 1.5625rem auto 0;
		padding: 0.5625rem 1.25rem;
		width: 10.125rem;
		border-radius: 2.3125rem;
		color: #3c4453;
		border-color: #3c4453;
	}

	.m-header .item__button:hover {
		outline: 0.375rem solid rgba(108, 184, 106, 0.3) !important;
		outline-offset: 0;
	}

	.m-header .item__button--outline {
		border: 0.125rem solid #fff !important;
		color: #fff !important;
		background-color: transparent;
	}

	.m-header .item__button--standard {
		background-color: #447355;
		color: #fff;
		border: none;
		padding: 0.7rem 1.25rem;
	}
}

/* Komponenty */
.m-header .menu__form-control,
.m-header .menu__account {
	position: relative;
}

.m-header .menu__input--search {
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	background-color: #f2f2f2;
	border: 0.125rem solid #f2f2f2;
	border-radius: 1.3125rem;
	color: #3c4453;
	font-size: 0.9375rem;
	line-height: normal;
	outline: 0.25rem solid transparent;
	padding: 0.5625rem 0.9375rem 0.5625rem 1.25rem;
}

@media screen and (min-width: 1024px) and (max-width: 1050px) {
	.m-header .menu__input--search {
		width: 200px;
	}
}

.m-header .menu__input--search:focus {
	background-color: #f7f7f7;
	border: 0.125rem solid #f7f7f7;
	-webkit-box-shadow: none;
    box-shadow: none;
	outline: 0.25rem solid #d3ead2 !important;
}

input[name="search_query"]:focus,
input[name="search_query"]:active {
    border: 0.125rem solid #f7f7f7 !important;
}

.m-header .mask-icon-search {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 3rem;
	overflow: hidden;
	background: rgb(242 242 242 / 60%);
	border-bottom-right-radius: 1.3125rem;
	border-top-right-radius: 1.3125rem;
}

.m-header .m-icon-search {
	background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PGNpcmNsZSBjeD0nMTEnIGN5PScxMScgcj0nNy41JyBzdHJva2U9JyM0NDczNTUnIHN0cm9rZS13aWR0aD0nMicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJy8+PHBhdGggZD0nTTE3IDE3bDIuNzUgMi43NScgc3Ryb2tlPScjNDQ3MzU1JyBzdHJva2Utd2lkdGg9JzInIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcvPjwvc3ZnPg==);
	background-size: cover;
	font-size: 0;
	height: 1.5rem;
	right: 1rem;
	top: 0.5rem;
	width: 1.5rem;
	position: absolute;
}

.m-header [class^="m-icon-"] {
	cursor: pointer;
}

.m-header .m-icon-account {
	filter: brightness(0.7);
}

.menu__cart--link {
	position: relative;
}

.m-header .m-cart-quantity {
	background-color: #447355;
	border: 0.125rem solid #fff;
	border-radius: 50%;
	color: #fff;
	font-size: 0.75rem;
	font-weight: 600;
	text-align: center;
	width: 1.275rem;
	height: 1.275rem;
	line-height: normal;
	position: absolute;
	top: -0.5rem;
	right: -0.5rem;
	cursor: pointer;
	overflow: hidden;
}

.m-header .m-cart-quantity--hidden {
	display: none;
}

/* Wersja mobilna */
@media screen and (width < 1024px) {
	.m-header .submenu__header--mobile {
		display: block;
        color: #3c4453;
		font-weight: 600;
		font-size: 1.3125rem;
		padding-top: 1.35rem;
		margin-top: 0;
	}

	.m-header .menu__search--mobile {
		display: block;
		background: #fff;
		padding: 0.75rem 1.125rem;
	}
	.m-header .menu__search--desktop {
		display: none;
	}
	.m-header .menu__search--mobile .menu__form-control {
		width: 23.9375rem;
		margin: 0 auto;
		max-width: 100%;
	}
	.m-header .menu__search--mobile .menu__form-control .menu__input--search {
		width: 100%;
	}

	.m-header .menu-mobile__nav--buttons {
		display: flex;
		align-items: center;
		justify-content: end;
		padding: 1.25rem 0.625rem;
		position: relative;
	}
	.m-header .menu-mobile__nav--buttons::after {
		content: "";
		border-bottom: 0.125rem solid #dce9d5;
		display: block;
		position: absolute;
		bottom: 0;
		width: calc(100% - 20px);
	}
	.m-header .menu__button--back {
		flex: 1;
	}
	.m-header .back-button {
		background-color: transparent;
		border: 0;
		color: #447355;
		font-size: 0.9375rem;
		font-weight: 600;
		letter-spacing: 0.00937rem;
		line-height: normal;
		padding: 0;
	}

	.m-header .menu__item-icon {
		border: none;
		display: inline-block;
		background-repeat: no-repeat;
		background-color: transparent;
	}
	.m-header .menu-mobile__icon-menu {
		background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTMgNWgxME0zIDEyaDE5TTMgMTloMTUnIHN0cm9rZT0nIzQ0NzM1NScgc3Ryb2tlLXdpZHRoPScyJyBzdHJva2UtbGluZWNhcD0ncm91bmQnLz48L3N2Zz4=);
		background-position: bottom left;
		padding: 1.25rem;
	}
	.m-header .back-button .back-button-caret {
		background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTYnIGhlaWdodD0nMTYnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTEwLjUgNGwtNCA0IDQgNCcgc3Ryb2tlPScjNDQ3MzU1JyBzdHJva2Utd2lkdGg9JzEuNScgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJy8+PC9zdmc+);
		width: 1rem;
		height: 1.0625rem;
		vertical-align: text-bottom;
	}
	.m-header .menu-mobile__nav--buttons .close-button-icon {
		background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTYnIGhlaWdodD0nMTYnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTMuNSAzLjQzbDkuMDcxIDkuMDdtLTkuMTQyLjA3TDEyLjUgMy41JyBzdHJva2U9JyNmZmYnIHN0cm9rZS13aWR0aD0nMicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJy8+PC9zdmc+);
		background-color: #518a70;
		background-position: 50%;
		border-radius: 50%;
		height: 2rem;
		width: 2rem;
	}

	.m-header .mobile-menu__items {
		padding-top: 1.5625rem;
		padding-bottom: 2.5rem;
		overflow: hidden;
	}
	.m-header .mobile-menu__items::before {
		content: "";
		position: absolute;
		left: 50%;
		width: calc(100% - 20px);
		transform: translate(-50%, 0);
		border-top: 0.0625rem solid hsla(220, 6%, 58%, 0.25);
	}
	.m-header .mobile-menu__items .menu__item--list {
		padding: 0.875rem 1.25rem 0.0625rem;
	}
	.m-header .mobile-menu__items .menu__item--list > li > .item__link:hover {
		text-decoration: none;
	}

    .m-header .submenu__column.submenu__column--more-links {
		padding-bottom: 2rem;
	}

    .m-header .main-menu__items::-webkit-scrollbar {
		width: 0.3rem;
	}
	.m-header .main-menu__items::-webkit-scrollbar-track {
		background-color: #fff;
	}
	.m-header .main-menu__items::-webkit-scrollbar-thumb {
		background-color: #ededed;
		outline: 1px solid #f7f7f7;
		border-radius: 10px;
	}
}
@media screen and (min-width: 1024px) {
	.main-menu__item--mobile,
	.m-header .submenu__header--mobile,
	.m-header .menu__search--mobile,
	.m-header .menu-mobile__icon-menu,
	.m-header .menu-mobile__nav--buttons {
		display: none;
	}

	.m-header .menu__search--desktop {
		display: block;
	}
}

.stop-scrolling {
	height: 100%;
	overflow: hidden;
}

.m-menu-mask.active {
	position: absolute;
	background-color: hsla(220, 6%, 58%, 0.25);
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 50;
}

img.a-image.a-image--product {
    max-width: 200px;
    height: auto;
}
