.su-nutrition-grid{
    display:grid;
    grid-template-columns:repeat(8,1fr);
    gap:15px;
}

.su-nutrition h3 {
	font-family: "Manrope", sans-serif;
	font-weight: 700;
	font-size: 22px;
	color: #000;
	margin: 0px!important;
	margin-bottom: 20px!important;
}

.su-nutrition-card{

    position:relative;
    aspect-ratio:1/1;
    border-radius:18px;
    overflow:hidden;
    background-size:cover;
    background-position:center;
    cursor:pointer;
    transition:.25s;

}

.su-nutrition-card:hover{

    transform:scale(1.03);

}

.su-nutrition-overlay{

    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);

    display:flex;
    align-items:center;
    justify-content:center;

    transition:.25s;

}

.su-nutrition-card:hover .su-nutrition-overlay{

    background:rgba(0,0,0,.65);

}

.su-nutrition-date{

    color:#fff;
    font-size:16px;
    font-weight:700;
    text-shadow:0 2px 10px rgba(0,0,0,.5);

}

.su-nutrition-delete{

    position:absolute;
    top:12px;
    right:12px;

	padding: 0px;

    width:20px;
    height:20px;

    border:none;
    border-radius:50%;

    background:#ff3b30;
    color:#fff;

    cursor:pointer;

    font-size:15px;
    font-weight:bold;

    z-index:5;

    transition:.2s;

	display: flex;
	align-items: flex-end;
	justify-content: center;

}

.su-nutrition-delete:hover{

    transform:scale(1.15);
    background:#d70015;

}


.su-nutrition-lightbox{

    position:fixed;
    inset:0;

    background:rgba(0,0,0,.9);

    display:none;

    align-items:center;
    justify-content:center;

    z-index:99999;

    padding:40px;

}

.su-nutrition-lightbox.active{

    display:flex;

}

.su-nutrition-lightbox img{

    max-width:90vw;
    max-height:90vh;

    border-radius:14px;

    object-fit:contain;

}

.su-nutrition-close{

    position:absolute;

    top:25px;
    right:30px;

    font-size:42px;
    color:#fff;

    cursor:pointer;

    line-height:1;

    user-select:none;

}



.su-goals{

    display:grid;

    grid-template-columns:repeat(5,1fr);

    gap:80px;

    padding-top: 40px!important;
	padding-bottom: 20px!important;

}

.su-goal{

border-radius: 100px;
aspect-ratio: 1/1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 0px;
background-color: #fff;
outline: 12px solid rgb(237, 237, 237);
}

.su-goal-value{

    font-size:36px;

    font-weight:300;

    line-height:1;

    color:#7E8395;

	font-family: "Manrope", sans-serif;

}

.su-nutrition hr {
	height: 1px;
	width: 100%;
	background-color: #E0E0E0!important;
	color: transparent;
	border: none!important;
	margin-top: 40px!important;
	margin-bottom: 40px!important;
}

.su-goal-value span{

		font-family: "Manrope", sans-serif;

    font-size:18px;

    font-weight:300;

    color:#7E8395;

}

.su-goal-label{
margin-top: 10px;

font-family: "Oswald", Sans-serif;
font-size: 17px;
font-weight: 400;
text-transform: uppercase;
color: #000000;

}

/* ==========================================
   Editor denného cieľa (tréner)
========================================== */

.su-nutrition-goals-header{

    display:flex;
    align-items:center;
    justify-content:space-between;

}

.su-nutrition-goals-header h3{

    margin-bottom:0!important;

}

.su-goals-edit-toggle{

    font-family:"Oswald", sans-serif;
    text-transform:uppercase;
    padding:10px 20px;
    border:1px solid #111;
    border-radius:10px;
    background:#fff;
    color:#000;
    font-size:13px;
    font-weight:600;
    cursor:pointer;

}

.su-goals-edit-toggle:hover{

    background:#111;
    color:#fff;

}

.su-goals-form{

    margin-top:20px;
    background:#f7f8fb;
    border-radius:16px;
    padding:20px;

}

.su-goals-form-grid{

    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(140px, 1fr));
    gap:14px;

}

.su-goals-form-label{

    display:block;
    font-family:"Manrope", sans-serif;
    font-size:12px;
    font-weight:600;
    color:#585c6b;
    margin-bottom:6px;

}

.su-goals-input{

    width:100%;
    padding:10px 12px;
    border:1px solid #e2e2e6;
    border-radius:10px;
    font-family:"Manrope", sans-serif;
    font-size:14px;
    color:#000;
    box-sizing:border-box;

}

.su-goals-form-actions{

    display:flex;
    align-items:center;
    gap:14px;
    margin-top:18px;

}

.su-goals-save{

    font-family:"Oswald", sans-serif;
    text-transform:uppercase;
    padding:11px 26px;
    border:none;
    border-radius:10px;
    background:#111;
    color:#fff;
    font-size:13px;
    font-weight:600;
    cursor:pointer;

}

.su-goals-status{

    font-family:"Manrope", sans-serif;
    font-size:13px;
    color:#585c6b;

}

/* ==========================================
   Mobil
========================================== */

@media (max-width:768px){

    .su-goals{

        grid-template-columns:repeat(2, 1fr);
        gap:36px;

    }

    .su-goal{

        outline-width:8px;

    }

    .su-goal-value{

        font-size:24px;

    }

    .su-goal-label{

        font-size:13px;

    }

    .su-nutrition-grid{

        grid-template-columns:repeat(3, 1fr);
        gap:10px;

    }

    .su-nutrition-goals-header{

        flex-wrap:wrap;
        gap:12px;

    }

}