/* Farah Kitchen - Premium Menu Page */
.menu-main{background:var(--cream);color:#17120f}.menu-hero{position:relative;min-height:430px;display:flex;align-items:center;overflow:hidden;background:#100d0a;border-bottom:1px solid #5b471b}.menu-hero-bg{position:absolute;inset:0;background:url('../images/farah-hero-bg.png') center 48%/cover no-repeat;transform:scale(1.03)}.menu-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,8,6,.88),rgba(10,8,6,.58) 50%,rgba(10,8,6,.8))}.menu-hero-content{position:relative;z-index:2;text-align:center;padding:118px 0 70px;color:#fff}.menu-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--gold);font-weight:700}.menu-hero h1{font-size:clamp(42px,6vw,68px);line-height:1.05;margin:12px 0 14px;text-shadow:0 8px 25px #000}.menu-hero p{max-width:700px;margin:0 auto 24px;color:#eee;font-size:18px;line-height:1.9}.menu-hero-btn{display:inline-flex;align-items:center;gap:10px;background:var(--gold);color:#17120f;border-radius:30px;padding:12px 24px;font-weight:700;box-shadow:0 10px 30px #0008;transition:.25s}.menu-hero-btn:hover{transform:translateY(-3px);box-shadow:0 14px 35px #000a}.menu-hero-btn span{font-size:20px}.menu-hero-lines{position:absolute;width:260px;height:260px;border:1px solid #dca41455;border-radius:50%;z-index:1}.menu-line-a{right:-100px;top:-90px}.menu-line-b{left:-120px;bottom:-150px}.menu-content{padding:38px 0 75px;background:radial-gradient(circle at 50% 0,#fff9ee 0,#faf1e2 42%,#f4e7d1 100%)}.menu-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.menu-heading span{color:#d99b00;font-weight:700}.menu-heading h2{margin:3px 0 0;font-size:31px}.menu-count{background:#fff;border:1px solid #ead7b5;border-radius:30px;padding:9px 16px;color:#6b5a43;font-size:13px;box-shadow:0 5px 18px #0000000b}.menu-tabs-wrap{position:relative;margin-bottom:28px}.menu-tabs{display:flex;gap:9px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding:3px 35px 8px}.menu-tabs::-webkit-scrollbar{display:none}.menu-tab{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:10px 17px;border:1px solid #d7ae4d;border-radius:30px;background:#fffaf2;color:#3b3023;font-weight:700;box-shadow:0 3px 10px #00000008;transition:transform .2s,background .2s,color .2s,box-shadow .2s}.menu-tab span{font-size:18px}.menu-tab:hover{transform:translateY(-2px);box-shadow:0 7px 18px #00000012}.menu-tab.active{background:linear-gradient(135deg,#ffc522,#e7a800);color:#17120f;border-color:#e7a800;box-shadow:0 8px 20px #d89b0038}.menu-tab-scroll{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:32px;height:32px;border-radius:50%;border:1px solid #d7ae4d;background:#17120f;color:var(--gold);font-size:25px;line-height:1;cursor:pointer;box-shadow:0 5px 15px #0003}.menu-tab-scroll.prev{right:0}.menu-tab-scroll.next{left:0}.premium-menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.menu-card{position:relative;overflow:hidden;background:#fff;border:1px solid #eadfce;border-radius:23px;padding:0;box-shadow:0 12px 30px #3b28120d;transition:transform .3s,box-shadow .3s;animation:menuCardIn .5s both;animation-delay:var(--delay)}.menu-card:hover{transform:translateY(-7px);box-shadow:0 20px 42px #3b28121f}.menu-card-image{display:block;position:relative;overflow:hidden;background:#eadfce}.menu-card-image img{width:100%;height:225px;display:block;object-fit:cover;transition:transform .55s}.menu-card:hover .menu-card-image img{transform:scale(1.06)}.menu-card-glow{position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,#0005);pointer-events:none}.menu-card-body{padding:15px 17px 18px}.menu-card-kicker{color:#d59a00;font-size:11px;font-weight:700}.menu-card h3{font-size:20px;margin:4px 0 5px}.menu-card h3 a:hover{color:#c68d00}.menu-card p{color:#70675d;font-size:13px;line-height:1.7;min-height:42px;margin:0}.menu-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px}.menu-card-bottom strong{font-size:20px}.menu-card-bottom form{margin:0}.menu-add-btn{display:inline-flex;align-items:center;gap:6px;border:0;background:linear-gradient(135deg,#ffc52a,#f1b20c);color:#17120f;border-radius:24px;padding:10px 14px;font:700 13px Farah;cursor:pointer;box-shadow:0 6px 15px #d89b0030;transition:.2s}.menu-add-btn:hover{transform:translateY(-2px);box-shadow:0 9px 20px #d89b0040}.menu-empty{grid-column:1/-1;text-align:center;background:#fff;border:1px solid #eadfce;border-radius:24px;padding:65px 20px;box-shadow:0 12px 30px #0000000c}.menu-empty-icon{font-size:54px;margin-bottom:8px}.menu-empty h3{margin:0 0 5px;font-size:22px}.menu-empty p{margin:0;color:#777}.menu-loading{opacity:.45;pointer-events:none;transform:translateY(5px);transition:.25s}.menu-fade-in{animation:menuGridIn .35s ease both}@keyframes menuCardIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes menuGridIn{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.premium-menu-grid{grid-template-columns:repeat(3,1fr)}.menu-card-image img{height:210px}}
@media(max-width:820px){.menu-hero{min-height:390px}.menu-hero-content{padding:105px 0 55px}.menu-hero h1{font-size:45px}.menu-hero p{font-size:15px;max-width:580px}.menu-content{padding-top:30px}.menu-heading h2{font-size:26px}.premium-menu-grid{grid-template-columns:repeat(2,1fr);gap:14px}.menu-card-image img{height:205px}.menu-tab-scroll{display:none}.menu-tabs{padding-left:0;padding-right:0}.menu-card-body{padding:13px}.menu-card h3{font-size:18px}}
@media(max-width:560px){.menu-hero{min-height:350px}.menu-hero-content{padding:95px 0 45px}.menu-hero h1{font-size:37px}.menu-hero p{font-size:13px;line-height:1.8;margin-bottom:18px}.menu-hero-btn{padding:10px 19px;font-size:13px}.menu-heading{align-items:start}.menu-heading h2{font-size:23px}.menu-count{padding:7px 11px;font-size:11px}.menu-tabs{gap:7px}.menu-tab{padding:8px 12px;font-size:12px}.menu-tab span{font-size:15px}.premium-menu-grid{grid-template-columns:1fr;gap:13px}.menu-card-image img{height:225px}.menu-card-bottom strong{font-size:18px}.menu-add-btn{padding:9px 13px}.menu-content{padding-bottom:45px}}