:root{--header-height:5rem;--product-grid-gap:1rem}.menu-page{background-color:#f5f5f5;height:100dvh;overflow:hidden}.menu-content{padding-top:var(--header-height);height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height))}.menu-layout{grid-template-columns:12% 88%;height:100%;display:grid}.categories-column{top:var(--header-height);height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height));background-color:#fff;padding:1rem;position:sticky;overflow-y:auto}.categories-list{flex-direction:column;gap:2rem;margin-top:2rem;display:flex}.category-button{text-align:left;cursor:pointer;color:#777;background:0 0;border:none;font-size:1rem;font-weight:500;transition:color .3s;position:relative}.category-button.active{color:var(--main-bright-red)}.category-button:after{content:"";background-color:currentColor;width:100%;height:2px;transition:transform .3s;position:absolute;bottom:-.5rem;left:0;transform:scaleX(0)}.category-button.active:after{transform:scaleX(1)}.category-button:hover:not(.active):after{transform:scaleX(.5)}.products-column{scroll-snap-type:y mandatory;height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height));overflow-y:auto}.product-section{box-sizing:border-box;height:auto;padding:1rem;position:relative}.product-page{height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height));scroll-snap-align:start;scroll-snap-stop:always;box-sizing:border-box;padding:1rem;position:relative}.product-content{flex-direction:column;height:100%;display:flex}.product-grid{gap:var(--product-grid-gap);flex:1;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(2,1fr);display:grid;overflow:hidden}@media (min-width:768px){.product-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(4,1fr)}}.product-card{flex-direction:column;height:100%;display:flex}.product-card:not(.empty):hover{box-shadow:none;transform:none}.product-image-container{aspect-ratio:1;background:#f0f0f0;border-radius:.5rem;position:relative;overflow:hidden}.product-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.product-card:not(.empty):hover .product-image{transform:scale(1.05)}.empty-product-image{aspect-ratio:1/.9;background-color:#f0f0f0;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.empty-product-icon{color:#ccc;width:2.5rem;height:2.5rem;margin-bottom:.5rem}.empty-product-text{color:#aaa;font-size:.875rem}.product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.25rem 0;font-weight:500;line-height:1.4;display:-webkit-box}.product-name.faded{opacity:.5}.product-details{justify-content:space-between;align-items:center;margin-top:.25rem;font-size:.85rem;display:flex}.product-amount{color:#777;font-size:.875rem}.product-price{color:var(--main-bright-red);align-items:center;font-size:.9rem;font-weight:500;display:flex}.ruble-icon{width:1rem;height:1rem;margin-left:.25rem}@media (max-width:767px){.menu-content{height:calc(var(--vh,1vh)*100 - 4.5rem);padding-top:5rem}.menu-layout{grid-template-columns:100%}.categories-column{display:none}.products-column{height:calc(100vh - var(--header-height) - env(safe-area-inset-bottom));height:calc(100dvh - var(--header-height) - env(safe-area-inset-bottom))}.product-section{height:auto;padding:0}.product-page{height:calc(100vh - var(--header-height) - env(safe-area-inset-bottom));height:calc(100dvh - var(--header-height) - env(safe-area-inset-bottom));scroll-snap-align:start;scroll-snap-stop:always;padding:.75rem}.product-image-container{aspect-ratio:1/.975;margin-bottom:.25rem}.product-grid{gap:.5rem}.product-content{min-height:3.5rem;padding:.5rem 0}.product-details{font-size:.75rem}.product-name{font-size:.9rem;line-height:1.25}.product-amount{letter-spacing:-.75px;font-size:.85rem}.product-price{letter-spacing:-.5px;font-size:.85rem}.ruble-icon{width:.85rem;height:.85rem;margin-left:.1rem}}