.tb-frame{container-type:inline-size;max-width:980px;margin:0 auto;background:#07090d;border:1px solid rgba(255,255,255,.1);border-radius:34px;padding:18px;position:relative;box-shadow:0 30px 70px rgba(12,23,48,.28),inset 0 0 0 2px rgba(255,255,255,.03)}.tb-frame:before{content:"";position:absolute;top:7px;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:99px;background:#1c2230}.tb-screen{min-height:calc(100cqw / 1.43);background:#12161f;border-radius:16px;display:flex;flex-direction:column;color:#fff}.tb-bar{flex:none;height:44px;justify-content:space-between;gap:10px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.07)}.tb-bar,.tb-bar__meta{display:flex;align-items:center}.tb-bar__meta{gap:12px;font:600 10px/1 var(--font-sans);color:rgba(255,255,255,.6);white-space:nowrap}.tb-body{flex:1;min-height:0;display:flex;gap:12px;padding:12px}.tb-cats{flex:none;width:70px;display:flex;flex-direction:column;gap:7px}.tb-cat{height:52px;border-radius:10px;display:flex;align-items:center;justify-content:center;font:800 12px/1 var(--font-sans);background:rgba(255,255,255,.05);border:1px solid transparent;color:rgba(255,255,255,.55)}.tb-menu{flex:1;min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:8px}.tb-tile{position:relative;min-height:58px;border-radius:11px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);padding:10px 11px;display:flex;flex-direction:column;justify-content:space-between;gap:6px}.tb-tile__name{font:700 13px/1.25 var(--font-sans);color:#fff;padding-right:22px}.tb-tile__foot{justify-content:space-between;gap:4px;font:700 11px/1 var(--font-sans);color:rgba(255,255,255,.6)}.tb-tile__foot,.tb-tile__qty{display:flex;align-items:center}.tb-tile__qty{position:absolute;top:8px;right:8px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;justify-content:center;font:800 10px/1 var(--font-sans)}.tb-order{flex:none;width:34%;min-width:220px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px;display:flex;flex-direction:column}.tb-left{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}.tb-catalog{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(78px,1fr);gap:8px}.tb-left>:last-child{margin-top:auto}@container (max-width: 820px){.tb-menu{grid-template-columns:repeat(3,minmax(0,1fr))}.tb-menu>:nth-child(n+16){display:none}.tb-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.tb-catalog>:nth-child(n+9){display:none}}@container (max-width: 560px){.tb-screen{min-height:calc(100cqw * 1.43)}.tb-bar{height:40px;padding:0 12px}.tb-bar__hide-narrow{display:none}.tb-body{flex-direction:column;padding:10px;gap:10px}.tb-cats{width:auto;flex-direction:row}.tb-cat{flex:1;height:36px}.tb-menu{flex:1 0 auto;grid-template-columns:repeat(3,minmax(0,1fr))}.tb-menu>:nth-child(n+10){display:none}.tb-tile{padding:9px}.tb-order,.tb-right{width:auto;min-width:0}.tb-catalog{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(58px,auto)}.tb-catalog>:nth-child(n+7){display:none}.tb-left{flex:none}.tb-right{flex:1 0 auto}.tb-hide-portrait{display:none}}@media (max-width:600px){.tb-frame{padding:12px;border-radius:28px}.tb-frame:before{top:4px}}