html{
	box-sizing: border-box;
    scroll-padding-top: 20vh;
}
.plants img{
		width: 100%;
		height: 100%;
}
.plants{
	margin-top: 50px;
	padding: 161px 0 144px;
}
@media (max-width: 768px) {
	.plants{
		padding: 70px 0 90px;
	}

}
.noscroll{
    overflow: hidden;
}

.link {
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 13px;
    font-family: "Futura","Arial",sans-serif;
    text-transform: uppercase;
    transition: color .3s ease-in-out;
    -ms-flex-pack: justify;
    -ms-flex-align: center
} @media (max-width: 540px) {
	.link {
		font-size: 11px;
	}
}

.link:hover .icon {
    transition: all .3s ease-in-out;
    stroke: #546e4b
}

.plants--links{
	display: grid;
	grid-template-columns: repeat(6,1fr);
}
.plants--links_item:nth-child(2),
.plants--links_item:nth-child(4),
.plants--links_item:nth-child(5),
.plants--links_item:nth-child(7),
.plants--links_item:nth-child(10){
	grid-column: span 2;

}
.plants--links_item{
	background: var(--bck-color);
	color: #FFFFFF;
	height: 360px;
	position: relative;
	display: flex;
	text-decoration: none;
	overflow: hidden;
    transition:  .18s ease-in-out;
}
.plants--links_item:hover{
	color: #fff;
    opacity: .8;
}
.plants--links_item_content{
	padding:  20px 28px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	z-index: 2;
}
.plants--links_item_title{
    font-size: 1.979vw;
	/*font-size: clamp(24px, calc(24px + (38 - 24) * ((100vw - 1024px) / (1920 - 1024))), 38px);*/
	line-height: 1;
}
.plants--links_item_image{
	position: absolute;
	inset: 0;
	display: flex;
	justify-content: flex-end;

}
.plants--links_item_image img{
	object-position: right bottom;
	object-fit: contain;
	background-position: right bottom;
}
.plants--links_item_label{
	color: var(--color);
	padding: 6px 20px;
	background-color: #FFFFFF;
	border-radius: 50px;
	font-size: 24px;
	width: max-content;
    line-height: 1;
}
.-wintersakura{
	--bck-color: #E54A4A;
	--color: #E54A4A;
}
.-camellia{
	--bck-color: #FFC0C9;
	--color: #FFC0C9;
}
.-forsythia{
		--bck-color: #546E4B;
	--color: #546E4B;
}
.-sakura{
	--bck-color: #F8E4E9;
	--color: #F8E4E9;

}
.-rhododendrons{
	--bck-color: #546E4B;
	--color: #546E4B;
}
.-albizia{
	--bck-color: #424242;
	--color: #424242;
}
.-magnolia{
	--bck-color: #B0A27D;
	--color: #B0A27D;
}
.-lily{
	--bck-color: #17556B;
	--color: #17556B;
}
.-hydrangea{
	--bck-color: #845783;
	--color: #845783;
}
.-snowberry{
	--bck-color: #ADC382;
	--color: #ADC382;
}
.-maple{
	--bck-color: #FFFFFF;
	--color: #FFFFFF;

}
.-ginkgo{
	--bck-color: #546E4B;
	--color: #546E4B;
}
.-calendar{
		--bck-color: #E54A4A;
	--color: #E54A4A;
}
.-maple, .-sakura{
		color: #E54A4A;
}
.-maple:hover, .-sakura:hover{
    color: #E54A4A;
}
.-maple  .plants--links_item_label, .-sakura .plants--links_item_label {
	background-color: #E54A4A;
}
.plants--tabs{
    display: flex;
    flex-wrap: wrap;
	margin: 4em 0 2em;
	gap: 10px;
} @media (max-width: 540px) {
	.plants--tabs{
		padding-left: 20px;
	}
}
.plants--tabs button{
	background-color: transparent;
	font-size: 1.2em;
	opacity: .5;
	transition: .18s ease-in-out;
	cursor: pointer;
    color: #313131;
    border-radius: 30px;
    border: 1px solid currentColor;
    padding: 6px 10px;
}
.plants--tabs button.active{
	opacity: 1;
    background-color: #1A1A1A;
    color: #FFFFFF;
}


.block--elements{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1em;
}
/* card */
.plants .card{
    scroll-margin: 5vh;
	background-color: #546e4b;
	color: #fff;
	border: none;
	display: flex;
	flex-direction: column;
	cursor: pointer;
	padding: 0;
	position: relative;
}
.plants .card:hover .card--image img{
	scale: 1.1;
}
.plants .card.hidden{
	display: none;
}
.plants .card--content{
	display: flex;
	flex-direction: column;
	gap: 1em;
	padding: 2em 1.5em;
	text-align: left;
	flex-grow: 1;
	width: 100%;
} @media (max-width: 540px) {
	.plants .card--content{
		padding: 1em;
		gap: 10px;
	}
}
.plants .card--subtitle{
	font-size: 1em;
} @media (max-width: 540px) {
	.plants .card--subtitle{
		font-size: .8em;
	}
}
.plants .card--title{
	font-size: 2em;
} @media (max-width: 540px) {
	.plants .card--title{
		font-size: 1.2em;
	}
}
.plants .card--button{
	position: relative;
}
.plants .card--image{
	aspect-ratio: 450/360;
	display: flex;
	position: relative;
	overflow: hidden;
}
.plants .card--image img{
	transition: .18s ease-in-out;
	object-fit: cover;
}
.plants .card--image::after{
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg,rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%);

}
.plants .card--labels{
	position: absolute;
	inset: 8px;
	display: flex;
	gap: 6px;
	z-index: 2;
}
.plants .card--labels div{
	width: 42px;
	height: 42px;
	background-size: 60%;
    background-position: center;
    background-repeat: no-repeat;
    padding: 4px;
    background-color: var(--bck-c);
	border: 0.5px solid #f1f1f1;
    border-radius: 50px;
}
.-winter{
	/*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='50.000000pt' height='50.000000pt' viewBox='0 0 50.000000 50.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,50.000000) scale(0.100000,-0.100000)' fill='%23fff' stroke='none'%3E%3Cpath d='M237 484 c-4 -4 -7 -16 -7 -27 0 -16 -2 -17 -15 -7 -12 10 -19 10 -27 2 -9 -9 -5 -19 15 -40 22 -23 27 -37 27 -81 l0 -53 -42 25 c-32 19 -46 35 -56 66 -15 44 -40 52 -34 11 3 -17 0 -21 -12 -16 -9 3 -23 9 -31 12 -24 10 -18 -19 7 -35 l22 -14 -22 -8 c-41 -15 -26 -32 23 -25 36 6 53 3 85 -15 22 -13 40 -26 40 -29 0 -3 -18 -16 -40 -29 -32 -18 -49 -21 -85 -15 -49 7 -64 -10 -23 -25 l22 -8 -22 -14 c-25 -16 -31 -45 -7 -35 8 3 22 9 31 12 12 5 15 1 12 -16 -6 -41 19 -33 34 11 10 31 24 47 56 66 l42 25 0 -52 c0 -41 -5 -58 -25 -82 -28 -33 -25 -54 5 -38 15 8 19 6 22 -13 4 -29 32 -29 36 0 3 19 7 21 22 13 30 -16 33 5 5 38 -20 24 -25 41 -25 82 l0 52 42 -25 c32 -19 46 -35 56 -66 15 -44 40 -52 34 -11 -3 17 0 21 12 16 9 -3 23 -9 31 -12 24 -10 18 19 -7 35 l-22 14 22 8 c41 15 26 32 -23 25 -36 -6 -53 -3 -85 15 -22 13 -40 26 -40 29 0 3 18 16 40 29 32 18 49 21 85 15 49 -7 64 10 23 25 l-22 8 22 12 c25 13 31 47 7 37 -8 -3 -22 -9 -31 -12 -12 -5 -15 -1 -12 16 6 41 -19 33 -34 -11 -10 -31 -24 -47 -56 -66 l-42 -25 0 52 c0 41 5 58 25 82 28 33 25 54 -5 38 -15 -8 -19 -6 -22 12 -3 22 -19 33 -31 22z'/%3E%3C/g%3E%3C/svg%3E");*/
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='50.000000pt' height='50.000000pt' viewBox='0 0 50.000000 50.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,50.000000) scale(0.100000,-0.100000)' fill='%23fff' stroke='none'%3E%3Cpath d='M240 458 l0 -41 -25 23 c-37 35 -43 15 -7 -23 28 -29 32 -39 32 -91 l0 -57 -51 27 c-43 24 -52 34 -62 71 -13 48 -33 59 -23 13 6 -35 5 -35 -35 -14 -17 8 -33 13 -37 10 -6 -7 -7 -6 37 -33 l34 -21 -32 -7 c-17 -3 -31 -11 -31 -16 0 -11 7 -11 49 1 29 8 41 6 83 -17 26 -14 48 -29 48 -33 0 -4 -22 -19 -48 -33 -42 -23 -54 -25 -83 -17 -42 12 -49 12 -49 1 0 -5 14 -13 31 -16 l32 -7 -34 -21 c-44 -27 -43 -26 -37 -33 4 -3 20 2 37 10 40 21 41 21 35 -14 -10 -46 10 -35 23 13 10 37 19 47 62 71 l51 27 0 -57 c0 -52 -4 -62 -32 -91 -36 -38 -30 -58 7 -23 l25 23 0 -41 c0 -23 5 -42 10 -42 6 0 10 19 10 42 l0 41 25 -23 c37 -35 43 -15 7 23 -28 29 -32 39 -32 91 l0 57 51 -27 c43 -24 52 -34 62 -71 13 -48 33 -59 24 -13 -7 35 -6 35 34 14 17 -8 33 -13 37 -10 6 7 7 6 -37 33 l-34 21 32 7 c17 3 31 11 31 16 0 11 -7 11 -49 -1 -29 -8 -41 -6 -83 17 -26 14 -48 29 -48 33 0 4 22 19 48 33 42 23 54 25 83 17 42 -12 49 -12 49 -1 0 5 -14 13 -31 16 l-32 7 34 21 c44 27 43 26 37 33 -4 3 -20 -2 -37 -10 -40 -21 -41 -21 -34 14 9 46 -11 35 -24 -13 -10 -37 -19 -47 -62 -71 l-51 -27 0 57 c0 52 4 62 32 91 36 38 30 58 -7 23 l-25 -23 0 41 c0 23 -4 42 -10 42 -5 0 -10 -19 -10 -42z'/%3E%3C/g%3E%3C/svg%3E");
    --bck-c: #17556B;
}

.-spring{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='50.000000pt' height='50.000000pt' viewBox='0 0 50.000000 50.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,50.000000) scale(0.100000,-0.100000)' fill='%23fff' stroke='none'%3E%3Cpath d='M197 480 c-14 -11 -29 -29 -32 -40 -5 -15 -15 -20 -44 -20 -79 0 -126 -81 -82 -141 l22 -29 -22 -29 c-44 -59 2 -141 80 -141 29 -1 40 -7 56 -33 39 -61 111 -61 150 0 16 26 27 32 56 33 78 0 124 82 80 141 l-22 29 22 29 c44 60 -3 141 -82 141 -29 0 -39 5 -44 20 -9 29 -54 60 -85 60 -15 0 -39 -9 -53 -20z m100 -22 c11 -13 24 -33 27 -44 6 -19 12 -21 50 -17 38 5 45 2 64 -22 27 -34 27 -49 1 -91 l-21 -34 21 -34 c26 -42 26 -57 -1 -91 -19 -24 -26 -27 -64 -22 -38 4 -44 2 -50 -17 -10 -35 -46 -66 -74 -66 -28 0 -64 31 -74 66 -6 19 -12 21 -50 17 -38 -5 -45 -2 -64 22 -27 34 -27 49 -1 91 l21 34 -21 34 c-26 42 -26 57 1 91 19 24 26 27 64 22 38 -4 44 -2 50 17 10 35 46 66 74 66 15 0 36 -10 47 -22z'/%3E%3Cpath d='M237 333 c-8 -12 4 -63 14 -63 5 0 10 9 11 20 0 11 1 25 2 32 1 14 -20 22 -27 11z'/%3E%3Cpath d='M170 285 c0 -9 12 -18 30 -21 17 -4 30 -10 30 -14 0 -4 -13 -10 -30 -13 -18 -4 -30 -13 -30 -22 0 -21 23 -19 54 6 l26 20 26 -20 c31 -25 54 -27 54 -6 0 9 -12 18 -30 22 -16 3 -30 9 -30 13 0 4 14 10 30 14 18 3 30 12 30 21 0 21 -23 19 -54 -6 l-26 -20 -26 20 c-31 25 -54 27 -54 6z'/%3E%3Cpath d='M237 203 c-6 -31 7 -53 22 -38 11 11 3 65 -9 65 -4 0 -10 -12 -13 -27z'/%3E%3C/g%3E%3C/svg%3E");
    --bck-c: #FFC0C9;
}
.-summer{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='50.000000pt' height='50.000000pt' viewBox='0 0 50.000000 50.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,50.000000) scale(0.100000,-0.100000)' fill='%23fff' stroke='none'%3E%3Cpath d='M213 455 c-30 -49 -32 -50 -122 -28 -21 5 -23 3 -18 -18 22 -90 21 -92 -28 -122 -25 -16 -45 -33 -45 -37 0 -4 20 -21 45 -37 49 -30 50 -32 28 -122 -5 -21 -3 -23 18 -18 90 22 92 21 122 -28 16 -25 33 -45 37 -45 4 0 21 20 37 45 30 49 32 50 122 28 21 -5 23 -3 18 18 -22 90 -21 92 28 122 25 16 45 33 45 37 0 4 -20 21 -45 37 -49 30 -50 32 -28 122 5 21 3 23 -18 18 -90 -22 -92 -21 -122 28 -16 25 -33 45 -37 45 -4 0 -21 -20 -37 -45z m67 -31 c22 -35 23 -35 72 -29 l50 7 -7 -50 c-6 -49 -6 -50 29 -72 20 -12 36 -25 36 -30 0 -5 -16 -18 -36 -30 -35 -22 -35 -23 -29 -72 l7 -50 -50 7 c-49 6 -50 6 -72 -29 -12 -20 -25 -36 -30 -36 -5 0 -18 16 -30 36 -22 35 -23 35 -72 29 l-50 -7 7 50 c6 49 6 50 -29 72 -20 12 -36 25 -36 30 0 5 16 18 36 30 35 22 35 23 29 72 l-7 50 50 -7 c49 -6 50 -6 72 29 12 20 25 36 30 36 5 0 18 -16 30 -36z'/%3E%3Cpath d='M190 363 c-95 -49 -87 -193 13 -232 105 -40 206 61 166 166 -27 70 -111 101 -179 66z m110 -18 c32 -17 60 -61 60 -95 0 -53 -57 -110 -110 -110 -53 0 -110 57 -110 110 0 33 28 78 58 94 35 20 66 20 102 1z'/%3E%3C/g%3E%3C/svg%3E");
    --bck-c: #E54A4A;
}
.-autumn{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='50.000000pt' height='50.000000pt' viewBox='0 0 50.000000 50.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,50.000000) scale(0.100000,-0.100000)' fill='%23fff' stroke='none'%3E%3Cpath d='M352 469 c-26 -32 -53 -37 -72 -14 -7 8 -19 15 -26 15 -11 0 -14 -18 -14 -75 0 -57 -3 -75 -14 -75 -7 0 -19 13 -26 29 -11 29 -47 69 -53 60 -2 -2 -8 -16 -15 -31 -10 -25 -14 -26 -42 -16 -40 13 -44 8 -24 -31 18 -37 13 -61 -16 -68 -11 -3 -20 -9 -20 -13 0 -12 56 -58 80 -65 27 -9 25 -29 -5 -43 -30 -14 -33 -42 -5 -42 49 0 2 -30 -88 -56 -8 -2 -12 -12 -10 -21 9 -50 122 -7 200 75 49 51 57 56 105 60 28 2 65 0 82 -6 17 -6 33 -7 36 -2 9 15 -15 23 -86 28 l-68 5 40 79 c22 44 39 87 37 96 -2 9 -25 -27 -52 -81 -47 -96 -49 -98 -64 -75 -27 41 -65 78 -80 78 -9 0 -1 -15 21 -39 65 -72 65 -77 11 -132 -52 -53 -122 -93 -151 -87 -10 2 1 9 27 15 25 7 56 22 69 34 23 21 23 23 6 36 -18 12 -17 14 6 39 l24 26 -21 16 c-12 10 -36 25 -53 34 l-32 17 21 21 c16 16 20 28 15 52 -6 27 -5 29 13 24 14 -5 25 0 36 15 9 13 17 21 19 18 2 -2 14 -19 26 -36 24 -35 55 -43 65 -17 3 9 6 40 6 70 0 51 1 54 19 44 28 -14 57 -12 71 5 18 21 28 19 32 -7 2 -15 15 -28 36 -37 17 -8 32 -18 32 -23 0 -5 -18 -28 -40 -52 -58 -62 -52 -86 23 -86 24 0 28 -3 19 -12 -15 -15 -16 -54 -2 -63 17 -11 11 -23 -12 -27 -12 -2 -27 -13 -33 -24 -10 -20 -13 -21 -35 -8 -57 31 -120 9 -120 -42 l0 -25 -26 20 c-39 30 -47 16 -12 -19 24 -24 33 -28 44 -19 8 6 14 21 14 33 0 48 51 60 108 26 28 -17 33 -18 37 -5 3 8 7 22 10 30 3 10 17 15 40 15 37 0 44 10 20 30 -24 20 -28 50 -10 70 24 27 11 40 -41 40 -47 0 -55 9 -27 31 29 24 73 91 73 111 0 15 -5 18 -20 13 -32 -10 -59 12 -66 55 -4 22 -9 40 -13 39 -3 0 -16 -13 -29 -30z'/%3E%3C/g%3E%3C/svg%3E");
    --bck-c: #B0A27D;
}
.-blossom {
	background-image: url('https://xn----8sbmnfeuhiwe3n.xn--p1ai/flowering-calendar/img/blossom.svg');
	--bck-c: #E54A4A;
}
.-leaf-color {
	background-image: url('https://xn----8sbmnfeuhiwe3n.xn--p1ai/flowering-calendar/img/leaf-color.svg');
	--bck-c: #B0A27D;
}
.-fruiting {
	background-image: url('https://xn----8sbmnfeuhiwe3n.xn--p1ai/flowering-calendar/img/fruiting.svg');
	--bck-c: #17556b;
}
/* popup */
.popup{
  overscroll-behavior: contain;
  background-color: var(--others-fog, rgba(20, 26, 37, 0.45));
}
.popup--content{
	position: relative;
    width: 100%;
    max-width: 512px;
    padding: 0;
    background-color: #fff;
} @media (max-width: 540px) {
	.popup--content {
		width: 90%;
	}
}
.popup--content_image {
	background-color: #f1f1f1;
}
.popup--content_image img{
	aspect-ratio: 480/320;
	display: flex;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.popup--content_title{
	font-size: 2em;
	margin: 0;
    line-height: 1;
}
.popup--content_period{
	font-size: 1.2em;
    line-height: 1;
}
.popup--content_text{
	font-size: 1em;
}
.popup--content_description{
	background-color: #FFFFFF;
	padding: 1.5em 2em;
	font-size: 16px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.popup--close{
	position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
    font-size: 0;
    background-color: #313131;
    cursor: pointer;
    transition: transform .3s ease-out, background-color .3s ease-out;
    width: 70px;
    height: 70px;
}
.popup--close::after, .popup--close::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 23px;
    height: 2px;
    background-color: #fff;
    border-radius: 5px;
}

.popup--close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}
.popup--close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}
@media (max-width: 1240px) {
	.plants--links{
		display: grid;
		grid-template-columns: repeat(4,1fr);
	}
    .plants--links_item_title{
        font-size: clamp(32px, calc(32px + (38 - 32) * ((100vw - 375px) / (1240 - 375))), 38px);
    }
}
@media (max-width: 998px) {
	.plants--links{
		display: grid;
		grid-template-columns: repeat(3,1fr);
	}
	.block--elements{
		grid-template-columns: repeat(3, 1fr);
	}
}
@media (max-width: 768px) {
	.block--elements{
		grid-template-columns: repeat(2, 1fr);
	}
	.plants--links{
		display: flex;
		flex-direction: column;
	}
	.plants--tabs{
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
        overflow-y: hidden;
	}
}
@media (max-width: 540px) {
    .plants--links{
        display: grid;
        grid-template-columns: 50% 50%;
    }
    .plants--links_item:nth-child(2), .plants--links_item:nth-child(4), .plants--links_item:nth-child(5), .plants--links_item:nth-child(7), .plants--links_item:nth-child(10) {
        grid-column: initial;
    }
    .plants--links_item{
        height: 240px;
    }
    .plants--links_item_title{
        font-size: 22px;
    }
    .plants--links_item_label{
        font-size: 16px;
    }
    .plants--links_item_content{
        padding: 24px 16px;
    }
    .noscroll .page-header{
        opacity: 0;
        pointer-events: none;
    }
}

.plants--container {
	padding: 0 10px;
}

.card--actions {
	margin-top: auto;
	text-align: center;
	padding: 7px 5px;
	border: 0.5px solid #ffffff;
}