@charset "utf-8";
.only_desktop{
	display: none;
}
html, body{
	max-width: 100vw;
	overflow-x: hidden !important;
}
.std_w{
	width: 94%;
	margin: auto;
}
.large_space{
	height: 50px;
	clear: both;
}
.max_w_mobile{
	max-width: 600px;
}

/*********** HEADER ************/
header{
	padding: 15px 0;
	transition: background-color 400ms ease;
}
header .logo{
	font-size: 25px;
}
header .wrap_info {
    position: absolute;
    top: 100%;
    right: -100vw;
    width: 100vw;
    overflow: hidden;
    height: calc(100vh - 60px);
    background-color: var(--lightyellow);
    z-index: 100;
    transition: 400ms ease;
    overflow-y: scroll;
}
header .menu {
    flex-flow: column;
    width: 94%;
	margin: auto;
	padding-top: 15px;
}
header .menu li {
    font-size: 22px;
    border-bottom: 1px solid var(--gray);
    color: var(--gray);
	padding: 10px 0;
	margin-bottom: 8px;
}
html.menu_opened{
	overflow: hidden;
}
html.menu_opened header .wrap_info{
	right: 0;
}
html.menu_opened header{
	background-color: var(--lightyellow);
}
.clear_header{
	clear: both;
	height: 60px;
}
/*********** END HEADER ************/
.flex_vertical .e2{
	padding: 20px 0;
}
.w50.pad_right{
	margin-bottom: 50px;
}
.wrap_product{
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
}
.rotate{
	font-size: 30px;
}
.rotate span{
	font-size: 24px;
	text-transform: lowercase;
}
.wrap_product img{
	width: auto !important;
	max-height: 350px;
}
.wrap_product h3{
	line-height: 30px;
}


/************** FOOTER ************/
footer .grid{
	display: grid;
	grid-template-columns: 1fr;
	gap: 40px;
}
footer .up_size{
	font-size: 20px;
	line-height: 32px;
}
footer .extra_size{
	font-size: 22px;
}
footer p.custom{
	font-size: 17px; 
	line-height: 31px;
}
/************** END FOOTER ************/

.flex_vertical .e1{
    justify-content: center;
}
.flex_vertical .e1 img{
	width: 100%;
    max-width: 600px;
}


.gallery{
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
	max-width: 600px;
}