:root{
	--grid-list-min-width: 220px;
	--grid-list-row-gap: 1rem;
	--grid-list-column-gap: 3rem;
	--bg: #ffffff;
	--bg-minor-shade: #f7f7f7;
	--layout-content-max-width: 1408px;
	--color-btn-bg: #1f7d63;
	--layout-side-padding: 40px;
	--img-border-radius: 0px;
	--color-text: #000000;
	--color-accent-text: #1f7d63;
	--img-fit: var(cover);
	--zindex-modal: 1040;
	--zindex-overlay: 1030;
}

.grid-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(var(--grid-list-min-width), 100%), 1fr));
	grid-template-rows: auto;
	grid-row-gap: var(--grid-list-row-gap);
	grid-column-gap: var(--grid-list-column-gap);
	align-items: self-start;
}
.header__collections-content{
	max-width:100%;
}
.header__collections{
	position:fixed;
	top: var(--header-desktop);
	left:2rem;
	right:2rem;
	bottom:2rem;
	z-index:var(--zindex-modal);
	display:none
}
@media screen and (max-width: 767px){
	.header__collections{
		/* grid-area:collection-menu; */
		display:none;
		top:0;
		left:0;
		right:0;
		bottom: 0;
		background-color: var(--bg);
		z-index: var(--zindex-modal);
	}
}
.header__collections.is-show{
	display:block
}
.header__collections-content{
	margin:0 auto;
	padding:2rem;
	background-color:var(--bg);
	max-width:var(--layout-content-max-width);
	overflow-y:auto;
	scrollbar-width:thin;
	height: 100%;
	min-height:300px;
	box-shadow:0px 0 15px rgba(0,0,0,0.5)
}
.header__collections-content::-webkit-scrollbar{
	width:10px;
	background-color:var(--bg-minor-shade);
	border:2px solid var(--bg)
}
.header__collections-content::-webkit-scrollbar-thumb{
	background-color:var(--color-btn-bg);
	border:2px solid var(--bg)
}
@media screen and (max-width: 767px){
		.header__collections-content{
		max-width:100%;
		max-height:max-content !important;
		margin:0;
		padding:0 var(--layout-side-padding);
		overflow-y:visible;
		min-height:0;
		box-shadow:none;
		background-color:var(--bg)
	}
}
.mobile__collections-menu .header__collections-link {
	padding: 0!important;
}

.header__collections-menu{
	padding:0;
	margin:0;
	list-style:none
}
@media screen and (max-width: 767px){
	.header__collections-menu{
		display:block !important
	}
}
.header__collections-submenu{
	list-style:none;
	margin:0 0 0 1rem;
	padding:0
}
@media screen and (max-width: 767px){
	.header__collections-submenu{
		display:none
	}
}
.header__collections-submenu .header__collections-item{
	margin-bottom:3px
}
@media screen and (max-width: 767px){
	.header__collections-controls{
		position:relative;
		padding-right:3rem
	}
}
.header__collections-show-submenu-btn{
	position:absolute;
	right:0;
	top:50%;
	width:2.5rem;
	height:2.5rem;
	margin-top:-1.25rem;
	background:none;
	border:none;
	padding:0;
	outline:none;
	box-shadow:none;
	color:var(--color-text);
	cursor:pointer;
	display:none
}
.header__collections-show-submenu-btn .icon{
	position:relative;
	display:inline-block;
	font-size:1.25rem
}
@media screen and (max-width: 767px){
	.header__collections-show-submenu-btn{
		display:block
	}
}
.header__collections-item img{
	border-radius:var(--img-border-radius)
}
.header__collections-item.is-hide{
	display:none
}
@media screen and (max-width: 767px){
	.header__collections-item.is-hide{
		display:block
	}
}
.header__collections-item.is-current .header__collections-show-more-link{
	color:var(--color-accent-text)
}
.header__collections-item.is-current .header__collections-show-more-link:hover{
	color:var(--color-accent-text-major-shade)
}
@media screen and (max-width: 767px){
	.header__collections-item.is-level-1{
		border-bottom:1px solid var(--bg-minor-shade);
		padding:0.5rem 0
	}
.header__collections-item.is-level-1:last-child{
	border-bottom:none
}
}
.header__collections-item.is-level-1>.header__collections-controls{
	margin-bottom:5px
}
@media screen and (max-width: 767px){
	.header__collections-item.is-level-1>.header__collections-controls{
		margin-bottom:0
	}
}
.header__collections-item.is-level-1>.header__collections-controls .header__collections-link{
	font-size:1rem;
	font-weight:600
}
@media screen and (max-width: 767px){
	.header__collections-item.is-level-1>.header__collections-controls .header__collections-link{
	font-weight:normal;
	padding:0.5rem 0
}
}
.header__collections-item.is-level-1>.header__collections-submenu{
	margin-left:0
}
@media screen and (max-width: 767px){
	.header__collections-item.is-level-1>.header__collections-submenu{
	margin-left:1rem
}
}
@media screen and (max-width: 767px){
	.header__collections-item.is-show-mobile>.header__collections-submenu{
		display: block;
	}
	/* .is-show-mobile .header__collections-submenu { */
		/* display: block; */
	/* } */
	.header__collections-submenu.is-show-mobile	{
		display: block;
	}
	.header__collections-item.is-show-mobile>.header__collections-controls .header__collections-show-submenu-btn{
		transform:rotate(-180deg);
	}
}
.icon-rotate{
		rotate: 180deg;
		/* transform:rotate(-180deg); */
}

.header__collections-link{
	text-decoration:none;
	color:var(--color-text, #000);
	font-size:0.875rem
}
.header__collections-link:hover,.header__collections-link.is-current{
	color:var(--color-accent-text)
}
@media screen and (max-width: 767px){
	.header__collections-link{
	display:block;
	padding:5px 0;
	font-size:0.875rem
}
}
.header__collections-photo{
	display:block;
	text-decoration:none;
	margin-bottom:1rem
}
@media screen and (max-width: 767px){
	.header__collections-photo{
	display:none
}
}
.header__collections-show-more{
	padding-top:3px;
	display:none
}
.header__collections-show-more.is-show{
	display:block
}
@media screen and (max-width: 767px){
	.header__collections-show-more.is-show{
	display:none
}
}
.header__collections-show-more-link{
	cursor:pointer;
	text-decoration:none;
	display:inline-flex;
	align-items:center;
	position:relative
}
.header__collections-show-more-link:hover{
	color:var(--color-btn-bg-major-shade)
}
.header__collections-show-more-link.is-active .icon:before{
	transform:rotate(180deg)
}

/* .header__collections-controls.is-show-mobile .icon { */
	/* rotate: 180deg; */
	/* transform:rotate(180deg) */
/* } */

.header__collections-show-more-link.is-active .header__collections-show-more-text-show{
	display:none
}
.header__collections-show-more-link.is-active .header__collections-show-more-text-hide{
	display:inline
}
.header__collections-show-more-link .icon{
	margin-left:5px
}
.header__collections-show-more-link .icon:before{
	display:inline-block;
	position:relative
}
.header__collections-show-more-text-hide{
	display:none
}
.header__collections-head{
	font-weight:600;
	font-size:1.15rem;
	padding:10px 0;
	border-bottom:1px solid var(--bg-minor-shade);
	display:none
}
@media screen and (max-width: 767px){
	.header__collections-head{
		display:flex;
		justify-content: space-between;
	}
}

.header__collections-overlay {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.3);
	z-index: var(--zindex-overlay);
	display: none;
}

.header__collections-overlay.is-show {
	display: block
}

@media screen and (max-width: 767px) {
	.header__collections-overlay.is-show {
		display:none
	}
}