/* Branch menu layout: keep wide text inside the viewport, with local tab scrolling. */
html{inline-size:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;}
body{inline-size:100%;min-inline-size:0;}
nav,header,main,footer,.sticky,.tabs,.tabs-inner{inline-size:100%;min-inline-size:0;max-inline-size:100%;}
header{max-inline-size:900px;}
main{max-inline-size:1080px;}
.tabs-inner{max-inline-size:1280px;overscroll-behavior-x:contain;}
.nav-logo,.nav-right,.lang{min-inline-size:0;}
.lang{flex-shrink:0;}
.lang button{min-block-size:44px;min-inline-size:40px;}
.nav-back{display:inline-flex;align-items:center;min-block-size:44px;}
.cat-head{min-inline-size:0;flex-wrap:wrap;gap:10px 16px;align-items:baseline;}
.cat-head h2,.cat-head .sub{min-inline-size:0;max-inline-size:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.25;}
.cat-head .line{min-inline-size:28px;flex:1 1 48px;align-self:center;}
.items{min-inline-size:0;grid-template-columns:repeat(3,minmax(0,1fr));}
.item,.item-main,.item-top,.item-name,.item-sub,.item-desc,.item-note,.drinks-extras{min-inline-size:0;max-inline-size:100%;}
.item,.item-imgwrap,.item-thumb{inline-size:100%;}
.item-imgwrap{min-inline-size:0;}
.item-top{flex-wrap:wrap;gap:8px 12px;}
.item-name{flex:1 1 10rem;overflow-wrap:anywhere;line-height:1.35;}
.item-sub,.item-desc,.item-note,.drinks-extras p{overflow-wrap:anywhere;}
.item-price,body.lang-ar .item-price{white-space:nowrap;line-height:1.4;}
.tab,.group{min-block-size:44px;}

@media(max-width:1040px){
  .items{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media(max-width:760px),(max-width:1024px) and (max-height:520px){
  nav{padding:calc(8px + env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 8px max(14px,env(safe-area-inset-left));gap:12px;}
  .nav-logo{flex:0 0 60px;}
  .nav-logo img{block-size:60px;inline-size:60px;object-fit:contain;}
  .nav-logo span{display:none;}
  .nav-right{gap:10px;}
  .nav-back{max-inline-size:7rem;font-size:.68rem;letter-spacing:.12em;line-height:1.5;white-space:normal;text-align:end;}
  body.lang-ar .nav-back{font-size:.82rem;}
  .lang button{padding:8px 10px;font-size:.75rem;}
  header{padding:calc(108px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 28px max(16px,env(safe-area-inset-left));}
  header h1{font-size:clamp(2.6rem,11.5vw,3.5rem);line-height:1.05;}
  body.lang-ar header h1{font-size:clamp(3.5rem,18vw,4.75rem);line-height:1.15;}
  .eyebrow{max-inline-size:100%;gap:10px;font-size:.64rem;letter-spacing:.22em;margin-block-end:18px;}
  .eyebrow::before,.eyebrow::after{flex:0 0 22px;inline-size:22px;}
  body.lang-ar .eyebrow{font-size:.78rem;letter-spacing:normal;}
  header p{font-size:.86rem;line-height:1.65;letter-spacing:.08em;margin-block-start:16px;overflow-wrap:anywhere;}
  body.lang-ar header p{font-size:1rem;letter-spacing:normal;}
  .sticky{margin-block-start:12px;top:77px;}
  .groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:8px 12px;}
  .group{min-inline-size:0;padding:8px 2px;font-size:clamp(.65rem,3vw,.78rem);letter-spacing:.06em;white-space:normal;overflow-wrap:anywhere;}
  body.lang-ar .group{font-size:.9rem;letter-spacing:normal;}
  .group.active::after{bottom:0;}
  .tabs-inner{padding:10px 14px;gap:6px;scroll-padding-inline:14px;}
  .tab{display:inline-flex;align-items:center;padding:8px 12px;font-size:.7rem;letter-spacing:.1em;}
  body.lang-ar .tab{font-size:.82rem;}
  main{padding:12px max(16px,env(safe-area-inset-right)) 72px max(16px,env(safe-area-inset-left));}
  .cat{padding-block-start:28px;}
  .item-main{padding:18px;}
  .item-name{font-size:1.12rem;line-height:1.4;}
  body.lang-ar .item-name{font-size:1.2rem;}
  .item-sub{font-size:.95rem;line-height:1.45;}
  .item-desc{font-size:.95rem;line-height:1.8;}
  .item-note{font-size:.75rem;line-height:1.4;letter-spacing:.06em;}
  footer{padding:32px max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));}
  footer .cta{max-inline-size:100%;min-block-size:44px;padding:14px 22px;letter-spacing:.18em;text-align:center;}
}

@media(max-width:620px){
  .items{grid-template-columns:minmax(0,1fr);gap:20px;}
  .cat-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;margin-block-end:20px;}
  .cat-head h2{grid-column:1;font-size:clamp(1.55rem,6.6vw,2rem);line-height:1.25;}
  .cat-head .sub{grid-column:1;font-size:1rem;line-height:1.4;}
  .cat-head .sub.ar-text{font-size:1.1rem;}
  body.lang-ar .cat-head .sub{direction:ltr;text-align:right;}
  .cat-head .line{grid-column:2;grid-row:1 / span 2;inline-size:clamp(28px,10vw,48px);min-inline-size:0;}
}