:root{--ink:#173d32;--ink-2:#285b4d;--cream:#f7f0e3;--paper:#fffaf2;--gold:#d39548;--rust:#a9472e;--muted:#6d766f;--line:rgba(23,61,50,.14);--shadow:0 24px 70px rgba(28,48,39,.13);font-family:Noto Kufi Arabic,DM Sans,sans-serif;color:var(--ink);background:var(--cream)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}.en{font-family:DM Sans,sans-serif}.shell{width:min(1180px,calc(100% - 36px));margin:auto}.announcement{background:var(--ink);color:#fff;text-align:center;padding:9px;font-size:12px;letter-spacing:.03em}.nav{position:sticky;top:0;z-index:20;background:#f7f0e3db;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:45px;height:45px;border:1px solid var(--ink);border-radius:50% 50% 45% 55%;display:grid;place-items:center;font-family:Aref Ruqaa;font-size:22px;background:var(--gold);color:#fff}.brand strong{display:block;font-family:Aref Ruqaa;font-size:24px;line-height:1}.brand small{font-size:9px;letter-spacing:.13em}.nav-links{display:flex;gap:28px;font-size:13px}.nav-actions{display:flex;align-items:center;gap:10px}.pill,.icon-btn{border:1px solid var(--line);background:transparent;border-radius:999px;padding:10px 16px;color:var(--ink)}.whatsapp{background:var(--ink);color:#fff;border-color:var(--ink)}.hero{min-height:670px;position:relative;padding:65px 0 80px;display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 12%,rgba(211,149,72,.23),transparent 30%),linear-gradient(115deg,transparent 58%,rgba(23,61,50,.06) 58%)}.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:70px}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:var(--rust);font-size:12px;font-weight:700;letter-spacing:.05em}.eyebrow:before{content:"";width:36px;height:1px;background:var(--rust)}h1{font-family:Aref Ruqaa;font-size:clamp(54px,7vw,92px);line-height:.94;margin:24px 0;color:var(--ink);font-weight:700}.hero-copy p{max-width:560px;font-size:17px;line-height:2;color:var(--muted)}.hero-ctas{display:flex;gap:12px;margin-top:32px}.primary,.secondary{border:0;border-radius:999px;padding:15px 24px;font-weight:700}.primary{background:var(--rust);color:#fff;box-shadow:0 12px 30px #a9472e40}.secondary{background:transparent;border:1px solid var(--ink);color:var(--ink)}.hero-visual{position:relative}.hero-visual img{height:510px;border-radius:220px 220px 24px 24px;box-shadow:var(--shadow)}.hero-stamp{position:absolute;inset:auto -25px 45px auto;width:115px;height:115px;border-radius:50%;background:var(--gold);color:#fff;display:grid;place-items:center;text-align:center;font-family:Aref Ruqaa;font-size:20px;transform:rotate(-8deg);border:5px solid var(--cream)}.hero-note{position:absolute;left:-32px;top:50px;background:var(--paper);padding:16px 20px;border-radius:16px;box-shadow:var(--shadow);font-size:12px}.section{padding:100px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:40px;gap:30px}.section-head h2{font-family:Aref Ruqaa;font-size:54px;margin:8px 0 0}.section-head p{max-width:480px;color:var(--muted);line-height:1.8;font-size:14px}.menu-section{background:var(--paper);position:relative}.menu-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(23,61,50,.08) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent)}.menu-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.dish-card{background:var(--cream);border-radius:22px;overflow:hidden;border:1px solid var(--line);transition:.35s;cursor:pointer}.dish-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.dish-image{position:relative;overflow:hidden}.dish-image img{height:245px;transition:.5s}.dish-card:hover img{transform:scale(1.04)}.badge{position:absolute;top:14px;right:14px;background:#fffaf2eb;padding:7px 11px;border-radius:999px;font-size:10px;font-weight:700}.dish-body{padding:20px}.dish-title{display:flex;justify-content:space-between;gap:20px;align-items:start}.dish-title h3{font-family:Aref Ruqaa;font-size:27px;margin:0}.price{color:var(--rust);font-weight:800;white-space:nowrap}.dish-body p{color:var(--muted);font-size:12px;line-height:1.8;min-height:44px}.card-action{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:15px;font-size:12px;font-weight:700}.arrow{width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center}.story{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.story-image{position:relative}.story-image img{height:570px;border-radius:24px 180px 24px 24px}.story-card{position:absolute;bottom:-30px;left:-30px;background:var(--gold);color:#fff;width:210px;padding:26px;border-radius:20px}.story h2{font-family:Aref Ruqaa;font-size:60px;line-height:1.1;margin:16px 0}.story p{color:var(--muted);line-height:2}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.value{border-top:1px solid var(--line);padding-top:18px}.value strong{display:block;font-family:Aref Ruqaa;font-size:22px}.value small{font-size:10px;color:var(--muted)}.contact-band{background:var(--ink);color:#fff;padding:70px 0}.contact-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:50px}.contact-grid h2{font-family:Aref Ruqaa;font-size:48px;margin:0}.contact-grid p,.contact-grid li{color:#ffffffb3;font-size:13px;line-height:2}.contact-grid ul{list-style:none;padding:0}.footer{background:#102c25;color:#ffffff8c;padding:22px 0;font-size:11px}.footer .shell{display:flex;justify-content:space-between}.modal{position:fixed;inset:0;z-index:50;background:#091d18b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none;padding:22px;overflow:auto}.modal.open{display:grid;place-items:center}.modal-card{width:min(980px,100%);background:var(--paper);border-radius:28px;position:relative;overflow:hidden}.close{position:absolute;top:16px;left:16px;z-index:3;width:40px;height:40px;border:0;border-radius:50%;background:#fff}.detail-grid{display:grid;grid-template-columns:1fr 1fr}.detail-grid>img{height:100%;min-height:650px}.detail-content{padding:50px}.detail-content h2{font-family:Aref Ruqaa;font-size:48px;margin:5px 0}.ingredients{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.ingredient{padding:7px 10px;background:var(--cream);border-radius:999px;font-size:11px}.field{margin:17px 0}.field label{display:block;font-size:11px;font-weight:700;margin-bottom:8px}.options{display:flex;flex-wrap:wrap;gap:8px}.option input{display:none}.option span{display:block;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:11px}.option input:checked+span{background:var(--ink);color:#fff}.remove-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.check{background:var(--cream);border-radius:10px;padding:9px;font-size:11px}.order-summary{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.order-summary strong{font-size:23px;color:var(--rust)}.order-form{display:none}.order-form.show{display:block}.order-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.order-form input,.order-form select,.order-form textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:11px;padding:11px;color:var(--ink)}.order-form textarea{grid-column:1/-1;resize:vertical}.mobile-nav{display:none}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,100px);background:var(--ink);color:#fff;border-radius:999px;padding:12px 18px;z-index:80;transition:.3s;font-size:12px}.toast.show{transform:translate(-50%)}@media(max-width:900px){.nav-links{display:none}.hero{padding-top:35px}.hero-grid,.story,.detail-grid{grid-template-columns:1fr}.hero-copy{order:2}.hero-visual img{height:420px}.hero-note{left:10px}.hero-stamp{right:-8px}.menu-grid{grid-template-columns:repeat(2,1fr)}.story-image img{height:430px}.contact-grid{grid-template-columns:1fr 1fr}.contact-grid>div:first-child{grid-column:1/-1}.detail-grid>img{min-height:300px;height:320px}.detail-content{padding:30px}.mobile-nav{display:flex;position:fixed;bottom:12px;left:18px;right:18px;z-index:25;background:#173d32f2;color:#fff;border-radius:18px;justify-content:space-around;padding:12px;box-shadow:var(--shadow);font-size:10px}}@media(max-width:620px){.shell{width:min(100% - 24px,1180px)}.announcement{font-size:9px}.nav-inner{height:66px}.brand strong{font-size:21px}.brand small,.nav-actions .whatsapp{display:none}.hero{min-height:0}.hero-grid{gap:36px}.hero-visual img{height:360px;border-radius:150px 150px 20px 20px}h1{font-size:55px}.hero-copy p{font-size:14px}.hero-ctas{flex-direction:column}.section{padding:72px 0}.section-head{display:block}.section-head h2{font-size:43px}.menu-grid{grid-template-columns:1fr}.dish-image img{height:260px}.story h2{font-size:48px}.story-card{left:10px}.values{gap:7px}.contact-grid{grid-template-columns:1fr}.contact-grid>div:first-child{grid-column:auto}.footer{padding-bottom:85px}.footer .shell{display:block}.detail-content h2{font-size:40px}.remove-list,.order-form-grid{grid-template-columns:1fr}.modal{padding:8px}.modal-card{border-radius:20px}.detail-content{padding:24px}.order-form textarea{grid-column:auto}}.modal-back,.form-back{align-items:center;background:transparent;border:0;color:var(--ink);display:inline-flex;font-size:12px;font-weight:700;gap:8px}.final-form-actions{display:grid;gap:8px;margin-top:16px}.final-form-actions .form-back{margin:0}.cancel-order{background:transparent;border:0;color:var(--muted);font-size:10px;padding:8px;text-decoration:underline;text-underline-offset:4px}.modal-back{padding:0 0 18px}.modal-back span{border:1px solid var(--line);border-radius:50%;display:grid;height:30px;place-items:center;width:30px}.form-back{border:1px solid var(--line);border-radius:999px;justify-content:center;margin:12px 0;padding:11px 16px;width:100%}.modal-back:hover,.form-back:hover,.cancel-order:hover{color:var(--rust)}.hero-visual>img{transition:opacity .36s ease,transform .7s cubic-bezier(.2,.75,.2,1)}.hero-visual>img.is-changing{opacity:0;transform:scale(.985)}.hero-carousel-controls{align-items:center;bottom:18px;display:flex;gap:8px;left:50%;position:absolute;transform:translate(-50%);z-index:3}.hero-carousel-arrow{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffaf2e0;border:1px solid rgba(23,61,50,.15);border-radius:50%;color:var(--ink);display:flex;height:36px;justify-content:center;transition:transform .2s,background .2s;width:36px}.hero-carousel-arrow:hover{background:#fff;transform:scale(1.08)}.hero-carousel-dots{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffaf2db;border-radius:999px;display:flex;gap:5px;padding:8px 10px}.hero-carousel-dot{background:#173d3240;border:0;border-radius:99px;height:6px;padding:0;transition:width .3s,background .3s;width:6px}.hero-carousel-dot.active{background:var(--rust);width:22px}@media(max-width:620px){.hero-carousel-controls{bottom:12px}.hero-carousel-arrow{height:32px;width:32px}.hero-carousel-dots{gap:4px;padding:7px 8px}}@media(prefers-reduced-motion:reduce){.hero-visual>img{transition:none}}