/* Telegram is the host: compact chrome, safe insets, direct shopping and staff tools. */
html[data-environment=telegram]{--app-nav-height:66px;--app-safe-top:0px;--app-safe-bottom:0px;--app-safe-left:0px;--app-safe-right:0px;scroll-behavior:auto}
html[data-environment=telegram] body{min-height:var(--app-viewport-height,100dvh);padding-top:var(--app-safe-top);padding-inline:var(--app-safe-left) var(--app-safe-right)}
html[data-environment=telegram] body::before{content:'';position:fixed;left:0;right:0;top:0;height:var(--app-safe-top);background:var(--bg);z-index:12;pointer-events:none}
html[data-environment=telegram] .site-header{position:sticky;top:var(--app-safe-top);min-height:56px;padding:0 16px;gap:12px;z-index:11;background:var(--bg)}
html[data-environment=telegram] .site-header>.brand{min-height:56px;font-size:22px;letter-spacing:-.03em}
html[data-environment=telegram] .main-nav,html[data-environment=telegram] #theme,html[data-environment=telegram] #mobile-theme{display:none}
html[data-environment=telegram] .header-cart{min-height:44px;padding:8px 12px;border-radius:12px}
html[data-environment=telegram] .header-cart-label,html[data-environment=telegram] #cart-header-total{display:none}
html[data-environment=telegram] .header-cart .cart-count{display:inline}
html[data-environment=telegram][data-surface=pos] #cart-open,html[data-environment=telegram][data-surface=pos] #quick-open,html[data-environment=telegram][data-surface=staff] #cart-open{display:none}
html[data-environment=telegram] main{padding:22px 16px calc(110px + var(--app-safe-bottom));min-height:calc(var(--app-viewport-height,100dvh) - 140px)}
html[data-environment=telegram] .page-intro h1{font-size:32px;letter-spacing:-.03em}
html[data-environment=telegram] .page-intro p{font-size:14px}
html[data-environment=telegram] .service-bar{padding:8px 16px;gap:8px}
html[data-environment=telegram] .fulfillment-choices button{font-size:13px;padding-inline:14px}
html[data-environment=telegram] .service-open{font-size:12px}.service-open .muted{font-size:12px}
html[data-environment=telegram] .mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:6px 8px calc(6px + var(--app-safe-bottom));background:var(--bg);border-top:1px solid var(--line);left:var(--app-safe-left);right:var(--app-safe-right);bottom:var(--app-bottom-offset,0px)}
html[data-environment=telegram] .mobile-nav>a{min-height:54px;font-size:11px;gap:4px;border-radius:14px}
html[data-environment=telegram] .mobile-nav svg{width:21px;height:21px}
html[data-environment=telegram] .mobile-nav-marker{display:block;border-radius:14px}
html[data-environment=telegram] .local-footer{display:block;min-height:0;padding:12px 16px calc(95px + var(--app-safe-bottom));border:0}
html[data-environment=telegram] .footer-brand,html[data-environment=telegram] .footer-nav{display:none}
html[data-environment=telegram] .footer-local{padding:0;font-size:11px}
html[data-environment=telegram] .cart-dock,html[data-environment=telegram] #cart-dialog.cart-popup{bottom:calc(var(--app-nav-height) + 12px + var(--app-safe-bottom) + var(--app-bottom-offset,0px));left:calc(16px + var(--app-safe-left));right:calc(16px + var(--app-safe-right));width:auto}
html[data-environment=telegram] #cart-dialog.cart-popup{max-width:none;max-height:calc(var(--app-viewport-height,100dvh) - var(--app-nav-height) - 36px - var(--app-safe-top) - var(--app-safe-bottom))}
html[data-environment=telegram] input:not([type=checkbox]):not([type=radio]),html[data-environment=telegram] select,html[data-environment=telegram] textarea{font-size:16px;min-height:48px}
html[data-environment=telegram] .catalog-tools{position:static;grid-template-columns:1fr;gap:10px}
html[data-environment=telegram] .search-field{grid-row:1}
html[data-environment=telegram] .categories{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:0;width:100%;max-width:100%}
html[data-environment=telegram] .menu-toolbar{flex-wrap:wrap}
html[data-environment=telegram] .menu-filters,html[data-environment=telegram] .menu-display{width:100%;justify-content:space-between}
html[data-environment=telegram] .category{min-height:44px;padding:10px 16px}
html[data-environment=telegram] .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
html[data-environment=telegram] .dish-details img{aspect-ratio:1}.dish-content{min-width:0}
html[data-environment=telegram] .dish-name{font-size:14px;line-height:1.45;min-height:42px}
html[data-environment=telegram] .dish-content{padding:12px}.dish-unit{overflow-wrap:anywhere}
html[data-environment=telegram] .dish-description{display:none}
html[data-environment=telegram] .dish-bottom{flex-wrap:wrap}.dish-bottom .quantity{min-width:0}
html[data-environment=telegram] .dish-bottom .quantity{flex-basis:100%;justify-content:space-between;margin:0}
html[data-environment=telegram] .checkout-layout,html[data-environment=telegram] .cart-surface>.dialog-content{grid-template-columns:1fr;gap:24px}
html[data-environment=telegram] .checkout-summary{position:static;grid-row:1;padding:20px}
html[data-environment=telegram] .checkout-surface fieldset>.field-group{grid-template-columns:1fr}
html[data-environment=telegram][data-native-action=checkout] #checkout-submit,html[data-environment=telegram][data-native-action=checkout] .mobile-nav{display:none}
html[data-environment=telegram][data-keyboard=open] .mobile-nav,html[data-environment=telegram][data-keyboard=open] .cart-dock{display:none}
html[data-environment=telegram] .workspace-tabs{overflow-x:auto;white-space:nowrap;gap:8px;scrollbar-width:none}
html[data-environment=telegram] .workspace-tabs>*{flex-shrink:0;min-height:48px;padding:12px 14px;font-size:14px}
html[data-environment=telegram] .staff .page-intro{display:block}
html[data-environment=telegram] .service-control{margin-top:16px}
html[data-environment=telegram] .staff-layout{grid-template-columns:1fr}
html[data-environment=telegram] .notice{top:calc(64px + var(--app-safe-top))}
html[data-environment=telegram] dialog:not(.cart-popup){position:fixed;top:calc(16px + var(--app-safe-top));bottom:calc(16px + var(--app-safe-bottom) + var(--app-bottom-offset,0px));height:auto;max-height:calc(var(--app-viewport-height,100dvh) - 32px - var(--app-safe-top) - var(--app-safe-bottom));margin:auto}
.cash-entry-links{display:flex;gap:20px;max-width:1440px;margin:auto;padding:16px 32px;font-size:14px}.cash-entry-links a{min-height:44px;display:inline-flex;align-items:center}
html[data-environment=telegram] body[data-page=cash] header{padding:12px 16px;flex-wrap:wrap;gap:12px}
html[data-environment=telegram] body[data-page=cash] header .brand{font-size:22px}
html[data-environment=telegram] body[data-page=cash] .cash-entry-links{padding:8px 16px;gap:20px}
html[data-environment=telegram] body[data-page=cash] main{padding-bottom:32px}
html[data-environment=telegram] body[data-page=cash] dialog{max-height:calc(var(--app-viewport-height,100dvh) - 32px - var(--app-safe-top) - var(--app-safe-bottom))}
html[data-environment=telegram][data-surface=cash]{--bg:#fff7e8;--surface:#fffdf7;--ink:#173426;--muted:#536349;--line:#d6dfbf;--accent:#167447;--on-accent:#fffbe8;--soft:#e8f4c5}
html[data-environment=telegram][data-surface=cash][data-theme=dark]{--bg:#12281d;--surface:#1a3627;--ink:#fff5dd;--muted:#cadfbd;--line:#496744;--accent:#b9e878;--on-accent:#12281d;--soft:#294b32}
@media(min-width:721px){html[data-environment=telegram] body{max-width:780px;margin:auto}html[data-environment=telegram] .mobile-nav{max-width:780px;margin:auto}html[data-environment=telegram] #cart-dialog.cart-popup{left:auto;width:460px;right:max(16px,calc((100vw - 780px)/2 + 16px))}html[data-environment=telegram] .cart-dock{left:auto;width:350px;right:max(16px,calc((100vw - 780px)/2 + 16px))}}