.recipes-page{padding-top:80px;padding-bottom:100px;background-color:var(--warm-cream);min-height:100vh}.recipes-container{max-width:1400px;margin:0 auto;padding:0 24px}.recipes-unified-header{margin-top:0;margin-bottom:0;text-align:left}.recipes-unified-header h1{font-size:clamp(2.5rem,5vw,4rem);color:var(--text-dark);line-height:1.1;margin-bottom:12px}.header-subtext{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-medium);max-width:650px;margin-bottom:24px;line-height:1.5}.recipe-filters{display:flex;gap:12px;overflow-x:auto;padding:10px 0;scrollbar-width:none;-ms-overflow-style:none;margin-bottom:40px}.recipe-filters::-webkit-scrollbar{display:none}.filter-chip{padding:10px 24px;border-radius:100px;background:transparent;border:1px solid rgba(0,0,0,.1);color:var(--text-medium);cursor:pointer;font-family:var(--font-body);font-weight:500;white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px}.filter-chip.active{background:var(--primary-green);color:white;border-color:var(--primary-green);box-shadow:0 8px 20px rgba(143,179,106,.3)}.filter-chip:hover:not(.active){border-color:var(--primary-green);color:var(--primary-green);background:rgba(143,179,106,.05)}.recipes-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px;margin-bottom:80px;align-items:start}.recipe-card-modern{background:white;border-radius:24px;overflow:hidden;transition:box-shadow .35s cubic-bezier(.165,.84,.44,1),transform .35s cubic-bezier(.165,.84,.44,1);border:1px solid rgba(0,0,0,.05);cursor:pointer;display:flex;flex-direction:column;height:100%}.recipe-card-modern:hover{transform:translateY(-4px);box-shadow:0 24px 48px rgba(0,0,0,.09)}.card-image-wrapper{position:relative;aspect-ratio:16/10;overflow:hidden;flex-shrink:0}.card-img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease;display:block}.recipe-card-modern:hover .card-img{transform:scale(1.04)}.card-nutrition-badge{left:14px;background:rgba(255,255,255,.88);color:#3a6b25;padding:5px 11px;border-radius:100px;font-weight:800;letter-spacing:.06em;border:1px solid rgba(143,179,106,.3);white-space:nowrap}.card-difficulty-badge,.card-nutrition-badge{position:absolute;top:14px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:.7rem;z-index:2;box-shadow:0 2px 8px rgba(0,0,0,.08)}.card-difficulty-badge{right:14px;padding:5px 12px;border-radius:100px;font-weight:700;letter-spacing:.04em;border:1px solid rgba(255,255,255,.5)}.difficulty-easy{background:rgba(157,188,114,.22);color:#3d6b22;border-color:rgba(143,179,106,.35)}.difficulty-medium{background:rgba(255,183,77,.22);color:#916500;border-color:rgba(255,183,77,.35)}.difficulty-hard{background:rgba(229,115,115,.22);color:#a01818;border-color:rgba(229,115,115,.35)}.recipe-card-modern .card-content{padding:22px 24px 24px;display:flex;flex-direction:column;flex-grow:1;gap:10px}.microgreen-type{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;color:#4a7c30;letter-spacing:.06em;text-transform:uppercase;background:rgba(143,179,106,.1);border:1px solid rgba(143,179,106,.25);border-radius:100px;padding:3px 10px 3px 7px;width:-moz-fit-content;width:fit-content}.microgreen-icon{font-size:.8em;line-height:1}.recipe-title{font-size:1.15rem;font-weight:700;color:var(--text-dark);line-height:1.35;font-family:var(--font-heading)}.recipe-excerpt-short,.recipe-title{margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recipe-excerpt-short{font-size:.85rem;color:var(--text-medium,#666);line-height:1.5;flex-shrink:0}.recipe-stats-grid{margin-top:auto;gap:0;padding-top:14px;border-top:1px solid rgba(0,0,0,.06)}.recipe-stats-grid,.stat-item{display:flex;align-items:center}.stat-item{gap:7px;flex:1 1;padding:0 4px}.stat-icon{font-size:1rem;flex-shrink:0;line-height:1}.stat-text{display:flex;flex-direction:column;line-height:1.2}.stat-label{font-size:.65rem;font-weight:600;color:var(--text-light,#999);letter-spacing:.04em;text-transform:uppercase}.stat-value{font-size:.78rem;font-weight:700;color:var(--text-dark)}.stat-divider{width:1px;height:28px;background:rgba(0,0,0,.08);flex-shrink:0;align-self:center}.recipe-card-cta{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:11px 20px;margin-top:14px;border-radius:12px;border:1.5px solid rgba(143,179,106,.55);background:transparent;color:var(--primary-green,#6fa335);font-size:.85rem;font-weight:700;font-family:var(--font-body);cursor:pointer;transition:background .25s ease,border-color .25s ease,color .25s ease,transform .2s ease,box-shadow .25s ease;letter-spacing:.02em;flex-shrink:0}.recipe-card-cta .cta-arrow{display:inline-block;transition:transform .2s ease}.recipe-card-cta:hover{background:var(--primary-green,#6fa335);border-color:var(--primary-green,#6fa335);color:white;transform:translateY(-1px);box-shadow:0 6px 20px rgba(111,163,53,.28)}.recipe-card-cta:hover .cta-arrow{transform:translateX(4px)}.recipe-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(47,58,46,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;justify-content:center;align-items:center;padding:2rem;overflow:hidden}.recipe-modal-content{background:var(--cream);width:100%;max-width:1000px;max-height:90vh;border-radius:40px;overflow:auto;position:relative;box-shadow:0 30px 60px rgba(0,0,0,.2);scrollbar-width:thin;-webkit-clip-path:inset(0 round 40px);clip-path:inset(0 round 40px);isolation:isolate}.close-modal{position:-webkit-sticky;position:sticky;top:1.5rem;right:1.5rem;margin-left:auto;margin-right:1.5rem;margin-top:1.5rem;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:50;box-shadow:0 8px 32px rgba(0,0,0,.12);border:1px solid rgba(255,255,255,.3);transition:all .4s cubic-bezier(.175,.885,.32,1.275);color:var(--text-dark)}.close-modal:hover{transform:scale(1.1) rotate(90deg);background:white;box-shadow:0 12px 40px rgba(0,0,0,.15);color:var(--primary-green)}.modal-hero{position:relative;height:400px;overflow:hidden}.modal-hero img{width:100%;height:100%;object-fit:cover}.modal-hero-badges{position:absolute;bottom:20px;left:3rem;display:flex;gap:8px;flex-wrap:wrap;z-index:2}.modal-nutrition-badge{background:var(--primary-green);color:white;font-weight:800;letter-spacing:.05em;box-shadow:0 4px 14px rgba(143,179,106,.4)}.modal-difficulty-badge,.modal-nutrition-badge{padding:6px 14px;border-radius:100px;font-size:.78rem}.modal-difficulty-badge{font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-body{padding:3rem}.modal-title-group{margin-bottom:2.5rem}.modal-microgreen-label{display:inline-block;font-size:.78rem;font-weight:700;color:var(--primary-green);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.6rem}.modal-title-group h2{font-size:2.5rem;margin-bottom:.75rem;color:var(--text-dark)}.recipe-excerpt{font-size:1.05rem;color:var(--text-medium);line-height:1.6;margin-bottom:1.5rem}.modal-stats-row{display:flex;gap:0;background:#f7f9f3;border:1px solid rgba(157,188,114,.2);border-radius:20px;overflow:hidden}.modal-stat{flex:1 1;display:flex;align-items:center;gap:12px;padding:16px 20px;border-right:1px solid rgba(157,188,114,.15)}.modal-stat:last-child{border-right:none}.modal-stat-icon{font-size:20px}.modal-stat-label{font-size:.65rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.08em}.modal-stat-value{font-size:.95rem;font-weight:700;color:var(--text-dark)}.recipe-details-grid{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:3rem;gap:3rem}.recipe-section h3,.recipe-section h4{font-size:1.25rem;margin-bottom:1.25rem;display:flex;align-items:center;gap:12px!important;color:var(--text-dark)}.recipe-section svg{color:var(--primary-green)}.ingredient-list{list-style:none;padding:0}.ingredient-list li{padding:.75rem 0;border-bottom:1px solid rgba(0,0,0,.05);display:flex;align-items:center;gap:.75rem;font-size:1rem}.ingredient-list li:before{content:"";width:6px;height:6px;background:var(--primary-green);border-radius:50%;flex-shrink:0}.step-list{list-style:none;padding:0;counter-reset:step-counter}.step-list li{padding-bottom:1.5rem;counter-increment:step-counter;position:relative;padding-left:2.75rem;font-size:1rem;line-height:1.6}.step-list li:before{content:counter(step-counter);position:absolute;left:0;top:0;width:24px;height:24px;background:var(--primary-green);color:white;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:.75rem;font-weight:700}.modal-top-action-row{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:1.5rem;gap:1.5rem;margin:2.5rem 0}.modal-microgreen-section{margin:0!important;padding:1.5rem 2rem!important;background:linear-gradient(135deg,rgba(157,188,114,.08),rgba(143,179,106,.04));border:1px solid rgba(157,188,114,.25);border-radius:24px;display:flex;flex-direction:column;justify-content:center}.modal-section-heading{font-size:1rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:12px!important;color:var(--text-dark)}.modal-microgreen-card{display:flex;align-items:center;gap:1.5rem}.modal-microgreen-icon{font-size:2.8rem}.modal-microgreen-info{flex:1 1}.modal-microgreen-name{font-size:1.15rem;font-weight:700;margin-bottom:.25rem}.modal-microgreen-sub{font-size:.85rem;color:var(--text-medium)}.modal-microgreen-actions{display:flex;gap:1rem}.btn-subscribe-product,.btn-view-product{padding:.65rem 1.4rem;border-radius:100px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease;text-decoration:none;font-family:var(--font-body)}.btn-view-product{border:1.5px solid var(--primary-green);background:transparent;color:var(--primary-green)}.btn-subscribe-product,.btn-view-product:hover{background:var(--primary-green);color:white}.btn-subscribe-product{border:none}.btn-subscribe-product:hover{background:#5a7a3a;transform:translateY(-1px)}.modal-qty-selector{display:flex;align-items:center;gap:.75rem;background:white;border:1.5px solid rgba(157,188,114,.4);border-radius:100px;padding:.4rem 1rem}.modal-qty-selector button{background:transparent;border:none;cursor:pointer;font-size:1.1rem;color:var(--primary-green)}.modal-nutrition-highlight,.modal-pro-tip{display:flex;gap:1.25rem;padding:1.5rem;margin-bottom:1.5rem!important;border-radius:20px!important;border:1px solid transparent}.modal-nutrition-highlight{background:rgba(157,188,114,.08);border-color:rgba(157,188,114,.2);border-left:4px solid var(--primary-green)}.modal-pro-tip{background:rgba(255,183,77,.06);border-color:rgba(255,183,77,.15);border-left:4px solid #f97316}.modal-nutrition-highlight-icon,.modal-pro-tip-icon{font-size:1.75rem}.modal-nutrition-highlight-label,.modal-pro-tip-label{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.modal-nutrition-highlight-text,.modal-pro-tip-text{font-size:.95rem;line-height:1.6;margin:0}.nutrition-box{background:white;padding:1.5rem 2rem!important;border-radius:24px;border:1px solid rgba(143,179,106,.2);display:flex;flex-direction:column;justify-content:center;height:100%}.nutrition-box h4{margin-top:0;margin-bottom:1.25rem;font-size:1.15rem}.nutrition-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.25rem;gap:1.25rem}.nutrition-item span:first-child{display:block;font-size:.7rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.nutrition-item span:last-child{font-size:.95rem;font-weight:700;color:var(--text-dark)}.modal-served-with{margin-bottom:1.5rem!important;padding:1.5rem;background:white;border:1px solid rgba(143,179,106,.2);border-radius:20px}.served-with-chips{display:flex;flex-wrap:wrap;gap:.75rem}.served-chip{padding:.5rem 1.1rem;background:white;border:1px solid rgba(157,188,114,.3);border-radius:100px;font-size:.85rem;font-weight:600}.modal-related-section{margin-top:3.5rem;padding-top:2.5rem;border-top:1px solid rgba(0,0,0,.07)}.modal-related-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.25rem;gap:1.25rem}.modal-related-card{background:white;border-radius:20px;overflow:hidden;border:1px solid rgba(0,0,0,.05);cursor:pointer;transition:all .3s ease}.modal-related-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.08)}.modal-related-img-wrap{position:relative;aspect-ratio:4/3}.modal-related-img-wrap img{width:100%;height:100%;object-fit:cover}.modal-related-difficulty{position:absolute;top:10px;right:10px;padding:4px 10px;border-radius:100px;font-size:.65rem;font-weight:700;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-related-info{padding:1rem}.modal-related-micro{font-size:.65rem;font-weight:700;color:var(--primary-green);text-transform:uppercase;display:block;margin-bottom:.35rem}.modal-related-info h5{font-size:.9rem;margin:0 0 .5rem;color:var(--text-dark)}.modal-related-meta{display:flex;gap:.75rem;font-size:.75rem;color:var(--text-medium)}.microgreens-used{padding-top:1rem}.product-integration-card{display:flex;background:white;border-radius:20px;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.product-img{width:35%;flex-shrink:0}.product-img img{width:100%;height:100%;object-fit:cover}.product-info{padding:1rem;flex:1 1}.product-info h5{margin:0 0 .25rem;font-size:.95rem}.product-price{font-size:1.1rem;font-weight:700;color:var(--primary-green);margin-bottom:.75rem}.recipes-cta{margin-bottom:clamp(2rem,8dvh,8rem)}.cta-banner{background:linear-gradient(135deg,var(--primary-green),var(--secondary-green));border-radius:40px;padding:clamp(2rem,6dvh,5rem);color:white;text-align:center;position:relative;overflow:hidden}.cta-banner h2{color:white;font-size:clamp(2rem,min(6vw,6dvh),3rem);margin-bottom:clamp(1rem,3dvh,1.5rem)}.cta-banner p{font-size:clamp(1rem,2dvh,1.2rem);margin-bottom:clamp(1.5rem,5dvh,2.5rem);opacity:.9}@media (max-width:1024px){.recipes-grid{grid-template-columns:repeat(2,1fr);gap:24px}.recipe-details-grid{grid-template-columns:1fr;gap:2.5rem}.modal-related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.recipes-page{padding-top:60px;padding-bottom:60px}.recipes-unified-header{text-align:center;margin-bottom:30px}.recipes-unified-header h1{font-size:2.25rem}.header-subtext{margin:0 auto 20px;font-size:.95rem}.recipe-filters{margin-bottom:30px;justify-content:flex-start;padding-bottom:5px}.filter-chip{padding:8px 18px;font-size:.85rem}.recipes-grid{grid-template-columns:1fr;gap:24px;align-items:stretch}.recipe-card-modern{border-radius:20px;height:auto}.recipe-card-modern .card-content{padding:18px 20px 20px}.recipe-title{font-size:1.1rem}.recipe-excerpt-short{font-size:.8rem}.recipe-stats-grid{padding-top:12px}.cta-banner{padding:40px 24px;border-radius:30px}.cta-banner h2{font-size:1.75rem}.recipe-modal-overlay{padding:16px;overflow:hidden;align-items:center;justify-content:center}.recipe-modal-content{height:auto;max-height:88svh;border-radius:24px;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;width:100%}.close-modal{position:-webkit-sticky;position:sticky;top:12px;right:12px;margin-top:12px;margin-right:12px;margin-left:auto;z-index:50;width:40px;height:40px}.modal-hero{height:240px;margin-top:0}.modal-hero-badges{left:1.25rem;bottom:12px}.modal-body{padding:1.25rem;overflow-x:hidden;box-sizing:border-box}.modal-title-group h2{font-size:1.65rem}.modal-stats-row{flex-direction:row;border-radius:12px}.modal-stat{padding:10px 8px;flex-direction:column;text-align:center;gap:4px}.modal-stat-icon{font-size:16px}.modal-stat-value{font-size:.82rem}.modal-top-action-row{grid-template-columns:1fr!important;gap:14px;margin:1.5rem 0;width:100%;box-sizing:border-box}.modal-microgreen-section,.nutrition-box{width:100%!important;box-sizing:border-box!important;min-width:0!important}.modal-microgreen-card{flex-direction:column;align-items:flex-start;gap:.75rem}.modal-microgreen-actions{width:100%;gap:.75rem}.btn-subscribe-product,.btn-view-product{flex:1 1;text-align:center;padding:.6rem .5rem;font-size:.8rem}.modal-related-section,.recipe-details-grid{box-sizing:border-box;overflow-x:hidden;max-width:100%}.modal-related-grid{grid-template-columns:1fr}}@media (max-width:480px){.card-image-wrapper{aspect-ratio:4/3}.recipe-card-cta{padding:10px 15px;font-size:.8rem}.modal-hero{height:200px}}.recipe-right-sidebar{margin-top:3rem}.sticky-sidebar-content{position:static}