@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:20px;color:#2d3748}.menu-header{text-align:center;margin-bottom:50px;color:#1a202c}.menu-header h1{font-family:Playfair Display,serif;font-size:3.5rem;font-weight:700;margin-bottom:15px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.menu-header p{font-size:1.1rem;font-weight:400;color:#4a5568;max-width:600px;margin:0 auto;line-height:1.6}.app{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:35px;max-width:1400px;margin:0 auto;padding:20px}.recipe-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 40px #00000014;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;display:flex;flex-direction:column;height:420px;border:1px solid rgba(226,232,240,.8)}.recipe-card:hover{transform:translateY(-12px);box-shadow:0 30px 60px #0000001f;border-color:#e2e8f0}.recipe-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;padding:28px 24px;position:relative;overflow:hidden}.recipe-header:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:translate(-100%);transition:transform .8s ease}.recipe-card:hover .recipe-header:before{transform:translate(100%)}.recipe-header h2{font-family:Playfair Display,serif;font-size:1.8rem;font-weight:600;margin-bottom:12px;position:relative;z-index:1;line-height:1.2;letter-spacing:-.02em}.price{font-size:1.8rem!important;font-weight:700!important;color:#fff!important;margin-top:8px;font-family:Inter,sans-serif;position:relative;z-index:1}.recipe-body{display:flex;padding:32px 28px;gap:0;flex:1;align-items:center;min-height:200px;position:relative}.recipe-body>div:first-child{flex:1;display:flex;flex-direction:column;gap:0;justify-content:center;padding-right:250px;min-height:140px}.description p{font-size:1.05rem;line-height:1.7;color:#4a5568;font-weight:400;margin:0 0 20px;text-align:left;word-wrap:break-word;font-family:Inter,sans-serif}.like-count{margin-top:18px;font-size:1rem;font-weight:500;color:#e53e3e;display:flex;align-items:center;gap:6px;font-family:Inter,sans-serif;background:#fef2f2;padding:8px 16px;border-radius:20px;border:1px solid #fecaca;transition:all .2s ease;cursor:default}.like-count:hover{background:#fee2e2;border-color:#fca5a5;transform:translateY(-1px)}.image{height:180px;width:220px;overflow:hidden;border-radius:20px;flex-shrink:0;box-shadow:0 12px 30px #00000026;transition:all .4s ease;position:absolute;top:50%;right:28px;transform:translateY(-50%);border:4px solid white;background:#f7fafc}.recipe-card:hover .image{transform:translateY(-50%) scale(1.05);box-shadow:0 20px 40px #0003;z-index:10}.image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;display:block;min-height:100%;min-width:100%}.image img:not([src]),.image img[src=""],.image img[src*=undefined]{opacity:.7;background:linear-gradient(135deg,#e2e8f0,#cbd5e0)}.recipe-card:hover .image img{transform:scale(1.1)}.recipe-footer{padding:20px 24px;text-align:center;background:linear-gradient(135deg,#f7fafc,#edf2f7);color:#4a5568;font-style:italic;font-weight:500;position:relative;overflow:hidden;margin-top:auto;font-size:.9rem;border-top:1px solid rgba(226,232,240,.8)}.recipe-footer:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .6s ease}.recipe-card:hover .recipe-footer:after{left:100%}@media (max-width: 768px){.app{grid-template-columns:1fr;gap:25px;padding:15px}.menu-header h1{font-size:2.8rem}.recipe-card{margin:0 10px;height:auto;min-height:380px}.recipe-body{flex-direction:column;padding:24px 20px;gap:20px}.recipe-body>div:first-child{padding-right:0;text-align:center}.like-count{padding:10px 16px;font-size:1rem;margin-top:15px}.image{position:relative;top:auto;right:auto;transform:none;width:100%;height:180px}.recipe-header{padding:24px 20px}.recipe-header h2{font-size:1.6rem}.price{font-size:1.6rem!important}}@media (max-width: 480px){body{padding:15px}.menu-header h1{font-size:2.4rem}.menu-header p{font-size:1rem}.recipe-body,.recipe-header{padding:20px 16px}.recipe-footer{padding:16px 20px}}@media (min-width: 769px) and (max-width: 1024px){.app{grid-template-columns:repeat(2,1fr);gap:30px}.menu-header h1{font-size:3.2rem}}@media (min-width: 1400px){.app{grid-template-columns:repeat(3,1fr)}}html{scroll-behavior:smooth}.recipe-card:focus-within{outline:3px solid #667eea;outline-offset:3px}.image img{animation:fadeIn .6s ease-in}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.recipe-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea05,#764ba205);opacity:0;transition:opacity .3s ease;pointer-events:none}.recipe-card:hover:before{opacity:1}