:where(html:has(.page-recipes)) body{color:#4d4d4d;background:#f8f9fa;font-family:Poppins,Arial,sans-serif;line-height:1.6}:where(html:has(.page-recipes)) .recipes-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#009739 0%,#a4d65e 100%);padding:80px 0}:where(html:has(.page-recipes)) .hero-title{margin-bottom:20px;font-size:3rem;font-weight:700}:where(html:has(.page-recipes)) .hero-subtitle{opacity:.9;max-width:600px;margin:0 auto;font-size:1.3rem}:where(html:has(.page-recipes)) .filter-tabs{z-index:100;background:#fff;padding:30px 0;position:sticky;top:0;box-shadow:0 2px 10px #0000001a}:where(html:has(.page-recipes)) .tabs-container{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}:where(html:has(.page-recipes)) .tab-btn{color:#666;cursor:pointer;background:#f8f9fa;border:2px solid #e9ecef;border-radius:25px;padding:12px 30px;font-weight:600;text-decoration:none;transition:all .3s}:where(html:has(.page-recipes)) .tab-btn.active,:where(html:has(.page-recipes)) .tab-btn:hover{color:#fff;background:#009739;border-color:#009739;transform:translateY(-2px)}:where(html:has(.page-recipes)) .recipes-section{padding:60px 0}:where(html:has(.page-recipes)) .section-title{text-align:center;color:#009739;margin-bottom:50px;font-size:2.5rem;font-weight:700}:where(html:has(.page-recipes)) .recipes-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:40px;display:grid}:where(html:has(.page-recipes)) .recipe-card{cursor:pointer;background:#fff;border-radius:20px;transition:all .3s;overflow:hidden;box-shadow:0 8px 25px #0000001a}:where(html:has(.page-recipes)) .recipe-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #00000026}:where(html:has(.page-recipes)) .recipe-image{background-position:50%;background-size:cover;width:100%;height:250px;position:relative}:where(html:has(.page-recipes)) .recipe-time{color:#fff;background:#000000b3;border-radius:20px;padding:8px 15px;font-size:.9rem;position:absolute;top:15px;right:15px}:where(html:has(.page-recipes)) .recipe-content{padding:25px}:where(html:has(.page-recipes)) .recipe-title{color:#4d4d4d;margin-bottom:15px;font-size:1.4rem;font-weight:600;line-height:1.3}:where(html:has(.page-recipes)) .nutrition-info{background:#f8f9fa;border-radius:10px;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0;padding:20px;display:grid}:where(html:has(.page-recipes)) .nutrition-item{text-align:center}:where(html:has(.page-recipes)) .nutrition-value{color:#009739;font-size:1.2rem;font-weight:700;display:block}:where(html:has(.page-recipes)) .nutrition-label{color:#666;font-size:.9rem}:where(html:has(.page-recipes)) .ingredients-preview{margin:15px 0}:where(html:has(.page-recipes)) .ingredients-title{color:#4d4d4d;margin-bottom:10px;font-weight:600}:where(html:has(.page-recipes)) .ingredients-list{color:#666;font-size:.9rem;line-height:1.5}:where(html:has(.page-recipes)) .recipe-tags{flex-wrap:wrap;gap:10px;margin:15px 0;display:flex}:where(html:has(.page-recipes)) .tag{color:#fff;background:#a4d65e;border-radius:15px;padding:5px 12px;font-size:.8rem;font-weight:500}:where(html:has(.page-recipes)) .tag.healthy{background:#28a745}:where(html:has(.page-recipes)) .tag.protein{background:#007bff}:where(html:has(.page-recipes)) .tag.quick{color:#333;background:#ffc107}:where(html:has(.page-recipes)) .tag.spicy{background:#dc3545}:where(html:has(.page-recipes)) .view-recipe-btn{color:#fff;cursor:pointer;background:#009739;border:none;border-radius:25px;width:100%;margin-top:15px;padding:12px;font-weight:600;transition:all .3s}:where(html:has(.page-recipes)) .view-recipe-btn:hover{background:#007c30;transform:translateY(-2px)}:where(html:has(.page-recipes)) .recipe-modal{z-index:1000;background:#000c;width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow-y:auto}:where(html:has(.page-recipes)) .modal-content{background:#fff;border-radius:20px;max-width:800px;max-height:90vh;margin:50px auto;padding:0;position:relative;overflow-y:auto}:where(html:has(.page-recipes)) .modal-header{background-position:50%;background-size:cover;border-radius:20px 20px 0 0;height:300px;position:relative}:where(html:has(.page-recipes)) .close-modal{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;width:40px;height:40px;font-size:1.5rem;position:absolute;top:20px;right:20px}:where(html:has(.page-recipes)) .modal-body{padding:30px}:where(html:has(.page-recipes)) .modal-title{color:#4d4d4d;margin-bottom:20px;font-size:2rem;font-weight:700}:where(html:has(.page-recipes)) .ingredients-section,:where(html:has(.page-recipes)) .instructions-section{margin:30px 0}:where(html:has(.page-recipes)) .section-heading{color:#009739;margin-bottom:15px;font-size:1.3rem;font-weight:600}:where(html:has(.page-recipes)) .ingredients-table{border-collapse:collapse;width:100%;margin:15px 0}:where(html:has(.page-recipes)) .ingredients-table td{border-bottom:1px solid #eee;padding:12px}:where(html:has(.page-recipes)) .ingredients-table td:first-child{color:#4d4d4d;font-weight:500}:where(html:has(.page-recipes)) .ingredients-table td:last-child{text-align:right;color:#666}:where(html:has(.page-recipes)) .instruction-step{align-items:flex-start;margin:20px 0;display:flex}:where(html:has(.page-recipes)) .step-number{color:#fff;background:#009739;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-right:15px;font-weight:600;display:flex}:where(html:has(.page-recipes)) .step-text{color:#666;line-height:1.6}:where(html:has(.page-recipes)) .category-section{margin:60px 0}:where(html:has(.page-recipes)) .category-section.hidden{display:none}@media (max-width:768px){:where(html:has(.page-recipes)) .hero-title{font-size:2.2rem}:where(html:has(.page-recipes)) .hero-subtitle{font-size:1.1rem}:where(html:has(.page-recipes)) .recipes-grid{grid-template-columns:1fr;gap:20px}:where(html:has(.page-recipes)) .nutrition-info{grid-template-columns:repeat(2,1fr)}:where(html:has(.page-recipes)) .tabs-container{flex-direction:column;align-items:center}:where(html:has(.page-recipes)) .tab-btn{text-align:center;width:200px}:where(html:has(.page-recipes)) .modal-content{max-width:calc(100% - 40px);margin:20px}:where(html:has(.page-recipes)) .modal-header{height:200px}}@media (max-width:480px){:where(html:has(.page-recipes)) .hero-title{font-size:1.8rem}:where(html:has(.page-recipes)) .section-title{font-size:2rem}:where(html:has(.page-recipes)) .recipe-content{padding:20px}:where(html:has(.page-recipes)) .nutrition-info{grid-template-columns:1fr;gap:10px}}:where(html:has(.page-recipes)) h1,:where(html:has(.page-recipes)) h2,:where(html:has(.page-recipes)) h3,:where(html:has(.page-recipes)) h4,:where(html:has(.page-recipes)) h5,:where(html:has(.page-recipes)) h6{color:#2c3e50;font-weight:700;line-height:1.3}:where(html:has(.page-recipes)) p{color:#555;line-height:1.6}:where(html:has(.page-recipes)) .clv_btn{letter-spacing:.5px;justify-content:center;align-items:center;display:inline-flex;text-transform:none!important;border-radius:4px!important;padding:10px 24px!important;font-weight:600!important;transition:all .3s!important}:where(html:has(.page-recipes)) .clv_btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}:where(html:has(.page-recipes)) .product-card,:where(html:has(.page-recipes)) .blog_item,:where(html:has(.page-recipes)) .gallery_item{border-radius:8px;transition:box-shadow .3s;overflow:hidden}:where(html:has(.page-recipes)) .product-card:hover,:where(html:has(.page-recipes)) .blog_item:hover{box-shadow:0 8px 24px #00000014}:where(html:has(.page-recipes)) .clv_section{padding:60px 0}@media (min-width:992px){:where(html:has(.page-recipes)) .clv_section{padding:80px 0}}:where(html:has(.page-recipes)) .whatsapp-action{color:#fff;background-color:#25d366}:where(html:has(.page-recipes)) .whatsapp-action:hover{color:#fff;background-color:#128c7e}@media (max-width:768px){:where(html:has(.page-recipes)) h1{font-size:28px!important}:where(html:has(.page-recipes)) h2{font-size:24px!important}:where(html:has(.page-recipes)) h3{font-size:20px!important}:where(html:has(.page-recipes)) .header{padding:10px 15px}:where(html:has(.page-recipes)) .clv_btn{padding:8px 20px!important;font-size:14px!important}}
