.hero-section{position:relative;height:50vh;background-color:#262626;background-size:cover;background-position:bottom;background-attachment:fixed;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;z-index:1}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:0}.hero-content{position:relative;z-index:2;max-width:800px;padding:0 20px;opacity:0;transform:translateX(-50px);transition:opacity 1s ease-out,transform 1s ease-out}.hero-content h1{font-size:48px;margin-bottom:20px;color:#ffe3b5}.hero-content p{font-size:20px;line-height:1.8;margin-bottom:30px;color:#f4f4f4;text-shadow:1px 1px 20px #000}.cta-btn{display:inline-block;background-color:#225d3b;color:#fff;padding:14px 36px;font-size:18px;font-weight:700;border-radius:8px;text-decoration:none;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.cta-btn:hover{background-color:#7e715a;transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.2)}@media (max-width:1024px){.hero-content h1{font-size:36px}.hero-content p{font-size:18px}.cta-btn{padding:12px 30px;font-size:16px}}@media (max-width:768px){.hero-content h1{font-size:30px}.hero-content p{font-size:16px}.cta-btn{padding:10px 28px}}@media (max-width:480px){.hero-content h1{font-size:26px}.hero-content p{font-size:15px}.cta-btn{padding:8px 24px;font-size:14px}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}#menuHero .fade-in-right{opacity:1;transform:translateX(0)}#menu{padding:0;background-color:#f4f4f9;text-align:center}#menu .menu-title{font-size:40px;color:#e7e7e7;text-transform:uppercase;letter-spacing:2px;position:relative;background-color:#262626;padding:20px 0}#menu section{padding:60px 0}#menu section h2{font-size:40px;margin-bottom:40px;text-transform:uppercase;position:relative}#menu section h2:after{content:"";width:60px;height:3px;display:block;margin:15px auto;border-radius:3px;background-color:currentColor}#menu .menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:30px;gap:30px;justify-items:center;align-items:stretch;padding:0 30px;width:100%}.menu-item{background-color:#f8f8f8;border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,.1);overflow:hidden;transition:transform .3s ease-in-out,box-shadow .3s ease;position:relative;width:100%}.menu-content{position:relative;padding:20px;display:flex;flex-direction:column;justify-content:space-between;height:calc(100% - 310px)}.menu-item:hover{transform:translateY(-10px);box-shadow:0 12px 30px rgba(0,0,0,.2)}.menu-item:before{content:"";position:absolute;top:0;left:0;height:5px;width:100%;background-color:currentColor}.menu-item-img{background-color:#e5e5e5;width:100%;height:300px;object-fit:cover;border-bottom:4px solid;transition:opacity .3s ease-in-out;margin-bottom:10px}.menu-item:hover .menu-item-img{opacity:.9}.menu-item-name{font-size:26px;color:currentColor;margin-bottom:15px}.menu-item-description{font-size:16px;color:#666;line-height:1.8;margin-bottom:20px;padding:0 20px}.menu-item-price{font-size:18px;color:currentColor;font-weight:700;padding-bottom:6px}.menu-item .cta-btn{background-color:currentColor;padding:10px 20px;color:#fff;text-decoration:none;font-size:14px;font-weight:700;border-radius:5px;transition:background-color .3s ease}.menu-item .cta-btn:hover{background-color:#234e36}@media (max-width:1024px){#menu{padding:0}#menu .menu-grid{padding:40px}}@media (max-width:768px){#menu .menu-title{font-size:36px}#menu section h2{font-size:28px}.menu-item-name{font-size:22px}.menu-item-description{font-size:14px}.menu-item-price{font-size:16px}.menu-item-img{height:250px}#menu .menu-grid{gap:20px;padding:0 20px}}@media (max-width:480px){#menu .menu-grid{gap:20px}.menu-item{margin:0 auto}}section[id=Appetizers],section[id=appetizers]{background-color:#fff7e6}section[id=Appetizers] h2,section[id=appetizers] h2{color:#8c3900}section[id=Appetizers] .menu-item:before,section[id=Appetizers] h2:after,section[id=appetizers] .menu-item:before,section[id=appetizers] h2:after{background-color:#8c3900}section[id=Appetizers] .menu-item-img{border-bottom-color:#8c3900}section[id=Appetizers] .menu-item-name,section[id=Appetizers] .menu-item-price,section[id=appetizers] .menu-item-name,section[id=appetizers] .menu-item-price{color:#8c3900}section[id=Salads],section[id=salads]{background-color:#e8f5e9}section[id=Salads] h2,section[id=salads] h2{color:#1b5e1f}section[id=Salads] .menu-item:before,section[id=Salads] h2:after,section[id=salads] .menu-item:before,section[id=salads] h2:after{background-color:#1b5e1f}section[id=Salads] .menu-item-img{border-bottom-color:#1b5e1f}section[id=Salads] .menu-item-name,section[id=Salads] .menu-item-price,section[id=salads] .menu-item-name,section[id=salads] .menu-item-price{color:#1b5e1f}section[id=Entrees],section[id=entrees]{background-color:#f3e5f5}section[id=Entrees] h2,section[id=entrees] h2{color:#82209c}section[id=Entrees] .menu-item:before,section[id=Entrees] h2:after,section[id=entrees] .menu-item:before,section[id=entrees] h2:after{background-color:#82209c}section[id=Entrees] .menu-item-img{border-bottom-color:#82209c}section[id=Entrees] .menu-item-name,section[id=Entrees] .menu-item-price,section[id=entrees] .menu-item-name,section[id=entrees] .menu-item-price{color:#82209c}section[id=Sides],section[id=sides]{background-color:#e0f7fa}section[id=Sides] h2,section[id=sides] h2{color:#005e52}section[id=Sides] .menu-item:before,section[id=Sides] h2:after,section[id=sides] .menu-item:before,section[id=sides] h2:after{background-color:#005e52}section[id=Sides] .menu-item-img{border-bottom-color:#005e52}section[id=Sides] .menu-item-name,section[id=Sides] .menu-item-price,section[id=sides] .menu-item-name,section[id=sides] .menu-item-price{color:#005e52}section[id=Beverages],section[id=beverages]{background-color:#fff3e0}section[id=Beverages] h2,section[id=beverages] h2{color:#893d00}section[id=Beverages] .menu-item:before,section[id=Beverages] h2:after,section[id=beverages] .menu-item:before,section[id=beverages] h2:after{background-color:#893d00}section[id=Beverages] .menu-item-img{border-bottom-color:#893d00}section[id=Beverages] .menu-item-name,section[id=Beverages] .menu-item-price,section[id=beverages] .menu-item-name,section[id=beverages] .menu-item-price{color:#893d00}section[id=Desserts],section[id=desserts]{background-color:#fce4ec}section[id=Desserts] h2,section[id=desserts] h2{color:#ab003f}section[id=Desserts] .menu-item:before,section[id=Desserts] h2:after,section[id=desserts] .menu-item:before,section[id=desserts] h2:after{background-color:#ab003f}section[id=Desserts] .menu-item-img{border-bottom-color:#ab003f}section[id=Desserts] .menu-item-name,section[id=Desserts] .menu-item-price,section[id=desserts] .menu-item-name,section[id=desserts] .menu-item-price{color:#ab003f}section[id=Appetizers] .menu-grid,section[id=appetizers] .menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:30px;gap:30px}section[id=Salads] .menu-grid,section[id=salads] .menu-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px}@media (max-width:768px){section[id=Salads] .menu-grid,section[id=salads] .menu-grid{grid-template-columns:1fr}}section[id=Entrees] .menu-grid,section[id=entrees] .menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:50px;gap:50px}section[id=Sides] .menu-grid,section[id=sides] .menu-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:30px;gap:30px}@media (max-width:768px){section[id=Sides] .menu-grid,section[id=sides] .menu-grid{grid-template-columns:1fr}}section[id=Beverages] .menu-grid,section[id=beverages] .menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:40px;gap:40px}section[id=Desserts] .menu-grid,section[id=desserts] .menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:50px;gap:50px}section[id=Appetizers] .menu-item:hover{border-radius:15px}section[id=Salads] .menu-item:hover{transform:scale(1.05)}section[id=Entrees] .menu-item:hover{border:2px solid #82209c}section[id=Sides] .menu-item:hover{box-shadow:0 12px 25px rgba(0,0,0,.15)}section[id=Beverages] .menu-item:hover{transform:rotate(-1deg)}section[id=Desserts] .menu-item:hover{transform:translateY(-5px) scale(1.02)}section[id=Appetizers],section[id=Beverages],section[id=Desserts],section[id=Entrees],section[id=Salads],section[id=Sides],section[id=appetizers],section[id=beverages],section[id=desserts],section[id=entrees],section[id=salads],section[id=sides]{background-image:url(https://www.transparenttextures.com/patterns/white-wall-3.png);background-repeat:repeat}