:root{font-family:Playfair Display,Cormorant Garamond,Segoe UI,sans-serif;line-height:1.6;font-weight:400;color:#1d1d1d;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;background-color:#f6f1e8}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background-color:#f6f1e8;color:#f7f2ea}#root{min-height:100vh}.page{min-height:100vh;display:flex;flex-direction:column;background-color:#f6f1e8}.top-bar{position:sticky;top:0;z-index:50;padding:.75rem clamp(1rem,6vw,6rem);background-color:#f8f4ecf2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.05);box-shadow:0 6px 20px #0000000d}.top-bar .wordmark{flex-shrink:0}.wordmark{display:flex;align-items:center;gap:.5rem;letter-spacing:.35em;font-size:.9rem;color:#1f1f1f}.wordmark svg{width:24px;height:24px;color:#8a937e}.wordmark img{max-height:60px;width:auto;object-fit:contain}.primary-nav{display:flex;gap:1.5rem}.primary-nav a{text-decoration:none;color:#1f1f1f;font-size:.95rem;font-weight:500;transition:color .2s ease;white-space:nowrap}.primary-nav a:hover{color:#8a937e}.page:has(main .menu-page) .top-bar.menu-top-bar{position:sticky;top:0;z-index:50;transition:transform .3s ease,opacity .3s ease;border-bottom:1px solid rgba(0,0,0,.05);box-shadow:0 6px 20px #0000000d}.page:has(main .menu-page) .top-bar.menu-top-bar.scrolled{transform:translateY(-100%);opacity:0;pointer-events:none}.category-nav{position:fixed;top:80px;left:0;right:0;z-index:60;background-color:#f8f4ecfa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(0,0,0,.05);box-shadow:0 2px 10px #0000000d;padding:.75rem clamp(1rem,6vw,6rem);display:flex;gap:1rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;flex-wrap:nowrap;padding-bottom:.5rem;transition:top .3s ease}.category-nav.scrolled{top:0}.category-nav a{color:#8a937e;background-color:transparent;border:2px solid #8a937e;border-radius:999px;padding:.5rem 1.25rem;transition:all .2s ease;display:inline-block;flex-shrink:0;white-space:nowrap;text-decoration:none;font-size:.95rem;font-weight:500}.category-nav a:hover{color:#8a937e;background-color:#8a937e1a}.category-nav a.active{color:#fff;background-color:#8a937e;border-color:#8a937e}.category-nav::-webkit-scrollbar{height:4px}.category-nav::-webkit-scrollbar-track{background:#0000000d;border-radius:2px}.category-nav::-webkit-scrollbar-thumb{background:#8a937e4d;border-radius:2px}.category-nav::-webkit-scrollbar-thumb:hover{background:#8a937e80}.page:has(main .menu-page) main{padding-top:150px}main{flex:1}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:4rem 1.5rem;color:#fefcf7}.hero--photo{background-image:linear-gradient(135deg,#121212bf,#00000073),url(https://images.unsplash.com/photo-1509440159596-0249088772ff?auto=format&fit=crop&w=2000&q=80);background-size:cover;background-position:center}.hero-inner{max-width:720px;text-align:center;display:flex;flex-direction:column;gap:1rem;transform:translate(-5%)}.eyebrow{text-transform:uppercase;letter-spacing:.4em;font-size:.85rem;color:#ffffffbf;margin-top:0;margin-bottom:4rem}.hero h1{font-family:Playfair Display,Cormorant Garamond,serif;font-size:clamp(3rem,7vw,4.5rem);margin:0;color:#fff}.lead{font-size:1.3rem;margin-top:0;margin-bottom:0}.support{font-style:italic;color:#fffc;margin-bottom:1rem}.cta-group{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{padding:.85rem 2rem;border-radius:999px;border:2px solid transparent;font-size:1rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn.primary{background-color:#8a937e;border-color:#8a937e;color:#fffef7;box-shadow:0 10px 25px #12121259}.btn.ghost{background-color:transparent;border-color:#0003;color:#1f1f1f}.btn.ghost:hover:not(:disabled){border-color:#8a937e;color:#8a937e}.btn.ghost.dark{background-color:#ffffff14;border-color:#ffffff59;color:#fffaf0}.btn:hover:not(:disabled){transform:translateY(-2px)}.pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;padding:4rem clamp(1.5rem,6vw,6rem);background:linear-gradient(180deg,#f8f3ea,#f6f1e8)}.pillar-card{text-align:center;background:#ffffffb3;padding:1.5rem;border-radius:1.25rem;border:1px solid rgba(0,0,0,.05);box-shadow:0 12px 25px #92845814}.pillar-icon{width:56px;height:56px;margin:0 auto 1rem;border-radius:16px;background:radial-gradient(circle at top,#fdecd3e6,#f9d7a399);display:flex;align-items:center;justify-content:center}.pillar-icon svg{width:28px;height:28px;color:#8a937e}.pillar-card h3{margin-bottom:.5rem;font-family:Playfair Display,serif;color:#8a937e}.pillar-card p{color:#5a5a5a;font-size:.95rem}.story-block{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;padding:6rem clamp(1.5rem,6vw,6rem);align-items:center;background-color:#f8f4ec}.story-text h2{color:#8a937e;font-size:clamp(2rem,4vw,2.8rem);margin-bottom:1.5rem}.story-text p{color:#4b4b4b;margin-bottom:1rem;line-height:1.7}.story-note{display:inline-flex;gap:.5rem;align-items:center;color:#7d6d57;margin-top:1rem;font-weight:600}.story-note .heart{color:#f2b07e;font-size:1.1rem}.story-gallery{display:grid;gap:1rem}.story-gallery img{width:100%;border-radius:1.5rem;object-fit:cover;height:500px;box-shadow:0 18px 40px #00000026}.menu{padding:4.5rem clamp(1.5rem,6vw,6rem);background:#f9f6f0;text-align:center}.menu-text h2{color:#8a937e;font-size:clamp(2.2rem,5vw,3rem);margin-bottom:.5rem}.menu-text .menu-lead{color:#5a5a5a;max-width:640px;margin:0 auto 2.5rem}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.menu-card{position:relative;border-radius:1.5rem;overflow:hidden;min-height:160px;background-color:#000}.menu-image{height:100%;width:100%;overflow:hidden}.menu-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.menu-card:hover img{transform:scale(1.08)}.menu-card__overlay{position:absolute;inset:0;padding:1.25rem;display:flex;flex-direction:column;justify-content:flex-end;text-align:left;background:linear-gradient(180deg,#0000001a,#000000bf);color:#fffef8}.menu-card__overlay h3{font-size:1.3rem;margin-bottom:.25rem;font-family:Playfair Display,serif}.menu-card__overlay p{margin-bottom:1rem}.menu-link{border:none;background:none;color:#f7e1ba;font-weight:600;cursor:pointer;font-size:.95rem;padding:0}.visit{text-align:center;padding:4rem clamp(1.5rem,6vw,6rem);background:linear-gradient(135deg,#f9f7f0,#f6f2ea);color:#8a937e}.visit-icon{font-size:2.5rem;margin-bottom:1rem}.visit h2{font-size:clamp(2rem,4vw,2.8rem);margin-bottom:1rem;font-family:Playfair Display,serif}.visit p{max-width:640px;margin:0 auto 1.5rem;color:#4a4a4a}.site-footer{background:#e9dfd0;padding:3rem clamp(1.5rem,6vw,6rem) 2rem;color:#4b4b4b}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;border-bottom:1px solid rgba(0,0,0,.07);padding-bottom:2rem;margin-bottom:1.5rem}.footer-content h3{margin-bottom:.75rem;color:#8a937e}.footer-content h4{margin-bottom:.5rem;font-size:1rem;color:#6d6d6d}.footer-content ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.footer-content a{color:inherit;text-decoration:none}.footer-content a:hover{color:#8a937e}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;font-size:.9rem}.social a{margin-left:.75rem;text-decoration:none;color:#8a937e;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid rgba(138,147,126,.4);transition:background .2s ease,color .2s ease,transform .2s ease}.social a:hover{background-color:#8a937e1a;color:#8a937e;transform:translateY(-2px)}.social svg{width:18px;height:18px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media(max-width:760px){.top-bar{flex-direction:column;gap:1rem;padding:.75rem 1rem}.top-bar .wordmark img{max-height:45px}.top-bar{align-items:flex-start}.top-bar .primary-nav{gap:1rem;flex-wrap:wrap;justify-content:flex-end;width:100%;margin-left:auto;text-align:right}.top-bar .primary-nav a{display:inline-block}.page:has(main .menu-page) .top-bar.menu-top-bar{padding:.75rem 1rem}.category-nav{padding:.75rem 1rem .5rem}.category-nav a{padding:.4rem 1rem;font-size:.8rem}.category-nav{top:70px;padding:.75rem 1rem .5rem}.category-nav.scrolled{top:0}.page:has(main .menu-page) main{padding-top:130px}.hero{min-height:80vh;padding-top:8rem}.eyebrow{letter-spacing:.2em;margin-top:0}.hero-inner{margin-top:4rem}.lead{margin-top:8rem}.story-gallery{grid-template-columns:1fr}.menu-card{min-height:140px}.footer-bottom{flex-direction:column;align-items:flex-start}}.contact-page{padding:4rem clamp(1.5rem,6vw,6rem);background-color:#faf7f2;min-height:calc(100vh - 140px)}.contact-header{text-align:center;margin-bottom:3rem}.contact-header h1{font-family:Playfair Display,serif;font-size:clamp(2.5rem,5vw,3.5rem);color:#8a937e;margin-bottom:.75rem}.contact-subtitle{color:#4a4a4a;font-size:1.1rem;max-width:600px;margin:0 auto}.contact-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;max-width:1200px;margin:0 auto}.contact-info-section h2,.contact-form-section h2{font-family:Playfair Display,serif;font-size:clamp(1.8rem,3vw,2.2rem);color:#8a937e;margin-bottom:2rem}.contact-item{display:flex;gap:1.25rem;margin-bottom:2rem;align-items:flex-start}.contact-icon-box{width:56px;height:56px;min-width:56px;background-color:#f6f1e8;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000014}.contact-icon-box svg{width:28px;height:28px;color:#a68b5b}.contact-details h3{font-weight:600;color:#2b2b2b;margin-bottom:.25rem;font-size:1rem}.contact-details p{color:#5a5a5a;margin:0;line-height:1.6;font-size:.95rem}.contact-form-section{background-color:#f6f1e8;padding:2.5rem;border-radius:1.5rem;box-shadow:0 8px 24px #00000014}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#4a4a4a;font-size:.95rem}.form-group input,.form-group textarea{padding:.9rem 1.25rem;border:1px solid rgba(0,0,0,.1);border-radius:.75rem;background-color:#faf7f2;font-family:inherit;font-size:1rem;color:#2b2b2b;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#8a937e;box-shadow:0 0 0 3px #8a937e1a}.form-group input::placeholder,.form-group textarea::placeholder{color:#999}.form-group textarea{resize:vertical;min-height:120px}.contact-form .btn{align-self:flex-start;margin-top:.5rem}@media(max-width:768px){.contact-content{grid-template-columns:1fr;gap:2.5rem}.contact-form-section{padding:2rem}}.menu-page{padding:4rem clamp(1.5rem,6vw,6rem);background-color:#faf7f2;min-height:calc(100vh - 140px)}.menu-page-header{text-align:center;margin-bottom:3rem}.menu-page-header h1{font-family:Playfair Display,serif;font-size:clamp(2.5rem,5vw,3.5rem);color:#8a937e;margin-bottom:.75rem}.menu-page-subtitle{color:#4a4a4a;font-size:1.1rem}.menu-categories{max-width:900px;margin:0 auto}.menu-category{background-color:#fff;padding:2.5rem;border-radius:1.5rem;box-shadow:0 8px 24px #00000014;margin-bottom:2rem}.category-title{font-family:Playfair Display,serif;font-size:clamp(2rem,4vw,2.5rem);color:#8a937e;margin-bottom:.25rem;text-align:center;direction:rtl}.category-subtitle{text-align:center;color:#8a937e;font-size:1rem;margin-bottom:2rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em}.menu-items-table{overflow-x:auto}.menu-items-table table{width:100%;border-collapse:collapse;border:1px solid #e0d5c4}.menu-items-table thead{background-color:#f6f1e8}.menu-items-table th{padding:1rem 1.25rem;text-align:left;font-weight:600;color:#8a937e;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #d4c5b0}.menu-items-table th.item-name-col{width:70%}.menu-items-table th.item-price-col{width:30%;text-align:right}.menu-items-table tbody tr{transition:background-color .2s ease}.menu-items-table tbody tr:hover{background-color:#faf7f2}.menu-items-table td{padding:1.25rem;vertical-align:middle}.item-name{display:flex;flex-direction:column;gap:.25rem}.item-name-ar{font-size:1.2rem;color:#2b2b2b;font-weight:500;direction:rtl;text-align:right}.item-name-en{font-size:.9rem;color:#8a937e;font-style:italic}.item-price{text-align:right;font-size:1.1rem;color:#8a937e;font-weight:600;font-family:Playfair Display,serif}.item-price .currency{font-size:.85rem;color:#8a937e;margin-left:.25rem;direction:rtl}@media(max-width:768px){.menu-category{padding:1.5rem}.menu-items-table th,.menu-items-table td{padding:.75rem 1rem}.item-name-ar{font-size:1.1rem}.item-price{font-size:1rem}}.item-price .price-available{font-size:.9rem;color:#8a937e;font-style:italic;font-weight:400}.btn.danger{background-color:#c95a4b;border-color:#c95a4b;color:#fffaf5}.btn.danger:hover:not(:disabled){background-color:#b54f42;border-color:#b54f42}.link-button{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:underline}.link-button:hover{color:#8a937e}.menu-back-btn{margin-left:1rem;white-space:nowrap}.admin-page{min-height:100vh;background:#f6f1e8;padding:2rem clamp(1rem,5vw,5rem);display:flex;flex-direction:column;gap:2rem;color:#1f1f1f}.admin-header{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap;border-bottom:1px solid rgba(0,0,0,.08);padding-bottom:1rem}.admin-subtitle{margin:.35rem 0 0;color:#0009}.admin-actions{display:flex;gap:.75rem;flex-wrap:wrap}.admin-panel{background:#fffdf7;border-radius:1.5rem;padding:1.5rem;border:1px solid rgba(0,0,0,.08);box-shadow:0 25px 40px #1f1e1c12}.admin-controls{display:flex;gap:1.25rem;flex-wrap:wrap;margin-bottom:1.5rem}.admin-controls label{display:flex;flex-direction:column;gap:.35rem;font-weight:600;color:#2b2b2b}.admin-controls select,.admin-controls input{padding:.65rem .85rem;border-radius:.9rem;border:1px solid rgba(0,0,0,.15);font-size:.95rem;background:#fff}.admin-grid{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:1.5rem}.admin-form{background:#fff9ef;border-radius:1.25rem;padding:1.5rem;border:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;gap:1rem}.admin-form label{display:flex;flex-direction:column;gap:.35rem;font-weight:600;color:#2b2b2b}.admin-form input{padding:.65rem .85rem;border-radius:.9rem;border:1px solid rgba(0,0,0,.15);font-size:.95rem}.admin-form__actions{display:flex;justify-content:flex-end;gap:.75rem;flex-wrap:wrap}.admin-table{border-radius:1.25rem;border:1px solid rgba(0,0,0,.08);background:#fff;display:flex;flex-direction:column}.admin-table__header{padding:1.25rem;border-bottom:1px solid rgba(0,0,0,.06)}.admin-table__body{max-height:60vh;overflow:auto}.admin-table table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid rgba(0,0,0,.06);font-size:.95rem}.admin-table tr:last-child td{border-bottom:none}.admin-table__actions{display:flex;gap:.5rem;justify-content:flex-end}.admin-table__empty{text-align:center;padding:2rem 1rem!important;color:#00000080}.admin-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0e7d8,#f6f1e8);padding:2rem;color:#1f1f1f}.admin-login-card{background:#fffdf7;border-radius:1.5rem;padding:2rem;border:1px solid rgba(0,0,0,.08);box-shadow:0 30px 45px #00000014;width:min(420px,100%);display:flex;flex-direction:column;gap:1.25rem}.admin-login-card form{display:flex;flex-direction:column;gap:.85rem}.admin-login-card label{font-weight:600;color:#2b2b2b}.admin-login-card input{padding:.85rem 1rem;border-radius:999px;border:1px solid rgba(0,0,0,.12);font-size:1rem}.admin-login-card .btn.primary{width:100%;justify-content:center}.form-error{color:#c95a4b;font-size:.9rem;margin:0}@media(max-width:960px){.admin-grid{grid-template-columns:1fr}}@media(max-width:760px){.menu-back-btn{margin-left:0;align-self:flex-end}.admin-header{flex-direction:column;align-items:flex-start}}