.nutrition-hero{background:linear-gradient(135deg,var(--green-light) 0%,var(--white) 100%);padding:80px 0 48px;text-align:center}.nutrition-hero h1{color:var(--black);margin-bottom:12px}.nutrition-subtitle{font-size:1.15rem;color:var(--gray-500);max-width:600px;margin:0 auto}.nutrition-content{padding:40px 0 80px}.nutrition-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:48px;position:sticky;top:var(--nav-height);background:var(--white);padding:16px 0;z-index:10;border-bottom:1px solid var(--gray-300)}.nutrition-nav-link{padding:8px 20px;border-radius:50px;font-size:.9rem;font-weight:600;color:var(--gray-700);background:var(--gray-100);transition:all .2s}.nutrition-nav-link:hover{background:var(--green);color:var(--white)}.nutrition-category{margin-bottom:48px;scroll-margin-top:calc(var(--nav-height) + 80px)}.category-title{color:var(--green-dark);margin-bottom:16px;padding-bottom:8px;border-bottom:3px solid var(--green);display:inline-block}.nutrition-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;box-shadow:0 1px 8px #0000000f}.nutrition-table{width:100%;border-collapse:collapse;min-width:700px;font-size:.95rem}.nutrition-table thead{background:var(--green);color:var(--white)}.nutrition-table th{padding:14px 16px;font-weight:700;text-align:left;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}.nutrition-table th.col-num{text-align:center}.nutrition-table td{padding:12px 16px;border-bottom:1px solid var(--gray-100)}.nutrition-table tbody tr:hover{background:var(--green-light)}.nutrition-table tbody tr.clickable-row{cursor:pointer}.nutrition-table tbody tr.clickable-row:hover{background:#e8f5e9}.nutrition-table tbody tr:last-child td{border-bottom:none}.col-name{font-weight:600;white-space:nowrap}.tap-hint{display:block;font-size:.7rem;font-weight:400;color:var(--green);opacity:.7;margin-top:2px}.col-num{text-align:center;color:var(--gray-700);font-variant-numeric:tabular-nums}.col-grade{padding:12px 8px}.grade-badge{display:inline-block;padding:2px 10px;border-radius:4px;color:#fff;font-weight:700;font-size:.85rem;min-width:32px;text-align:center}.col-cal{font-weight:700;color:var(--black);font-size:1.05em}.col-protein{font-weight:600;color:var(--green-dark)}.nutrition-disclaimer{margin-top:48px;padding:20px 24px;background:var(--gray-100);border-radius:8px;text-align:center}.nutrition-disclaimer p{font-size:.85rem;color:var(--gray-500);line-height:1.5}.nutrition-credit{margin-top:16px;text-align:center}.nutrition-credit p{font-size:.8rem;color:var(--gray-500)}.nutrition-credit a{color:var(--green);font-weight:600;text-decoration:underline}.nm-overlay{position:fixed;inset:0;background:#00000080;z-index:9999;display:flex;align-items:flex-end;justify-content:center;animation:nmFade .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes nmFade{0%{opacity:0}to{opacity:1}}@keyframes nmSlide{0%{transform:translateY(100%)}to{transform:translateY(0)}}.nm-sheet{background:#f4f4f4;border-radius:24px 24px 0 0;width:100%;max-width:520px;max-height:93vh;overflow-y:auto;padding:30px 22px 100px;animation:nmSlide .3s ease;position:relative;-webkit-overflow-scrolling:touch}.nm-close{position:absolute;top:14px;right:14px;background:#0000000f;border:none;width:32px;height:32px;border-radius:50%;font-size:18px;cursor:pointer;z-index:10;color:#555;display:flex;align-items:center;justify-content:center}.nm-close:hover{background:#0000001a}.nm-title{font-size:1.6rem;font-weight:800;color:#1a1a1a;margin:0 0 12px;line-height:1.2}.nm-badges{display:flex;align-items:center;gap:12px;margin-bottom:20px}.nm-grade{display:inline-block;padding:6px 18px;border-radius:8px;color:#fff;font-weight:800;font-size:.9rem;box-shadow:0 2px 6px #00000026;letter-spacing:.02em}.nm-cals{font-size:1rem;font-weight:600;color:#555}.nm-chart-wrap{width:100%;max-width:340px;margin:0 auto 24px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.08))}.nm-chart-svg{width:100%;height:auto;display:block}.nm-cards-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.nm-card{background:#fff;border-radius:24px;padding:20px 16px;box-shadow:0 8px 32px #00000026}.nm-card-head{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;margin-bottom:12px;display:flex;align-items:center;gap:6px}.nm-card-head.healthy{color:#2e7d32}.nm-card-head.delicious{color:#e65100}.nm-card p{font-size:.8rem;color:#444;line-height:1.55;margin:0 0 10px}.nm-card p:last-child{margin-bottom:0}.nm-highlights{margin-top:0}.nm-hl-title{font-size:1.1rem;font-weight:700;color:#1a1a1a;margin-bottom:14px}.nm-hl-card{display:flex;gap:12px;background:#fff;border-radius:24px;padding:16px;margin-bottom:10px;box-shadow:0 6px 24px #0000001f}.nm-hl-card:last-child{margin-bottom:0}.nm-hl-icon{width:36px;height:36px;border-radius:10px;background:#f0f7f1;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.nm-hl-body{flex:1}.nm-hl-label{font-weight:700;font-size:.88rem;color:#1a1a1a;margin-bottom:3px}.nm-hl-text{font-size:.8rem;color:#666;line-height:1.5}.nm-ing{margin-top:20px}.nm-ing-title{font-size:1rem;font-weight:700;color:#1a1a1a;margin-bottom:10px}.nm-ing-list{display:flex;flex-wrap:wrap;gap:8px}.nm-ing-tag{background:#fff;padding:7px 14px;border-radius:20px;font-size:.78rem;color:#555;font-weight:500;border:1px solid #e5e5e5}@media (max-width:768px){.nutrition-hero{padding:60px 0 32px}.nutrition-nav{gap:6px;padding:12px 0}.nutrition-nav-link{padding:6px 14px;font-size:.8rem}.nutrition-table{font-size:.85rem}.nutrition-table th,.nutrition-table td{padding:10px}.nm-chart-wrap{max-width:300px}.nm-cards-row{grid-template-columns:1fr 1fr;gap:10px}}@media (max-width:380px){.nm-cards-row{grid-template-columns:1fr}}@media (min-width:769px){.nm-overlay{align-items:center}.nm-sheet{border-radius:24px;max-height:85vh}}