/* One catalogue and ordering flow, multiple visual treatments. */
.site-intro { margin-block: 24px; }
.site-menu-heading { padding-block: 20px 8px; }
.site-menu-heading h2 { margin: 0; color: var(--surface-ink); font-size: clamp(27px, 4vw, 42px); line-height: 1.25; }
.site-nav > div { flex-wrap: wrap; }
html{color-scheme:light;--surface:#fff8ee;--surface-ink:#38251d;--cover-ink:#fff;--accent-ink:#38251d}
html body{background:var(--surface)!important;color:var(--surface-ink);font-family:Cairo,Tahoma,Arial,sans-serif}
html .top{background:var(--restaurant-secondary,var(--hero-color))!important;color:var(--cover-ink);border-bottom:2px solid var(--accent)}
html .top h1,html .top .lead b{color:var(--cover-ink)}html .top .latin{color:var(--cover-ink);opacity:.8}
html .top .action{color:var(--cover-ink);border-color:currentColor;background:transparent}
html .top .action.primary,html .cart-bar,html .order-add,html .order-dialog button[type=submit],html .order-dialog .size-grid button[aria-pressed=true]{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--accent-ink)!important}
html .search-area,html .section-navigation{background:var(--surface);border-color:color-mix(in srgb,var(--surface-ink) 16%,var(--surface))}
html .searchbox input,html .category-card,html .item,html .order-dialog,html .dialog{background:color-mix(in srgb,var(--surface) 94%,var(--surface-ink));color:var(--surface-ink);border-color:color-mix(in srgb,var(--surface-ink) 19%,var(--surface))}
html .searchbox input::placeholder,html .category-copy small,html .count,html .subtitle{color:var(--surface-ink);opacity:.7}
html .category-copy strong,html .home-heading h2,html .section h2,html .footer strong{color:var(--surface-ink)}
html .price,html .cat.active,html .cat:hover{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}html .price.single{color:var(--surface-ink)}
html .footer{background:var(--surface)!important;color:var(--surface-ink);border-color:color-mix(in srgb,var(--surface-ink) 15%,var(--surface))}
html .cat,html .back-to-sections,html .phone-link{background:var(--surface);color:var(--surface-ink);border-color:color-mix(in srgb,var(--surface-ink) 20%,var(--surface))}
html .order-dialog .size-grid button[aria-pressed=false],html .order-dialog #pick-extras,html .order-dialog textarea,html .order-dialog input,html .order-dialog select{background:var(--surface);color:var(--surface-ink);border-color:color-mix(in srgb,var(--surface-ink) 24%,var(--surface))}
html .order-dialog label,html .order-dialog legend,html .order-dialog h2{color:var(--surface-ink)}
html .category-card::after{background:color-mix(in srgb,var(--accent) 12%,transparent)}
html .category-icon{width:54px;height:54px;flex-basis:54px;background-size:500% 200%}html .category-icon img{width:50px;height:50px}html .custom-category>span{font-size:28px}
html .tenant-contacts{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;font-size:12px}html .tenant-contacts a{color:var(--cover-ink);border:1px solid color-mix(in srgb,var(--cover-ink) 35%,transparent);padding:5px 10px;border-radius:8px;text-decoration:none}
html[data-font=modern] body{font-family:Cairo,Tahoma,sans-serif}html[data-font=classic] body{font-family:Georgia,'Times New Roman',serif}html[data-font=system] body{font-family:Tahoma,Arial,sans-serif}
html[data-background=dots] body{background-image:radial-gradient(color-mix(in srgb,var(--surface-ink) 10%,transparent) 1px,transparent 1px)!important;background-size:20px 20px!important}
html[data-background=grid] body{background-image:linear-gradient(color-mix(in srgb,var(--surface-ink) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--surface-ink) 6%,transparent) 1px,transparent 1px)!important;background-size:32px 32px!important}
html[data-background=stripes] body{background-image:repeating-linear-gradient(45deg,transparent 0 25px,color-mix(in srgb,var(--accent) 6%,transparent) 25px 27px)!important}
html[data-card=square] .grid{grid-template-columns:repeat(3,minmax(0,1fr))}html[data-card=square] .item-top{flex-direction:column;align-items:stretch}html[data-card=square] .product-photo{width:100%;height:165px;flex-basis:auto;background:transparent;border:0;object-fit:contain}html[data-card=square] .item{padding:16px}.item .prices{align-items:center}
html[data-template=bistro] .top{border-bottom:6px double var(--accent)}html[data-template=bistro] .category-card,html[data-template=bistro] .item{border-radius:2px;box-shadow:none;border-width:0 0 1px}html[data-template=bistro] .category-grid{gap:0 24px}html[data-template=bistro] .brand h1{font-family:Georgia,'Times New Roman',serif}
html[data-template=gallery] .top{padding:38px 0}html[data-template=gallery] .category-grid{grid-template-columns:repeat(3,1fr)}html[data-template=gallery] .category-card{min-height:155px;flex-direction:column;border-radius:20px}html[data-template=gallery] .category-icon{transform:scale(1.15)}
html[data-template=cafe] .category-card{border-radius:40px 12px 40px 12px}html[data-template=cafe] .item{border-radius:24px}html[data-template=cafe] .product-photo{border-radius:50%}html[data-template=cafe] .brand h1:lang(en){letter-spacing:-1px}
html[data-template=street] .category-card,html[data-template=street] .item,html[data-template=street] .action{border-radius:0;border:2px solid var(--surface-ink);box-shadow:4px 4px 0 color-mix(in srgb,var(--surface-ink) 80%,transparent)}html[data-template=street] .category-copy strong{font-size:18px}html[data-template=street] .brand h1{font-size:44px}
html[data-template=original] .category-card{border-radius:18px}.site-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px max(24px,calc((100% - 1100px)/2));background:var(--surface);color:var(--surface-ink)}.site-nav a{text-decoration:none;color:inherit}.site-nav>div{display:flex;gap:22px;font-size:13px}.site-wordmark{display:flex;align-items:center;gap:9px}.site-wordmark img{object-fit:contain}.site-wordmark b{font-size:18px}
html .site-hero{padding:50px 0!important;border:0;overflow:hidden;position:relative}html .site-hero .top-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px}html .site-hero .top-copy{max-width:100%;z-index:1}html .site-hero .top-actions{grid-column:1;grid-row:2;margin-top:-10px;z-index:1}html .site-hero .brand{flex-direction:column;align-items:flex-start;gap:15px}html .site-hero .brand h1{font-size:clamp(34px,4.8vw,64px);line-height:1.4}html .site-hero .logo-frame{display:none}html .site-hero .lead{font-size:17px;line-height:1.8}html .site-hero-photo{grid-column:2;grid-row:1/span 2;width:100%;height:390px;object-fit:cover;border-radius:180px 180px 24px 24px;background:color-mix(in srgb,var(--surface) 10%,transparent)}
.site-sections{padding-block:25px 55px}.site-sections section{padding:42px 0;border-top:1px solid color-mix(in srgb,var(--surface-ink) 16%,var(--surface))}.site-sections h2{font-size:30px;line-height:1.5;margin:4px 0 15px}.site-sections p{white-space:pre-line;font-size:15px;line-height:1.9}.site-sections span{font-size:12px;opacity:.8}.site-about,.site-visit{display:grid;grid-template-columns:1fr 2fr;gap:40px}.site-about p{max-width:680px}.site-section-heading{display:flex;justify-content:space-between;align-items:baseline}.site-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.site-gallery img{width:100%;height:240px;object-fit:cover;border-radius:12px}.site-contact-links{display:flex;flex-wrap:wrap;align-content:center;gap:12px}.site-contact-links a{color:var(--surface-ink);padding:12px 20px;border:1px solid currentColor;border-radius:50px;text-decoration:none}.site-hours{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;margin-top:20px}.site-hours span{display:flex;justify-content:space-between;gap:20px}.site-hours b{direction:ltr;font-weight:500}
html[data-template=restaurantSite] .category-card{border-radius:4px}html[data-template=restaurantSite] .site-about h2{font-family:Georgia,serif}html[data-template=restaurantSite] .site-hero-photo{border-radius:3px 90px 3px 3px}
html[data-template=cafeSite] .site-hero-photo{border-radius:50% 50% 8px 8px}html[data-template=cafeSite] .category-card{border-radius:50px 50px 15px 15px;min-height:115px}html[data-template=cafeSite] .site-gallery img:nth-child(even){margin-top:24px;border-radius:100px 100px 12px 12px}
html[data-template=diningSite] .site-hero .top-inner{display:flex;min-height:470px}html[data-template=diningSite] .site-hero-photo{position:absolute;inset:0;width:100%;height:100%;border-radius:0;opacity:.22}html[data-template=diningSite] .site-hero .top-copy{max-width:650px}html[data-template=diningSite] .site-hero .top-actions{margin-top:25px}html[data-template=diningSite] .category-card{border-radius:0;border-width:0 0 1px;box-shadow:none}html[data-template=diningSite] .site-gallery img{border-radius:0}
@media(max-width:700px){html[data-card=square] .grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-card=square] .product-photo{height:120px}html[data-template=gallery] .category-grid{grid-template-columns:1fr 1fr}.site-nav{padding:12px 16px;gap:12px;flex-wrap:wrap}.site-nav>div{gap:17px;font-size:12px}.site-wordmark b{font-size:16px}html .site-hero{padding:28px 0!important}html .site-hero .top-inner{grid-template-columns:1fr;gap:22px}html .site-hero .brand{align-items:center}html .site-hero .top-actions{grid-row:2;grid-column:1;margin-top:0}html .site-hero-photo{grid-row:3;grid-column:1;height:260px;max-width:450px;justify-self:center}html .site-hero .brand h1{font-size:36px}.tenant-contacts{justify-content:center}.site-about,.site-visit{grid-template-columns:1fr;gap:15px}.site-gallery{grid-template-columns:1fr 1fr;gap:10px}.site-gallery img{height:170px}.site-sections section{padding:28px 0}.site-sections h2{font-size:24px}.site-sections p{font-size:13px}.site-hours{grid-template-columns:1fr}.site-section-heading{display:block}.site-contact-links a{padding:9px 15px;font-size:13px}html[data-template=diningSite] .site-hero .top-inner{display:block;min-height:350px}html[data-template=diningSite] .site-hero .top-actions{margin-top:20px}}

html .order-dialog button{background:var(--accent)!important;color:var(--accent-ink)!important;border-color:var(--accent)!important}html .order-dialog .fulfillment-options button,html .order-dialog .size-grid button[aria-pressed=false]{background:var(--surface)!important;color:var(--surface-ink)!important;border-color:color-mix(in srgb,var(--surface-ink) 25%,var(--surface))!important;box-shadow:none}html .order-dialog .fulfillment-options button[aria-pressed=true]{background:var(--accent)!important;color:var(--accent-ink)!important;border-color:var(--accent)!important;box-shadow:0 0 0 1px var(--accent)}html .order-dialog .close-order{background:var(--surface)!important;color:var(--surface-ink)!important}html .order-dialog .checkout-actions,html .order-dialog .cart-checkout-footer{background:var(--surface);border-color:color-mix(in srgb,var(--surface-ink) 20%,var(--surface))}html .order-dialog .order-muted{color:var(--surface-ink);opacity:.65}.tenant-contacts:empty{display:none}
html[data-header=cover]:not([data-template$=Site]) .top{padding:36px 0}html .category-card{box-shadow:0 3px 14px #00000008}html[data-template=restaurantSite] .site-hero .top-inner,html[data-template=cafeSite] .site-hero .top-inner{grid-template-rows:auto auto}

html .category-card::before{background:color-mix(in srgb,var(--accent) 10%,transparent)}html .category-card:focus-visible{outline:3px solid var(--accent);outline-offset:3px}html .order-dialog #checkout-total{color:var(--surface-ink);background:color-mix(in srgb,var(--accent) 10%,var(--surface))}

html .status-panel{color:var(--cover-ink)}html .status-hours{color:inherit;opacity:.8}
