*{margin:0;padding:0;box-sizing:border-box}:root{--color-green: #517665;--color-black: #282828;--color-white: #f5f5f5;--color-cream: #e8e4d9}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--color-cream);background-image:radial-gradient(circle at 0 0,var(--color-green) 20%,transparent 20%),radial-gradient(circle at 50% 50%,var(--color-black) 10%,transparent 10%),linear-gradient(45deg,var(--color-green) 25%,transparent 25%),linear-gradient(-45deg,var(--color-green) 25%,transparent 25%);background-size:100px 100px;background-position:0 0,25px 25px,50px 50px,50px 50px;color:var(--color-black);padding:16px;line-height:1.4}.container{max-width:1000px;margin:0 auto;padding:16px;background-color:#f5f5f5f7;border-radius:16px;box-shadow:0 4px 12px #0000001a;border:2px solid var(--color-green)}.header{text-align:center;margin-bottom:32px;border-bottom:3px solid var(--color-green);padding-bottom:16px}.header h1{color:var(--color-green);font-size:2.8rem;font-weight:800}.menu{text-align:center;margin-bottom:32px}.menu h2{font-size:2rem;color:var(--color-black);margin-bottom:24px;position:relative;display:inline-block}.menu h2:after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:2px;background:var(--color-green)}.menu>p{font-size:1.2rem;line-height:1.4;margin-bottom:32px;color:var(--color-black)}.dishes{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;padding:0 16px}.dish{display:flex;flex-direction:column;align-items:center;background-color:var(--color-white);border-radius:8px;overflow:hidden;transition:transform .3s;border:1px solid var(--color-green);position:relative}.dish:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-green)}.dish:hover{transform:translateY(-4px);box-shadow:0 4px 12px #51766533}.dish img{width:100%;height:160px;object-fit:cover}.dish div{padding:16px;text-align:center;flex-grow:1}.dish h3{font-size:1.4rem;color:var(--color-green);margin-bottom:8px}.dish p{font-size:.9rem;color:var(--color-black);margin-bottom:8px}.dish span{display:block;font-size:1.2rem;font-weight:700;color:var(--color-green)}.dish.sold-out{opacity:.7;filter:grayscale(100%)}.dish.sold-out span{color:#888}.footer{text-align:center;margin-top:32px;padding:16px;background:var(--color-green);border-radius:8px;color:var(--color-white)}.footer p{font-size:1rem}.btn{background-color:var(--color-black);color:var(--color-white);padding:8px 16px;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .3s;margin-top:8px}.btn:hover{background-color:var(--color-green);transform:translateY(-2px)}@media (max-width: 768px){.header h1{font-size:2rem}.menu h2{font-size:1.6rem}.menu>p{font-size:1rem}.dishes{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.dish img{height:140px}}