.only_desktop{
    display: none;
}
/******* ICO_MENU ********/
.wrap_ico_menu{
    width: 35px;
    height: 20px;
    position: relative;
    margin-right: 5vw;
}
#ico_menu{
	position: absolute;
	z-index: 70;
	cursor: pointer;
    height: 20px;
    width: 35px;
    right: 0;
}
#ico_menu .line, #ico_menu:before, #ico_menu:after{
	background-color: var(--color1);
}
#ico_menu .line{
	width: 100%;
	height: 2px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: 400ms ease;
}
#ico_menu:before, #ico_menu:after{
	content: ' ';
	position: absolute;
	right: 0;
	height: 2px;
	transition: 400ms ease;
}
#ico_menu:before{
	top: 0;
	width: 100%;
}
#ico_menu:after{
	bottom: 0;
	width: 100%;
}
.menu_opened #ico_menu .line{
	opacity: 0;
} 
.menu_opened #ico_menu:before{
	transform: rotate(45deg);
	top: 50%;
}
.menu_opened #ico_menu:after{
	transform: rotate(-45deg);
	width: 100% !important;
	top: 50%;
}
/******* END ICO_MENU ********/
header{
    position: relative;
}
header .wrap_menu{
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    z-index: 50;
    background-color: white;
    padding: 10px;
    transform: scaleY(0);
    transform-origin: top;
    visibility: hidden;
    opacity: 0;
    transition: 400ms ease;
}
header ul{
    flex-direction: column;
    gap: 0;
}
header ul li{
    padding: 15px 0;
    border-bottom: 1px solid rgba(202,217,166,.3);
}
.menu_opened header .wrap_menu{
    transform: scaleY(1);
    visibility: visible;
    opacity: 1;
}
footer .grid{
    display: grid; 
    grid-template-columns: 1fr;
    gap: 20px;
}
footer .col{
    text-align: center;
}
.card_layout{
    padding: 20px;     
}
.card{
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}
.card .wrap_img{
    height: 250px;
}
.card .title{
    font-size: 1.7em;
}
.card .detail.price{
    font-size: 24px;
}
.card .detail img{
    width: 20px;
}
.card .detail .emoji{
    font-size: 19px;
}
.card .detail.mobile_long{
    flex-direction: column;
    align-items: flex-start;
}
.card .mobile_fixed{
    position: fixed; 
    bottom: 5px; 
    left: 0; 
    width: 100%; 
    padding: 10px 0; 
    text-align: center;
    font-size: 15px;
}
.card .mobile_fixed h3{
    font-size: 16px;
}
.card .mobile_fixed > div{
    width: 90%;
    margin: auto;
}
.card .mobile_fixed .btn{
    box-shadow: 0 5px 5px rgba(0,0,0,.4);
}
.wrap_howitworks_card{
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 20px;
}
.home_btns{
    gap: 10px;
}