:root{
  --tile:#F6F7F4; --paper:#FFFFFF; --ink:#18201C; --muted:#4F5954;
  --green:#1F4D3A; --green-2:#2C6A50; --garnet:#8E1B2B; --saffron:#E3A72F;
  --line:#D6DBD7; --grout:#E3E7E3; --on-green:#F6F7F4;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --tile:#121815; --paper:#19211D; --ink:#E9EDEA; --muted:#A3ADA8;
    --green:#2C6A50; --green-2:#3B8566; --garnet:#E0687B; --saffron:#E8B34A;
    --line:#2D3832; --grout:#1C2420;
  }
}
:root[data-theme="dark"]{
  --tile:#121815; --paper:#19211D; --ink:#E9EDEA; --muted:#A3ADA8;
  --green:#2C6A50; --green-2:#3B8566; --garnet:#E0687B; --saffron:#E8B34A;
  --line:#2D3832; --grout:#1C2420;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:env(safe-area-inset-top,0px);scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body{margin:0;background:var(--tile);color:var(--ink);font:400 1.0625rem/1.6 "Public Sans","Noto Sans Arabic",system-ui,-apple-system,"Segoe UI",sans-serif}
h1,h2,h3{font-family:"Big Shoulders Display","Noto Kufi Arabic","Arial Narrow",Impact,sans-serif;line-height:1;margin:0}
a{color:inherit}
:focus-visible{outline:3px solid var(--saffron);outline-offset:3px}
.wrap{max-width:1120px;margin:0 auto;padding:0 1.25rem}
img{max-width:100%}

/* Header */
.top{background:var(--green);color:var(--on-green);position:sticky;top:0;z-index:5}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.8rem;padding-bottom:.8rem}
.brand{text-decoration:none;line-height:1}
.brand b{display:block;font:900 1.7rem/1 "Big Shoulders Display","Noto Kufi Arabic","Arial Narrow",sans-serif}
.brand span{font-size:.8rem;opacity:.85}
.top nav{display:flex;gap:1.2rem;font-size:.95rem}
.top nav a{text-decoration:none;opacity:.9}
.top nav a:hover{opacity:1;text-decoration:underline}
.shop-sm{background:var(--saffron);color:#1B1408;text-decoration:none;font-weight:700;padding:.6rem 1rem;border-radius:999px;white-space:nowrap}
@media (max-width:820px){.top nav{display:none}}

/* Hero */
.hero{
  background-color:var(--paper);
  background-image:linear-gradient(var(--grout) 2px,transparent 2px),linear-gradient(90deg,var(--grout) 2px,transparent 2px);
  background-size:64px 32px;
  border-bottom:6px solid var(--green);
}
.hero .wrap{display:grid;grid-template-columns:1.25fr 1fr;gap:2.5rem;align-items:center;padding-top:3.5rem;padding-bottom:3.5rem}
@media (max-width:860px){.hero .wrap{grid-template-columns:1fr;padding-top:2.25rem}}
.plate{background:var(--paper);display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 .15em}
.hero h1{font-size:clamp(2.8rem,7.5vw,5.4rem);font-weight:900}
.hero .lede{font-size:1.15rem;margin:1.2rem 0 0;max-width:36rem}
.status{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:.92rem;background:var(--paper);border:1px solid var(--line);padding:.35rem .75rem;border-radius:999px;margin-bottom:1rem}
.dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--muted)}
.dot.open{background:#2E9B5F}

/* Order card — the signature element */
.order{background:var(--green);color:var(--on-green);border-radius:10px;padding:1.5rem;box-shadow:0 24px 40px -28px rgba(10,30,20,.7)}
.order h2{font-size:2rem;font-weight:800;margin-bottom:1rem}
.seg{display:grid;grid-template-columns:1fr 1fr;background:rgba(0,0,0,.22);border-radius:8px;padding:4px;gap:4px}
.seg button{font:700 1.05rem/1 "Public Sans","Noto Sans Arabic",sans-serif;border:0;border-radius:6px;padding:.95rem .5rem;background:transparent;color:var(--on-green);cursor:pointer;min-height:48px}
.seg button[aria-pressed="true"]{background:var(--paper);color:var(--green)}
.mode{margin:1rem 0 1.25rem;min-height:4.8rem}
.mode strong{display:block;font-size:1.05rem}
.mode p{margin:.25rem 0 0;opacity:.9;font-size:.98rem}
.shop{display:block;text-align:center;background:var(--saffron);color:#1B1408;font:800 1.6rem/1 "Big Shoulders Display","Noto Kufi Arabic","Arial Narrow",sans-serif;letter-spacing:.02em;text-decoration:none;padding:1.05rem;border-radius:8px}
.shop:hover{filter:brightness(1.06)}
.order .alt{margin:1rem 0 0;font-size:.92rem;opacity:.9;text-align:center}
.order .alt a{font-weight:700}
.notice{display:none;margin-top:.9rem;background:rgba(0,0,0,.25);border-radius:6px;padding:.7rem .9rem;font-size:.92rem}
.notice.show{display:block}

/* Spice strip */
.strip{display:flex;height:10px}
.strip span{flex:1}

section{padding:4rem 0}
section h2{font-size:clamp(2.1rem,5vw,3.1rem);font-weight:800;margin-bottom:.7rem}
.intro{max-width:44rem;color:var(--muted);margin:0 0 2rem}

/* Departments */
.depts{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
@media (max-width:860px){.depts{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.depts{grid-template-columns:1fr}}
.dept{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:1.4rem;display:flex;flex-direction:column}
.dept.feature{grid-column:span 2;background:var(--green);color:var(--on-green);border-color:var(--green)}
@media (max-width:560px){.dept.feature{grid-column:auto}}
.dept h3{font-size:1.9rem;font-weight:800;margin-bottom:.5rem}
.dept p{margin:0 0 1rem;color:var(--muted)}
.dept.feature p{color:var(--on-green);opacity:.92}
.dept a.more{margin-top:auto;font-weight:700;text-decoration:none;color:var(--green)}
.dept.feature a.more{color:var(--saffron)}
.dept a.more:hover{text-decoration:underline}

/* Cuisines */
.cuisines{display:flex;flex-wrap:wrap;gap:.75rem;list-style:none;padding:0;margin:0}
.cuisines li{font:800 1.5rem/1 "Big Shoulders Display","Noto Kufi Arabic","Arial Narrow",sans-serif;background:var(--paper);border:2px solid var(--ink);padding:.75rem 1.1rem;border-radius:999px}

/* Deal */
.deal{background:var(--garnet);color:#fff;border-radius:6px;padding:2rem;display:grid;grid-template-columns:auto 1fr auto;gap:2rem;align-items:center}
.deal .big{font:900 4.2rem/.85 "Big Shoulders Display","Noto Kufi Arabic","Arial Narrow",sans-serif}
.deal .big small{display:block;font-size:1.4rem}
.deal h2{color:#fff;margin-bottom:.4rem;font-size:2.2rem}
.deal p{margin:0;opacity:.95}
.btn-light{background:#fff;color:var(--garnet);font-weight:700;text-decoration:none;padding:.95rem 1.2rem;border-radius:6px;white-space:nowrap}
@media (max-width:760px){.deal{grid-template-columns:1fr;gap:1rem}}

/* Visit */
.visit{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}
@media (max-width:760px){.visit{grid-template-columns:1fr}}
address{font-style:normal;font-size:1.1rem;line-height:1.7}
.hours{width:100%;border-collapse:collapse}
.hours th,.hours td{text-align:start;padding:.6rem 0;border-bottom:1px solid var(--line)}
.hours td{text-align:end}
.hours tr.today th,.hours tr.today td{color:var(--green);font-weight:700}
.btn{display:inline-block;background:var(--green);color:var(--on-green);font-weight:700;text-decoration:none;padding:.95rem 1.2rem;border-radius:6px;margin-top:1rem}

details{background:var(--paper);border:1px solid var(--line);border-radius:6px;margin-bottom:.6rem}
summary{cursor:pointer;padding:1rem 1.1rem;font-weight:700}
details p{margin:0;padding:0 1.1rem 1rem;color:var(--muted)}

/* Order builder */
[hidden]{display:none!important}
#shop{scroll-margin-top:4.5rem}
#cart{scroll-margin-top:5.5rem}
.shopgrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:2rem;align-items:start}
@media (max-width:900px){.shopgrid{grid-template-columns:minmax(0,1fr)}}
.tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}
.tabs button{font:700 .9rem/1 "Public Sans","Noto Sans Arabic",sans-serif;background:var(--paper);color:var(--ink);border:1.5px solid var(--ink);border-radius:999px;padding:.6rem .85rem;min-height:40px;cursor:pointer;white-space:nowrap;flex:none}
@media (max-width:700px){.tabs{flex-wrap:nowrap;overflow-x:auto;margin-inline:-1.25rem;padding:0 1.25rem .5rem;scrollbar-width:thin}}
.tabs button[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:var(--on-green)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.search{width:100%;font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:.85rem 1rem}
.count{margin:.75rem 0 .25rem;color:var(--muted);font-size:.92rem}
.items,.lines{list-style:none;margin:0;padding:0}
.items li,.lines li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--line)}
.lines li{border-color:rgba(255,255,255,.18)}
.nm{min-width:0;overflow-wrap:anywhere}
.nm span{display:block;font-weight:500;line-height:1.3}
.nm small{font-size:.9rem;color:var(--muted);font-variant-numeric:tabular-nums}
.lines .nm small{color:inherit;opacity:.85}
.ctl{display:flex;align-items:center;gap:.35rem;flex:none}
.ctl button{font:700 1.15rem/1 "Public Sans","Noto Sans Arabic",sans-serif;width:40px;height:40px;border-radius:6px;border:1px solid var(--green);background:var(--paper);color:var(--green);cursor:pointer}
.ctl button.add{width:auto;padding:0 1rem;font-size:.95rem;background:var(--green);color:var(--on-green)}
.ctl output{min-width:3.4rem;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}
.lines .ctl button{border-color:transparent}
.more{display:block;width:100%;margin-top:1rem;font:700 1rem/1 "Public Sans","Noto Sans Arabic",sans-serif;background:transparent;color:var(--green);border:2px solid var(--green);border-radius:6px;padding:.9rem;cursor:pointer}
.cart{background:var(--green);color:var(--on-green);border-radius:10px;padding:1.5rem;position:sticky;top:calc(var(--stick,4.75rem) + .75rem);display:flex;flex-direction:column;gap:1rem}
@media (max-width:900px){.cart{position:static}}
.cart h3{font-size:2rem;font-weight:800}
.cart p{margin:0}
.total{display:flex;justify-content:space-between;align-items:baseline;font-weight:700}
.total b{font:800 1.9rem/1 "Big Shoulders Display","Noto Kufi Arabic","Arial Narrow",sans-serif;font-variant-numeric:tabular-nums}
.fine{font-size:.88rem;opacity:.9}
.field{display:flex;flex-direction:column;gap:.3rem;font-weight:700;font-size:.92rem}
.field input,.field textarea{font:400 1rem/1.4 "Public Sans","Noto Sans Arabic",sans-serif;color:var(--ink);background:var(--paper);border:0;border-radius:6px;padding:.75rem .85rem;width:100%}
.field textarea{min-height:4.5rem;resize:vertical}
.err{background:rgba(0,0,0,.28);border-radius:6px;padding:.65rem .85rem;font-size:.92rem;font-weight:700}
.wa{display:block;text-align:center;background:var(--saffron);color:#1B1408;font:800 1.5rem/1 "Big Shoulders Display","Noto Kufi Arabic","Arial Narrow",sans-serif;letter-spacing:.02em;text-decoration:none;padding:1.05rem;border-radius:8px}
.wa:hover{filter:brightness(1.06)}
.bar{position:fixed;left:0;right:0;bottom:0;z-index:6;background:var(--ink);color:var(--tile);display:none;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1.25rem calc(.7rem + env(safe-area-inset-bottom,0px));font-weight:700;font-variant-numeric:tabular-nums}
.bar a{background:var(--saffron);color:#1B1408;text-decoration:none;padding:.7rem 1rem;border-radius:999px;white-space:nowrap}
@media (max-width:900px){.bar{display:flex}body.has-cart{padding-bottom:4.5rem}}
.ph{width:56px;height:56px;flex:none;border-radius:6px;background:var(--grout);overflow:hidden;display:block}
.ph img{width:100%;height:100%;object-fit:contain;background:#fff;display:block}
.acts{display:flex;align-items:center;gap:.5rem}
.lang{font:700 .9rem/1 "Public Sans","Noto Sans Arabic",sans-serif;background:transparent;color:var(--on-green);border:1.5px solid rgba(255,255,255,.55);border-radius:999px;padding:.55rem .8rem;min-height:40px;cursor:pointer;white-space:nowrap}
@media (max-width:480px){.brand b{font-size:1.35rem}.brand span{display:none}.shop-sm{padding:.55rem .8rem}}
:root[lang="ar"] *{letter-spacing:0}
:root[lang="ar"] h1,:root[lang="ar"] h2,:root[lang="ar"] h3{line-height:1.35}
:root[lang="ar"] .hero h1{font-size:clamp(2.1rem,5.5vw,3.8rem)}
:root[lang="ar"] .deal .big{line-height:1.2;font-size:3rem}
.credit{font-size:.82rem;opacity:.8}
.items li .nm,.lines li .nm{flex:1}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.row2 .field{min-width:0}
.field select{font:400 1rem/1.4 "Public Sans","Noto Sans Arabic",sans-serif;color:var(--ink);background:var(--paper);border:0;border-radius:6px;padding:.75rem .85rem;width:100%;min-height:2.9rem}
.field input[type="date"]{min-height:2.9rem}
.promise{background:rgba(0,0,0,.22);border-radius:6px;padding:.7rem .9rem;font-size:.92rem}
.addr{display:flex;flex-direction:column;gap:1rem}
.rates{background:rgba(0,0,0,.22);border-radius:6px;padding:.8rem .9rem;font-size:.92rem;display:flex;flex-direction:column;gap:.4rem}
.rates ul{list-style:none;margin:0;padding:0}
.rates li{display:flex;justify-content:space-between;gap:1rem;padding:.2rem 0}
.rates li b{text-align:end;font-variant-numeric:tabular-nums}
.rates a{font-weight:700}
.total.sub b{font:700 1.05rem/1 "Public Sans","Noto Sans Arabic",sans-serif}
.map{display:block;width:100%;height:340px;border:0;border-radius:6px;margin-top:2rem;background:var(--grout)}
.fab{position:fixed;inset-inline-end:1rem;bottom:calc(1rem + env(safe-area-inset-bottom,0px));z-index:6;display:flex;align-items:center;gap:.5rem;background:#117A43;color:#fff;font-weight:700;text-decoration:none;padding:.8rem 1.1rem;border-radius:999px;box-shadow:0 10px 22px -10px rgba(0,0,0,.6)}
.fab:hover{filter:brightness(1.1)}
@media (max-width:900px){body.has-cart .fab{bottom:calc(5.2rem + env(safe-area-inset-bottom,0px))}}
.row2{align-items:end}
@media (max-width:700px){.fab{padding:.85rem}.fab-t{display:none}}
#group{scroll-margin-top:4.5rem}
.calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;align-items:start}
@media (max-width:760px){.calc{grid-template-columns:minmax(0,1fr)}}
.calc-form{display:flex;flex-direction:column;gap:1rem}
.cf{display:flex;flex-direction:column;gap:.3rem;font-weight:700;font-size:.92rem;min-width:0}
.cf input,.cf select{font:400 1rem/1.4 "Public Sans","Noto Sans Arabic",sans-serif;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:.75rem .85rem;width:100%;min-height:2.9rem}
.calc-out{background:var(--green);color:var(--on-green);border-radius:10px;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}
.calc-out p{margin:0}
.calc-lb{font:900 clamp(2.2rem,5vw,3.4rem)/1.05 "Big Shoulders Display","Noto Kufi Arabic","Arial Narrow",sans-serif}
.calc-add{align-self:flex-start;font:700 1rem/1 "Public Sans","Noto Sans Arabic",sans-serif;background:var(--saffron);color:#1B1408;border:0;border-radius:6px;padding:.95rem 1.2rem;cursor:pointer}
.calc-list{list-style:none;margin:0;padding:0}
.calc-list li{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;border-bottom:1px solid rgba(255,255,255,.18)}
.calc-list b{white-space:nowrap;font-variant-numeric:tabular-nums}
.ck{display:flex;gap:.6rem;align-items:flex-start;font-size:.95rem;cursor:pointer}
.ck input{width:1.25rem;height:1.25rem;flex:none;margin-top:.15rem;accent-color:var(--green)}
.calc-list li.hd{font-weight:700;border-bottom:0;padding-top:.8rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;opacity:.85}
.oos{font-size:.85rem;font-weight:700;color:var(--muted);white-space:nowrap}
.dept{margin-bottom:.6rem;min-height:3rem;font-weight:700;scroll-margin-top:calc(var(--stick,0px) + .75rem)}
.rows{list-style:none;margin:0;padding:0}
.items>.more{margin-top:.9rem}
.cart .ck input{accent-color:var(--saffron)}
.nm .offer,.offer{display:inline-block;background:var(--garnet);color:#fff;font-size:.72rem;font-weight:700;border-radius:4px;padding:.08rem .4rem;vertical-align:.08em}
.nm s{opacity:.75}
#offers{padding-bottom:0}

footer{background:var(--green);color:var(--on-green);padding:2.5rem 0}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.5rem;font-size:.95rem}
footer p{margin:.2rem 0}

/* ---- full site ---- */
a.lang{display:inline-flex;align-items:center;text-decoration:none}
.top nav{gap:1rem;font-size:.9rem;white-space:nowrap}
.brand{white-space:nowrap}
@media (max-width:1400px){.top .wrap{flex-wrap:wrap;row-gap:.5rem}.top nav{display:flex;order:3;width:100%;overflow-x:auto;gap:1.1rem;white-space:nowrap;padding-bottom:.25rem;scrollbar-width:none}#shop,#group,#cart{scroll-margin-top:7.5rem}}
.phead{background-color:var(--paper);background-image:linear-gradient(var(--grout) 2px,transparent 2px),linear-gradient(90deg,var(--grout) 2px,transparent 2px);background-size:64px 32px;border-bottom:6px solid var(--green);padding:2.5rem 0}
.phead h1{font-size:clamp(2.3rem,6vw,4rem);font-weight:900;text-wrap:balance;max-width:18ch}
.phead .lede{font-size:1.15rem;max-width:40rem;margin:1rem 0 0}
.cta{margin:1.4rem 0 0;display:flex;flex-wrap:wrap;gap:.6rem}
.cta .btn{margin-top:0;font-size:1.05rem}
.facts{list-style:none;padding:0;margin:1.2rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem}
.facts li{background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:.4rem .8rem;font-size:.92rem;font-weight:700}
.plist .ph:empty{display:none}
.grp{font-size:1.9rem;font-weight:800;margin:2rem 0 .3rem}
#prices{scroll-margin-top:6rem}
.crumbs{font-size:.9rem;color:var(--muted);margin:0 0 .8rem}
.prose h2{margin-top:2.2rem}.prose h2:first-child{margin-top:0}
.prose p,.prose li{max-width:44rem}
.prose ol{padding-inline-start:1.3rem}
.plist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2.5rem}
@media (max-width:760px){.plist{grid-template-columns:minmax(0,1fr)}}
.ptable{max-width:30rem;margin:1rem 0}
.btn.alt{background:transparent;color:var(--green);box-shadow:inset 0 0 0 2px var(--green)}
.deptlinks{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:2rem 0 0}
.deptlinks a{display:block;text-decoration:none;font-weight:700;font-size:.9rem;background:var(--paper);border:1.5px solid var(--ink);border-radius:999px;padding:.55rem .85rem}
.deptgrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}
.deptgrid a{display:block;text-decoration:none;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:1.1rem 1.2rem;height:100%}
.deptgrid b{display:block;font:800 1.5rem/1.1 "Big Shoulders Display","Noto Kufi Arabic","Arial Narrow",sans-serif}
.deptgrid small{color:var(--muted)}
.bar.always{display:flex}
body.sub.has-cart{padding-bottom:4.5rem}
body.sub.has-cart .fab{bottom:calc(5.2rem + env(safe-area-inset-bottom,0px))}
footer .wrap>div{min-width:0}
.cform{display:flex;flex-direction:column;gap:1rem;max-width:36rem}
.cform textarea{font:400 1rem/1.4 "Public Sans","Noto Sans Arabic",sans-serif;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:.75rem .85rem;width:100%}
.cform select,.cform input{min-height:2.9rem}
.steps{padding-inline-start:1.3rem;margin:0}
.steps li{margin-bottom:.5rem}
#reserve{scroll-margin-top:6rem}
.gwrap{margin:1rem 0 0}
.gbadge{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:.4rem .9rem;text-decoration:none;font-weight:700;font-size:.95rem}
.gbadge b{font-size:1.15rem}
.stars{font-size:1.15rem;line-height:1;letter-spacing:.05em;background:linear-gradient(90deg,var(--saffron) calc(var(--r)/5*100%),var(--line) 0);-webkit-background-clip:text;background-clip:text;color:transparent}
:root[dir="rtl"] .stars{background:linear-gradient(270deg,var(--saffron) calc(var(--r)/5*100%),var(--line) 0);-webkit-background-clip:text;background-clip:text}
.revs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:1.5rem}
@media (max-width:860px){.revs{grid-template-columns:minmax(0,1fr)}}
.rev{margin:0;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:1.2rem;display:flex;flex-direction:column;gap:.6rem}
.rev blockquote{margin:0}
.rev figcaption{color:var(--muted);font-size:.9rem;margin-top:auto}
.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}
.fmsg{font-weight:700;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:.8rem 1rem;margin:0}
.hsearch{flex:1 1 14rem;max-width:30rem;margin-inline:auto;display:flex;background:var(--paper);border-radius:999px;overflow:hidden}
.hsearch input{flex:1;min-width:0;font:400 .95rem/1.2 "Public Sans","Noto Sans Arabic",sans-serif;border:0;background:transparent;color:var(--ink);padding:.6rem 1rem}
.hsearch input:focus-visible{outline-offset:-3px}
.hsearch button{border:0;background:var(--saffron);color:#1B1408;font:700 .9rem/1 "Public Sans","Noto Sans Arabic",sans-serif;padding:0 1.1rem;cursor:pointer}
.top .wrap{max-width:1360px}
@media (max-width:480px){.top nav{gap:.8rem;font-size:.84rem}}
@media (max-width:820px){.top{position:static}.hsearch{order:2;flex-basis:100%;max-width:none}#shop,#group,#cart,#prices{scroll-margin-top:1rem}}