/* The Asala dining experience — locally hosted type and photography. */
.store{--primary:#23463b;--primary-d:#142f27;--accent:#c6a76d;--ink:#20392f;--muted:#7a7c71;--bg:#f8f7f2;--line:#e2e4d9;--card:#fff;--shadow:0 8px 32px #233f2910;font-family:Tajawal,Arial,sans-serif;font-size:16px;background:var(--bg);color:var(--ink);line-height:1.7}
.store button,.store a,.store input{touch-action:manipulation}.store button{cursor:pointer}.store a{text-decoration:none}.store button:focus-visible,.store a:focus-visible,.store input:focus-visible{outline:3px solid #bb9959;outline-offset:4px}.container{width:calc(100% - 80px);max-width:1240px;margin:auto}.skip-link{position:fixed;top:-100px;right:15px;background:#fff;padding:12px;z-index:100}.skip-link:focus{top:10px}.topline{background:#172f29;color:#e0e6da;font-size:12px;letter-spacing:.15px}.topline .container{display:flex;justify-content:space-between;padding-block:9px}.site-header{background:#fffefa}.nav-inner{height:100px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink)}.brand strong{font:700 27px/1.3 Amiri,serif;display:block}.brand small{display:block;font:9px/2 Arial,sans-serif;letter-spacing:2.4px;color:#8d8b74}.site-header nav{display:flex;gap:36px}.site-header nav a{color:#545f55;font-size:14px;transition:color .2s}.site-header nav a:hover{color:#b3965b}.header-cart{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:transparent;border-radius:6px;padding:10px 17px;font-size:14px}.header-cart b{font-size:11px;background:#eef0e6;border-radius:50%;min-width:23px;height:23px;display:grid;place-items:center}
.hero-editorial{position:relative;min-height:595px;color:#fff;overflow:hidden;background:#142a23}.hero-photo{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 51%}.hero-shade{position:absolute;inset:0;background:linear-gradient(270deg,#102b25f5 0%,#102b25e8 28%,#102b2560 58%,#102b2500 80%)}.hero-layout{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:545px}.hero-copy{width:52%;padding:55px 0 40px}.eyebrow{display:flex;align-items:center;gap:12px;color:#dbc9a5;font-size:13px;font-weight:500}.eyebrow>span{width:29px;height:1px;background:#c7ac79}.hero-copy h1{font:400 clamp(46px,4.9vw,72px)/1.38 Amiri,serif;letter-spacing:-.5px;margin:22px 0 18px}.hero-copy h1 em{font-style:normal;color:#dcc697}.hero-copy>p{font-size:16px;max-width:380px;color:#e0e2d5;line-height:1.9}.hero-actions{display:flex;gap:12px;margin-top:28px}.button-gold,.button-outline{padding:13px 24px;border-radius:4px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:26px}.button-gold{background:#d5ba83;color:#163126;border:1px solid #d5ba83}.button-gold:hover{background:#ead3a7}.button-outline{background:transparent;color:#f0eadc;border:1px solid #cbd1c160}.button-outline:hover{background:#ffffff10}.hero-status{display:flex;gap:9px;align-items:center;font-size:12px;color:#ced7c8;margin-top:25px}.status-dot{width:6px;height:6px;background:#b9c797;box-shadow:0 0 0 4px #b9c79715;border-radius:50%}.status-dot.closed{background:#e9a66d}.hero-divider{width:1px;height:12px;background:#e3e4cb50;margin:0 7px}.hero-note{align-self:flex-end;text-align:left;margin-bottom:55px;color:#fff;display:flex;flex-direction:column;font-size:12px;text-shadow:0 2px 10px #000}.hero-note b{font:400 29px Amiri,serif;margin-top:3px}.note-line{width:48px;height:1px;background:#dcc697;margin-top:12px;margin-right:auto}.hero-bottom{position:relative;background:#12271faa;border-top:1px solid #d5ba832a;font-size:12px;color:#d6d9c8}.hero-bottom .container{display:flex;justify-content:space-between;padding-block:15px}.hero-bottom [dir]{font:10px Arial;letter-spacing:2.5px}
.values-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:30px 0;border-bottom:1px solid var(--line)}.values-strip>div{display:flex;align-items:center;justify-content:center;gap:17px}.values-strip>div+div{border-right:1px solid var(--line)}.values-strip svg,.line-icon{color:#aa8b4c}.line-icon{font-size:36px;line-height:1}.values-strip b{font-weight:700;font-size:15px;display:block}.values-strip small{font-size:12px;color:var(--muted)}.section-kicker{font-weight:500;font-size:12px;letter-spacing:.3px;color:#9b814d;margin-bottom:8px}.order-section{padding-top:55px;scroll-margin-top:24px}.order-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.store h2{font:400 37px/1.6 Amiri,serif}.order-heading p{font-size:14px;color:var(--muted)}.store .modes{grid-template-columns:1fr 1fr;gap:18px;margin-top:22px;z-index:1}.store .mode{display:flex;align-items:center;gap:16px;position:relative;text-align:right;padding:22px 25px;box-shadow:none;border:1px solid #dcdfd2;border-radius:8px;background:#fffefa;min-width:0}.store .mode.active{border-color:#3e6050;background:#edf1e8;box-shadow:inset 0 0 0 1px #3e6050}.mode-copy{flex:1;min-width:0}.store .mode b{font-size:18px}.store .mode small{font-size:13px;line-height:1.7;margin-top:3px;display:block}.mode-icon{width:46px;height:46px;display:grid;place-items:center;background:#eef0e7;border-radius:50%;color:#38583f;flex-shrink:0}.mode-icon svg{width:26px;height:26px}.mode-selector{width:21px;height:21px;border:1px solid #b9c3b2;border-radius:50%;display:grid;place-items:center;font-size:12px}.active .mode-selector{background:#234638;border-color:#234638;color:white}.store .ctx{box-shadow:none;border:0;border-radius:0;background:transparent;padding:16px 2px;margin-top:0;font-size:13px;border-bottom:1px solid var(--line)}.store .ctx .ttl{font-weight:500;font-size:14px}.store .ctx.pin-panel{text-align:center;background:#fffefa;border:1px solid #dedfcf;border-radius:8px;padding:32px;margin-top:15px}.store .pin-panel .ttl{font:400 28px Amiri}.store .pin-panel form input{border:1px solid var(--line);background:var(--bg);border-radius:5px;padding:13px;text-align:center;letter-spacing:7px;font-size:20px;min-width:0;width:100%}.store .pin-panel form input::placeholder{letter-spacing:1px;font-size:15px}.store .pin-panel .pri{background:var(--primary);color:#fff;padding:12px}.store .tbl{font-family:inherit;border-width:1px;border-radius:6px;padding:10px 22px}.store .tbl.sel{background:var(--primary)}
.menu-section{padding-top:62px;scroll-margin-top:20px}.menu-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.menu-heading h2{font-size:44px}.menu-heading p{font-size:14px;color:var(--muted)}.menu-search{display:flex;gap:12px;align-items:center;background:transparent;border:1px solid #d9dece;border-radius:5px;padding:11px 15px;width:275px;color:#929885}.menu-search input{width:100%;border:0;background:transparent;outline:none;min-width:0;font-size:14px}.store .catnav{top:0;background:#f8f7f2f5;backdrop-filter:blur(12px);margin:0 0 25px;padding:14px 0;border-bottom:1px solid var(--line);gap:10px;z-index:5}.store .catnav button{white-space:nowrap;border:1px solid transparent;padding:9px 19px;border-radius:5px;color:#6e7769;background:transparent;font-size:14px;font-weight:500;flex:none}.store .catnav button.on{background:var(--primary);color:#fff;border-color:var(--primary)}.store .catnav button:hover:not(.on){background:#ecefe3}.store .sec{margin-top:32px;scroll-margin-top:90px}.section-title{display:flex;align-items:center;gap:18px;margin-bottom:18px}.section-title:after{content:'';height:1px;background:var(--line);flex:1}.store .section-title h2{font-family:Tajawal,sans-serif;font-size:20px;font-weight:700;margin:0}.section-title span{color:#8e9788;font-size:12px}.store .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.store .item{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;background:#fffefa;border:1px solid #e5e5d9;border-radius:9px;box-shadow:0 4px 16px #24372704;transition:transform .25s,box-shadow .25s}.store .item:hover{transform:translateY(-4px);box-shadow:0 15px 28px #21382b12}.store .item .pic{width:100%;height:auto;aspect-ratio:1.65;border-radius:0;position:relative;background:#e9e5d8;overflow:hidden}.store .item .pic img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s}.store .item:hover img{transform:scale(1.05)}.dish-placeholder{font:400 25px Amiri;color:#8d8f75}.store .item .bd{padding:18px 18px 16px;min-height:164px}.store .item h3{font-size:17px;font-weight:700;line-height:1.6}.store .item p{font-size:12px;line-height:1.8;margin-top:5px;color:#828577;min-height:40px}.store .item .ft{margin-top:16px;border-top:1px solid #e8e9df;padding-top:12px;gap:5px}.store .price{font-size:19px;font-weight:700;white-space:nowrap}.store .add{border-radius:5px;background:#eef1e7;color:#244933;border:1px solid #dce3d3;font-size:13px;padding:6px 10px}.store .add:hover{background:#234638;color:#fff}.store .add:disabled{background:#eee;color:#999;border-color:#ddd;cursor:not-allowed}.store .qty{border-radius:5px;background:#eff3e8;border:1px solid #dce3d3}.store .qty button{width:29px;height:31px}.store .qty span{font-size:13px;min-width:18px}.image-disclaimer{color:#8c9284;font-size:11px;text-align:center;margin-top:30px}.store .empty{border:1px dashed #cbd4bc;border-radius:8px;background:#f0f2e8;font-size:15px}.store .menu-locked{text-align:center;padding:40px;font-size:16px}.menu-locked button{margin-top:18px;background:#234638;color:#fff;padding:10px 20px;border:0;border-radius:5px}
.story-section{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:85px;margin-bottom:85px;background:#edeedf;border-radius:10px;overflow:hidden}.story-photo{position:relative;min-height:370px}.story-photo img{width:100%;height:100%;position:absolute;object-fit:cover;filter:brightness(.8)}.story-photo span{position:absolute;bottom:22px;right:30px;color:#fff;font:400 35px Amiri;text-shadow:0 2px 15px #000}.story-copy{padding:42px 50px;display:flex;flex-direction:column;justify-content:center}.story-copy h2{font-size:40px;line-height:1.4;margin:8px 0 16px}.story-copy p{font-size:14px;line-height:1.9;color:#76806b;max-width:360px}.text-link{display:flex;gap:20px;font-size:14px;font-weight:700;margin-top:23px;color:#234638}.story-signature{font:400 23px Amiri;color:#9f8957;margin-top:20px}.store .site-footer{background:#172f29;color:#d6dfcc;text-align:right;padding:45px 0 100px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-brand{color:#f2efdc}.footer-brand small{color:#aaaf98}.footer-top p{margin-top:10px;color:#aab8a5;font-size:13px}.footer-top h3{font-size:15px;margin-bottom:10px;color:#f1efdc}.footer-top>div>a:not(.brand){display:block;color:#aab8a5;font-size:13px;margin-top:7px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #aab8a528;margin-top:35px;padding-top:20px;font-size:11px;color:#8d9e89}.store .cartbar{background:#234638;border:1px solid #c7ba8450;border-radius:8px;max-width:570px;padding:15px 22px;font-size:16px;bottom:18px;box-shadow:0 9px 32px #11231940}.store .cartbar .cnt{background:#d7c490;color:#163126;margin-inline:10px;border-radius:4px;font-size:13px}.store .sheet{background:var(--bg);padding:25px;border-radius:15px 15px 0 0}.store .sheet h2{font-family:Tajawal,sans-serif;font-size:20px;font-weight:700}.store .sheet .wa-btn{background:#234638;border-radius:6px}.store .sheet .wa-btn:hover{background:#152e25}.store .sheet .btn{font-family:inherit}.store .sheet .x{display:grid;place-items:center}.store .line{border:1px solid #e5e7da;border-radius:6px}.store .form input,.store .form textarea,.store .form select{border-width:1px;border-radius:6px}.store .totals{border:1px solid var(--line);border-radius:6px}.store .overlay{background:#0a201abd;backdrop-filter:blur(4px)}
@media(min-width:1500px){.hero-photo{object-position:50% 55%}.hero-copy{padding-block:70px}.hero-layout{min-height:600px}}
@media(max-width:1050px){.container{width:calc(100% - 48px)}.store .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.hero-copy{width:58%}.hero-copy h1{font-size:57px}.site-header nav{gap:22px}.story-copy{padding:32px}.store .mode{padding:20px}.order-heading{align-items:flex-start;flex-direction:column;gap:2px}}
@media(max-width:720px){.container{width:calc(100% - 32px)}.topline{font-size:10px}.topline .container{padding-block:7px}.nav-inner{height:78px;gap:10px}.brand strong{font-size:23px}.brand small{font-size:8px;letter-spacing:1.3px}.brand img{width:37px;height:42px}.brand{gap:7px}.site-header nav{display:none}.header-cart{padding:8px 11px;gap:7px;font-size:12px}.hero-editorial{min-height:540px}.hero-layout{min-height:500px}.hero-photo{object-position:34% 50%}.hero-shade{background:linear-gradient(270deg,#122c26f0,#1028208f),linear-gradient(0deg,#10282080,transparent)}.hero-copy{width:100%;padding:38px 2px 36px}.hero-copy h1{font-size:54px;margin:20px 0 15px}.hero-copy>p{max-width:310px;font-size:15px}.eyebrow{font-size:12px}.hero-actions{gap:9px;margin-top:26px}.button-gold,.button-outline{padding:12px 15px;font-size:12px;gap:14px}.hero-note{display:none}.hero-status{font-size:11px;gap:6px}.hero-bottom{font-size:10px}.hero-bottom [dir]{font-size:8px;letter-spacing:1.2px}.values-strip{padding:21px 0;gap:10px}.values-strip>div{flex-direction:column;gap:7px;text-align:center}.values-strip b{font-size:11px}.values-strip small{display:none}.values-strip svg{width:26px;height:26px}.values-strip .line-icon{font-size:30px;height:26px}.order-section{padding-top:32px}.store h2{font-size:30px}.section-kicker{font-size:11px;margin-bottom:4px}.order-heading p{font-size:12px}.store .modes{gap:10px;margin-top:18px}.store .mode{padding:15px 12px;gap:9px;align-items:flex-start}.store .mode b{font-size:15px}.store .mode small{font-size:10px;line-height:1.8;display:block}.mode-icon{width:32px;height:32px}.mode-icon svg{width:21px;height:21px}.mode-selector{position:absolute;left:8px;top:9px;width:13px;height:13px;font-size:8px}.store .ctx{font-size:12px;padding-block:14px}.store .ctx .ttl{font-size:13px}.store .ctx.pin-panel{padding:23px 15px}.store .pin-panel .ttl{font-size:24px}.menu-section{padding-top:37px}.menu-heading{flex-direction:column;align-items:stretch;gap:17px;margin-bottom:14px}.menu-heading h2{font-size:35px}.menu-heading p{font-size:13px}.menu-search{width:100%;padding:10px 13px}.store .catnav{gap:4px;margin-bottom:18px;padding:11px 0}.store .catnav button{padding:8px 13px;font-size:12px}.store .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.store .item .pic{aspect-ratio:1.26}.store .item .bd{padding:12px 10px;min-height:172px}.store .item h3{font-size:14px;line-height:1.5}.store .item p{font-size:11px;line-height:1.7;min-height:38px}.store .item .ft{margin-top:12px;flex-wrap:wrap;gap:8px;padding-top:10px}.store .price{font-size:16px}.store .add{padding:5px 8px;font-size:11px}.store .qty button{width:26px;height:28px}.store .qty span{font-size:12px;min-width:15px}.store .section-title h2{font-size:18px}.section-title{gap:10px;margin-bottom:14px}.section-title span{font-size:10px}.store .sec{margin-top:26px}.story-section{grid-template-columns:1fr;margin-top:45px;margin-bottom:45px}.story-photo{min-height:260px}.story-copy{padding:28px}.story-copy h2{font-size:35px}.story-copy p{font-size:13px}.footer-top{grid-template-columns:1fr 1fr;gap:27px}.footer-top>div:first-child{grid-column:1/-1}.store .site-footer{padding-top:32px}.footer-bottom{font-size:10px;gap:15px}.store .cartbar{font-size:14px;padding:13px 18px;bottom:12px}.store .sheet{padding:20px 14px}.store .sheet h2{font-size:17px}.store .image-disclaimer{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.store *{animation:none!important;transition:none!important}}