@font-face{font-family:MenuPlex;src:url('/assets/arabic-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:MenuPlex;src:url('/assets/arabic-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:MenuPlex;src:url('/assets/arabic-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:MenuPlex;src:url('/assets/arabic-700.woff2') format('woff2');font-weight:700 900;font-display:swap}
@font-face{font-family:MenuDisplay;src:url('/assets/home-display.woff2') format('woff2');font-weight:400;font-display:swap}

html:is([data-font=plex],[data-font=plex-display]) body,
.customer:is(.font-plex,.font-plex-display) {
  font-family:MenuPlex,Cairo,Tahoma,sans-serif;
}
html:is([data-font=display],[data-font=plex-display])[lang=ar] :is(.brand h1,.section h2,.home-heading h2,.fried-entry-title,.fried-option strong),
.customer:is(.font-display,.font-plex-display) .customer-hero h2 {
  font-family:MenuDisplay,MenuPlex,Cairo,sans-serif;
  font-weight:400;
}
html[data-font=plex][data-template=menu-cafe] :is(.brand h1,.section h2) { font-weight:600; }
html[data-font=plex][data-template=menu-coffee] :is(.brand h1,.section h2) { font-weight:500; }

html[data-studio-photos] .section-head { gap:12px; }
html[data-studio-photos] .item { min-width:0; }
html[data-studio-photos] .item img.product-photo {
  width:clamp(72px,19vw,94px);
  height:clamp(72px,19vw,94px);
  flex:0 0 clamp(72px,19vw,94px);
  box-sizing:border-box;
  padding:5px;
  object-fit:contain;
  object-position:center;
  background:transparent;
  border:0;
  border-radius:12px;
}
html[data-studio-photos][data-card=square] .item img.product-photo,
html[data-studio-photos][data-template=classic-menu] .classic-offers .item img.product-photo {
  width:100%;
  height:clamp(124px,18vw,190px);
  flex-basis:auto;
  padding:8px;
  background:transparent;
}
html[data-studio-photos] .category-icon img,
html[data-studio-photos] .fried-section-art {
  object-fit:contain;
  background:transparent;
  border-radius:10px;
}
html[data-studio-photos] .reference-details img { object-fit:contain; padding:6px; }
html[data-studio-photos][data-template=menu-cafe] .cat { border-radius:10px 10px 5px 5px; }
html[data-studio-photos][data-template=menu-coffee] .section-head { border-bottom-style:dashed; }
html[data-studio-photos][data-template=menu-bakery] .category-card { border-radius:32px 32px 16px 16px; }

@media(max-width:520px) {
  html[data-studio-photos][data-template=classic-menu] .classic-offers .item img.product-photo { height:clamp(100px,25vw,130px); }
}