*{padding:0;margin:0;box-sizing:border-box}header{padding:10px 0;background-color:#467146}.header_container{display:flex;justify-content:space-between;align-items:center;max-width:1195px;width:100%;margin:auto}.logo_container{max-width:280px;width:100%;height:auto}.logoheader_desktop{width:100%;height:auto}.logoheader_mobile{display:none}.navbar{max-width:631px;width:100%;display:flex;align-items:center;gap:32px;justify-content:flex-end}.navbar ul{display:flex;align-items:center;gap:24px}.navbar ul li{list-style-type:none}.navbar ul li a{color:#ddedde;font-family:Helvetica Neue;font-size:18px;font-style:normal;font-weight:500;line-height:normal;text-decoration:none}.navbar button{display:flex;height:36px;padding:8px 16px;align-items:center;gap:8px;background:#eabf1f;color:#fff;font-family:Helvetica Neue;font-size:18px;font-style:normal;font-weight:500;line-height:normal;cursor:pointer;border:none}.menu_icon{display:none;cursor:pointer}.title_container{display:flex;height:200px;padding:60px 0;align-items:flex-end;gap:8px;align-self:stretch;width:100%;background-image:url(https://img.fitralin.com/header_bg.webp);background-size:cover;background-repeat:no-repeat;background-position:center}.title_container h1{color:#000;font-family:Open Sans;font-size:64px;font-style:normal;font-weight:700;line-height:130%;max-width:1320px;width:100%;margin-left:auto;margin-right:auto}main{padding:40px 0;background-color:#fff}.main_container{display:flex;max-width:1320px;width:100%;flex-direction:column;align-items:flex-start;gap:56px;margin:auto}.ingredients_box{width:100%;display:flex;padding:24px;justify-content:center;align-items:center;gap:160px;align-self:stretch;border-radius:8px;background:#fff;box-shadow:0 0 60px -30px #9c9c9c4d}.ingredients_table{max-width:500px;width:100%;border:1px solid #26B1B5;display:flex;flex-direction:column}.ingredients_table .row{display:flex}.ingredients_table .cell{padding:8px 16px;border-right:1px solid #26B1B5;border-bottom:1px solid #26B1B5;color:#000;font-family:monospace;font-size:16px;font-style:normal;font-weight:400;line-height:130%}.ingredient{max-width:412px;width:100%}.quantity{max-width:115px;width:100%;text-align:center}.ingredients_table .row:last-child .cell{border-bottom:none}.ingredients_table .cell:last-child{border-right:none}.ingredients_image{max-width:524px;width:100%;max-height:524px;height:100%;aspect-ratio:1/1}.ingredients_image img{width:100%;height:auto}.recommendation{color:#222;font-family:Open Sans;font-size:16px;font-style:normal;font-weight:400;line-height:130%}.recommendation span{font-weight:700}.recommendation_2{color:#222222bf;font-family:Open Sans;font-size:14px;font-style:normal;font-weight:400;line-height:130%}footer{background:#222;padding:48px 0}.footer_container{max-width:1320px;width:100%;margin:auto;display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:center}.footer_container img{max-width:125px;width:100%;height:36px}.footer_container p{color:#fff;text-align:center;font-family:Open Sans;font-size:13px;font-style:normal;font-weight:400;line-height:130%}@media(max-width:475px){.main_container,.footer_container{width:90%}header{display:flex;width:100%;padding:16px;justify-content:center;align-items:center;gap:8px}.title_container h1{font-size:48px;line-height:130%;text-align:center}.ingredients_box{flex-direction:column;gap:40px}.ingredients_table .cell{padding:8px 10px}.quantity{max-width:80px}.navbar{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px;transition:right .3s ease;padding:24px}.navbar.active{right:0}.navbar ul{flex-direction:column;gap:32px}.navbar button{width:100%;justify-content:center}.header_container{justify-content:space-between}.navbar ul li a{font-size:22px}.logoheader_mobile{display:block;width:132px}.logoheader_desktop{display:none}.menu_icon{display:block;z-index:200}.quantity{display:flex;align-items:center;justify-content:center}}.hidden{display:none}@media(max-width:475px){.navbar{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px;transition:right .3s ease;padding:24px}.navbar.active{right:0}.navbar ul{flex-direction:column;gap:32px}.navbar button{width:100%;justify-content:center}.header_container{justify-content:space-between}.navbar ul li a{font-size:22px}.logoheader_mobile{display:block;width:132px}.logoheader_desktop{display:none}.menu_icon{display:block;z-index:200}}