:root{--ink:#153e2b;--green:#285c37;--mint:#e8f1df;--line:#dae3d3;--bg:#f7f8f1;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b69b53;outline-offset:3px}.fitra-header{display:flex;align-items:center;justify-content:space-between;padding:24px 6vw;background:#fafbf6;border-bottom:1px solid var(--line);gap:25px}.logo{font-size:36px;font-weight:700;display:flex;align-items:center;gap:9px;letter-spacing:-1.3px}.logo svg{width:30px;height:36px;fill:#4e8c35}.logo>span{font-size:8px;font-weight:400;letter-spacing:2px;margin:6px 0 0 15px}.fitra-header nav{display:flex;gap:25px;font-size:12px}.fitra-header nav a{padding:9px 0;border-bottom:2px solid transparent}.fitra-header nav a.active{border-color:#43732f}#cart-count{display:inline-block;background:var(--mint);padding:2px 6px;border-radius:20px}main{max-width:1200px;margin:auto;padding:45px 30px 100px}h1{font-size:clamp(34px,5vw,58px);line-height:1.07;letter-spacing:-2px;margin:0 0 20px;font-weight:600}h1 em{font-family:Georgia,serif;font-weight:400;color:#6d8d50}h2{font-size:25px;letter-spacing:-.5px}h3{font-size:20px;line-height:1.15;letter-spacing:-.5px}p{line-height:1.7}.eyebrow{font-size:9px;letter-spacing:2px;color:#6a845d;margin:0 0 18px}.intro{display:grid;grid-template-columns:1.5fr 1fr;gap:45px;align-items:center;background:#eaf0df;border-radius:24px;padding:35px;margin-bottom:32px}.intro p{font-size:14px;color:#5f7359;max-width:430px}.intro .food{width:100%;max-width:260px;justify-self:end;box-shadow:0 15px 30px #264e2e18}.food{aspect-ratio:1;border-radius:20px;background-color:#e0e8d7}.search-area{background:white;border:1px solid var(--line);padding:25px;border-radius:18px}.search-area label{display:block;font-weight:600;font-size:14px;margin-bottom:12px}.search-row{display:flex;gap:10px}input,select{min-height:46px;border:1px solid #cbd8c1;border-radius:10px;background:#fff;color:var(--ink);padding:12px;width:100%}.search-row input{flex:1;min-width:0}.btn{border:1px solid var(--green);border-radius:10px;padding:12px 18px;min-height:44px;background:var(--green);color:white;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px}.btn.light{background:transparent;color:var(--green);border-color:var(--line)}.search-row .btn{flex:none}.hint{font-size:11px;color:#78816d;margin-bottom:0}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.chip{border:1px solid var(--line);border-radius:30px;padding:10px 16px;background:#fff;color:var(--ink);font-size:12px}.chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.results-title{display:flex;align-items:center;justify-content:space-between;margin-top:35px}.results-title p{font-size:11px;color:#78816d}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.recipe{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.recipe-open{display:block;border:0;background:none;text-align:left;padding:0;width:100%;color:inherit}.recipe .food{border-radius:0;aspect-ratio:1.3}.recipe-body{padding:18px}.recipe h3{margin:0 35px 12px 0}.recipe p{font-size:11px;color:#73816a;margin:0 0 13px}.recipe .stats{font-size:11px;display:flex;gap:14px}.fav{position:absolute;right:14px;top:14px;border:0;background:#fffef5e8;color:var(--ink);width:38px;height:38px;border-radius:50%;display:grid;place-items:center}.fav svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.7}.fav[aria-pressed=true] svg{fill:#4e823c}.badge{display:inline-block;font-size:10px;padding:5px 9px;background:var(--mint);border-radius:20px;margin-right:5px}.page-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.page-title h1{margin:0}.detail{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px}.detail>.food{position:sticky;top:25px;align-self:start}.detail h1{font-size:42px}.nutrition{display:flex;gap:12px;flex-wrap:wrap;padding:20px 0;border-block:1px solid var(--line);margin:22px 0}.nutrition strong{display:block;font-size:21px}.nutrition small{font-size:10px;color:#728367}.nutrition>div{min-width:65px}.ingredients{list-style:none;padding:0}.ingredients li{padding:12px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:13px}.ingredients span small{display:block;color:#728367;font-size:11px;margin-top:4px}.ingredients .have{color:#547b41;font-size:10px}.steps{padding-left:22px;line-height:1.8;font-size:14px}.steps li{padding:6px 0}.empty{padding:45px 20px;border:1px dashed #c8d6be;border-radius:14px;text-align:center;color:#657b58}.shopping-add{display:flex;gap:10px;margin:25px 0}.shopping-add input{flex:1;min-width:0}.list{list-style:none;padding:0}.list li{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}.list label{display:flex;align-items:center;gap:12px;flex:1}.list input{width:20px;min-height:20px;height:20px;accent-color:var(--green)}.list li.done label{text-decoration:line-through;opacity:.5}.list button{background:none;border:0;color:#697e5d;font-size:12px;min-height:40px}.profile{max-width:650px;background:#fff;border:1px solid var(--line);padding:30px;border-radius:20px}.profile label{display:block;margin-bottom:18px;font-size:13px}.profile input,.profile select{margin-top:8px}.profile-note{font-size:12px;color:#76836d}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}#notice{position:fixed;bottom:85px;left:50%;transform:translateX(-50%);background:#153e2b;color:white;z-index:90;padding:12px 20px;border-radius:12px;font-size:12px;max-width:90vw;box-shadow:0 3px 20px #0002}#notice:empty{display:none}button svg{flex:none}.recent{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.small-note{color:#718266;font-size:10px;margin-top:20px}.detail-back{margin-bottom:22px}.count{font-size:11px;color:#6d805d}@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}.logo>span{display:none}.fitra-header nav{gap:15px}.intro{gap:20px;padding:25px}.detail{gap:25px}.detail h1{font-size:35px}}@media(max-width:600px){.fitra-header{padding:17px 20px;display:block}.logo{font-size:32px}.fitra-header nav{gap:0;justify-content:space-between;margin-top:15px;font-size:11px}.fitra-header nav a{min-height:38px}main{padding:24px 20px 110px}.intro{grid-template-columns:1fr;position:relative;overflow:hidden;padding:27px 23px}.intro>div:first-child{z-index:1}.intro>.food{display:none}h1{font-size:39px;letter-spacing:-1.5px}.intro p{font-size:13px}.search-area{padding:18px}.search-row{flex-direction:column}.search-row .btn{width:100%}.grid{grid-template-columns:1fr;gap:15px}.recipe-open{display:flex}.recipe .food{width:115px;aspect-ratio:1;flex:none;align-self:stretch;border-radius:0;background-size:300% auto}.recipe-body{padding:15px 14px;min-width:0}.recipe h3{font-size:18px;margin:0 22px 9px 0}.recipe p{font-size:10px}.recipe .stats{font-size:10px;gap:8px}.fav{width:30px;height:30px;right:8px;top:8px}.fav svg{width:17px}.badge{font-size:9px;padding:4px 7px}.results-title{align-items:baseline}.results-title h2{font-size:22px}.detail{grid-template-columns:1fr;gap:25px}.detail>.food{position:static;max-width:360px;width:100%;justify-self:center}.detail h1{font-size:36px}.nutrition{gap:10px}.nutrition>div{min-width:55px}.profile{padding:22px}.page-title{align-items:flex-start}.page-title h1{font-size:35px}.page-title .btn{padding:9px 12px;font-size:10px}.shopping-add{flex-wrap:wrap}.shopping-add .btn{width:100%}}

.fitra-header nav{flex-wrap:wrap;justify-content:flex-end;gap:10px 20px}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;font:inherit;color:var(--ink);margin-top:8px}.diet-picks{display:flex;gap:20px}.diet-picks label{display:flex;align-items:center;gap:8px}.diet-picks input{width:18px;min-height:18px;margin:0}.recipe .catalog{background-size:cover}@media(max-width:600px){.fitra-header nav{justify-content:flex-start;gap:5px 18px}.fitra-header nav a{min-height:32px}.editor-grid{grid-template-columns:1fr}}

/* Recipe-specific photos, shared by list and detail views. */
.food.food-photo,.recipe .food.food-photo{display:block;object-fit:cover;object-position:center;background:none;height:auto}
.food.food-own{display:grid;place-items:center;background:linear-gradient(135deg,#e8efdc,#d3e0c6);color:#254b3c;font-size:15px;letter-spacing:.04em}
@media(max-width:700px){.recipe .food.food-photo{min-height:115px;object-fit:cover}}

@media(max-width:600px){.intro>.food.food-photo{display:none}}