.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:44px}
    .filter-btn{font-family:var(--font-body);font-size:13.5px;font-weight:500;padding:8px 20px;border-radius:30px;border:1.5px solid rgba(26,92,58,0.20);background:transparent;color:var(--text-muted);cursor:pointer;transition:all 0.2s}
    .filter-btn:hover{border-color:var(--green-dark);color:var(--green-dark)}
    .filter-btn.active{background:var(--green-dark);color:var(--white);border-color:var(--green-dark)}

    .recipes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:28px}

    .recipe-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(26,92,58,0.08);display:flex;flex-direction:column;transition:transform 0.25s,box-shadow 0.25s}
    .recipe-card:hover{transform:translateY(-5px);box-shadow:0 16px 44px rgba(26,92,58,0.12)}

    .recipe-thumb{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;position:relative;font-size:72px}
    .recipe-thumb-emoji{transition:transform 0.3s;display:block}
    .recipe-card:hover .recipe-thumb-emoji{transform:scale(1.08)}
    .flavour-pill{position:absolute;top:14px;left:14px;font-size:11px;font-weight:500;padding:4px 12px;border-radius:20px;background:var(--green-dark);color:var(--white)}

    .recipe-body{padding:22px 22px 24px;flex:1}
    .recipe-flavour{font-size:10.5px;font-weight:500;color:var(--green-lime);letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px}
    .recipe-name{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--green-dark);line-height:1.2;margin-bottom:10px}
    .recipe-desc{font-size:13.5px;color:var(--text-muted);line-height:1.65;margin-bottom:18px}
    .recipe-protein{display:inline-flex;align-items:center;gap:7px;background:var(--green-pale);color:var(--green-dark);font-size:13px;font-weight:500;padding:6px 14px;border-radius:20px;margin-bottom:20px}

    .steps-block{border-top:1px solid rgba(26,92,58,0.07);padding-top:18px}
    .steps-label{font-size:11px;font-weight:500;color:var(--green-lime);letter-spacing:.09em;text-transform:uppercase;margin-bottom:14px}
    .steps-list{display:flex;flex-direction:column;gap:13px}
    .step-row{display:flex;align-items:flex-start;gap:10px}
    .step-emoji{font-size:18px;flex-shrink:0;margin-top:3px;width:24px;text-align:center}
    .step-num{width:26px;height:26px;background:var(--green-dark);color:var(--white);border-radius:50%;font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
    .step-content{flex:1}
    .step-title{font-size:13.5px;font-weight:500;color:var(--text-main);margin-bottom:2px}
    .step-desc-text{font-size:12.5px;color:var(--text-muted);line-height:1.55}

    .how-banner{background:var(--green-dark);padding:68px 40px}
    .how-banner-inner{max-width:var(--max-w);margin:0 auto}
    .how-banner .section-label{color:var(--green-lime)}
    .how-banner .section-title{color:var(--white);margin-bottom:10px}
    .how-banner .section-sub{color:rgba(255,255,255,0.62);margin-bottom:48px}
    .steps-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
    .big-step{text-align:center}
    .big-step-icon{font-size:36px;margin-bottom:12px}
    .big-step-circle{width:54px;height:54px;background:var(--green-lime);color:var(--green-deep);font-family:var(--font-display);font-size:22px;font-weight:600;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
    .big-step-title{font-size:14px;font-weight:500;color:var(--white);margin-bottom:6px}
    .big-step-desc{font-size:12.5px;color:rgba(255,255,255,0.52);line-height:1.6}
    .protein-callout{background:rgba(255,255,255,0.07);border:1px solid rgba(142,184,58,0.30);border-radius:var(--radius-lg);padding:22px 28px;margin-top:44px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
    .protein-num{font-family:var(--font-display);font-size:52px;font-weight:600;color:var(--green-lime);line-height:1;flex-shrink:0}
    .protein-callout p{font-size:14px;color:rgba(255,255,255,0.72);line-height:1.65}
    .protein-callout strong{color:var(--white)}

    .cta-strip{background:var(--green-pale);padding:64px 40px;text-align:center}
    .cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

    @media(max-width:820px){
      .recipes-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}
      .steps-row{grid-template-columns:repeat(2,1fr);gap:28px}
      .how-banner{padding:52px 20px}
      .cta-strip{padding:52px 20px}
    }
    @media(max-width:480px){
      .steps-row{grid-template-columns:1fr}
      .recipes-grid{max-width:100%}
    }