[hidden]{display:none!important}
.food-notification{padding:12px 15px;border:1px solid #edd0c1;background:#fff9f2;border-radius:14px;font-size:13px;line-height:1.8;color:#967063}.food-notification p{margin:0;overflow-wrap:anywhere}.food-notification button{margin-top:8px;background:#ce706a;color:#fff8f0;border-radius:18px;padding:6px 15px;font-size:13px}
.food-list-section{margin:0 2px}.food-list-section h2{font-size:18px;font-weight:600;letter-spacing:1px;margin:0 0 11px 3px}.food-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.food-list-row{display:flex;align-items:center;gap:12px;min-height:78px;border-radius:15px;border:1px solid #fffaf5;background:#fffaf480;box-shadow:0 2px 8px #a9826b07;padding:8px 10px}.food-list-row>img{width:88px;height:60px;object-fit:cover;border-radius:10px;flex-shrink:0}.food-list-row>img.cutout{object-fit:contain;background:#fae9df}.food-list-name{flex:1;min-width:0;font-size:16px;line-height:1.5;overflow-wrap:anywhere}.food-list-choose{flex-shrink:0;border-radius:20px;padding:9px 12px;font-size:13px;white-space:nowrap;background:linear-gradient(110deg,#df9886,#d77b72);color:#fff9f3;box-shadow:0 3px 7px #d18c7620}.food-list-empty{text-align:center;padding:25px 15px;border:1px dashed #e9c9b9;border-radius:15px;font-size:14px;line-height:1.8;color:#ad8a79}
@media(max-width:360px){.food-list-row{gap:8px;padding:8px}.food-list-row>img{width:72px;height:54px}.food-list-name{font-size:15px}.food-list-choose{padding:8px 10px;font-size:12px}}
.recommended-food-image{height:auto}
.food-header{height:111px;position:relative;text-align:center;padding:23px 48px 12px}.food-header h1{font-size:22px;font-weight:600;letter-spacing:1px;margin:0 0 14px}.food-header p{font-size:13px;color:#9a7f72;letter-spacing:1.4px;margin:0}.back-button{position:absolute;left:16px;top:20px;width:32px;height:32px;border-radius:50%;background:#f9e9df;color:#a18071;font-size:31px;line-height:25px;font-family:serif}.food-header .music-button{right:18px;top:20px}
.food-main{gap:17px;padding:0 16px 104px}.food-filters{display:flex;gap:12px;justify-content:space-between;padding:0 9px}.food-filter{border:1px solid #ecd8ca;border-radius:22px;background:#fcf2e9;flex:1;max-width:85px;padding:7px 3px;color:#9a7d6e;font-size:14px;letter-spacing:1px;box-shadow:inset 0 1px 2px #fff8f0}.food-filter.active{background:linear-gradient(120deg,#d58179,#c96d66);color:#fff7ee;border-color:#d28478;box-shadow:0 3px 8px #ca7d6c1c}.food-recommendation{border:1px solid #fffaf4;border-radius:21px;background:linear-gradient(130deg,#fbe7dc,#fff4eb);overflow:hidden;box-shadow:0 4px 16px #ae7e6510;padding:0 0 16px}.recommended-food-image{width:100%;aspect-ratio:1.93;object-fit:cover;background:radial-gradient(ellipse,#f3caae,#fce8dd)}.recommended-food-image.cutout{object-fit:contain;padding:5px 18px;background:radial-gradient(ellipse at center,#efd2bc,#fae5d7)}.food-caption{padding:12px 12px 0;text-align:center}.food-name-row{position:relative;display:flex;align-items:center;justify-content:center;padding:0 4px}.food-name-row h2{font-size:23px;letter-spacing:1px;font-weight:600;margin:0 0 5px}.food-caption p{font-size:13px;color:#ad8a79;letter-spacing:.8px;margin:3px 0 15px}.food-actions{display:flex;justify-content:center;gap:16px;padding:0 16px}.food-actions button{flex:1;border-radius:25px;font-size:15px;letter-spacing:1px;padding:9px 6px}.change-food{border:1px solid #e7bdaa;background:#fff6ee;color:#a67d6a}.change-food span{font-size:20px;vertical-align:-1px;margin-right:5px}.choose-food{background:linear-gradient(110deg,#df9886,#d77b72);color:#fff9f3;box-shadow:0 3px 7px #d18c7620}
.food-empty{padding:24px 16px;text-align:center;background:#fbe8df;border-radius:20px;border:1px solid #fffaf5;color:#a88170;min-height:280px;display:grid;place-content:center}.food-empty>span{font-size:40px;color:#ce9586}.food-empty h2{font-size:20px;color:#745447;font-weight:500}.food-empty p{font-size:14px;line-height:1.8;color:#ad8a79}.food-empty button{justify-self:center}.food-main .primary-button{font-size:14px}.food-main{min-height:660px}
@media(max-width:360px){.food-header{height:101px}.food-header h1{font-size:20px}.food-filters{gap:9px;padding:0 6px}.food-main{padding-left:12px;padding-right:12px;gap:15px;min-height:0}.food-caption p{font-size:11px;letter-spacing:0}.food-name-row h2{font-size:20px}.food-actions{gap:12px;padding:0 8px}.food-actions button{font-size:14px}}