/* Nutrition module — isolated light interface, designed for both main themes */
#s-nutrition{--nt-ink:#294638;--nt-muted:#698176;--nt-line:#e3ece4;--nt-cream:#fffefa;--nt-sage:#e9f3e8;--nt-green:#387c58;--nt-peach:#f8eddc;--nt-shadow:0 10px 28px #284a3513;color:var(--nt-ink);background:#f9faf4;border-radius:22px;padding:clamp(10px,2.4vw,25px);min-height:600px}
#s-nutrition *{box-sizing:border-box}
#s-nutrition button,#s-nutrition input,#s-nutrition select{font:inherit}
#s-nutrition button{cursor:pointer}
#s-nutrition button:disabled{opacity:.5;cursor:not-allowed}
#s-nutrition .nt-wrap{max-width:1000px;margin:auto}
#s-nutrition .nt-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:230px;overflow:hidden;border-radius:26px;background:linear-gradient(115deg,#edf2df,#f8f1df);border:1px solid #e2e7d9;box-shadow:var(--nt-shadow);margin-bottom:16px}
#s-nutrition .nt-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 5% 15%,#ffffffaa,transparent 47%)}
#s-nutrition .nt-herotext{position:relative;z-index:2;padding:22px clamp(17px,3vw,34px);max-width:65%}
#s-nutrition .nt-eyebrow{color:#8a7855;letter-spacing:1.5px;text-transform:uppercase;font-size:11px;font-weight:800}
#s-nutrition .nt-herotext h2{font-size:clamp(25px,4vw,39px);line-height:1.1;font-family:Georgia,serif;margin:10px 0;color:#294a37}
#s-nutrition .nt-herotext p{color:#557461;line-height:1.5;margin:0;font-size:13px}
#s-nutrition .nt-scene{position:absolute;z-index:1;right:-5%;top:0;height:100%;width:49%;object-fit:cover;opacity:.93}
#s-nutrition .nt-pill{border:1px solid #d7e6d6;color:#417151;background:#f1f8ed;padding:7px 11px;border-radius:50px;font-size:12px;font-weight:700;white-space:nowrap}
#s-nutrition .nt-top{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:14px}
#s-nutrition .nt-top h3{font-size:23px;margin:0;color:#284d38}
#s-nutrition .nt-tabs{display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin;padding:4px 0 12px}
#s-nutrition .nt-tab{flex:0 0 auto;border:1px solid #dce7dc;border-radius:15px;background:#fff;color:#536e60;padding:10px 13px;font-size:13px;font-weight:750}
#s-nutrition .nt-tab.on{background:#376e53;border-color:#376e53;color:#fff;box-shadow:0 7px 15px #376e5325}
#s-nutrition .nt-card{background:#fff;border:1px solid var(--nt-line);border-radius:20px;padding:clamp(14px,2vw,20px);box-shadow:var(--nt-shadow);min-width:0}
#s-nutrition .nt-card h3{font-size:17px;margin:0 0 9px;color:#2c4e3b}
#s-nutrition .nt-card h4{font-size:14px;margin:10px 0}
#s-nutrition .nt-card p{color:#6a7d72;font-size:13px;line-height:1.55;margin:7px 0}
#s-nutrition .nt-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:14px}
#s-nutrition .nt-stack{display:grid;align-content:start;gap:13px}
#s-nutrition .nt-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
#s-nutrition .nt-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#s-nutrition .nt-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#s-nutrition .nt-stat{background:#f5f9f3;border:1px solid #e2ede1;padding:13px;border-radius:15px}
#s-nutrition .nt-stat small{color:#668374;display:block;font-size:11px}
#s-nutrition .nt-stat strong{font-size:24px;color:#2e6a4b;display:block;margin:4px 0;line-height:1.1;word-break:break-word}
#s-nutrition .nt-stat span{color:#839287;font-size:11px}
#s-nutrition .nt-faint{font-size:11px;color:#788a7f;line-height:1.55}
#s-nutrition .nt-soft{background:#eff6ed;border-radius:15px;padding:14px;color:#406651;line-height:1.5;font-size:13px}
#s-nutrition .nt-amber{background:#fbf3e5;color:#7a643d}
#s-nutrition .nt-warning{background:#fff3e8;color:#8b5836}
#s-nutrition .nt-bar{height:10px;background:#e7ede5;border-radius:20px;overflow:hidden}
#s-nutrition .nt-bar span{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#a2c997,#438767);transition:width .2s}
#s-nutrition .nt-btn{border:1px solid #cbded0;border-radius:14px;background:#edf5ea;color:#376747;font-weight:750;padding:11px 15px;min-height:42px}
#s-nutrition .nt-btn.primary{background:#327450;color:#fff;border-color:#327450}
#s-nutrition .nt-btn.ghost{background:white;color:#366c51}
#s-nutrition .nt-btn:focus-visible,#s-nutrition .nt-product:focus-visible{outline:3px solid #8ccba3;outline-offset:2px}
#s-nutrition .nt-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
#s-nutrition .nt-action{border:1px solid #e5eadd;box-shadow:0 3px 10px #2f57351a;border-radius:17px;background:#f0f6eb;padding:16px 8px;display:grid;gap:7px;text-align:center;justify-items:center;color:#356c4d;font-size:12px;font-weight:800}
#s-nutrition .nt-action:nth-child(2){background:#fff4e2;color:#8b6635}
#s-nutrition .nt-action:nth-child(3){background:#edf4f4;color:#41797a}
#s-nutrition .nt-action .nt-emoji{font-size:29px}
#s-nutrition .nt-field{width:100%;min-width:0;border:1px solid #cdded2;background:#fff;color:#294638;border-radius:12px;padding:10px 12px;font-size:14px;outline:none}
#s-nutrition .nt-field:focus{border-color:#6da382;box-shadow:0 0 0 3px #80b18c30}
#s-nutrition .nt-lbl{font-size:12px;display:block;font-weight:750;color:#557460;margin:10px 0 5px}
#s-nutrition .nt-gridfoods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#s-nutrition .nt-product{width:100%;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;gap:3px;text-align:left;background:#fff;border:1px solid #e3eadf;border-radius:17px;padding:10px;min-height:150px;color:#355743;position:relative;overflow:hidden}
#s-nutrition .nt-product:hover{border-color:#9bc5a4;box-shadow:0 6px 15px #3e73441e}
#s-nutrition .nt-product .nt-art{grid-column:1/3;text-align:left;display:flex;align-items:center;justify-content:space-between;height:65px;border-radius:12px;background:radial-gradient(circle at 75% 10%,#fff9,transparent 50%),var(--tilebg,#f0f5e8);padding:6px 13px;font-size:39px;line-height:1}
#s-nutrition .nt-product .nt-art small{font-size:21px;opacity:.6}
#s-nutrition .nt-product strong{font-size:12px;line-height:1.2;grid-column:1/3}
#s-nutrition .nt-product .nt-quantity{color:#728477;font-size:10px;align-self:end}
#s-nutrition .nt-product .nt-cal{font-size:11px;font-weight:750;color:#43845a;align-self:end;text-align:right}
#s-nutrition .nt-categories{display:flex;gap:7px;overflow:auto;padding-bottom:9px;scrollbar-width:thin}
#s-nutrition .nt-cat{white-space:nowrap;border-radius:20px;background:#f1f5ed;border:1px solid #e2ebdf;padding:8px 11px;color:#4d7058;font-size:12px;font-weight:750}
#s-nutrition .nt-cat.on{color:white;background:#498266;border-color:#498266}
#s-nutrition .nt-foodrow{display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0eb;padding:11px 0}
#s-nutrition .nt-foodrow:last-child{border-bottom:0}
#s-nutrition .nt-foodrow strong{color:#34513f;font-size:13px}
#s-nutrition .nt-foodrow .nt-faint{display:block}
#s-nutrition .nt-link{border:none;background:transparent;color:#37775c;font-weight:750;text-decoration:underline;text-underline-offset:3px;font-size:12px}
#s-nutrition .nt-steps{display:flex;gap:6px;flex-wrap:wrap}
#s-nutrition .nt-step{padding:9px 12px;border:1px solid #d4e5d4;background:#f5f9f2;color:#476f50;border-radius:11px;font-size:12px;font-weight:750}
#s-nutrition .nt-modal{position:fixed;z-index:999;inset:0;background:#102818aa;display:flex;align-items:flex-end;justify-content:center;padding:10px}
#s-nutrition .nt-dialog{background:#fffefa;color:#254837;border:1px solid #daebd7;width:min(540px,100%);max-height:90vh;overflow:auto;border-radius:24px 24px 18px 18px;padding:20px;box-shadow:0 18px 60px #122a246b}
#s-nutrition .nt-dialog h3{font-family:Georgia,serif;font-size:23px;margin:0 0 12px}
#s-nutrition .nt-tag{padding:5px 9px;border-radius:20px;background:#e6f1e6;color:#437353;font-size:11px;font-weight:750}
#s-nutrition .nt-nutrients{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#s-nutrition .nt-nutrient{border:1px solid #e3eee2;border-radius:12px;padding:9px;background:#f9fcf8;font-size:12px;color:#496b56}
#s-nutrition .nt-nutrient b{display:block;font-size:16px;color:#2b7352;margin:4px 0}
#s-nutrition .nt-measure{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
#s-nutrition .nt-mini-chart{display:flex;align-items:end;gap:5px;height:115px;border-bottom:1px solid #dae6dc;padding:4px 0}
#s-nutrition .nt-chartcol{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:end;min-width:0;height:100%;gap:5px}
#s-nutrition .nt-chartcol span{width:100%;max-width:40px;border-radius:7px 7px 2px 2px;background:linear-gradient(0deg,#83ae8d,#c5debb);min-height:3px}
#s-nutrition .nt-chartcol small{font-size:9px;color:#657c6e;white-space:nowrap}
#s-nutrition .nt-muted{color:#728579;font-size:12px;line-height:1.5}
#s-nutrition .nt-empty{text-align:center;padding:22px;background:#f6f9f4;border:1px dashed #cfdfd0;border-radius:15px;color:#738679;font-size:13px}
#s-nutrition .nt-footer{margin-top:17px;font-size:11px;line-height:1.55;color:#819184}
@media(max-width:840px){#s-nutrition .nt-gridfoods{grid-template-columns:repeat(2,minmax(0,1fr))}#s-nutrition .nt-layout{grid-template-columns:1fr}#s-nutrition .nt-herotext{max-width:70%}#s-nutrition .nt-scene{width:42%}}
@media(max-width:470px){#s-nutrition{padding:9px;border-radius:16px}#s-nutrition .nt-hero{min-height:202px;border-radius:18px}#s-nutrition .nt-scene{width:57%;right:-15%;opacity:.5}#s-nutrition .nt-herotext{max-width:90%;padding:17px}#s-nutrition .nt-herotext h2{font-size:27px}#s-nutrition .nt-split{gap:7px}#s-nutrition .nt-stat{padding:11px}#s-nutrition .nt-stat strong{font-size:21px}#s-nutrition .nt-gridfoods{gap:7px}#s-nutrition .nt-product{padding:7px;min-height:140px}#s-nutrition .nt-action{padding:13px 4px;font-size:11px}#s-nutrition .nt-dialog{padding:15px}#s-nutrition .nt-measure{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Usability polish: readable lightweight UI, clearer navigation and gram selector */
#s-nutrition{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#294537}
#s-nutrition .nt-simple-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
#s-nutrition .nt-simple-top button,#s-nutrition .nt-settings,#s-nutrition .nt-back{border:1px solid #b9d7c1;background:#eaf5eb;color:#2c704c;border-radius:11px;padding:10px 12px;font-weight:700;font-size:13px}
#s-nutrition .nt-settings{background:#fff}
#s-nutrition .nt-card p,#s-nutrition .nt-faint{color:#536d5c;line-height:1.6}
#s-nutrition .nt-tab{border:1.5px solid #b8d8bf;background:#fff;color:#38654b;font-weight:700;font-size:14px;box-shadow:0 3px 11px #396d4c16}
#s-nutrition .nt-tab.on{background:#2c8152;color:white;border-color:#2c8152}
#s-nutrition .nt-btn.primary{background:#237b4c;color:white;border-color:#237b4c;box-shadow:0 7px 17px #277c4b2c;font-weight:750}
#s-nutrition .nt-start{border:1px solid #bdd9c4;background:linear-gradient(125deg,#e2efdd,#f8f4e9);border-radius:18px;padding:18px 22px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:14px}
#s-nutrition .nt-start span{font-size:11px;color:#477555;letter-spacing:1.4px;font-weight:800}
#s-nutrition .nt-start h3{font-family:Georgia,serif;font-size:25px;color:#26553a;font-weight:600;margin:5px 0}
#s-nutrition .nt-start p{font-size:13px;color:#50735a;line-height:1.5;margin:0}
#s-nutrition .nt-start .nt-btn{white-space:nowrap;min-height:49px}
#s-nutrition .nt-hero{min-height:175px}
#s-nutrition .nt-herotext h2{font-size:clamp(25px,3vw,34px)}
#s-nutrition .nt-product{display:flex;flex-direction:column;gap:6px;min-height:192px;padding:10px;border:1.5px solid #d1e2d2;box-shadow:0 5px 13px #24543913}
#s-nutrition .nt-product .nt-art{height:78px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 40% 10%,#fff,transparent 80%),var(--tilebg);font-size:45px}
#s-nutrition .nt-product strong{font-size:13px;line-height:1.3;color:#264c36}
#s-nutrition .nt-product .nt-quantity{font-size:12px;color:#607c67}
#s-nutrition .nt-product .nt-cal{text-align:left;font-size:12px;font-weight:750;color:#237e49}
#s-nutrition .nt-miniadd{border:1px solid #add0b6;background:#e1f2e5;color:#286e47;font-weight:750;font-size:12px;padding:8px;border-radius:10px;margin-top:auto}
#s-nutrition .nt-dialog{padding:0 17px 16px}
#s-nutrition .nt-dialog-head{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;gap:8px;align-items:center;padding:12px 0;background:#fffefa;border-bottom:1px solid #dfecdf}
#s-nutrition .nt-close{width:43px;height:43px;border:1px solid #bddac5;border-radius:12px;color:#2f724d;background:#eff8ef;font-size:16px}
#s-nutrition .nt-wheel-area{margin:13px 0;background:linear-gradient(140deg,#f0f7ee,#fbf8ec);padding:14px 9px;border:1px solid #d2e6d4;border-radius:17px}
#s-nutrition .nt-wheel-caption{text-align:center;letter-spacing:1.4px;font-size:11px;font-weight:800;color:#54765e}
#s-nutrition .nt-wheel-num{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:7px}
#s-nutrition .nt-wheel-num label{display:flex;align-items:baseline;font-weight:750;font-size:17px;color:#2d744b}
#s-nutrition .nt-wheel-num input{background:transparent;border:0;border-bottom:2px solid #94bda0;width:98px;color:#236a41;font-family:Georgia,serif;text-align:right;font-size:36px;outline:none}
#s-nutrition .nt-adjust{width:47px;height:47px;display:grid;place-items:center;border:1px solid #b5d5bb;background:#fff;color:#2d794d;font-size:27px;border-radius:50%}
#s-nutrition .nt-wheel-area p{text-align:center;color:#5b7864;font-size:12px;margin:10px 0}
#s-nutrition .nt-wheel-box{position:relative;overflow:hidden}
#s-nutrition .nt-wheel-marker{position:absolute;left:calc(50% - 34px);top:0;height:100%;width:68px;border-left:2px solid #89b895;border-right:2px solid #89b895;background:#9cc5a434;border-radius:9px;pointer-events:none;z-index:2}
#s-nutrition .nt-wheel{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:none;padding:5px 0}
#s-nutrition .nt-wheel::-webkit-scrollbar{display:none}
#s-nutrition .nt-wheel-spacer{flex:0 0 calc(50% - 35px)}
#s-nutrition .nt-wheel-item{flex:0 0 70px;scroll-snap-align:center;border:0;background:transparent;display:flex;align-items:center;flex-direction:column;gap:6px;min-height:51px;padding:4px 0;color:#627c6a;font-size:12px}
#s-nutrition .nt-wheel-item i{display:block;height:17px;border-left:2px solid #99b69b}
#s-nutrition .nt-wheel-item.active{font-size:15px;color:#247749;font-weight:800}
#s-nutrition .nt-wheel-item.active i{border-color:#28774a;height:23px;border-left-width:3px}
#s-nutrition .nt-preset{display:flex;gap:5px;justify-content:center;flex-wrap:wrap;margin-top:9px}
#s-nutrition .nt-preset button{border:1px solid #c9dfca;color:#386e4b;background:white;border-radius:10px;font-size:12px;font-weight:700;padding:8px 9px}
#s-nutrition .nt-portion-result{padding:13px 15px;border:1px solid #c7e1ca;background:#e5f3e6;border-radius:14px;display:flex;justify-content:space-between;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:12px;color:#3d7851}
#s-nutrition .nt-portion-result strong{font-family:Georgia,serif;font-size:29px;color:#207044}
#s-nutrition .nt-portion-result small{flex-basis:100%;color:#527a5c}
#s-nutrition .nt-food-details{background:#f7faf4;border:1px solid #d8e8db;padding:12px;border-radius:11px;margin:13px 0;color:#34664b}
#s-nutrition .nt-food-details summary{color:#34664b;font-size:13px;font-weight:700}
#s-nutrition .nt-food-details .nt-nutrients{margin-top:10px}
#s-nutrition .nt-bottom-actions{position:sticky;bottom:-16px;display:flex;gap:8px;align-items:center;padding:12px 0 16px;background:#fffefa;border-top:1px solid #e1ece1}
#s-nutrition .nt-bottom-actions .nt-btn.primary{flex:1}
@media(max-width:620px){#s-nutrition .nt-start{display:grid}#s-nutrition .nt-start .nt-btn{width:100%}}
@media(max-width:420px){#s-nutrition .nt-bottom-actions{flex-direction:column}#s-nutrition .nt-bottom-actions .nt-btn{width:100%}#s-nutrition .nt-tab{font-size:12px;padding:10px 9px}}

/* Photoreal Mediterranean theme · 20 scenes, refreshed on every entry */
#s-nutrition{background:linear-gradient(145deg,#fcfbf5,#f2f6ee);color:#263e32}
#s-nutrition .nt-photo-hero{position:relative;isolation:isolate;min-height:255px;background:linear-gradient(125deg,#a5c4ad,#e5ead9);overflow:hidden;border:1px solid #d6e4d5;border-radius:24px;box-shadow:0 14px 29px #38533b23}
#s-nutrition .nt-photo-hero:before{display:none}
#s-nutrition .nt-hero-img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 54%;filter:saturate(.86);display:block}
#s-nutrition .nt-hero-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(24,40,32,.82) 0%,rgba(24,40,32,.53) 42%,rgba(24,40,32,.07) 100%)}
#s-nutrition .nt-photo-hero .nt-herotext{max-width:min(70%,510px);padding:25px 25px 20px}
#s-nutrition .nt-photo-hero .nt-eyebrow{color:#f8e7c7;text-shadow:0 1px 3px #0005;font-weight:650}
#s-nutrition .nt-photo-hero .nt-herotext h2{color:#fffaf2;font-family:Georgia,"Times New Roman",serif;font-size:clamp(26px,3vw,37px);font-weight:500;line-height:1.15;letter-spacing:.1px;text-shadow:0 2px 12px #0006}
#s-nutrition .nt-photo-hero .nt-herotext p{color:#fff8e9;font-size:14px;line-height:1.5;text-shadow:0 1px 5px #0008}
#s-nutrition .nt-photo-controls{display:flex;gap:8px;margin-top:12px}
#s-nutrition .nt-photo-controls button{width:35px;height:33px;background:#fff9f0db;border:1px solid #fff9;border-radius:12px;color:#224932;font-size:23px;line-height:1}
#s-nutrition .nt-photo-product .nt-art{height:91px;padding:0;overflow:hidden;background:linear-gradient(145deg,#edf3e8,#e1e9df);border:1px solid #e8eee6;border-radius:13px}
#s-nutrition .nt-photo-product .nt-art img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.89)}
#s-nutrition .nt-photo-product .nt-art span{font-family:Georgia,serif;font-size:34px;color:#47765e}
#s-nutrition .nt-photo-product strong{font-weight:650;font-size:13px;letter-spacing:0;color:#294838}
#s-nutrition .nt-photo-product{background:#fffefa}
#s-nutrition .nt-photo-product:focus-visible{outline:3px solid #91c1a0}
@media(max-width:540px){#s-nutrition .nt-photo-hero{min-height:232px}#s-nutrition .nt-photo-hero .nt-herotext{max-width:84%;padding:22px 17px}#s-nutrition .nt-photo-hero .nt-herotext h2{font-size:27px}#s-nutrition .nt-photo-product .nt-art{height:92px}#s-nutrition .nt-photo-hero .nt-herotext p{font-size:12px}}
@media(prefers-reduced-motion:reduce){#s-nutrition .nt-photo-hero,#s-nutrition .nt-photo-product{transition:none}}

/* Each food has its own exact image source; no misleading category-wide photo fallback */
#s-nutrition .nt-photo-product .nt-art{position:relative;display:flex;justify-content:center;align-items:center;background:linear-gradient(145deg,#f5f5ed,#e7efdf);overflow:hidden}
#s-nutrition .nt-photo-product .nt-art img{width:100%;height:100%;object-fit:contain;padding:6px;filter:none}
#s-nutrition .nt-photo-product .nt-art.nt-no-photo{background:radial-gradient(circle at 70% 20%,#ffffff90,transparent 52%),linear-gradient(125deg,#edf2e9,#f2eee1)}
#s-nutrition .nt-photo-product .nt-art .nt-photo-label{align-items:center;justify-content:center;min-height:70px;padding:12px;text-align:center;font-family:Georgia,"Times New Roman",serif;color:#3d6752;font-size:15px;line-height:1.2;letter-spacing:.1px}

/* Realistic imagegen food thumbnails: 38 distinct product-specific photographs.
   One 24KB WebP atlas keeps mobile loading fast and prevents wrong fallback pictures. */
#s-nutrition .nt-product .nt-art.nt-generated-photo{
 width:100%;
 height:106px;
 display:block;
 border-radius:13px;
 overflow:hidden;
 background-color:#e9e9df;
 background-image:url("./assets/nutrition-foods-38-hq.webp?v=9");
 background-repeat:no-repeat;
 background-size:800% 500%;
 background-position:var(--sprite-x) var(--sprite-y);
 filter:none;
 border:1px solid #e9e8df;
}
#s-nutrition .nt-product.nt-photo-product{
 min-height:190px;
}
#s-nutrition .nt-product.nt-photo-product strong{
 font-size:13px;
 line-height:1.3;
 min-height:32px;
}
@media(max-width:540px){
 #s-nutrition .nt-product .nt-art.nt-generated-photo{height:96px}
}

/* Live personal calorie calculation */
#s-nutrition .nt-profile-heading{margin-bottom:12px}
#s-nutrition .nt-profile-heading h3{font-family:Georgia,"Times New Roman",serif;color:#285139;font-weight:600;font-size:24px;margin:11px 0 4px}
#s-nutrition .nt-profile-form .nt-lbl{font-size:13px;font-weight:680;color:#315d42;margin:13px 0 6px}
#s-nutrition .nt-profile-form .nt-field{background:#fffefa;border:1.5px solid #bbd8c2;border-radius:12px;min-height:45px;font-size:14px}
#s-nutrition .nt-profile-form .nt-field:focus{border-color:#358759;box-shadow:0 0 0 3px #a9ddaf55}
#s-nutrition .nt-live-preview{background:linear-gradient(128deg,#ecf7e9,#faf9ed);border:1px solid #c2e0c5;border-radius:18px;padding:15px;margin-top:18px;box-shadow:0 6px 15px #3d765514}
#s-nutrition .nt-live-caption{font-weight:780;color:#3a8256;font-size:11px;letter-spacing:1.3px;margin-bottom:12px}
#s-nutrition .nt-live-preview .nt-stat{background:#fffefa;border:1px solid #d6e7d6}
#s-nutrition .nt-live-preview .nt-stat strong{color:#2d7449}
#s-nutrition .nt-goal-stat{margin-top:9px;background:#d4ecd7!important}
#s-nutrition .nt-goal-stat strong{font-family:Georgia,"Times New Roman",serif;font-size:clamp(29px,5vw,38px);color:#216d43!important}
#s-nutrition .nt-live-preview p{font-size:13px;line-height:1.5;margin:11px 0;color:#4c7458}
#s-nutrition .nt-live-status{font-weight:670;color:#3d7952;font-size:12px}

/* 2026-10-28 — branded-product-free dairy photographs approved by the user.
   One tiny local WebP atlas (four distinct bowls / food presentations). */
#s-nutrition .nt-product .nt-art.nt-dairy-photo{
  display:block;
  width:100%;
  height:106px;
  border:1px solid #e8e7dc;
  border-radius:13px;
  background-color:#eeeae2;
  background-image:url("./assets/nutrition-dairy-4.webp?v=1");
  background-repeat:no-repeat;
  background-size:400% 100%;
  background-position:var(--dairy-x) center;
  filter:none;
}
#s-nutrition .nt-product .nt-art.nt-dairy-neutral{
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(145deg,#fffdf8,#e9efe5);
  border:1px solid #dce8dc;
  color:#37624c;
  padding:10px;
  height:106px;
  font-family:Georgia,"Times New Roman",serif;
  text-align:center;
  line-height:1.3;
  font-size:14px;
}
#s-nutrition .nt-live-status{
 color:#34764d;
 font-weight:650;
 font-size:13px;
 padding:8px 11px;
 border-radius:12px;
 background:#edf8ed;
 border:1px solid #d5ead7;
 margin:8px 0 13px;
}
#s-nutrition .nt-live-status.nt-live-error{
 color:#a35332;
 background:#fff3e6;
 border-color:#efd8bd;
}
#s-nutrition #nt-calculator-live .nt-stat strong{
 color:#216b43;
 font-size:clamp(21px,3vw,30px);
}
#s-nutrition #nt-calculator-live .nt-tag{
 background:#e4f4e4;
 color:#2b784d;
}
@media(max-width:540px){
 #s-nutrition .nt-product .nt-art.nt-dairy-photo,
 #s-nutrition .nt-product .nt-art.nt-dairy-neutral{height:96px}
}

/* v9 — immersive Mediterranean photo backdrop, accessible search, distinct actions */
#s-nutrition{
 --nt-deep:#174e32;
 --nt-cream:rgba(255,254,249,.94);
 background-image:linear-gradient(180deg,rgba(251,248,237,.37),rgba(247,249,241,.71) 26%,rgba(249,248,243,.63) 65%,rgba(249,248,242,.74)),var(--nt-full-bg);
 background-position:center top;
 background-size:cover;
 background-repeat:no-repeat;
 background-attachment:scroll;
 border:1px solid rgba(255,255,255,.75);
 min-height:100vh;
}
#s-nutrition .nt-wrap{background:rgba(255,254,248,.20);border-radius:25px;padding:clamp(3px,1.5vw,12px)}
#s-nutrition .nt-card{background:var(--nt-cream);border:1px solid rgba(238,239,221,.91);box-shadow:0 12px 36px #1e432641}
#s-nutrition .nt-simple-top{background:rgba(253,253,246,.89);padding:9px;border-radius:16px;box-shadow:0 6px 17px #19382029}
#s-nutrition .nt-top{background:rgba(253,253,247,.90);border-radius:15px;padding:12px 14px}
#s-nutrition .nt-tabs{background:rgba(255,253,246,.83);border-radius:15px;padding:8px;box-shadow:0 5px 18px #19382025}
#s-nutrition .nt-food-panel{padding:clamp(12px,2.5vw,23px)}
#s-nutrition .nt-food-intro{padding:0 4px 14px}
#s-nutrition .nt-food-intro h3{font-family:Georgia,"Times New Roman",serif;font-size:clamp(25px,3.2vw,32px);font-weight:500;color:#204e34;margin:7px 0}
#s-nutrition .nt-food-intro p{color:#446d56;font-size:14px;max-width:600px;margin:0}
#s-nutrition .nt-search-panel{position:relative;padding:14px 13px 9px;background:linear-gradient(135deg,#e3f3e4,#f9f9ee);border:2px solid #6aab80;border-radius:20px;box-shadow:0 8px 23px #184c3b2b;margin-bottom:15px}
#s-nutrition .nt-search-panel label{display:block;font-size:12px;font-weight:850;color:#1e6240;letter-spacing:1px;margin-bottom:9px}
#s-nutrition .nt-searchbar{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid #6a9d75;border-radius:15px;overflow:hidden;padding:4px 10px;box-shadow:0 3px 12px #2c6e4a12}
#s-nutrition .nt-search-glass{font-family:Georgia,serif;font-size:30px;color:#25724c;font-weight:750;line-height:1;display:flex;align-items:center;justify-content:center;width:26px}
#s-nutrition #nt-search{font-size:15px;min-height:48px;padding:11px 2px;border:0;background:#fff;color:#254f38;width:100%;box-shadow:none!important;border-radius:0;outline:0}
#s-nutrition #nt-search::placeholder{color:#6e8777;opacity:1}
#s-nutrition .nt-search-clear{font-size:18px;border:0;background:#e4f3e7;border-radius:12px;color:#26734e;width:38px;height:38px;flex:0 0 38px}
#s-nutrition .nt-search-panel:focus-within{border-color:#247d50;box-shadow:0 0 0 4px #7bba8c4b,0 8px 26px #1555343e}
#s-nutrition #nt-result-count{color:#4f755d;font-size:12px;margin:8px 3px 0}
#s-nutrition .nt-categories{padding:7px 0 13px;gap:8px}
#s-nutrition .nt-cat{background:#fff;border:1.5px solid #c4dbcb;font-size:13px;color:#336b4c;padding:10px 12px;box-shadow:0 3px 11px #1e472b17}
#s-nutrition .nt-cat.on{background:#216e43;border-color:#216e43;color:white;box-shadow:0 5px 15px #1e713d45}
#s-nutrition .nt-extras{padding:11px 0}
#s-nutrition .nt-extras h4{font-size:15px;margin:9px 2px 12px;color:#29573c}
#s-nutrition .nt-results-title{border-top:1px solid #d8e6d4;padding:15px 2px 8px;margin-top:6px}
#s-nutrition .nt-results-title h3{margin:0}
#s-nutrition .nt-product.nt-photo-product{background:#fffefa;border:1.5px solid #d4e5d5;box-shadow:0 6px 17px #16422819;min-height:198px}
#s-nutrition .nt-product.nt-photo-product:hover{border-color:#579f70;box-shadow:0 9px 22px #14512c35;transform:translateY(-1px)}
#s-nutrition .nt-product strong{color:#214533;font-size:14px}
#s-nutrition .nt-product .nt-art.nt-generated-photo,#s-nutrition .nt-product .nt-art.nt-dairy-photo{height:118px}
#s-nutrition .nt-miniadd{background:#176d43;color:white;border:1px solid #176d43;min-height:39px;font-size:13px;box-shadow:0 3px 12px #216e3b3b}
#s-nutrition .nt-miniadd:active{transform:scale(.98)}
#s-nutrition .nt-btn.primary{background:#176c43;border-color:#176c43;box-shadow:0 6px 20px #15593348;color:#fff}
#s-nutrition button:focus-visible,#s-nutrition .nt-product:focus-visible{outline:3px solid #a2d9a4;outline-offset:2px}
#s-nutrition .nt-footer{padding:15px;background:rgba(255,253,245,.90);border-radius:14px;color:#4e6b5b;font-size:12px}
@media(max-width:540px){
#s-nutrition{padding:9px 6px;background-image:linear-gradient(180deg,rgba(249,247,236,.42),rgba(249,249,243,.71) 25%,rgba(249,248,241,.67)),var(--nt-full-bg)}
#s-nutrition .nt-wrap{padding:3px}
#s-nutrition .nt-food-intro h3{font-size:25px}
#s-nutrition .nt-search-panel{padding:12px 9px 8px}
#s-nutrition #nt-search{font-size:14px}
#s-nutrition .nt-product.nt-photo-product{min-height:188px}
#s-nutrition .nt-product .nt-art.nt-generated-photo,#s-nutrition .nt-product .nt-art.nt-dairy-photo{height:106px}
}

/* Upgraded local food photography: clear, consistent, unbranded. */
#s-nutrition .nt-product .nt-art.nt-new-food-photo{
 width:100%;
 height:118px;
 border-radius:13px;
 border:1px solid #dfe5d9;
 background-image:url("./assets/nutrition-additional-foods.webp?v=9");
 background-position:var(--nt-new-x) var(--nt-new-y);
 background-size:400% 200%;
 background-repeat:no-repeat;
 background-color:#f0eee5;
 filter:none;
 display:block;
}
#s-nutrition .nt-product .nt-art.nt-food-name-photo{
 position:relative;
 display:flex;
 justify-content:center;
 align-items:center;
 width:100%;
 height:118px;
 padding:0;
 overflow:hidden;
 background:linear-gradient(135deg,#e7f2e5,#fff9ee);
}
#s-nutrition .nt-product .nt-art.nt-food-name-photo img{
 position:absolute;inset:0;width:100%;height:100%;
 object-fit:contain;padding:3px;
}
#s-nutrition .nt-product .nt-art.nt-food-name-photo .nt-photo-label{
 position:relative;z-index:1;
 justify-content:center;
 align-items:center;
 color:#3a624c;
 font-family:Georgia,"Times New Roman",serif;
 font-size:15px;
 text-align:center;
 padding:13px;
 line-height:1.2;
}
@media(max-width:540px){
 #s-nutrition .nt-product .nt-art.nt-new-food-photo,
 #s-nutrition .nt-product .nt-art.nt-food-name-photo{height:106px}
}

#s-nutrition .nt-product .nt-art.nt-cheesecake-photo{
 width:100%;height:118px;border-radius:13px;
 border:1px solid #e4e7db;display:block;
 background:url("./assets/nutrition-berry-cheesecake.webp?v=10") center / cover no-repeat;
 filter:none;
}
@media(max-width:540px){#s-nutrition .nt-product .nt-art.nt-cheesecake-photo{height:106px}}


/* APPROVED MEDITERRANEAN NUTRITION SCREEN — mobile-first v12 (2026-10-29)
   A distinct nutrition-only theme; does not alter the rest of Tochka Otscheta. */
#s-nutrition.nt-is-home{
 background-image:linear-gradient(180deg,rgba(251,249,242,.28),rgba(251,249,242,.77) 52%,rgba(251,249,242,.88)),var(--nt-full-bg);
 background-size:cover;
 background-position:center top;
 color:#263e32;
}
#s-nutrition .nt-v2-wrap{max-width:1110px;margin:auto;padding:0 3px}
#s-nutrition .nt-v2-return{display:flex;justify-content:space-between;gap:9px;align-items:center;margin:0 0 11px}
#s-nutrition .nt-v2-return button{padding:10px 13px;border-radius:999px;border:1px solid rgba(243,247,234,.84);background:rgba(255,253,246,.91);color:#2c5840;font-size:12px;font-weight:700;box-shadow:0 3px 14px #122b1b29}
#s-nutrition .nt-v2-home{border-radius:24px;overflow:hidden;box-shadow:0 10px 30px rgba(38,57,38,.15);background:rgba(255,252,244,.54)}
#s-nutrition .nt-v2-hero{padding:clamp(17px,3vw,30px);border-radius:22px 22px 0 0;position:relative;isolation:isolate;overflow:hidden;background-image:linear-gradient(110deg,rgba(245,243,226,.24),rgba(255,254,240,.32)),var(--nt-full-bg);background-size:cover;background-position:center 45%;min-height:310px}
#s-nutrition .nt-v2-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(252,249,236,.03),rgba(252,249,237,.15) 45%,rgba(252,248,232,.35));pointer-events:none}
#s-nutrition .nt-v2-brand{background:rgba(255,253,239,.72);border:1px solid rgba(255,251,235,.74);border-radius:18px;padding:12px clamp(10px,2vw,20px);display:inline-block;max-width:100%;box-shadow:0 6px 17px #3b3e2519;backdrop-filter:blur(5px)}
#s-nutrition .nt-v2-brand-title{letter-spacing:1.7px;font-size:11px;font-weight:800;color:#406c4c}
#s-nutrition .nt-v2-brand-title span{font-weight:650;color:#729078}
#s-nutrition .nt-v2-brand h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,4vw,47px);line-height:1.08;letter-spacing:-.5px;color:#283a2c;font-weight:600;margin:5px 0}
#s-nutrition .nt-v2-brand p{font-size:13px;color:#5b6d58;margin:4px 0 9px}
#s-nutrition .nt-v2-dateline{font-size:12px;color:#456a50;font-weight:700}
#s-nutrition .nt-v2-energy-layout{display:grid;grid-template-columns:minmax(230px,1fr) minmax(280px,1.12fr);gap:18px;align-items:center;margin-top:19px}
#s-nutrition .nt-v2-ring-card{display:flex;justify-content:center;align-items:center;min-height:264px}
#s-nutrition .nt-v2-cal-ring{
 width:clamp(225px,28vw,290px);aspect-ratio:1;border-radius:50%;padding:17px;
 background:conic-gradient(from -90deg,var(--nt-ring-color,#527954) var(--nt-ring-p,0%),rgba(254,252,242,.75) var(--nt-ring-p,0%) 100%);
 box-shadow:0 14px 35px #264d353a,0 0 0 5px #fffaf1bd,inset 0 0 0 1px #e7dec5;
}
#s-nutrition .nt-v2-ring-inside{
 height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;
 border-radius:50%;background:radial-gradient(circle at 34% 25%,#fffefa,#f4f1e7);border:1px solid #fff;box-shadow:inset 0 3px 15px #d7d4bb3a;
 padding:11px;color:#283e2c
}
#s-nutrition .nt-v2-ring-inside>span:first-child{font-family:Georgia,serif;font-size:19px;color:#526251}
#s-nutrition .nt-v2-ring-inside strong{font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,5vw,58px);font-weight:500;line-height:1.06;white-space:nowrap;letter-spacing:-1px;color:#263a2d;margin-top:3px}
#s-nutrition .nt-v2-ring-inside small{font-size:14px;color:#66715a;font-weight:650}
#s-nutrition .nt-v2-ring-inside hr{width:72%;border:0;border-top:1px solid #dcd8c8;margin:9px 0 8px}
#s-nutrition .nt-v2-ring-inside>span{color:#5b6956;font-size:14px}
#s-nutrition .nt-v2-ring-inside .nt-v2-remaining{font-size:19px;font-weight:800;color:#376b45;margin-top:3px}
#s-nutrition .nt-v2-info{display:grid;gap:11px}
#s-nutrition .nt-v2-affirm{display:flex;align-items:center;gap:12px;background:rgba(255,253,244,.93);padding:14px;border:1px solid #fff8e6;border-radius:17px;box-shadow:0 7px 21px #3349361f}
#s-nutrition .nt-v2-affirm>span{font-size:29px;color:#4b8453}
#s-nutrition .nt-v2-affirm strong{font-family:Georgia,serif;font-size:19px;font-weight:600;color:#344b38}
#s-nutrition .nt-v2-affirm p{margin:6px 0 0;color:#58735c;font-size:12px;line-height:1.5}
#s-nutrition .nt-v2-macros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:16px;background:rgba(255,253,245,.95);box-shadow:0 8px 20px #294a2d2a;padding:13px 8px}
#s-nutrition .nt-v2-macros>div{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4px 7px;gap:5px;min-width:0}
#s-nutrition .nt-v2-macros>div+div{border-left:1px solid #dcdcca}
#s-nutrition .nt-v2-macros span{font-size:12px;color:#556052}
#s-nutrition .nt-v2-macros strong{font-size:20px;color:#263f30;white-space:nowrap}
#s-nutrition .nt-v2-macros i{display:block;width:100%;height:8px;background:#e1e0d4;border-radius:8px;overflow:hidden;font-style:normal}
#s-nutrition .nt-v2-macros i:after{content:"";display:block;width:var(--nt-macro-percent,0%);height:100%;background:var(--nt-macro-color,#6d9c72);border-radius:8px}
#s-nutrition .nt-v2-macronote{margin:0 5px;color:#fffefa;text-shadow:0 1px 4px #234b39;font-size:10px;font-weight:650}
#s-nutrition .nt-v2-home-main{background:linear-gradient(180deg,rgba(253,249,236,.92),rgba(255,253,247,.97));padding:clamp(13px,2.4vw,26px);min-width:0}
#s-nutrition .nt-v2-search{background:rgba(255,254,250,.96);border-radius:17px;padding:8px 12px;box-shadow:0 7px 25px #476b5226;border:1.5px solid #ebefdf;margin-top:3px}
#s-nutrition .nt-v2-search label{display:block;color:#4b7755;letter-spacing:.6px;font-size:11px;font-weight:800;padding:1px 8px 6px}
#s-nutrition .nt-v2-searchline{display:flex;align-items:center;gap:7px}
#s-nutrition .nt-v2-searchline>span{font-size:31px;color:#35694a;line-height:1;padding:0 6px}
#s-nutrition .nt-v2-searchline .nt-field{flex:1;min-width:0;border:0;box-shadow:none;background:transparent;color:#294736;font-size:15px;padding:10px 5px;min-height:43px}
#s-nutrition .nt-v2-searchline .nt-field:focus{box-shadow:none;border:0;outline:none}
#s-nutrition .nt-v2-searchline button{padding:10px 12px;white-space:nowrap;border-radius:11px;background:#ecf5e7;border:1px solid #cce0cc;color:#24714a;font-size:12px;font-weight:800}
#s-nutrition .nt-v2-search:focus-within{border-color:#478a61;box-shadow:0 0 0 3px #89be9745,0 5px 24px #315e3b2c}
#s-nutrition .nt-v2-main-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:13px 0 22px}
#s-nutrition .nt-v2-main-actions button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:98px;border-radius:19px;border:1px solid #e3e2d5;background:linear-gradient(150deg,#fffefa,#f1eee3);color:#3b513d;box-shadow:0 5px 16px #2f493c21;font-size:13px;font-family:Georgia,serif;line-height:1.17;font-weight:600;text-align:center;padding:10px 5px}
#s-nutrition .nt-v2-main-actions button>span{color:#a48b55;font-size:32px;font-weight:500;line-height:1}
#s-nutrition .nt-v2-main-actions .nt-v2-primary-action{background:linear-gradient(140deg,#637f60,#295c39);border-color:#587455;color:white;box-shadow:0 8px 18px #2e684939}
#s-nutrition .nt-v2-main-actions .nt-v2-primary-action span{color:#fff;font-size:33px}
#s-nutrition .nt-v2-main-actions button:active{transform:translateY(1px)}
#s-nutrition .nt-v2-heading-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:5px 0 12px}
#s-nutrition .nt-v2-heading-row h3{font-family:Georgia,"Times New Roman",serif;color:#2d3b2d;font-size:clamp(23px,3vw,30px);font-weight:600;line-height:1.1;margin:0}
#s-nutrition .nt-v2-heading-row button{font-size:12px;color:#4e6b4d;border:0;background:transparent;padding:9px 4px;font-weight:750;text-align:right}
#s-nutrition .nt-v2-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
#s-nutrition .nt-quick-card{position:relative;cursor:pointer;min-width:0;min-height:190px;border:1px solid #e4dfcf;background:#fffaf0;border-radius:18px;overflow:hidden;box-shadow:0 5px 14px #2b482b21;display:flex;flex-direction:column}
#s-nutrition .nt-quick-card:hover{box-shadow:0 9px 24px #295c372e;border-color:#aac4ad}
#s-nutrition .nt-quick-card:focus-visible{outline:3px solid #92c7a2;outline-offset:2px}
#s-nutrition .nt-quick-photo{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:120px;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#e6ebdf}
#s-nutrition .nt-quick-photo.nt-generated-photo{background-image:url("./assets/nutrition-foods-38.webp?v=5");background-size:800% 500%;background-position:var(--sprite-x) var(--sprite-y)}
#s-nutrition .nt-quick-photo.nt-dairy-photo{background-image:url("./assets/nutrition-dairy-4.webp?v=1");background-size:400% 100%;background-position:var(--dairy-x) center}
#s-nutrition .nt-quick-photo.nt-new-food-photo{background-image:url("./assets/nutrition-additional-foods.webp?v=9");background-size:400% 200%;background-position:var(--nt-new-x) var(--nt-new-y)}
#s-nutrition .nt-quick-photo.nt-cheesecake-photo{background-image:url("./assets/nutrition-berry-cheesecake.webp?v=10")}
#s-nutrition .nt-quick-photo.nt-placeholder-photo{padding:12px;color:#4c7657;font-size:13px;text-align:center;font-family:Georgia,serif;background:linear-gradient(130deg,#e8f3e7,#f7f3e8)}
#s-nutrition .nt-quick-heart{position:absolute;right:9px;top:8px;z-index:3;display:flex;align-items:center;justify-content:center;border-radius:50%;width:36px;height:36px;padding:0;background:#163a2d52;border:1px solid #fff9;color:white;font-size:27px;line-height:1;text-shadow:0 1px 5px #1e3c26a3}
#s-nutrition .nt-quick-heart.on{background:#fffaf3e8;color:#b34c53;text-shadow:none}
#s-nutrition .nt-quick-caption{display:flex;flex-direction:column;gap:5px;justify-content:center;min-height:66px;background:linear-gradient(160deg,#fffdf7,#f4efe4);padding:10px 12px}
#s-nutrition .nt-quick-caption strong{font-family:Georgia,"Times New Roman",serif;font-size:16px;font-weight:600;line-height:1.17;color:#302d26}
#s-nutrition .nt-quick-caption span{font-size:12px;color:#77786b}
#s-nutrition .nt-v2-bottom-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:13px;margin-top:22px}
#s-nutrition .nt-v2-diary,#s-nutrition .nt-v2-extras{background:#fffdf5ee;border:1px solid #ede6d7;border-radius:19px;padding:18px;box-shadow:0 7px 19px #31472d20;min-width:0}
#s-nutrition .nt-v2-diary-entry{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 0;border-top:1px solid #e9e8dc}
#s-nutrition .nt-v2-diary-icon{height:36px;width:36px;flex:0 0 36px;display:grid;place-items:center;background:#e7f3e8;color:#568168;border-radius:10px;font-size:24px}
#s-nutrition .nt-v2-diary-entry>div{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
#s-nutrition .nt-v2-diary-entry strong{font-size:13px;overflow-wrap:anywhere;color:#294633}
#s-nutrition .nt-v2-diary-entry small{font-size:11px;color:#748070}
#s-nutrition .nt-v2-diary-entry b{white-space:nowrap;color:#37724d;font-size:12px}
#s-nutrition .nt-v2-diary-entry>button{border:0;background:transparent;color:#8d8b80;font-size:22px;padding:5px}
#s-nutrition .nt-v2-empty{padding:18px;background:#f5f8ef;border-radius:13px;color:#687e6b;font-size:13px;line-height:1.5}
#s-nutrition .nt-v2-finish{width:100%;border:1px solid #c6ddc5;border-radius:13px;padding:12px;background:#edf6eb;color:#38764b;font-weight:750;margin-top:12px}
#s-nutrition .nt-v2-finish.done{background:#d9eedb}
#s-nutrition .nt-v2-extras h3{font-family:Georgia,serif;font-size:24px;font-weight:600;color:#2e4533;margin:3px 0 12px}
#s-nutrition .nt-v2-extras-actions{display:grid;gap:7px}
#s-nutrition .nt-v2-extras-actions button{min-height:43px;border:1px solid #dbe5d8;border-radius:12px;padding:11px 12px;text-align:left;background:#f6faf2;color:#346e4a;font-weight:700}
#s-nutrition .nt-v2-estimate{background:#f7f3e8;border-radius:12px;padding:13px;margin-top:12px;font-size:12px;color:#536452;line-height:1.5}
#s-nutrition .nt-v2-footnote{font-size:11px;line-height:1.5;color:#6a7e69;padding:12px}
#s-nutrition .nt-v2-subheader{padding:22px;background:linear-gradient(110deg,rgba(253,252,243,.96),rgba(245,249,237,.93));border:1px solid #e3e6d2;border-radius:19px;margin-bottom:13px;box-shadow:0 7px 23px #28483528}
#s-nutrition .nt-v2-subheader h2{font-family:Georgia,serif;font-size:30px;font-weight:600;color:#2e5539;margin:5px 0}
#s-nutrition .nt-v2-subheader p{font-size:13px;color:#657667;margin:4px 0}
#s-nutrition .nt-v2-bottom-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;position:sticky;bottom:0;z-index:12;background:rgba(255,253,248,.96);border:1px solid #e4eadb;border-radius:17px;padding:8px;margin-top:15px;box-shadow:0 -4px 22px #263d2925;backdrop-filter:blur(8px)}
#s-nutrition .nt-v2-bottom-nav button{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;border-radius:13px;border:0;background:transparent;color:#617362;padding:8px 3px;font-size:11px;font-weight:650;min-height:52px}
#s-nutrition .nt-v2-bottom-nav button span{font-size:22px;line-height:1}
#s-nutrition .nt-v2-bottom-nav button.selected{background:#d8eee0;color:#215d38}
#s-nutrition .nt-footer{margin:14px 0 0}
@media(max-width:740px){
#s-nutrition .nt-v2-energy-layout{grid-template-columns:1fr;gap:13px}
#s-nutrition .nt-v2-hero{padding:16px}
#s-nutrition .nt-v2-ring-card{min-height:238px}
#s-nutrition .nt-v2-cal-ring{width:235px}
#s-nutrition .nt-v2-info{grid-template-columns:1fr 1fr}
#s-nutrition .nt-v2-macronote{grid-column:1/-1}
#s-nutrition .nt-v2-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#s-nutrition .nt-v2-bottom-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
#s-nutrition.nt-is-home{padding:6px;border-radius:10px}
#s-nutrition .nt-v2-wrap{padding:0}
#s-nutrition .nt-v2-return{padding:1px 3px}
#s-nutrition .nt-v2-return button{font-size:11px;padding:9px 10px}
#s-nutrition .nt-v2-home{border-radius:18px}
#s-nutrition .nt-v2-hero{border-radius:18px 18px 0 0}
#s-nutrition .nt-v2-brand h2{font-size:29px}
#s-nutrition .nt-v2-energy-layout{margin-top:14px}
#s-nutrition .nt-v2-ring-card{min-height:212px}
#s-nutrition .nt-v2-cal-ring{width:212px;padding:14px}
#s-nutrition .nt-v2-ring-inside strong{font-size:38px}
#s-nutrition .nt-v2-ring-inside>span:first-child{font-size:16px}
#s-nutrition .nt-v2-ring-inside .nt-v2-remaining{font-size:16px}
#s-nutrition .nt-v2-info{grid-template-columns:1fr;gap:9px}
#s-nutrition .nt-v2-affirm{padding:11px}
#s-nutrition .nt-v2-affirm strong{font-size:16px}
#s-nutrition .nt-v2-macros{padding:10px 4px}
#s-nutrition .nt-v2-macros strong{font-size:17px}
#s-nutrition .nt-v2-home-main{padding:11px}
#s-nutrition .nt-v2-search label{font-size:11px}
#s-nutrition .nt-v2-searchline .nt-field{font-size:13px}
#s-nutrition .nt-v2-main-actions{gap:6px;margin:9px 0 18px}
#s-nutrition .nt-v2-main-actions button{min-height:89px;padding:8px 2px;border-radius:14px;font-size:12px}
#s-nutrition .nt-v2-main-actions button>span{font-size:27px}
#s-nutrition .nt-v2-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#s-nutrition .nt-quick-card{min-height:181px;border-radius:14px}
#s-nutrition .nt-quick-photo{min-height:109px}
#s-nutrition .nt-quick-caption{min-height:68px;padding:9px}
#s-nutrition .nt-quick-caption strong{font-size:14px}
#s-nutrition .nt-v2-diary,#s-nutrition .nt-v2-extras{padding:13px}
#s-nutrition .nt-v2-subheader{padding:14px}
#s-nutrition .nt-v2-subheader h2{font-size:25px}
}
@media(prefers-reduced-motion:reduce){#s-nutrition .nt-quick-card,#s-nutrition .nt-v2-main-actions button{transition:none!important}}

/* Approved 12-product photographic atlas: independent crisp photos, no branded packaging */
#s-nutrition .nt-quick-photo.nt-approved-photo,
#s-nutrition .nt-product .nt-art.nt-approved-photo{
 display:block;
 background-image:url("./assets/nutrition-featured-12.webp?v=12");
 background-size:400% 300%;
 background-position:var(--nt-approved-x) var(--nt-approved-y);
 background-repeat:no-repeat;
 background-color:#e9ebe0;
}
#s-nutrition .nt-quick-photo.nt-approved-photo{flex:1;min-height:124px}
#s-nutrition .nt-product .nt-art.nt-approved-photo{
 width:100%;
 height:118px;
 border-radius:13px;
 border:1px solid #e7e9db;
}
@media(max-width:540px){
 #s-nutrition .nt-quick-photo.nt-approved-photo{min-height:113px}
 #s-nutrition .nt-product .nt-art.nt-approved-photo{height:106px}
}