
.client-shell{width:min(1600px,calc(100% - 34px));margin:0 auto;padding:22px 0 92px}
.client-top{z-index:20;display:grid;grid-template-columns:auto minmax(260px,1fr) auto;gap:12px;align-items:center;margin-bottom:18px;padding:13px;border-radius:26px}
.table-chip,.waiter-btn,.lang{min-height:52px;border:1px solid var(--viola-line,var(--line));border-radius:17px;background:var(--viola-surface-2,rgba(10,8,6,.9));box-shadow:inset 0 1px 0 rgba(255,255,255,.035),inset 0 0 0 4px color-mix(in srgb,var(--viola-line,var(--line)) 10%,transparent)}
.table-chip{display:flex;align-items:center;gap:10px;padding:0 19px;color:var(--muted);white-space:nowrap}
.table-chip strong{font-size:24px;color:var(--text)}
.waiter-btn{display:flex;align-items:center;justify-content:center;gap:11px;color:var(--viola-accent-2,#f7daa0);text-transform:uppercase;letter-spacing:.075em;font-weight:900;background:var(--viola-surface-2,rgba(10,8,6,.92))}
.waiter-btn>span{width:14px;height:14px;flex:0 0 14px;margin-inline:4px;border:1px solid var(--viola-line-strong,var(--line2));border-radius:3px;font-size:0;line-height:0;transform:rotate(45deg);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--viola-line,var(--line)) 12%,transparent)}
.waiter-btn:hover{border-color:var(--line2)}
.lang{display:flex;gap:4px;padding:4px}
.lang button{min-width:52px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--muted);font-weight:900}
.lang button.active{border-color:var(--viola-line-strong,var(--line2));background:var(--viola-surface-3,rgba(233,190,92,.11));color:var(--viola-accent-2,var(--gold2));box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--viola-line,var(--line)) 12%,transparent)}
.client-grid{display:grid;grid-template-columns:minmax(0,1fr) 388px;gap:22px;align-items:start}
.table-unavailable{width:min(720px,100%);margin:clamp(46px,10vh,120px) auto 0;padding:clamp(28px,5vw,56px);display:grid;justify-items:center;gap:12px;text-align:center;background:rgba(8,7,6,.92)}
.table-unavailable[hidden]{display:none!important}
.table-unavailable-mark{width:64px;height:64px;display:grid;place-items:center;border:1px solid rgba(255,128,96,.34);border-radius:50%;background:rgba(160,55,25,.16);color:#ffd8cf;font-size:36px;line-height:1}
.table-unavailable .eyebrow{margin:8px 0 0;color:#e8bc58}
.table-unavailable h1{max-width:620px;margin:0;color:#fff4db;font-family:var(--serif);font-size:clamp(32px,5vw,52px);line-height:1.05}
.table-unavailable>p:last-child{max-width:560px;margin:4px 0 0;color:var(--muted);font-size:16px;line-height:1.55}
.table-is-unavailable #callWaiter,.table-is-unavailable .sections,.table-is-unavailable .client-grid,.table-is-unavailable .mobile-cart{display:none!important}
.sections{position:sticky;top:18px;z-index:19;margin-bottom:14px;padding:8px 9px;border-radius:19px;overflow:hidden}
.cart{position:sticky;top:100px;padding:22px}
.panel-title{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.panel-title h1,.cart h2{margin:0;font-family:var(--serif);font-size:34px;line-height:1;color:#fff4db}
.cat-nav{display:flex;gap:7px;overflow-x:auto;overflow-y:hidden;padding:1px;scroll-padding-inline:1px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity;touch-action:pan-x}
.cat-nav::-webkit-scrollbar{display:none}
.cat-btn{flex:0 0 auto;min-height:46px;display:flex;align-items:center;gap:9px;padding:7px 13px;border:1px solid var(--viola-line,var(--line));border-radius:13px;background:var(--viola-surface-2,rgba(10,8,6,.88));color:var(--text);text-align:left;white-space:nowrap;scroll-snap-align:start;transition:.16s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.cat-btn.active,.cat-btn:hover{background:var(--viola-surface-3,rgba(233,190,92,.09));border-color:var(--line2);transform:translateY(-1px);box-shadow:inset 0 -2px 0 var(--viola-accent,var(--gold)),0 8px 20px rgba(0,0,0,.18)}
.cat-btn strong{white-space:nowrap}
.cat-btn span{color:var(--muted);font-weight:900}
.content{min-width:0}
.sections-root{display:grid;gap:14px}
.menu-section{
  border:1px solid var(--viola-line,var(--line));
  border-radius:24px;
  background:
    radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--viola-accent,var(--gold)) 8%,transparent),transparent 38%),
    linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.006) 44%,rgba(7,6,5,.2)),
    var(--viola-surface,rgba(10,8,6,.9));
  overflow:hidden;
  box-shadow:0 18px 48px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.035),inset 0 0 0 6px var(--viola-surface,rgba(10,8,6,.9)),inset 0 0 0 7px color-mix(in srgb,var(--viola-line,var(--line)) 42%,transparent);
}
.section-heading{min-height:84px;display:flex;align-items:center;padding:19px 21px;color:var(--text)}
.section-title{font-family:var(--font);font-size:clamp(25px,1.8vw,36px);line-height:1.08;font-weight:800;letter-spacing:-.025em;color:#fff4db}
.section-count{display:inline-flex;margin-left:12px;padding:7px 12px;border-radius:999px;border:1px solid rgba(233,190,92,.24);font-size:13px;color:var(--muted);font-weight:900}
.section-line{display:block;width:min(480px,74%);height:1px;margin-top:12px;background:linear-gradient(90deg,#f7e3b3,rgba(233,190,92,.46),transparent)}
.section-body{padding:0 18px 20px}
.items-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.item{
  min-height:154px;display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;padding:14px;
  border:1px solid var(--viola-line,var(--line));border-radius:19px;background:var(--viola-surface-2,rgba(8,6,4,.86));box-shadow:inset 0 1px 0 rgba(255,255,255,.028)
}
.item-media{
  border:1px solid rgba(233,190,92,.20);
  border-radius:18px;
  background:radial-gradient(circle at 50% 45%,rgba(233,190,92,.16),transparent 34%),#120b04;
  display:grid;place-items:center;
  font-family:var(--serif);font-size:42px;color:var(--cream)
}
.item-info{display:grid;gap:10px;align-content:space-between}
.item h3{margin:0;font-size:21px;color:#fff6e1}
.item p{margin:0;color:var(--muted);line-height:1.42}
.bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}
.price{font-weight:950;color:#f9df9b}
.add{position:relative;width:44px;height:44px;border:1px solid var(--viola-line-strong,var(--line2));border-radius:13px;background:var(--viola-surface-3,rgba(67,43,12,.92));color:var(--viola-accent-2,var(--gold2));font-size:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 0 0 4px color-mix(in srgb,var(--viola-line,var(--line)) 12%,transparent)}
.add::before,.add::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:1.5px;border-radius:2px;background:currentColor;transform:translate(-50%,-50%)}
.add::after{transform:translate(-50%,-50%) rotate(90deg)}
.featured{
  margin-bottom:14px;padding:24px;
  border:1px solid var(--viola-line,var(--line));border-radius:24px;
  background:
    radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--viola-accent,var(--gold)) 8%,transparent),transparent 38%),
    linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.006) 44%,rgba(7,6,5,.2)),
    var(--viola-surface,rgba(10,8,6,.9));
  box-shadow:0 18px 48px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.035),inset 0 0 0 6px var(--viola-surface,rgba(10,8,6,.9)),inset 0 0 0 7px color-mix(in srgb,var(--viola-line,var(--line)) 42%,transparent)
}
.featured-head{position:relative;display:flex;justify-content:space-between;gap:14px;margin-bottom:18px;padding-bottom:14px}
.featured-head:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--line2),transparent)}
.featured h2{font-family:var(--font);font-size:clamp(26px,2vw,36px);line-height:1.08;font-weight:800;letter-spacing:-.03em;margin:0;color:#fff3d6}
.featured p{margin:0;color:var(--muted)}
.featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.featured-card{display:grid;gap:10px;padding:12px;border:1px solid var(--viola-line,var(--line));border-radius:18px;background:var(--viola-surface-2,rgba(8,6,4,.82));box-shadow:inset 0 1px 0 rgba(255,255,255,.028)}
.featured-card h3{margin:0;font-size:17px;color:#fff6e1}
.featured-card p{font-size:13px;line-height:1.35}
.cart-head{display:flex;justify-content:space-between;gap:10px;padding-bottom:16px;border-bottom:1px solid rgba(233,190,92,.14)}
.mobile-close{display:none;position:relative;font-size:0}
.mobile-close::before,.mobile-close::after{content:"";position:absolute;left:50%;top:50%;width:15px;height:1.5px;border-radius:2px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg)}
.mobile-close::after{transform:translate(-50%,-50%) rotate(-45deg)}
.guest{display:grid;gap:8px;margin:16px 0;padding:13px;border:1px solid var(--viola-line,var(--line));border-radius:16px;background:var(--viola-surface-2,rgba(8,6,4,.82));box-shadow:inset 0 1px 0 rgba(255,255,255,.028)}
.guest span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:900}
.guest input{height:32px;border:0;background:transparent;color:var(--text);font-weight:900}
.guest small{color:var(--muted);font-size:10px;line-height:1.45;text-transform:none;letter-spacing:0}.guest a{color:#efc65f;font-size:11px;text-decoration:none}.guest a:hover{text-decoration:underline}
.cart-line{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:12px;border:1px solid var(--viola-line,var(--line));border-radius:15px;background:var(--viola-surface-2,rgba(8,6,4,.82));margin-bottom:10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.028)}
.qty{display:flex;align-items:center;gap:8px}
.qty button{position:relative;width:30px;height:30px;border-radius:9px;border:1px solid var(--viola-line-strong,var(--line2));background:var(--viola-surface-3,rgba(67,43,12,.92));color:var(--viola-accent-2,var(--gold2));font-size:0}
.qty button::before,.qty button::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.5px;border-radius:2px;background:currentColor;transform:translate(-50%,-50%)}
.qty button[data-d="1"]::after{transform:translate(-50%,-50%) rotate(90deg)}
.qty button[data-d="-1"]::after{display:none}
.total{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-top:1px solid rgba(233,190,92,.14);color:var(--muted)}
.total strong{color:#fff7e5;font-size:24px}
.send{width:100%;min-height:56px}
.cart-footer p{color:var(--muted);font-size:12px;text-align:center}
.post-order{text-align:center;padding:16px 0}
.success{width:54px;height:54px;margin:0 auto 12px;border:1px solid var(--viola-line-strong,var(--line2));border-radius:16px;display:grid;place-items:center;background:var(--viola-surface-3,rgba(67,43,12,.92));color:var(--viola-accent-2,var(--gold2));font-weight:900;box-shadow:inset 0 0 0 5px color-mix(in srgb,var(--viola-line,var(--line)) 12%,transparent)}
.post-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mobile-cart{display:none}
.cart-backdrop{display:none}
@media(max-width:1360px){
  .client-grid{grid-template-columns:minmax(0,1fr) 340px}
  .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1180px){
  .client-shell{width:100%;padding:10px 12px calc(94px + env(safe-area-inset-bottom))}
  .client-top{position:sticky;top:7px;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:7px;border-radius:24px}
  .table-chip,.waiter-btn,.lang{min-height:46px}
  .table-chip{padding:0 12px}.table-chip strong{font-size:18px}
  .waiter-btn{font-size:11px;letter-spacing:.05em}
  .lang button{min-width:46px;min-height:46px}
  .client-grid{display:block}
  .sections{top:74px;margin-bottom:12px;padding:8px;border-radius:18px}
  .cat-nav{gap:8px;padding:1px}
  .cat-btn{min-height:46px;padding:8px 13px;border-radius:15px;font-size:14px}
  .section-heading{min-height:72px;padding:15px 16px}
  .section-title{font-size:28px}
  .section-body{padding:0 12px 14px}
  .items-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .item{min-height:132px;grid-template-columns:88px minmax(0,1fr);padding:10px}
  .item-media{font-size:32px}.item h3{font-size:18px}
  .item p{font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .add{width:46px;height:46px}
  .featured{padding:18px;border-radius:22px}
  .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cart{position:fixed;inset:auto 12px calc(78px + env(safe-area-inset-bottom)) 12px;z-index:42;max-height:min(76vh,calc(100dvh - 118px));overflow:auto;padding:16px;transform:translateY(112%);opacity:0;visibility:hidden;transition:.22s ease;overscroll-behavior:contain}
  .cart.open{transform:translateY(0);opacity:1;visibility:visible}
  .mobile-close{display:inline-grid;width:44px;height:44px;place-items:center}
  .cart-backdrop{position:fixed;inset:0;z-index:41;border:0;border-radius:0;background:rgba(0,0,0,.58);backdrop-filter:blur(4px)}
  .cart-backdrop:not([hidden]){display:block}
  body.cart-open{overflow:hidden}
  .mobile-cart{position:fixed;left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:40;min-height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border:1px solid var(--viola-line-strong,var(--line2));border-radius:18px;background:var(--viola-surface-2,rgba(14,10,5,.97));color:var(--viola-accent-2,var(--gold2));font-weight:950;box-shadow:0 18px 46px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.05),inset 0 0 0 5px color-mix(in srgb,var(--viola-line,var(--line)) 14%,transparent)}
  .client-page .toast{bottom:calc(84px + env(safe-area-inset-bottom))}
  .qty button{width:44px;height:44px}
  .post-actions button{min-height:46px}
}
@media(max-width:700px){
  .client-shell{padding:8px 8px calc(94px + env(safe-area-inset-bottom))}
  .client-top{gap:6px;padding:9px;border-radius:20px}
  .table-chip,.waiter-btn,.lang{min-height:42px}
  .table-chip{padding:0 10px}.table-chip strong{font-size:16px}
  .waiter-btn{font-size:10px;letter-spacing:.035em}
  .lang{gap:2px;padding:3px}.lang button{min-width:39px;min-height:38px;border-radius:10px}
  .sections{top:70px;margin-bottom:10px;padding:7px;border-radius:16px}
  .cat-nav{gap:6px}
  .cat-btn{min-height:42px;padding:7px 11px;border-radius:13px;font-size:13px}
  .section-heading{min-height:64px;padding:12px 13px}
  .section-title{font-size:23px}.section-count{display:none}
  .section-body{padding:0 9px 11px}
  .items-grid{grid-template-columns:1fr;gap:10px}
  .item{min-height:116px;grid-template-columns:76px minmax(0,1fr);padding:8px}
  .item-media{font-size:29px}.item h3{font-size:17px}
  .featured{padding:17px;border-radius:21px}
  .featured h2{font-size:27px;line-height:1.1}
  .featured p{margin-top:7px;font-size:14px;line-height:1.42}
  .featured-grid{grid-template-columns:1fr}
  .cart{inset:auto 8px calc(76px + env(safe-area-inset-bottom)) 8px}
}
.item-media.has-photo{overflow:hidden;color:transparent}
.item-media.has-photo img{display:block;width:100%;height:100%;object-fit:cover}
.featured-card .item-media.has-photo{min-height:130px;width:100%}


/* Client ivory / white theme — isolated, static, v9.5.63 */


















