.recipes-page{min-height:100vh}.recipes-hero{padding:var(--spacing-3xl) 0;background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),url(/placeholder/legumes-cuisine.webp) 50%/cover no-repeat;text-align:center;color:var(--white)}.recipes-hero h1{font-size:var(--font-size-4xl);color:var(--white);margin-bottom:var(--spacing-md);text-shadow:0 2px 8px rgba(0,0,0,.5)}.hero-subtitle{font-size:var(--font-size-xl);max-width:700px;margin:0 auto;line-height:var(--line-height-relaxed);text-shadow:0 1px 6px rgba(0,0,0,.4)}.recipes-search{padding:var(--spacing-3xl) 0;background:var(--background-color)}.search-form{display:flex;gap:var(--spacing-md);max-width:800px;margin:0 auto var(--spacing-xl)}.search-input-wrapper{flex:1 1;position:relative;display:flex;align-items:center;background:var(--white);border:2px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-md) var(--spacing-lg);transition:border-color var(--transition-fast)}.search-input-wrapper:focus-within{border-color:var(--accent-color)}.search-input-wrapper svg{color:var(--text-secondary);margin-right:var(--spacing-md)}.search-input-wrapper input{flex:1 1;border:none;outline:none;font-size:var(--font-size-base);background:transparent}.search-form .btn{white-space:nowrap}.search-suggestions{text-align:center}.search-suggestions p{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-md)}.suggestion-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.suggestion-tags button{padding:var(--spacing-sm) var(--spacing-lg);background:var(--white);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius-full);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.suggestion-tags button:hover{background:var(--primary-color);border-color:var(--primary-color);transform:translateY(-2px)}.recipes-results{padding:var(--spacing-3xl) 0}.recipes-results h2{font-size:var(--font-size-2xl);color:var(--text-primary);margin-bottom:var(--spacing-xl)}.recipes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--spacing-xl);gap:var(--spacing-xl)}.recipe-card{background:var(--white);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-base);text-decoration:none;display:flex;flex-direction:column}.recipe-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.recipe-image{width:100%;height:200px;overflow:hidden;position:relative}.recipe-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.recipe-card:hover .recipe-image img{transform:scale(1.1)}.recipe-content{padding:var(--spacing-lg);flex:1 1;display:flex;flex-direction:column}.recipe-content h3{font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:var(--spacing-md);line-height:var(--line-height-tight)}.recipe-meta{display:flex;gap:var(--spacing-md);margin-top:auto}.meta-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary)}.meta-item svg{color:var(--accent-color)}.empty-state,.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;gap:var(--spacing-lg)}.empty-state svg,.loading-state svg{color:var(--accent-color)}.empty-state h3{font-size:var(--font-size-2xl);color:var(--text-primary)}.empty-state p{color:var(--text-secondary);max-width:500px}.recipes-cta{padding:var(--spacing-3xl) 0;background:var(--background-color)}.cta-card{padding:var(--spacing-3xl);background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);border-radius:var(--border-radius-xl);text-align:center;box-shadow:var(--shadow-lg)}.cta-card h2{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.cta-card h2,.cta-card p{color:var(--text-primary)}.cta-card p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl);max-width:600px;margin-left:auto;margin-right:auto}@media (max-width:992px){.recipes-hero h1{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-lg)}.recipes-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-lg)}}@media (max-width:768px){.recipes-hero h1{font-size:var(--font-size-2xl)}.hero-subtitle{font-size:var(--font-size-base)}.search-form{flex-direction:column}.search-form .btn{width:100%}.recipes-grid{grid-template-columns:1fr}.cta-card{padding:var(--spacing-2xl) var(--spacing-lg)}.cta-card h2{font-size:var(--font-size-2xl)}}