{"id":9,"date":"2025-07-23T10:05:48","date_gmt":"2025-07-23T10:05:48","guid":{"rendered":"https:\/\/imagecaffe.optimumcs.rs\/?page_id=9"},"modified":"2025-08-31T16:51:50","modified_gmt":"2025-08-31T16:51:50","slug":"menu","status":"publish","type":"page","link":"https:\/\/imagecaffe.mk\/mk\/menu\/","title":{"rendered":"\u041c\u0415\u041d\u0418"},"content":{"rendered":"
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Coffee Menu - Image Caffe<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kanit:wght@300;400;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* Scope all styles to menu-container only - NO GLOBAL STYLES *\/\r\n .menu-container {\r\n font-family: 'Kanit', 'Segoe UI', Tahoma, Geneva, Verdana, Arial, sans-serif;\r\n color: #fff;\r\n padding: 40px 20px;\r\n max-width: 1600px;\r\n margin: 0 auto;\r\n position: relative;\r\n isolation: isolate;\r\n }\r\n\r\n .menu-container,\r\n .menu-container * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* Category Buttons - scoped to menu-container *\/\r\n .menu-container .category-buttons {\r\n display: flex;\r\n justify-content: center;\r\n gap: 20px;\r\n margin-bottom: 40px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .menu-container .category-btn {\r\n background: rgba(255, 255, 255, 0.1);\r\n color: #fff;\r\n border: 2px solid #F59735;\r\n padding: 15px 30px;\r\n border-radius: 25px;\r\n font-size: 16px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n position: relative;\r\n overflow: hidden;\r\n will-change: transform, box-shadow;\r\n transform: translateZ(0);\r\n }\r\n\r\n .menu-container .category-btn:hover {\r\n background: rgba(245, 151, 53, 0.2);\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 25px rgba(245, 151, 53, 0.3);\r\n }\r\n\r\n .menu-container .category-btn.active {\r\n background: #F59735;\r\n color: #000;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 25px rgba(245, 151, 53, 0.4);\r\n }\r\n\r\n .menu-container .category-btn::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\r\n transition: left 0.5s;\r\n }\r\n\r\n .menu-container .category-btn:hover::before {\r\n left: 100%;\r\n }\r\n\r\n \/* Block #cc3366 color from appearing on buttons *\/\r\n .menu-container .category-btn,\r\n .menu-container .category-btn:hover,\r\n .menu-container .category-btn:focus,\r\n .menu-container .category-btn:active,\r\n .menu-container .category-btn.active {\r\n background-color: rgba(255, 255, 255, 0.1) !important;\r\n border-color: #F59735 !important;\r\n color: #fff !important;\r\n }\r\n\r\n .menu-container .category-btn.active {\r\n background-color: #F59735 !important;\r\n color: #000 !important;\r\n }\r\n\r\n .menu-container .category-btn:hover {\r\n background-color: rgba(245, 151, 53, 0.2) !important;\r\n }\r\n\r\n \/* Prevent any #cc3366 color override *\/\r\n .menu-container .category-btn * {\r\n color: inherit !important;\r\n }\r\n\r\n \/* Menu Grid *\/\r\n .menu-container .menu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\r\n gap: 20px;\r\n opacity: 1;\r\n transform: translateY(0);\r\n transition: all 0.5s ease;\r\n }\r\n\r\n .menu-container .menu-grid.fade-out {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n\r\n \/* Card Group Styles - only for Beverages and Alcohol *\/\r\n .menu-container .menu-grid.card-groups {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\r\n gap: 20px;\r\n position: relative;\r\n min-height: 400px; \/* Ensure space for cards *\/\r\n margin-bottom: 480px; \/* Much more space for controls below *\/\r\n }\r\n\r\n .menu-container .card-group {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\r\n gap: 20px;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: all 0.5s ease;\r\n }\r\n\r\n .menu-container .card-group.active {\r\n opacity: 1;\r\n visibility: visible;\r\n position: absolute; \/* Keep absolute positioning to prevent layout shifts *\/\r\n }\r\n\r\n \/* Slider Controls - only for card groups *\/\r\n .menu-container .slider-controls {\r\n display: none;\r\n justify-content: center;\r\n gap: 15px;\r\n margin: 10px 0;\r\n position: relative; \/* Position relative to the menu-grid container *\/\r\n margin-top: 20px; \/* Add space above the controls *\/\r\n width: 100%;\r\n z-index: 100; \/* Higher z-index to ensure visibility *\/\r\n }\r\n\r\n .menu-container .slider-controls.show {\r\n display: flex;\r\n }\r\n\r\n .menu-container .slider-btn {\r\n background: rgba(255, 255, 255, 0.1);\r\n color: #fff;\r\n border: 2px solid #F59735;\r\n padding: 10px 20px;\r\n border-radius: 20px;\r\n font-size: 14px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n will-change: transform, box-shadow;\r\n transform: translateZ(0);\r\n }\r\n\r\n .menu-container .slider-btn:hover {\r\n background: rgba(245, 151, 53, 0.2);\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 25px rgba(245, 151, 53, 0.3);\r\n }\r\n\r\n .menu-container .slider-btn:disabled {\r\n opacity: 0.5;\r\n cursor: not-allowed;\r\n transform: none;\r\n }\r\n\r\n .menu-container .slider-indicators {\r\n display: none;\r\n justify-content: center;\r\n gap: 8px;\r\n margin: 15px 0;\r\n position: relative; \/* Position relative to the menu-grid container *\/\r\n margin-top: 10px; \/* Add space above the indicators *\/\r\n width: 100%;\r\n z-index: 100; \/* Higher z-index to ensure visibility *\/\r\n }\r\n\r\n .menu-container .slider-indicators.show {\r\n display: flex;\r\n }\r\n\r\n .menu-container .slider-dot {\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.3);\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .menu-container .slider-dot.active {\r\n background: #F59735;\r\n }\r\n\r\n .menu-container .slider-dot:hover {\r\n background: rgba(245, 151, 53, 0.7);\r\n }\r\n\r\n .menu-container .menu-card {\r\n background: rgba(255, 255, 255, 0.1);\r\n border-radius: 12px;\r\n overflow: hidden;\r\n backdrop-filter: blur(10px) !important;\r\n -webkit-backdrop-filter: blur(10px) !important;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;\r\n transform: translateZ(0);\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n will-change: transform, box-shadow;\r\n }\r\n\r\n .menu-container .menu-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);\r\n background: rgba(255, 255, 255, 0.15);\r\n }\r\n\r\n .menu-container .card-header {\r\n background: #F59735;\r\n padding: 15px 20px;\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: #000;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .menu-container .menu-card:hover .card-header {\r\n background: #ff8c2a;\r\n }\r\n\r\n .menu-container .card-content {\r\n padding: 20px;\r\n }\r\n\r\n .menu-container .menu-item {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding: 15px 0;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.2);\r\n transition: all 0.3s ease;\r\n opacity: 1;\r\n }\r\n\r\n .menu-container .menu-item:hover {\r\n background: rgba(255, 255, 255, 0.05);\r\n padding-left: 10px;\r\n padding-right: 10px;\r\n margin-left: -10px;\r\n margin-right: -10px;\r\n border-radius: 8px;\r\n }\r\n\r\n .menu-container .menu-item:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .menu-container .item-info {\r\n flex: 1;\r\n }\r\n\r\n .menu-container .item-name {\r\n font-size: 16px;\r\n font-weight: 700;\r\n margin-bottom: 4px;\r\n color: #fff;\r\n }\r\n\r\n .menu-container .item-description {\r\n font-size: 14px;\r\n font-weight: 400;\r\n color: rgba(255, 255, 255, 0.7);\r\n line-height: 1.4;\r\n }\r\n\r\n .menu-container .item-price {\r\n font-size: 16px;\r\n font-weight: 700;\r\n color: #F59735;\r\n margin-left: 20px;\r\n transition: transform 0.3s ease, color 0.3s ease;\r\n }\r\n\r\n .menu-container .menu-item:hover .item-price {\r\n transform: scale(1.1);\r\n color: #ff8c2a;\r\n }\r\n\r\n \/* Prevent backdrop-filter flash - More aggressive approach *\/\r\n .menu-container .menu-card {\r\n opacity: 0;\r\n backdrop-filter: blur(10px) !important;\r\n -webkit-backdrop-filter: blur(10px) !important;\r\n }\r\n\r\n body.loaded .menu-container .menu-card {\r\n opacity: 1;\r\n transition: opacity 0.3s ease;\r\n }\r\n\r\n \/* Force backdrop-filter on all interactive elements *\/\r\n .menu-container .category-btn,\r\n .menu-container .slider-btn {\r\n backdrop-filter: blur(10px) !important;\r\n -webkit-backdrop-filter: blur(10px) !important;\r\n }\r\n\r\n \/* Hidden Category Content *\/\r\n .menu-container .category-content {\r\n display: none !important;\r\n }\r\n\r\n .menu-container .category-content.active {\r\n display: block !important;\r\n animation: slideInFromBottom 0.6s ease-out;\r\n }\r\n\r\n @keyframes slideInFromBottom {\r\n from {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n \/* Responsive Design *\/\r\n @media (max-width: 768px) {\r\n .menu-container .category-buttons {\r\n gap: 10px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .menu-container .category-btn {\r\n padding: 12px 20px;\r\n font-size: 14px;\r\n }\r\n\r\n .menu-container .menu-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n\r\n \/* Fix for Alcohol and Beverages categories - make them same size as other categories on mobile *\/\r\n .menu-container .menu-grid.card-groups {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n margin-bottom: 200px; \/* Reduced space for mobile *\/\r\n }\r\n\r\n .menu-container .card-group {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n position: absolute; \/* Keep absolute positioning for slider *\/\r\n opacity: 0;\r\n visibility: hidden;\r\n }\r\n\r\n .menu-container .card-group.active {\r\n position: absolute; \/* Keep absolute positioning for slider *\/\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n\r\n .menu-container {\r\n padding: 20px 15px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"menu-container\">\r\n <!-- Category Navigation -->\r\n <div class=\"category-buttons\">\r\n <button class=\"category-btn active\" data-category=\"espresso\">\u0415\u0441\u043f\u0440\u0435\u0441\u043e \u0438 \u041a\u0430\u0444\u0435<\/button>\r\n <button class=\"category-btn\" data-category=\"specialty\">\u0422\u043e\u043f\u043b\u0438 \u0441\u043f\u0435\u0446\u0438\u0458\u0430\u043b\u0438\u0442\u0435\u0442\u0438<\/button>\r\n <button class=\"category-btn\" data-category=\"cold\">\u041b\u0430\u0434\u043d\u043e \u043a\u0430\u0444\u0435<\/button>\r\n <button class=\"category-btn\" data-category=\"pastries\">\u041f\u0438\u0458\u0430\u043b\u043e\u0446\u0438<\/button>\r\n <button class=\"category-btn\" data-category=\"breakfast\">\u0410\u043b\u043a\u043e\u0445\u043e\u043b<\/button>\r\n <button class=\"category-btn\" data-category=\"desserts\">\u0413\u0440\u0438\u0446\u043a\u0438 \u0438 \u0414\u043e\u0434\u0430\u0442\u043e\u0446\u0438<\/button>\r\n <\/div>\r\n\r\n <!-- Espresso Drinks Category -->\r\n <div class=\"category-content active\" id=\"espresso\">\r\n <div class=\"menu-grid\">\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0415\u0421\u041f\u0420\u0415\u0421\u041e<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0415\u0421\u041f\u0420\u0415\u0421\u041e<\/div>\r\n <div class=\"item-description\">\u041a\u0440\u0430\u0442\u043e\u043a\/\u0434\u043e\u043b\u0433 \u0435\u0441\u043f\u0440\u0435\u0441\u043e \u0448\u043e\u0442<\/div>\r\n <\/div>\r\n <div class=\"item-price\">100 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041c\u0410\u041a\u0418\u0408\u0410\u0422\u041e \u041a\u0420\u0410\u0422\u041a\u041e<\/div>\r\n <div class=\"item-description\">\u041a\u0440\u0430\u0442\u043a\u043e \u043c\u0430\u043a\u0438\u0458\u0430\u0442\u043e \u043a\u0430\u0444\u0435<\/div>\r\n <\/div>\r\n <div class=\"item-price\">110 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041c\u0410\u041a\u0418\u0408\u0410\u0422\u041e \u0414\u041e\u041b\u0413\u041e<\/div>\r\n <div class=\"item-description\">\u0414\u043e\u043b\u0433\u043e \u043c\u0430\u043a\u0438\u0458\u0430\u0442\u043e \u043a\u0430\u0444\u0435<\/div>\r\n <\/div>\r\n <div class=\"item-price\">120 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041a\u0410\u041f\u0423\u0427\u0418\u041d\u041e<\/div>\r\n <div class=\"item-description\">\u0415\u0441\u043f\u0440\u0435\u0441\u043e \u0441\u043e \u043f\u0430\u0440\u0435\u043d\u043e \u043c\u043b\u0435\u043a\u043e \u0438 \u043f\u0435\u043d\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">120 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u041a\u0410\u0424\u0415 \u0411\u0415\u0417 \u041a\u041e\u0424\u0415\u0418\u041d<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041a\u0410\u0424\u0415 \u0411\u0415\u0417 \u041a\u041e\u0424\u0415\u0418\u041d<\/div>\r\n <div class=\"item-description\">\u0411\u0435\u0437\u043a\u043e\u0444\u0435\u0438\u043d\u0441\u043a\u043e \u0435\u0441\u043f\u0440\u0435\u0441\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">100 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041c\u0410\u041a\u0418\u0408\u0410\u0422\u041e \u0411\u0415\u0417 \u041a\u041e\u0424\u0415\u0418\u041d<\/div>\r\n <div class=\"item-description\">\u0411\u0435\u0437\u043a\u043e\u0444\u0435\u0438\u043d\u0441\u043a\u043e \u043c\u0430\u043a\u0438\u0458\u0430\u0442\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">120 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0414\u0420\u0423\u0413\u041e \u041a\u0410\u0424\u0415<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041d\u0415\u0421\u041a\u0410\u0424\u0415<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0438\u043d\u0441\u0442\u0430\u043d\u0442 \u043a\u0430\u0444\u0435<\/div>\r\n <\/div>\r\n <div class=\"item-price\">120 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041d\u0415\u0421\u041a\u0410\u0424\u0415 \u0421\u041f\u0415\u0426\u0418\u0408\u0410\u041b<\/div>\r\n <div class=\"item-description\">\u0412\u0430\u043d\u0438\u043b\u0430, \u0447\u043e\u043a\u043e\u043b\u0430\u0434\u043e, \u043a\u043e\u043a\u043e\u0441, \u043b\u0435\u0448\u043d\u0438\u043a, \u043a\u0430\u0440\u0430\u043c\u0435\u043b\u0430\u2013\u0430\u0458\u0440\u0438\u0448<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041a\u0410\u0424\u0415 \u041b\u0410\u0422\u0415<\/div>\r\n <div class=\"item-description\">\u041a\u0430\u0444\u0435 \u0441\u043e \u043f\u0430\u0440\u0435\u043d\u043e \u043c\u043b\u0435\u043a\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">130 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041a\u0420\u0415\u041c \u0415\u0421\u041f\u0420\u0415\u0421\u041e<\/div>\r\n <div class=\"item-description\">\u041a\u0440\u0435\u043c\u0430\u0441\u0442\u043e \u0435\u0441\u043f\u0440\u0435\u0441\u043e \u043a\u0430\u0444\u0435<\/div>\r\n <\/div>\r\n <div class=\"item-price\">90 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0414\u0420\u0423\u0413\u041e \u041a\u0410\u0424\u0415<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0410\u041c\u0415\u0420\u0418\u041a\u0410\u041d\u041e<\/div>\r\n <div class=\"item-description\">\u0415\u0441\u043f\u0440\u0435\u0441\u043e \u0441\u043e \u0442\u043e\u043f\u043b\u0430 \u0432\u043e\u0434\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">100 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0422\u0443\u0440\u0441\u043a\u043e \u041a\u0430\u0444\u0435<\/div>\r\n <div class=\"item-description\">\u0422\u0440\u0430\u0434\u0438\u0446\u0438\u043e\u043d\u0430\u043b\u043d\u043e \u0442\u0443\u0440\u0441\u043a\u043e \u043a\u0430\u0444\u0435<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n\r\n <\/div>\r\n\r\n <!-- Specialty Coffee Category -->\r\n <div class=\"category-content\" id=\"specialty\">\r\n <div class=\"menu-grid\">\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0422\u041e\u041f\u041b\u041e \u041a\u0410\u0424\u0415<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041c\u0415\u041a\u0421\u0418\u041a\u0410\u041d\u0421\u041a\u041e \u041a\u0410\u0424\u0415<\/div>\r\n <div class=\"item-description\">\u0421\u043f\u0435\u0446\u0438\u0458\u0430\u043b\u043d\u043e \u043c\u0435\u043a\u0441\u0438\u043a\u0430\u043d\u0441\u043a\u043e \u043a\u0430\u0444\u0435<\/div>\r\n <\/div>\r\n <div class=\"item-price\">170 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041a\u0410\u0424\u0415 \u0414\u0418 \u041a\u041e\u041a\u041e<\/div>\r\n <div class=\"item-description\">\u0415\u0441\u043f\u0440\u0435\u0441\u043e \u043a\u0430\u0444\u0435, \u0447\u043e\u043a\u043e\u043b\u0430\u0434\u0435\u043d \u043b\u0438\u043a\u0435\u0440, \u0441\u043b\u0430\u0442\u043a\u0430 \u043f\u0430\u0432\u043b\u0430\u043a\u0430, \u043c\u0435\u0434\u0435\u043d\u043e \u043b\u0435\u0448\u043d\u0438\u043a, \u0448\u043b\u0430\u0433<\/div>\r\n <\/div>\r\n <div class=\"item-price\">170 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0418\u0420\u0421\u041a\u041e \u041a\u0410\u0424\u0415<\/div>\r\n <div class=\"item-description\">\u0422\u0440\u0430\u0434\u0438\u0446\u0438\u043e\u043d\u0430\u043b\u043d\u043e \u0438\u0440\u0441\u043a\u043e \u043a\u0430\u0444\u0435 \u0441\u043e \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">170 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041a\u0410\u0424\u0415 \u041c\u041e\u041a\u0410<\/div>\r\n <div class=\"item-description\">\u0415\u0441\u043f\u0440\u0435\u0441\u043e \u043a\u0430\u0444\u0435, \u0447\u043e\u043a\u043e\u043b\u0430\u0434\u043e, \u043c\u043b\u0435\u043a\u043e, \u043c\u043e\u0440\u0441\u043a\u043e \u043e\u0440\u0435\u0432\u0447\u0435<\/div>\r\n <\/div>\r\n <div class=\"item-price\">170 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u041a\u041e\u041a\u0422\u0415\u041b\u0418 \u0421\u041e \u041a\u0410\u0424\u0415<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041a\u041e\u0424\u0418 \u041a\u041e\u0411\u041b\u0415\u0420 \u0411\u0423\u0420\u0411\u041e\u041d<\/div>\r\n <div class=\"item-description\">\u0415\u0441\u043f\u0440\u0435\u0441\u043e \u043a\u0430\u0444\u0435, \u043a\u043e\u043a\u043e\u0441\/\u043c\u043e\u043a\u0430 \u043b\u0438\u043a\u0435\u0440, \u0431\u0443\u0440\u0431\u043e\u043d, \u0447\u043e\u043a\u043e\u043b\u0430\u0434\u0435\u043d \u0441\u043b\u0430\u0434\u043e\u043b\u0435\u0434<\/div>\r\n <\/div>\r\n <div class=\"item-price\">220 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0420\u0423\u0421\u041a\u041e \u041a\u0410\u0424\u0415<\/div>\r\n <div class=\"item-description\">\u0415\u0441\u043f\u0440\u0435\u0441\u043e \u043a\u0430\u0444\u0435, \u0432\u043e\u0442\u043a\u0430, \u0441\u043b\u0430\u0442\u043a\u0430 \u043f\u0430\u0432\u043b\u0430\u043a\u0430, \u043a\u043e\u0430\u043d\u0442\u0440\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">160 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041f\u0410\u0420\u0418\u0421\u041a\u0418 \u041a\u0412\u0418\u041a \u041c\u0418\u041a\u0421<\/div>\r\n <div class=\"item-description\">\u0415\u0441\u043f\u0440\u0435\u0441\u043e \u043a\u0430\u0444\u0435, \u043a\u043e\u045a\u0430\u043a VSOP, \u0432\u0430\u043d\u0438\u043b\u0430 \u043b\u0438\u043a\u0435\u0440, \u043a\u0440\u0448\u0435\u043d \u043c\u0440\u0430\u0437<\/div>\r\n <\/div>\r\n <div class=\"item-price\">220 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0408\u0410\u041c\u0410\u0408\u041a\u0410\u041d\u0421\u041a\u041e \u0426\u0420\u041d\u041e \u041a\u0410\u0424\u0415<\/div>\r\n <div class=\"item-description\">\u0415\u0441\u043f\u0440\u0435\u0441\u043e \u043a\u0430\u0444\u0435, \u0442\u0435\u043c\u0435\u043d \u0440\u0443\u043c, \u0448\u0435\u045c\u0435\u0440<\/div>\r\n <\/div>\r\n <div class=\"item-price\">170 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0414\u041e\u041b\u0413\u0418 \u041a\u041e\u041a\u0422\u0415\u041b\u0418<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041b\u041e\u041d\u0413 \u0414\u0420\u0418\u041d\u041a \u041a\u0410\u0424\u0415<\/div>\r\n <div class=\"item-description\">\u0415\u0441\u043f\u0440\u0435\u0441\u043e \u043a\u0430\u0444\u0435, \u041a\u0430\u043b\u0443\u0430, \u0432\u0430\u043d\u0438\u043b\u0430 \u0441\u043b\u0430\u0434\u043e\u043b\u0435\u0434, \u0441\u043b\u0430\u0442\u043a\u0430 \u043f\u0430\u0432\u043b\u0430\u043a\u0430, \u0441\u043e\u0434\u0430 \u0432\u043e\u0434\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">170 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041a\u0410\u041a\u0410\u041e<\/div>\r\n <div class=\"item-description\">\u0422\u043e\u043f\u043b\u043e \u0447\u043e\u043a\u043e\u043b\u0430\u0434\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">100 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0422\u041e\u041f\u041b\u041e \u0427\u041e\u041a\u041e\u041b\u0410\u0414\u041e<\/div>\r\n <div class=\"item-description\">\u041f\u0440\u0435\u043c\u0438\u0443\u043c \u0442\u043e\u043f\u043b\u043e \u0447\u043e\u043a\u043e\u043b\u0430\u0434\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0421\u0410\u041b\u0415\u041f<\/div>\r\n <div class=\"item-description\">\u0422\u0440\u0430\u0434\u0438\u0446\u0438\u043e\u043d\u0430\u043b\u0435\u043d \u0442\u043e\u043f\u043e\u043b \u043d\u0430\u043f\u0438\u0442\u043e\u043a<\/div>\r\n <\/div>\r\n <div class=\"item-price\">120 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n\r\n <\/div>\r\n\r\n <!-- Cold Beverages Category -->\r\n <div class=\"category-content\" id=\"cold\">\r\n <div class=\"menu-grid\">\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u041b\u0410\u0414\u041d\u041e \u041a\u0410\u0424\u0415<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0418\u041c\u0410\u040f\u0415 \u041c\u0418\u041e<\/div>\r\n <div class=\"item-description\">\u0415\u0441\u043f\u0440\u0435\u0441\u043e \u043a\u0430\u0444\u0435, \u0447\u043e\u043a\u043e\u043b\u0430\u0434\u0435\u043d \u0441\u043b\u0430\u0434\u043e\u043b\u0435\u0434, \u043a\u043e\u043a\u043e \u043b\u0438\u043a\u0435\u0440, \u0411\u0430\u0458\u043b\u0438\u0441 \u043a\u0440\u0435\u043c, \u0432\u0430\u043d\u0438\u043b\u0430 \u0441\u043b\u0430\u0434\u043e\u043b\u0435\u0434, \u043a\u043e\u0430\u043d\u0442\u0440\u043e, \u0448\u043b\u0430\u0433, \u043c\u043e\u0440\u0441\u043a\u043e \u043e\u0440\u0435\u0432\u0447\u0435, \u0447\u043e\u043a\u043e\u043b\u0430\u0434\u0435\u043d \u043f\u0440\u0430\u0432<\/div>\r\n <\/div>\r\n <div class=\"item-price\">250 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0421\u041f\u0410\u0408\u0421 \u0415\u0421\u041f\u0420\u0415\u0421\u041e \u0428\u0415\u0408\u041a<\/div>\r\n <div class=\"item-description\">\u0415\u0441\u043f\u0440\u0435\u0441\u043e \u043a\u0430\u0444\u0435, \u0447\u043e\u043a\u043e\u043b\u0430\u0434\u043e \u0438\u043b\u0438 \u0432\u0430\u043d\u0438\u043b\u0430 \u0441\u043b\u0430\u0434\u043e\u043b\u0435\u0434, \u043c\u043b\u0435\u043a\u043e, \u0441\u043b\u0430\u0442\u043a\u0430 \u043f\u0430\u0432\u043b\u0430\u043a\u0430, \u0446\u0438\u043c\u0435\u0442<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041a\u0410\u041a\u0410\u041e \u0410\u0408\u0421\u0422 \u041a\u041e\u0424\u0418<\/div>\r\n <div class=\"item-description\">\u0415\u0441\u043f\u0440\u0435\u0441\u043e \u043a\u0430\u0444\u0435, \u043a\u043e\u043a\u043e \u043b\u0438\u043a\u0435\u0440, \u043c\u043b\u0435\u043a\u043e, \u043a\u043e\u043a\u043e\u0441\u043e\u0432\u043e \u0431\u0440\u0430\u0448\u043d\u043e, \u0441\u043b\u0430\u0442\u043a\u0430 \u043f\u0430\u0432\u043b\u0430\u043a\u0430, \u0448\u043b\u0430\u0433<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041c\u0410\u0408\u0410\u041c\u0418 \u0414\u0415\u041a\u041b\u0410\u0420\u0415\u0408\u0428\u041d<\/div>\r\n <div class=\"item-description\">\u0415\u0441\u043f\u0440\u0435\u0441\u043e \u043a\u0430\u0444\u0435, \u043f\u043e\u0440\u0442\u043e\u043a\u0430\u043b\u043e\u0432 \u043b\u0438\u043a\u0435\u0440, \u043c\u043b\u0435\u043a\u043e, \u0441\u043b\u0430\u0442\u043a\u0430 \u043f\u0430\u0432\u043b\u0430\u043a\u0430, \u0448\u043b\u0430\u0433<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u041a\u041b\u0410\u0421\u0418\u0427\u041d\u041e \u041b\u0410\u0414\u041d\u041e \u041a\u0410\u0424\u0415<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0424\u0420\u0415\u0414\u041e<\/div>\r\n <div class=\"item-description\">\u041b\u0430\u0434\u043d\u043e \u0435\u0441\u043f\u0440\u0435\u0441\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">110 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0424\u0420\u0410\u041f\u0415<\/div>\r\n <div class=\"item-description\">\u0422\u0440\u0430\u0434\u0438\u0446\u0438\u043e\u043d\u0430\u043b\u043d\u043e \u0433\u0440\u0447\u043a\u043e \u043b\u0430\u0434\u043d\u043e \u043a\u0430\u0444\u0435<\/div>\r\n <\/div>\r\n <div class=\"item-price\">120 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041b\u0410\u0414\u041d\u041e \u041a\u0410\u0424\u0415<\/div>\r\n <div class=\"item-description\">\u041d\u0430\u043f\u0438\u0442\u043e\u043a \u043e\u0434 \u043b\u0430\u0434\u043d\u043e \u043a\u0430\u0444\u0435<\/div>\r\n <\/div>\r\n <div class=\"item-price\">120 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u041f\u0410\u041a\u0415\u0422\u0418<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0415\u0421\u041f\u0420\u0415\u0421\u041e + \u0413\u0410\u0417\u0418\u0420\u0410\u041d\u041e \u041f\u0418\u0408\u0410\u041b\u041e\u041a<\/div>\r\n <div class=\"item-description\">\u0415\u0441\u043f\u0440\u0435\u0441\u043e \u0441\u043e \u0433\u0430\u0437\u0438\u0440\u0430\u043d \u043f\u0438\u0458\u0430\u043b\u043e\u043a<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0413\u041e\u041b\u0415\u041c\u041e \u041c\u0410\u041a\u0418\u0408\u0410\u0422\u041e + \u0413\u0410\u0417\u0418\u0420\u0410\u041d\u041e \u041f\u0418\u0408\u0410\u041b\u041e\u041a<\/div>\r\n <div class=\"item-description\">\u0413\u043e\u043b\u0435\u043c\u043e \u043c\u0430\u043a\u0438\u0458\u0430\u0442\u043e \u0441\u043e \u0433\u0430\u0437\u0438\u0440\u0430\u043d \u043f\u0438\u0458\u0430\u043b\u043e\u043a<\/div>\r\n <\/div>\r\n <div class=\"item-price\">170 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0415\u0421\u041f\u0420\u0415\u0421\u041e + \u0426\u0415\u0414\u0415\u0412\u0418\u0422\u0410<\/div>\r\n <div class=\"item-description\">\u0415\u0441\u043f\u0440\u0435\u0441\u043e \u0441\u043e \u0426\u0435\u0434\u0435\u0432\u0438\u0442\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0413\u041e\u041b\u0415\u041c\u041e \u041c\u0410\u041a\u0418\u0408\u0410\u0422\u041e + \u0426\u0415\u0414\u0415\u0412\u0418\u0422\u0410<\/div>\r\n <div class=\"item-description\">\u0413\u043e\u043b\u0435\u043c\u043e \u043c\u0430\u043a\u0438\u0458\u0430\u0442\u043e \u0441\u043e \u0426\u0435\u0434\u0435\u0432\u0438\u0442\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">170 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u041f\u0410\u041a\u0415\u0422\u0418<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0415\u0421\u041f\u0420\u0415\u0421\u041e + \u0412\u041e\u0414\u0410<\/div>\r\n <div class=\"item-description\">\u0415\u0441\u043f\u0440\u0435\u0441\u043e \u0441\u043e \u0432\u043e\u0434\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">160 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0413\u041e\u041b\u0415\u041c\u041e \u041c\u0410\u041a\u0418\u0408\u0410\u0422\u041e + \u0412\u041e\u0414\u0410<\/div>\r\n <div class=\"item-description\">\u0413\u043e\u043b\u0435\u043c\u043e \u043c\u0430\u043a\u0438\u0458\u0430\u0442\u043e \u0441\u043e \u0432\u043e\u0434\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">180 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n\r\n <\/div>\r\n\r\n <!-- Beverages Category -->\r\n <div class=\"category-content\" id=\"pastries\">\r\n <div class=\"menu-grid\">\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0413\u0410\u0417\u0418\u0420\u0410\u041d\u0418 \u041f\u0418\u0408\u0410\u041b\u041e\u0426\u0418<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041a\u041e\u041a\u0410 \u041a\u041e\u041b\u0410 (0,25)<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u041a\u043e\u043a\u0430 \u041a\u043e\u043b\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">110 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0424\u0410\u041d\u0422\u0410 (0,25)<\/div>\r\n <div class=\"item-description\">\u0413\u0430\u0437\u0438\u0440\u0430\u043d\u0430 \u043f\u043e\u0440\u0442\u043e\u043a\u0430\u043b\u043e\u0432\u0430 \u043d\u0430\u043f\u0438\u0432\u043a\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">110 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0421\u041f\u0420\u0410\u0408\u0422 (0,25)<\/div>\r\n <div class=\"item-description\">\u0413\u0430\u0437\u0438\u0440\u0430\u043d\u0430 \u043b\u0438\u043c\u043e\u043d-\u043b\u0430\u0458\u043c \u043d\u0430\u043f\u0438\u0432\u043a\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">110 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0428\u0412\u0415\u041f\u0421<\/div>\r\n <div class=\"item-description\">\u0413\u043e\u0440\u0447\u043b\u0438\u0432 \u043b\u0438\u043c\u043e\u043d, \u0442\u043e\u043d\u0438\u043a, \u043c\u0430\u043d\u0434\u0430\u0440\u0438\u043d\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">110 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0413\u0410\u0417\u0418\u0420\u0410\u041d\u0418 \u041f\u0418\u0408\u0410\u041b\u041e\u0426\u0418<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041a\u041e\u041a\u0422\u0410<\/div>\r\n <div class=\"item-description\">\u0422\u0440\u0430\u0434\u0438\u0446\u0438\u043e\u043d\u0430\u043b\u043d\u0430 \u0431\u0430\u043b\u043a\u0430\u043d\u0441\u043a\u0430 \u043a\u043e\u043b\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">110 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041e\u0420\u0410\u041d\u040f\u0418\u041d\u0410<\/div>\r\n <div class=\"item-description\">\u0413\u0430\u0437\u0438\u0440\u0430\u043d\u0430 \u043f\u043e\u0440\u0442\u043e\u043a\u0430\u043b\u043e\u0432\u0430 \u043d\u0430\u043f\u0438\u0432\u043a\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">120 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">FRESH JUICES<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041f\u041e\u0420\u0422\u041e\u041a\u0410\u041b \u0426\u0415\u0414\u0415\u041d (0,25)<\/div>\r\n <div class=\"item-description\">\u0421\u0432\u0435\u0436\u043e \u0446\u0435\u0434\u0435\u043d \u0441\u043e\u043a \u043e\u0434 \u043f\u043e\u0440\u0442\u043e\u043a\u0430\u043b<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0426\u0418\u0422\u0420\u041e\u041d \u0426\u0415\u0414\u0415\u041d (0,25)<\/div>\r\n <div class=\"item-description\">\u0421\u0432\u0435\u0436\u043e \u0446\u0435\u0434\u0435\u043d \u0441\u043e\u043a \u043e\u0434 \u0433\u0440\u0435\u0458\u043f\u0444\u0440\u0443\u0442<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041b\u0418\u041c\u041e\u041d \u0426\u0415\u0414\u0415\u041d (0,25)<\/div>\r\n <div class=\"item-description\">\u0421\u0432\u0435\u0436\u043e \u0446\u0435\u0434\u0435\u043d \u0441\u043e\u043a \u043e\u0434 \u043b\u0438\u043c\u043e\u043d<\/div>\r\n <\/div>\r\n <div class=\"item-price\">120 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\"><\/div>\r\n <div class=\"item-description\"><\/div>\r\n <\/div>\r\n <div class=\"item-price\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">BEVERAGES<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041b\u0435\u0434\u0435\u043d \u0427\u0430\u0458<\/div>\r\n <div class=\"item-description\">\u041f\u0440\u0430\u0441\u043a\u0430, \u043b\u0438\u043c\u043e\u043d \u0430\u0440\u043e\u043c\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">120 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0424\u0420\u0423\u041a\u0422\u0410\u041b\/NEXT<\/div>\r\n <div class=\"item-description\">\u041e\u0432\u043e\u0448\u0435\u043d \u0441\u043e\u043a<\/div>\r\n <\/div>\r\n <div class=\"item-price\">130 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">CEDEVITA<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 cedevita<\/div>\r\n <\/div>\r\n <div class=\"item-price\">90 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\"><\/div>\r\n <div class=\"item-description\"><\/div>\r\n <\/div>\r\n <div class=\"item-price\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">MINERAL WATER<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">MAJA<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u043c\u0438\u043d\u0435\u0440\u0430\u043b\u043d\u0430 \u0432\u043e\u0434\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">80 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041a\u040a\u0410\u0417 \u041c\u0418\u041b\u041e\u0428<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u043c\u0438\u043d\u0435\u0440\u0430\u043b\u043d\u0430 \u0432\u043e\u0434\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">80 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041f\u0415\u041b\u0418\u0421\u0422\u0415\u0420\u041a\u0410<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u043c\u0438\u043d\u0435\u0440\u0430\u043b\u043d\u0430 \u0432\u043e\u0434\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">80 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0420\u0410\u0414\u0415\u041d\u0421\u041a\u0410<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u043c\u0438\u043d\u0435\u0440\u0430\u043b\u043d\u0430 \u0432\u043e\u0434\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">80 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">MINERAL WATER<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">J\u0410\u041c\u041d\u0418\u0426\u0410<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u043c\u0438\u043d\u0435\u0440\u0430\u043b\u043d\u0430 \u0432\u043e\u0434\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">80 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0421\u0410\u041d \u041f\u0415\u041b\u0415\u0413\u0420\u0418\u041d\u041e<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u043c\u0438\u043d\u0435\u0440\u0430\u043b\u043d\u0430 \u0432\u043e\u0434\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">80 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041f\u0415\u0420\u0418\u0415\u0420<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u043c\u0438\u043d\u0435\u0440\u0430\u043b\u043d\u0430 \u0432\u043e\u0434\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">80 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\"><\/div>\r\n <div class=\"item-description\"><\/div>\r\n <\/div>\r\n <div class=\"item-price\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">WATER<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">JANA<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u0432\u043e\u0434\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">80 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0413\u041e\u0420\u0421\u041a\u0410<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u0432\u043e\u0434\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">80 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0420\u041e\u0421\u0410<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u0432\u043e\u0434\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">80 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">MAJA<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u0432\u043e\u0434\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">80 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">WARM BEVERAGES<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0427\u0430\u0458<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u0447\u0430\u0458<\/div>\r\n <\/div>\r\n <div class=\"item-price\">80 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041c\u043b\u0435\u043a\u043e<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u043c\u043b\u0435\u043a\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">80 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\"><\/div>\r\n <div class=\"item-description\"><\/div>\r\n <\/div>\r\n <div class=\"item-price\"><\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\"><\/div>\r\n <div class=\"item-description\"><\/div>\r\n <\/div>\r\n <div class=\"item-price\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n <!-- Slider Controls for Beverages -->\r\n <div class=\"slider-controls\">\r\n <button class=\"slider-btn prev-btn\" onclick=\"slideCategory('pastries', -1)\">Previous<\/button>\r\n <button class=\"slider-btn next-btn\" onclick=\"slideCategory('pastries', 1)\">Next<\/button>\r\n <\/div>\r\n \r\n <!-- Slider Indicators -->\r\n <div class=\"slider-indicators\">\r\n <div class=\"slider-dot active\" onclick=\"goToGroup(0)\"><\/div>\r\n <div class=\"slider-dot\" onclick=\"goToGroup(1)\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Alcohol Category -->\r\n <div class=\"category-content\" id=\"breakfast\">\r\n <div class=\"menu-grid\">\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0421\u041a\u041e\u0427 \u0412\u0418\u0421\u041a\u0418 (40\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">J&B<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0421\u043a\u043e\u0442\u0447 \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">190 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">JOHNNIE WALKER RED LABEL<\/div>\r\n <div class=\"item-description\">\u041f\u0440\u0435\u043c\u0438\u0443\u043c \u0421\u043a\u043e\u0442\u0447 \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">190 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">JOHNNIE WALKER BLACK LABEL \"12\"<\/div>\r\n <div class=\"item-description\">12 \u0433\u043e\u0434\u0438\u043d\u0438 \u0437\u0440\u0435\u0435\u045a\u0435 \u2013 \u0421\u043a\u043e\u0442\u0447<\/div>\r\n <\/div>\r\n <div class=\"item-price\">250 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">JOHNNIE WALKER GOLD LABEL \"18\"<\/div>\r\n <div class=\"item-description\">18 \u0433\u043e\u0434\u0438\u043d\u0438 \u0437\u0440\u0435\u0435\u045a\u0435 - \u0421\u043a\u043e\u0442\u0447<\/div>\r\n <\/div>\r\n <div class=\"item-price\">400 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0421\u041a\u041e\u0427 \u0412\u0418\u0421\u041a\u0418 (40\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">JOHNNIE DOUBLE BLACK<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0421\u043a\u043e\u0442\u0447 \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">400 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">BALLANTINE'S<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0421\u043a\u043e\u0442\u0447 \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">190 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">JOHNNIE WALKER BLUE LABEL<\/div>\r\n <div class=\"item-description\">\u041f\u0440\u0435\u043c\u0438\u0443\u043c \u0431\u043b\u0435\u043d\u0434 \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">1000 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">MACALLAN \"12\"<\/div>\r\n <div class=\"item-description\">\u0421\u043a\u043e\u0442\u0447 \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">400 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0421\u041a\u041e\u0427 \u0412\u0418\u0421\u041a\u0418 (40\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">DEWAR'S<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0421\u043a\u043e\u0442\u0447 \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">190 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">TEACHERS<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0421\u043a\u043e\u0442\u0447 \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">190 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">FAMOUS GROUSE<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0421\u043a\u043e\u0442\u0447 \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">190 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">CUTTY SARK<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0421\u043a\u043e\u0442\u0447 \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">190 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0421\u041a\u041e\u0427 \u0412\u0418\u0421\u041a\u0418 (40\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">CHIVAS<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0421\u043a\u043e\u0442\u0447 \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">300 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">DIMPLE<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0421\u043a\u043e\u0442\u0447 \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">300 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">LAGAVULIN<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0421\u043a\u043e\u0442\u0447 \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">370 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\"><\/div>\r\n <div class=\"item-description\"><\/div>\r\n <\/div>\r\n <div class=\"item-price\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0418\u0420\u0421\u041a\u041e \u0412\u0418\u0421\u041a\u0418 (40\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">TULLAMORE DEW<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0438\u0440\u0441\u043a\u043e \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">190 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">JAMESON<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0438\u0440\u0441\u043a\u043e \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">190 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">BUSHMILLS<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0438\u0440\u0441\u043a\u043e \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">190 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\"><\/div>\r\n <div class=\"item-description\"><\/div>\r\n <\/div>\r\n <div class=\"item-price\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">SINGLE MALT WHISKEY (40ml)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">JOHNNIE WALKER \"15\"<\/div>\r\n <div class=\"item-description\">\u0412\u0438\u0441\u043a\u0438 \u0441\u043e \u0435\u0434\u0435\u043d \u0441\u043b\u0430\u0434<\/div>\r\n <\/div>\r\n <div class=\"item-price\">350 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">CARDHU<\/div>\r\n <div class=\"item-description\">\u0412\u0438\u0441\u043a\u0438 \u0441\u043e \u0435\u0434\u0435\u043d \u0441\u043b\u0430\u0434<\/div>\r\n <\/div>\r\n <div class=\"item-price\">350 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">JACK DANIELS BAREL<\/div>\r\n <div class=\"item-description\">\u0412\u0438\u0441\u043a\u0438 \u0441\u043e \u0435\u0434\u0435\u043d \u0441\u043b\u0430\u0434<\/div>\r\n <\/div>\r\n <div class=\"item-price\">350 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">LAGAVULIN \"16\"<\/div>\r\n <div class=\"item-description\">\u0412\u0438\u0441\u043a\u0438 \u0441\u043e \u0435\u0434\u0435\u043d \u0441\u043b\u0430\u0434<\/div>\r\n <\/div>\r\n <div class=\"item-price\">350 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">AMERICAN WHISKEY & BURBON (40ml)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">JACK'S DANIELS \/HONEY<\/div>\r\n <div class=\"item-description\">\u0410\u043c\u0435\u0440\u0438\u043a\u0430\u043d\u0441\u043a\u043e \u043a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">250 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">GENTELMAN JACK<\/div>\r\n <div class=\"item-description\">\u0410\u043c\u0435\u0440\u0438\u043a\u0430\u043d\u0441\u043a\u043e \u043a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">260 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">JIM BEAM<\/div>\r\n <div class=\"item-description\">\u0410\u043c\u0435\u0440\u0438\u043a\u0430\u043d\u0441\u043a\u043e \u043a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">190 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">JIM BEAM BLACK<\/div>\r\n <div class=\"item-description\">\u0410\u043c\u0435\u0440\u0438\u043a\u0430\u043d\u0441\u043a\u043e \u043a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">260 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u041a\u041e\u040a\u0410\u041a (40\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">STOCK 84<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043a\u043e\u045a\u0430\u043a<\/div>\r\n <\/div>\r\n <div class=\"item-price\">120 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">BADEL PRIMA<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043a\u043e\u045a\u0430\u043a<\/div>\r\n <\/div>\r\n <div class=\"item-price\">100 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">COURVOISIER V.S<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043a\u043e\u045a\u0430\u043a<\/div>\r\n <\/div>\r\n <div class=\"item-price\">250 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">REMY MARTIN V.S.O.P<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043a\u043e\u045a\u0430\u043a<\/div>\r\n <\/div>\r\n <div class=\"item-price\">390 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u041a\u041e\u040a\u0410\u041a (40\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">HENNESSY V.S<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043a\u043e\u045a\u0430\u043a<\/div>\r\n <\/div>\r\n <div class=\"item-price\">300 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">REMY MARTIN GRAND CRU<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043a\u043e\u045a\u0430\u043a<\/div>\r\n <\/div>\r\n <div class=\"item-price\">290 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">ZOLA<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043a\u043e\u045a\u0430\u043a<\/div>\r\n <\/div>\r\n <div class=\"item-price\">90 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\"><\/div>\r\n <div class=\"item-description\"><\/div>\r\n <\/div>\r\n <div class=\"item-price\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u040f\u0418\u041d (40\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">SAX<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u045f\u0438\u043d<\/div>\r\n <\/div>\r\n <div class=\"item-price\">110 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">GORDON'S<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u045f\u0438\u043d<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">BEEFEATER<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u045f\u0438\u043d<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">BOMBAY<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u045f\u0438\u043d<\/div>\r\n <\/div>\r\n <div class=\"item-price\">180 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0412\u041e\u0414\u041a\u0410 (40\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">SMIRNOFF RED \/ BLUE<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u0432\u043e\u0434\u043a\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">130 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">FINLANDIA<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u0432\u043e\u0434\u043a\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">130 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">FINLANDIA \u0411\u0420\u0423\u0421\u041d\u0418\u0426\u0410<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u0432\u043e\u0434\u043a\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">FINLANDIA \u041b\u0418\u041c\u0415\u0422\u0410<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u0432\u043e\u0434\u043a\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0412\u041e\u0414\u041a\u0410 (40\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">ABSOLUT<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u0432\u043e\u0434\u043a\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">130 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">DANZKA<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u0432\u043e\u0434\u043a\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">130 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">VIGOR<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u0432\u043e\u0434\u043a\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">120 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">URSUS<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u0432\u043e\u0434\u043a\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">130 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0412\u041e\u0414\u041a\u0410 (40\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">GREY GOOSE<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u0432\u043e\u0434\u043a\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">300 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">SMIRNOFF ICE (275ml)<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u0432\u043e\u0434\u043a\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\"><\/div>\r\n <div class=\"item-description\"><\/div>\r\n <\/div>\r\n <div class=\"item-price\"><\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\"><\/div>\r\n <div class=\"item-description\"><\/div>\r\n <\/div>\r\n <div class=\"item-price\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0412\u0415\u0420\u041c\u0423\u0422 (40\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">MARTINI ROSSO<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u0432\u0435\u0440\u043c\u0443\u0442<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">MARTINI BIANCO<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u0432\u0435\u0440\u043c\u0443\u0442<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">CANZANO ROSSO<\/div>\r\n <div class=\"item-description\">bianco, dry, bitter, rose<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">BENEDETTO<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u0432\u0435\u0440\u043c\u0443\u0442<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0428\u0410\u041c\u041f\u0410\u0408\u041d (40\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">MARTINI PROSEKO (750ml)<\/div>\r\n <div class=\"item-description\">\u0428\u0430\u043c\u043f\u0430\u0458\u043d<\/div>\r\n <\/div>\r\n <div class=\"item-price\">1300 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">MOET & CHANDON<\/div>\r\n <div class=\"item-description\">\u041f\u0440\u0435\u043c\u0438\u0443\u043c \u0448\u0430\u043c\u043f\u0430\u0458\u043d<\/div>\r\n <\/div>\r\n <div class=\"item-price\"><\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">DOM PERRIGNO<\/div>\r\n <div class=\"item-description\">\u0428\u0430\u043c\u043f\u0430\u0458\u043d<\/div>\r\n <\/div>\r\n <div class=\"item-price\"><\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\"><\/div>\r\n <div class=\"item-description\"><\/div>\r\n <\/div>\r\n <div class=\"item-price\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0412\u0438\u043d\u043e (200\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0411\u0415\u041b\u041e<\/div>\r\n <div class=\"item-description\">\u0411\u0435\u043b\u043e \u0432\u0438\u043d\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">180 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0426\u0420\u0412\u0415\u041d\u041e<\/div>\r\n <div class=\"item-description\">\u0426\u0440\u0432\u0435\u043d\u043e \u0432\u0438\u043d\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">180 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0410\u041f\u0415\u0420\u041e\u041b<\/div>\r\n <div class=\"item-description\">\u0412\u0438\u043d\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">APEROL SPRIC<\/div>\r\n <div class=\"item-description\"><\/div>\r\n <\/div>\r\n <div class=\"item-price\">220 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0420\u0423\u041c (40\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">BADEL<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u0420\u0443\u043c<\/div>\r\n <\/div>\r\n <div class=\"item-price\">100 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">BACARDI<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u0420\u0443\u043c<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">BACARDI BREEZER (275ml)<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u0420\u0443\u043c<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">CAPTAIN MORGAN GOLD<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u0420\u0443\u043c<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0420\u0423\u041c (40\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">PAMPERO<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u0420\u0443\u043c<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">HAVANA CLUB<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u0420\u0443\u043c<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">CAPTAIN MORGAN YAMAICA<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u0420\u0443\u043c<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\"><\/div>\r\n <div class=\"item-description\"><\/div>\r\n <\/div>\r\n <div class=\"item-price\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0423\u0417\u041e (40\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">TSANTALI<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0443\u0437\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">100 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\" 12 \"<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0443\u0437\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">100 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">PLOMARI<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0443\u0437\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">100 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\"><\/div>\r\n <div class=\"item-description\"><\/div>\r\n <\/div>\r\n <div class=\"item-price\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0422\u0415\u041a\u0418\u041b\u0410 (30\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">OLMECA<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u0442\u0435\u043a\u0438\u043b\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">90 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">JOSE CUERVO<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u0442\u0435\u043a\u0438\u043b\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">90 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">TWO FINGERS<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u0442\u0435\u043a\u0438\u043b\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">90 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">MENDOZA<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u0442\u0435\u043a\u0438\u043b\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">70 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u041a\u041e\u041a\u0422\u0415\u041b\u0418<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">MOJITO (0,2l)<\/div>\r\n <div class=\"item-description\">\u041a\u043e\u043a\u0442\u0435\u043b<\/div>\r\n <\/div>\r\n <div class=\"item-price\">200 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">LONG ISLAND COCKTAIL (0,3l)<\/div>\r\n <div class=\"item-description\">\u041a\u043e\u043a\u0442\u0435\u043b<\/div>\r\n <\/div>\r\n <div class=\"item-price\">250 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\"><\/div>\r\n <div class=\"item-description\"><\/div>\r\n <\/div>\r\n <div class=\"item-price\"><\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\"><\/div>\r\n <div class=\"item-description\"><\/div>\r\n <\/div>\r\n <div class=\"item-price\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u041b\u0418\u041a\u0415\u0420\u0418 (40\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">PASSOA<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043b\u0438\u043a\u0435\u0440<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">SHERIDAN'S CREAM<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043b\u0438\u043a\u0435\u0440<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">BAILEY'S CREAM<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043b\u0438\u043a\u0435\u0440<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">CAROLAN'S CREAM<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043b\u0438\u043a\u0435\u0440<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u041b\u0418\u041a\u0415\u0420\u0418 (40\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">COINTREAU<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043b\u0438\u043a\u0435\u0440<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">DRAMBUIE<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043b\u0438\u043a\u0435\u0440<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">KAHLUA<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043b\u0438\u043a\u0435\u0440<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">SOUTHERN COMFORT<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043b\u0438\u043a\u0435\u0440<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u041b\u0418\u041a\u0415\u0420\u0418 (40\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">AMARETO<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043b\u0438\u043a\u0435\u0440<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">PELINKOVAC<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043b\u0438\u043a\u0435\u0440<\/div>\r\n <\/div>\r\n <div class=\"item-price\">110 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">ARCHERS PEACH<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043b\u0438\u043a\u0435\u0440<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">BLUE CURACAO<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043b\u0438\u043a\u0435\u0440<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u041b\u0418\u041a\u0415\u0420\u0418 (40\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">CAMPARI<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043b\u0438\u043a\u0435\u0440<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">SAMBUCA<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043b\u0438\u043a\u0435\u0440<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">MALIBU<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043b\u0438\u043a\u0435\u0440<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">JEGERMEISTER<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043b\u0438\u043a\u0435\u0440<\/div>\r\n <\/div>\r\n <div class=\"item-price\">160 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u041f\u0418\u0412\u041e<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0421\u041a\u041e\u041f\u0421\u041a\u041e<\/div>\r\n <div class=\"item-description\">\u041b\u043e\u043a\u0430\u043b\u043d\u043e \u043f\u0438\u0432\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0421\u041a\u041e\u041f\u0421\u041a\u041e SMOOTH<\/div>\r\n <div class=\"item-description\">\u041b\u043e\u043a\u0430\u043b\u043d\u043e \u043f\u0438\u0432\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0421\u041a\u041e\u041f\u0421\u041a\u041e \u0422\u0415\u041c\u041d\u041e<\/div>\r\n <div class=\"item-description\">\u041b\u043e\u043a\u0430\u043b\u043d\u043e \u0442\u0435\u043c\u043d\u043e \u043f\u0438\u0432\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">AMSTEL<\/div>\r\n <div class=\"item-description\">\u0421\u0432\u0435\u0442\u043b\u043e \u043f\u0438\u0432\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u041f\u0418\u0412\u041e<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0417\u041b\u0410\u0422\u0415\u041d \u0414\u0410\u0411<\/div>\r\n <div class=\"item-description\">\u041b\u043e\u043a\u0430\u043b\u043d\u043e \u043f\u0438\u0432\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">TUBORG<\/div>\r\n <div class=\"item-description\">\u0421\u0432\u0435\u0442\u043b\u043e \u043f\u0438\u0432\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">180 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">HEINEKEN<\/div>\r\n <div class=\"item-description\">\u041f\u0440\u0435\u043c\u0438\u0443\u043c \u043f\u0438\u0432\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">CORONA<\/div>\r\n <div class=\"item-description\">Mexican Beer<\/div>\r\n <\/div>\r\n <div class=\"item-price\">190 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u041f\u0418\u0412\u041e<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0421\u041a\u041e\u041f\u0421\u041a\u041e \u0422\u041e\u0427\u0415\u041d\u041e \u041f\u0418\u0412\u041e (0.33)<\/div>\r\n <div class=\"item-description\">\u041b\u043e\u043a\u0430\u043b\u043d\u043e \u0442\u043e\u0447\u0435\u043d\u043e \u043f\u0438\u0432\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0421\u041a\u041e\u041f\u0421\u041a\u041e \u0422\u041e\u0427\u0415\u041d\u041e \u041f\u0418\u0412\u041e (0.33)<\/div>\r\n <div class=\"item-description\">\u041b\u043e\u043a\u0430\u043b\u043d\u043e \u0442\u043e\u0447\u0435\u043d\u043e \u043f\u0438\u0432\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">180 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\"><\/div>\r\n <div class=\"item-description\"><\/div>\r\n <\/div>\r\n <div class=\"item-price\"><\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\"><\/div>\r\n <div class=\"item-description\"><\/div>\r\n <\/div>\r\n <div class=\"item-price\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u041a\u041e\u041a\u0422\u0415\u041b\u0418<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041a\u0420\u0410\u0422\u041a\u0418 \u041a\u041e\u041a\u0422\u0415\u041b\u0418 (0,2\u043b)<\/div>\r\n <div class=\"item-description\">\u041a\u0440\u0430\u0442\u043a\u0438 \u043a\u043e\u043a\u0442\u0435\u043b\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">120 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0414\u041e\u041b\u0413\u0418 \u041a\u041e\u041a\u0422\u0415\u041b\u0418 (0,3\u043b)<\/div>\r\n <div class=\"item-description\">\u0414\u043e\u043b\u0433\u0438 \u043a\u043e\u043a\u0442\u0435\u043b\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">190 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">MOJITO (0,2l)<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u0440\u0443\u043c \u043a\u043e\u043a\u0442\u0435\u043b<\/div>\r\n <\/div>\r\n <div class=\"item-price\">200 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">LONG ISLAND COCKTAIL (0,3l)<\/div>\r\n <div class=\"item-description\">\u041f\u0440\u0435\u043c\u0438\u0443\u043c \u043c\u0435\u0448\u0430\u043d \u043a\u043e\u043a\u0442\u0435\u043b<\/div>\r\n <\/div>\r\n <div class=\"item-price\">250 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Slider Controls for Alcohol -->\r\n <div class=\"slider-controls\">\r\n <button class=\"slider-btn prev-btn\" onclick=\"slideCategory('breakfast', -1)\">Previous<\/button>\r\n <button class=\"slider-btn next-btn\" onclick=\"slideCategory('breakfast', 1)\">Next<\/button>\r\n <\/div>\r\n \r\n <!-- Slider Indicators -->\r\n <div class=\"slider-indicators\">\r\n <div class=\"slider-dot active\" onclick=\"goToGroup(0)\"><\/div>\r\n <div class=\"slider-dot\" onclick=\"goToGroup(1)\"><\/div>\r\n <div class=\"slider-dot\" onclick=\"goToGroup(2)\"><\/div>\r\n <div class=\"slider-dot\" onclick=\"goToGroup(3)\"><\/div>\r\n <div class=\"slider-dot\" onclick=\"goToGroup(4)\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Snacks & Extras Category -->\r\n <div class=\"category-content\" id=\"desserts\">\r\n <div class=\"menu-grid\">\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0410\u041f\u0415\u0422\u0418\u0421\u0410\u041d\u0418 (100\u0433\u0440.)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041b\u0415\u0428\u041d\u0418\u0426\u0418<\/div>\r\n <div class=\"item-description\">\u041f\u0435\u0447\u0435\u043d\u0438 \u043b\u0435\u0448\u043d\u0438\u0446\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">180 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0424'\u0421\u0422\u0410\u0426\u0418<\/div>\r\n <div class=\"item-description\">\u041f\u0440\u0435\u043c\u0438\u0443\u043c \u0444'\u0441\u0442\u0430\u0446\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">180 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041a\u0418\u041a\u0418\u0420\u0418\u041a\u0418<\/div>\r\n <div class=\"item-description\">\u041f\u0435\u0447\u0435\u043d\u0438 \u043a\u0438\u043a\u0438\u0440\u0438\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">100 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0418\u041d\u0414\u0418\u0421\u041a\u0418 \u041e\u0420\u0415\u0412\u0418<\/div>\r\n <div class=\"item-description\">\u041f\u0440\u0435\u043c\u0438\u0443\u043c \u0438\u043d\u0434\u0438\u0441\u043a\u0438 \u043e\u0440\u0435\u0432\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">180 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0414\u041e\u0414\u0410\u0422\u041e\u0426\u0418<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0426\u0415\u0420\u041c\u0410\u0422 \u0421\u041b\u0410\u0414\u041e\u041b\u0415\u0414 (160\u043c\u043b)<\/div>\r\n <div class=\"item-description\">\u041f\u0440\u0435\u043c\u0438\u0443\u043c \u0441\u043b\u0430\u0434\u043e\u043b\u0435\u0434<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0428\u041b\u0410\u0413 \u041f\u0415\u041d\u0410<\/div>\r\n <div class=\"item-description\">\u0421\u0432\u0435\u0436\u0430 \u0448\u043b\u0430\u0433 \u043f\u0435\u043d\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">30 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041b\u0418\u041a\u0415\u0420 \u0428\u041e\u0422<\/div>\r\n <div class=\"item-description\">\u0420\u0430\u0437\u043b\u0438\u0447\u043d\u0438 \u043b\u0438\u043a\u0435\u0440 \u0448\u043e\u0442\u043e\u0432\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">50 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0420\u0423\u041c \u0411\u0410\u0414\u0415\u041b (20\u043c\u043b)<\/div>\r\n <div class=\"item-description\">\u041f\u0440\u0435\u043c\u0438\u0443\u043c \u0440\u0443\u043c \u0448\u043e\u0442<\/div>\r\n <\/div>\r\n <div class=\"item-price\">50 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0421\u041f\u0415\u0426\u0418\u0408\u0410\u041b<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041c\u041e\u041d\u0418\u041d \u0421\u0418\u0420\u0423\u041f (10\u043c\u043b)<\/div>\r\n <div class=\"item-description\">\u0410\u0440\u043e\u043c\u0430\u0442\u0438\u0437\u0438\u0440\u0430\u043d \u0441\u0438\u0440\u0443\u043f<\/div>\r\n <\/div>\r\n <div class=\"item-price\">30 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041f\u041b\u0410\u0417\u041c\u0410 \u0411\u0418\u0421\u041a\u0412\u0418\u0422<\/div>\r\n <div class=\"item-description\">\u041f\u043e\u043f\u0443\u043b\u0430\u0440\u0435\u043d \u043b\u043e\u043a\u0430\u043b\u0435\u043d \u0431\u0438\u0441\u043a\u0432\u0438\u0442<\/div>\r\n <\/div>\r\n <div class=\"item-price\">30 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0420\u0415\u0414 \u0411\u0423\u041b (250\u043c\u043b)<\/div>\r\n <div class=\"item-description\">Energy drink<\/div>\r\n <\/div>\r\n <div class=\"item-price\">200 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041c\u0418\u041b\u041a\u0428\u0415\u0408\u041a<\/div>\r\n <div class=\"item-description\">\u041a\u0440\u0435\u043c\u0430\u0441\u0442 \u043c\u0438\u043b\u043a\u0448\u0435\u0458\u043a<\/div>\r\n <\/div>\r\n <div class=\"item-price\">130 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Prevent backdrop-filter flash - More aggressive approach\r\n document.addEventListener('DOMContentLoaded', function() {\r\n \/\/ Force backdrop-filter immediately\r\n const cards = document.querySelectorAll('.menu-container .menu-card');\r\n const buttons = document.querySelectorAll('.menu-container .category-btn, .menu-container .slider-btn');\r\n \r\n \/\/ Apply backdrop-filter immediately to prevent flash\r\n cards.forEach(card => {\r\n card.style.backdropFilter = 'blur(10px)';\r\n card.style.webkitBackdropFilter = 'blur(10px)';\r\n });\r\n \r\n buttons.forEach(button => {\r\n button.style.backdropFilter = 'blur(10px)';\r\n button.style.webkitBackdropFilter = 'blur(10px)';\r\n });\r\n \r\n \/\/ Show cards after a brief delay to ensure backdrop-filter is applied\r\n setTimeout(() => {\r\n document.body.classList.add('loaded');\r\n }, 50);\r\n });\r\n\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const categoryButtons = document.querySelectorAll('.category-btn');\r\n const categoryContents = document.querySelectorAll('.category-content');\r\n\r\n \/\/ Initialize sliders for all categories\r\n initializeSliders();\r\n\r\n categoryButtons.forEach(button => {\r\n button.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n const targetCategory = this.getAttribute('data-category');\r\n \r\n \/\/ Remove active class from all buttons\r\n categoryButtons.forEach(btn => btn.classList.remove('active'));\r\n \r\n \/\/ Add active class to clicked button\r\n this.classList.add('active');\r\n \r\n \/\/ Hide all category contents\r\n categoryContents.forEach(content => {\r\n content.classList.remove('active');\r\n content.style.display = 'none';\r\n });\r\n \r\n \/\/ Show target category\r\n const targetElement = document.getElementById(targetCategory);\r\n if (targetElement) {\r\n targetElement.style.display = 'block';\r\n targetElement.classList.add('active');\r\n }\r\n });\r\n });\r\n });\r\n\r\n \/\/ Initialize card groups for categories with more than 4 cards\r\n function initializeSliders() {\r\n \/\/ Categories that should use card groups (more than 4 cards)\r\n const groupCategories = ['pastries', 'breakfast']; \/\/ Beverages and Alcohol\r\n \r\n \/\/ Initialize card group categories\r\n groupCategories.forEach(categoryId => {\r\n const categoryContent = document.getElementById(categoryId);\r\n if (categoryContent) {\r\n const menuGrid = categoryContent.querySelector('.menu-grid');\r\n const sliderControls = categoryContent.querySelector('.slider-controls');\r\n const sliderIndicators = categoryContent.querySelector('.slider-indicators');\r\n \r\n if (menuGrid && sliderControls && sliderIndicators) {\r\n const cards = menuGrid.querySelectorAll('.menu-card');\r\n if (cards.length > 4) {\r\n enableCardGroups(categoryId, menuGrid, sliderControls, sliderIndicators, cards);\r\n }\r\n }\r\n }\r\n });\r\n }\r\n\r\n \/\/ Enable card groups functionality for a category\r\n function enableCardGroups(categoryId, menuGrid, sliderControls, sliderIndicators, cards) {\r\n \/\/ Show slider controls\r\n sliderControls.classList.add('show');\r\n sliderIndicators.classList.add('show');\r\n \r\n \/\/ Convert to card groups\r\n menuGrid.classList.add('card-groups');\r\n menuGrid.innerHTML = '';\r\n \r\n \/\/ Create groups of 4 cards (2x2 grid)\r\n const totalGroups = Math.ceil(cards.length \/ 4);\r\n for (let i = 0; i < totalGroups; i++) {\r\n const group = document.createElement('div');\r\n group.className = 'card-group';\r\n if (i === 0) group.classList.add('active');\r\n \r\n \/\/ Add 4 cards to this group (2x2 layout)\r\n for (let j = 0; j < 4; j++) {\r\n const cardIndex = i * 4 + j;\r\n if (cardIndex < cards.length) {\r\n group.appendChild(cards[cardIndex].cloneNode(true));\r\n }\r\n }\r\n \r\n menuGrid.appendChild(group);\r\n }\r\n \r\n \/\/ Store group info\r\n menuGrid.dataset.currentGroup = 0;\r\n menuGrid.dataset.totalGroups = totalGroups;\r\n \r\n \/\/ Create indicator dots\r\n createIndicatorDots(sliderIndicators, totalGroups);\r\n \r\n \/\/ Update button states\r\n updateGroupState(categoryId, 0, totalGroups - 1, sliderControls);\r\n }\r\n\r\n \/\/ Create indicator dots\r\n function createIndicatorDots(container, totalDots) {\r\n container.innerHTML = '';\r\n for (let i = 0; i < totalDots; i++) {\r\n const dot = document.createElement('div');\r\n dot.className = 'slider-dot';\r\n if (i === 0) dot.classList.add('active');\r\n dot.addEventListener('click', () => goToGroup(i));\r\n container.appendChild(dot);\r\n }\r\n }\r\n\r\n \/\/ Update group state\r\n function updateGroupState(categoryId, currentGroup, maxGroup, sliderControls) {\r\n const prevBtn = sliderControls.querySelector('.prev-btn');\r\n const nextBtn = sliderControls.querySelector('.next-btn');\r\n \r\n prevBtn.disabled = currentGroup <= 0;\r\n nextBtn.disabled = currentGroup >= maxGroup;\r\n \r\n \/\/ Update indicator dots - find the slider indicators container\r\n const categoryContent = document.getElementById(categoryId);\r\n const sliderIndicators = categoryContent.querySelector('.slider-indicators');\r\n if (sliderIndicators) {\r\n const dots = sliderIndicators.querySelectorAll('.slider-dot');\r\n dots.forEach((dot, index) => {\r\n dot.classList.toggle('active', index === currentGroup);\r\n });\r\n }\r\n }\r\n\r\n \/\/ Switch between card groups\r\n function slideCategory(categoryId, direction) {\r\n const categoryContent = document.getElementById(categoryId);\r\n const menuGrid = categoryContent.querySelector('.menu-grid');\r\n \r\n if (!menuGrid || !menuGrid.classList.contains('card-groups')) return;\r\n \r\n const currentGroup = parseInt(menuGrid.dataset.currentGroup) || 0;\r\n const totalGroups = parseInt(menuGrid.dataset.totalGroups) || 1;\r\n const newGroup = Math.max(0, Math.min(currentGroup + direction, totalGroups - 1));\r\n \r\n if (newGroup !== currentGroup) {\r\n \/\/ Hide current group\r\n const currentGroupEl = menuGrid.querySelector('.card-group.active');\r\n if (currentGroupEl) currentGroupEl.classList.remove('active');\r\n \r\n \/\/ Show new group\r\n const newGroupEl = menuGrid.querySelectorAll('.card-group')[newGroup];\r\n if (newGroupEl) newGroupEl.classList.add('active');\r\n \r\n \/\/ Update state\r\n menuGrid.dataset.currentGroup = newGroup;\r\n updateGroupState(categoryId, newGroup, totalGroups - 1, categoryContent.querySelector('.slider-controls'));\r\n }\r\n }\r\n\r\n \/\/ Go to specific group\r\n function goToGroup(groupIndex) {\r\n \/\/ Find which category this dot belongs to\r\n const dot = event.target;\r\n const sliderIndicators = dot.closest('.slider-indicators');\r\n const categoryContent = sliderIndicators.closest('.category-content');\r\n const categoryId = categoryContent.id;\r\n \r\n \/\/ Switch to the selected group\r\n slideCategory(categoryId, groupIndex - parseInt(categoryContent.querySelector('.menu-grid').dataset.currentGroup));\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8362204 elementor-widget elementor-widget-spacer\" data-id=\"8362204\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3648a58 elementor-section-height-min-height elementor-section-items-stretch elementor-hidden-desktop elementor-section-boxed elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no\" data-id=\"3648a58\" data-element_type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-80727f7\" data-id=\"80727f7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fbf2989 elementor-widget elementor-widget-html\" data-id=\"fbf2989\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Coffee Menu - Image Caffe<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kanit:wght@300;400;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* Scope all styles to mobile-menu-container only - NO GLOBAL STYLES *\/\r\n .mobile-menu-container {\r\n font-family: 'Kanit', 'Segoe UI', Tahoma, Geneva, Verdana, Arial, sans-serif;\r\n color: #fff;\r\n padding: 40px 20px;\r\n max-width: 1600px;\r\n margin: 0 auto;\r\n position: relative;\r\n isolation: isolate;\r\n }\r\n\r\n .mobile-menu-container,\r\n .mobile-menu-container * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* Category Buttons - scoped to mobile-menu-container *\/\r\n .mobile-menu-container .category-buttons {\r\n display: flex;\r\n justify-content: center;\r\n gap: 20px;\r\n margin-bottom: 40px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .mobile-menu-container .category-btn {\r\n background: rgba(255, 255, 255, 0.1);\r\n color: #fff;\r\n border: 2px solid #F59735;\r\n padding: 15px 30px;\r\n border-radius: 25px;\r\n font-size: 16px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n position: relative;\r\n overflow: hidden;\r\n will-change: transform, box-shadow;\r\n transform: translateZ(0);\r\n }\r\n\r\n .mobile-menu-container .category-btn:hover {\r\n background: rgba(245, 151, 53, 0.2);\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 25px rgba(245, 151, 53, 0.3);\r\n }\r\n\r\n .mobile-menu-container .category-btn.active {\r\n background: #F59735;\r\n color: #000;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 25px rgba(245, 151, 53, 0.4);\r\n }\r\n\r\n .mobile-menu-container .category-btn::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\r\n transition: left 0.5s;\r\n }\r\n\r\n .mobile-menu-container .category-btn:hover::before {\r\n left: 100%;\r\n }\r\n\r\n \/* Block #cc3366 color from appearing on buttons *\/\r\n .mobile-menu-container .category-btn,\r\n .mobile-menu-container .category-btn:hover,\r\n .mobile-menu-container .category-btn:focus,\r\n .mobile-menu-container .category-btn:active,\r\n .mobile-menu-container .category-btn.active {\r\n background-color: rgba(255, 255, 255, 0.1) !important;\r\n border-color: #F59735 !important;\r\n color: #fff !important;\r\n }\r\n\r\n .mobile-menu-container .category-btn.active {\r\n background-color: #F59735 !important;\r\n color: #000 !important;\r\n }\r\n\r\n .mobile-menu-container .category-btn:hover {\r\n background-color: rgba(245, 151, 53, 0.2) !important;\r\n }\r\n\r\n \/* Prevent any #cc3366 color override *\/\r\n .mobile-menu-container .category-btn * {\r\n color: inherit !important;\r\n }\r\n\r\n \/* Menu Grid *\/\r\n .mobile-menu-container .menu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\r\n gap: 20px;\r\n opacity: 1;\r\n transform: translateY(0);\r\n transition: all 0.5s ease;\r\n }\r\n\r\n .mobile-menu-container .menu-grid.fade-out {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n\r\n \/* Card Group Styles - only for Beverages and Alcohol *\/\r\n .mobile-menu-container .menu-grid.card-groups {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\r\n gap: 20px;\r\n position: relative;\r\n min-height: 400px; \/* Ensure space for cards *\/\r\n margin-bottom: 480px; \/* Much more space for controls below *\/\r\n }\r\n\r\n .mobile-menu-container .card-group {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\r\n gap: 20px;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: all 0.5s ease;\r\n }\r\n\r\n .mobile-menu-container .card-group.active {\r\n opacity: 1;\r\n visibility: visible;\r\n position: absolute; \/* Keep absolute positioning to prevent layout shifts *\/\r\n }\r\n\r\n \/* Slider Controls - only for card groups *\/\r\n .mobile-menu-container .slider-controls {\r\n display: none;\r\n justify-content: center;\r\n gap: 15px;\r\n margin: 10px 0;\r\n position: relative; \/* Position relative to the menu-grid container *\/\r\n margin-top: 20px; \/* Add space above the controls *\/\r\n width: 100%;\r\n z-index: 100; \/* Higher z-index to ensure visibility *\/\r\n }\r\n\r\n .mobile-menu-container .slider-controls.show {\r\n display: flex;\r\n }\r\n\r\n .mobile-menu-container .slider-btn {\r\n background: rgba(255, 255, 255, 0.1);\r\n color: #fff;\r\n border: 2px solid #F59735;\r\n padding: 10px 20px;\r\n border-radius: 20px;\r\n font-size: 14px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n will-change: transform, box-shadow;\r\n transform: translateZ(0);\r\n }\r\n\r\n .mobile-menu-container .slider-btn:hover {\r\n background: rgba(245, 151, 53, 0.2);\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 25px rgba(245, 151, 53, 0.3);\r\n }\r\n\r\n .mobile-menu-container .slider-btn:disabled {\r\n opacity: 0.5;\r\n cursor: not-allowed;\r\n transform: none;\r\n }\r\n\r\n .mobile-menu-container .slider-indicators {\r\n display: none;\r\n justify-content: center;\r\n gap: 8px;\r\n margin: 15px 0;\r\n position: relative; \/* Position relative to the menu-grid container *\/\r\n margin-top: 10px; \/* Add space above the indicators *\/\r\n width: 100%;\r\n z-index: 100; \/* Higher z-index to ensure visibility *\/\r\n }\r\n\r\n .mobile-menu-container .slider-indicators.show {\r\n display: flex;\r\n }\r\n\r\n .mobile-menu-container .slider-dot {\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.3);\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .mobile-menu-container .slider-dot.active {\r\n background: #F59735;\r\n }\r\n\r\n .mobile-menu-container .slider-dot:hover {\r\n background: rgba(245, 151, 53, 0.7);\r\n }\r\n\r\n .mobile-menu-container .menu-card {\r\n background: rgba(255, 255, 255, 0.1);\r\n border-radius: 12px;\r\n overflow: hidden;\r\n backdrop-filter: blur(10px) !important;\r\n -webkit-backdrop-filter: blur(10px) !important;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;\r\n transform: translateZ(0);\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n will-change: transform, box-shadow;\r\n }\r\n\r\n .mobile-menu-container .menu-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);\r\n background: rgba(255, 255, 255, 0.15);\r\n }\r\n\r\n .mobile-menu-container .card-header {\r\n background: #F59735;\r\n padding: 15px 20px;\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: #000;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .mobile-menu-container .menu-card:hover .card-header {\r\n background: #ff8c2a;\r\n }\r\n\r\n .mobile-menu-container .card-content {\r\n padding: 20px;\r\n }\r\n\r\n .mobile-menu-container .menu-item {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding: 15px 0;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.2);\r\n transition: all 0.3s ease;\r\n opacity: 1;\r\n }\r\n\r\n .mobile-menu-container .menu-item:hover {\r\n background: rgba(255, 255, 255, 0.05);\r\n padding-left: 10px;\r\n padding-right: 10px;\r\n margin-left: -10px;\r\n margin-right: -10px;\r\n border-radius: 8px;\r\n }\r\n\r\n .mobile-menu-container .menu-item:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .mobile-menu-container .item-info {\r\n flex: 1;\r\n }\r\n\r\n .mobile-menu-container .item-name {\r\n font-size: 16px;\r\n font-weight: 700;\r\n margin-bottom: 4px;\r\n color: #fff;\r\n }\r\n\r\n .mobile-menu-container .item-description {\r\n font-size: 14px;\r\n font-weight: 400;\r\n color: rgba(255, 255, 255, 0.7);\r\n line-height: 1.4;\r\n }\r\n\r\n .mobile-menu-container .item-price {\r\n font-size: 16px;\r\n font-weight: 700;\r\n color: #F59735;\r\n margin-left: 20px;\r\n transition: transform 0.3s ease, color 0.3s ease;\r\n }\r\n\r\n .mobile-menu-container .menu-item:hover .item-price {\r\n transform: scale(1.1);\r\n color: #ff8c2a;\r\n }\r\n\r\n \/* Prevent backdrop-filter flash - More aggressive approach *\/\r\n .mobile-menu-container .menu-card {\r\n opacity: 0;\r\n backdrop-filter: blur(10px) !important;\r\n -webkit-backdrop-filter: blur(10px) !important;\r\n }\r\n\r\n body.mobile-loaded .mobile-menu-container .menu-card {\r\n opacity: 1;\r\n transition: opacity 0.3s ease;\r\n }\r\n\r\n \/* Force backdrop-filter on all interactive elements *\/\r\n .mobile-menu-container .category-btn,\r\n .mobile-menu-container .slider-btn {\r\n backdrop-filter: blur(10px) !important;\r\n -webkit-backdrop-filter: blur(10px) !important;\r\n }\r\n\r\n \/* Hidden Category Content *\/\r\n .mobile-menu-container .category-content {\r\n display: none !important;\r\n }\r\n\r\n .mobile-menu-container .category-content.active {\r\n display: block !important;\r\n animation: slideInFromBottom 0.6s ease-out;\r\n }\r\n\r\n @keyframes slideInFromBottom {\r\n from {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n \/* Responsive Design *\/\r\n @media (max-width: 768px) {\r\n .mobile-menu-container .category-buttons {\r\n gap: 10px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .mobile-menu-container .category-btn {\r\n padding: 12px 20px;\r\n font-size: 14px;\r\n }\r\n\r\n .mobile-menu-container .menu-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n\r\n \/* Fix for Alcohol and Beverages categories - make them same size as other categories on mobile *\/\r\n .mobile-menu-container .menu-grid.card-groups {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n margin-bottom: 120px; \/* Space for controls below cards *\/\r\n min-height: auto; \/* Remove fixed height on mobile *\/\r\n }\r\n\r\n .mobile-menu-container .card-group {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n position: absolute; \/* Keep absolute positioning for slider *\/\r\n opacity: 0;\r\n visibility: hidden;\r\n }\r\n\r\n .mobile-menu-container .card-group.active {\r\n position: absolute; \/* Keep absolute positioning for slider *\/\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n\r\n \/* Position slider controls below the 4 cards on mobile *\/\r\n .mobile-menu-container .slider-controls {\r\n position: relative;\r\n top: 30px; \/* Push buttons down below cards *\/\r\n margin-top: 20px;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .mobile-menu-container .slider-indicators {\r\n position: relative;\r\n top: 20px; \/* Push indicators down *\/\r\n margin-top: 10px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .mobile-menu-container {\r\n padding: 20px 15px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"mobile-menu-container\">\r\n <!-- Category Navigation -->\r\n <div class=\"category-buttons\">\r\n <button class=\"category-btn active\" data-category=\"mobile-espresso\">\u0415\u0441\u043f\u0440\u0435\u0441\u043e \u0438 \u041a\u0430\u0444\u0435<\/button>\r\n <button class=\"category-btn\" data-category=\"mobile-specialty\">\u0422\u043e\u043f\u043b\u0438 \u0441\u043f\u0435\u0446\u0438\u0458\u0430\u043b\u0438\u0442\u0435\u0442\u0438<\/button>\r\n <button class=\"category-btn\" data-category=\"mobile-cold\">\u041b\u0430\u0434\u043d\u043e \u043a\u0430\u0444\u0435<\/button>\r\n <button class=\"category-btn\" data-category=\"mobile-pastries\">\u041f\u0438\u0458\u0430\u043b\u043e\u0446\u0438<\/button>\r\n <button class=\"category-btn\" data-category=\"mobile-breakfast\">\u0410\u043b\u043a\u043e\u0445\u043e\u043b<\/button>\r\n <button class=\"category-btn\" data-category=\"mobile-desserts\">\u0413\u0440\u0438\u0446\u043a\u0438 \u0438 \u0414\u043e\u0434\u0430\u0442\u043e\u0446\u0438<\/button>\r\n <\/div>\r\n\r\n <!-- Espresso Drinks Category -->\r\n <div class=\"category-content active\" id=\"mobile-espresso\">\r\n <div class=\"menu-grid\">\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0415\u0421\u041f\u0420\u0415\u0421\u041e<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0415\u0421\u041f\u0420\u0415\u0421\u041e<\/div>\r\n <div class=\"item-description\">\u041a\u0440\u0430\u0442\u043e\u043a\/\u0434\u043e\u043b\u0433 \u0435\u0441\u043f\u0440\u0435\u0441\u043e \u0448\u043e\u0442<\/div>\r\n <\/div>\r\n <div class=\"item-price\">100 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041c\u0410\u041a\u0418\u0408\u0410\u0422\u041e \u041a\u0420\u0410\u0422\u041a\u041e<\/div>\r\n <div class=\"item-description\">\u041a\u0440\u0430\u0442\u043a\u043e \u043c\u0430\u043a\u0438\u0458\u0430\u0442\u043e \u043a\u0430\u0444\u0435<\/div>\r\n <\/div>\r\n <div class=\"item-price\">110 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041c\u0410\u041a\u0418\u0408\u0410\u0422\u041e \u0414\u041e\u041b\u0413\u041e<\/div>\r\n <div class=\"item-description\">\u0414\u043e\u043b\u0433\u043e \u043c\u0430\u043a\u0438\u0458\u0430\u0442\u043e \u043a\u0430\u0444\u0435<\/div>\r\n <\/div>\r\n <div class=\"item-price\">120 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041a\u0410\u041f\u0423\u0427\u0418\u041d\u041e<\/div>\r\n <div class=\"item-description\">\u0415\u0441\u043f\u0440\u0435\u0441\u043e \u0441\u043e \u043f\u0430\u0440\u0435\u043d\u043e \u043c\u043b\u0435\u043a\u043e \u0438 \u043f\u0435\u043d\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">120 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u041a\u0410\u0424\u0415 \u0411\u0415\u0417 \u041a\u041e\u0424\u0415\u0418\u041d<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041a\u0410\u0424\u0415 \u0411\u0415\u0417 \u041a\u041e\u0424\u0415\u0418\u041d<\/div>\r\n <div class=\"item-description\">\u0411\u0435\u0437\u043a\u043e\u0444\u0435\u0438\u043d\u0441\u043a\u043e \u0435\u0441\u043f\u0440\u0435\u0441\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">100 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041c\u0410\u041a\u0418\u0408\u0410\u0422\u041e \u0411\u0415\u0417 \u041a\u041e\u0424\u0415\u0418\u041d<\/div>\r\n <div class=\"item-description\">\u0411\u0435\u0437\u043a\u043e\u0444\u0435\u0438\u043d\u0441\u043a\u043e \u043c\u0430\u043a\u0438\u0458\u0430\u0442\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">120 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0414\u0420\u0423\u0413\u041e \u041a\u0410\u0424\u0415<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041d\u0415\u0421\u041a\u0410\u0424\u0415<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0438\u043d\u0441\u0442\u0430\u043d\u0442 \u043a\u0430\u0444\u0435<\/div>\r\n <\/div>\r\n <div class=\"item-price\">120 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041d\u0415\u0421\u041a\u0410\u0424\u0415 \u0421\u041f\u0415\u0426\u0418\u0408\u0410\u041b<\/div>\r\n <div class=\"item-description\">\u0412\u0430\u043d\u0438\u043b\u0430, \u0447\u043e\u043a\u043e\u043b\u0430\u0434\u043e, \u043a\u043e\u043a\u043e\u0441, \u043b\u0435\u0448\u043d\u0438\u043a, \u043a\u0430\u0440\u0430\u043c\u0435\u043b\u0430\u2013\u0430\u0458\u0440\u0438\u0448<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041a\u0410\u0424\u0415 \u041b\u0410\u0422\u0415<\/div>\r\n <div class=\"item-description\">\u041a\u0430\u0444\u0435 \u0441\u043e \u043f\u0430\u0440\u0435\u043d\u043e \u043c\u043b\u0435\u043a\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">130 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041a\u0420\u0415\u041c \u0415\u0421\u041f\u0420\u0415\u0421\u041e<\/div>\r\n <div class=\"item-description\">\u041a\u0440\u0435\u043c\u0430\u0441\u0442\u043e \u0435\u0441\u043f\u0440\u0435\u0441\u043e \u043a\u0430\u0444\u0435<\/div>\r\n <\/div>\r\n <div class=\"item-price\">90 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0414\u0420\u0423\u0413\u041e \u041a\u0410\u0424\u0415<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0410\u041c\u0415\u0420\u0418\u041a\u0410\u041d\u041e<\/div>\r\n <div class=\"item-description\">\u0415\u0441\u043f\u0440\u0435\u0441\u043e \u0441\u043e \u0442\u043e\u043f\u043b\u0430 \u0432\u043e\u0434\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">100 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0422\u0443\u0440\u0441\u043a\u043e \u041a\u0430\u0444\u0435<\/div>\r\n <div class=\"item-description\">\u0422\u0440\u0430\u0434\u0438\u0446\u0438\u043e\u043d\u0430\u043b\u043d\u043e \u0442\u0443\u0440\u0441\u043a\u043e \u043a\u0430\u0444\u0435<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n\r\n <\/div>\r\n\r\n <!-- Specialty Coffee Category -->\r\n <div class=\"category-content\" id=\"mobile-specialty\">\r\n <div class=\"menu-grid\">\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0422\u041e\u041f\u041b\u041e \u041a\u0410\u0424\u0415<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041c\u0415\u041a\u0421\u0418\u041a\u0410\u041d\u0421\u041a\u041e \u041a\u0410\u0424\u0415<\/div>\r\n <div class=\"item-description\">\u0421\u043f\u0435\u0446\u0438\u0458\u0430\u043b\u043d\u043e \u043c\u0435\u043a\u0441\u0438\u043a\u0430\u043d\u0441\u043a\u043e \u043a\u0430\u0444\u0435<\/div>\r\n <\/div>\r\n <div class=\"item-price\">170 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041a\u0410\u0424\u0415 \u0414\u0418 \u041a\u041e\u041a\u041e<\/div>\r\n <div class=\"item-description\">\u0415\u0441\u043f\u0440\u0435\u0441\u043e \u043a\u0430\u0444\u0435, \u0447\u043e\u043a\u043e\u043b\u0430\u0434\u0435\u043d \u043b\u0438\u043a\u0435\u0440, \u0441\u043b\u0430\u0442\u043a\u0430 \u043f\u0430\u0432\u043b\u0430\u043a\u0430, \u043c\u0435\u0434\u0435\u043d\u043e \u043b\u0435\u0448\u043d\u0438\u043a, \u0448\u043b\u0430\u0433<\/div>\r\n <\/div>\r\n <div class=\"item-price\">170 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0418\u0420\u0421\u041a\u041e \u041a\u0410\u0424\u0415<\/div>\r\n <div class=\"item-description\">\u0422\u0440\u0430\u0434\u0438\u0446\u0438\u043e\u043d\u0430\u043b\u043d\u043e \u0438\u0440\u0441\u043a\u043e \u043a\u0430\u0444\u0435 \u0441\u043e \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">170 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041a\u0410\u0424\u0415 \u041c\u041e\u041a\u0410<\/div>\r\n <div class=\"item-description\">\u0415\u0441\u043f\u0440\u0435\u0441\u043e \u043a\u0430\u0444\u0435, \u0447\u043e\u043a\u043e\u043b\u0430\u0434\u043e, \u043c\u043b\u0435\u043a\u043e, \u043c\u043e\u0440\u0441\u043a\u043e \u043e\u0440\u0435\u0432\u0447\u0435<\/div>\r\n <\/div>\r\n <div class=\"item-price\">170 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u041a\u041e\u041a\u0422\u0415\u041b\u0418 \u0421\u041e \u041a\u0410\u0424\u0415<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041a\u041e\u0424\u0418 \u041a\u041e\u0411\u041b\u0415\u0420 \u0411\u0423\u0420\u0411\u041e\u041d<\/div>\r\n <div class=\"item-description\">\u0415\u0441\u043f\u0440\u0435\u0441\u043e \u043a\u0430\u0444\u0435, \u043a\u043e\u043a\u043e\u0441\/\u043c\u043e\u043a\u0430 \u043b\u0438\u043a\u0435\u0440, \u0431\u0443\u0440\u0431\u043e\u043d, \u0447\u043e\u043a\u043e\u043b\u0430\u0434\u0435\u043d \u0441\u043b\u0430\u0434\u043e\u043b\u0435\u0434<\/div>\r\n <\/div>\r\n <div class=\"item-price\">220 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0420\u0423\u0421\u041a\u041e \u041a\u0410\u0424\u0415<\/div>\r\n <div class=\"item-description\">\u0415\u0441\u043f\u0440\u0435\u0441\u043e \u043a\u0430\u0444\u0435, \u0432\u043e\u0442\u043a\u0430, \u0441\u043b\u0430\u0442\u043a\u0430 \u043f\u0430\u0432\u043b\u0430\u043a\u0430, \u043a\u043e\u0430\u043d\u0442\u0440\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">160 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041f\u0410\u0420\u0418\u0421\u041a\u0418 \u041a\u0412\u0418\u041a \u041c\u0418\u041a\u0421<\/div>\r\n <div class=\"item-description\">\u0415\u0441\u043f\u0440\u0435\u0441\u043e \u043a\u0430\u0444\u0435, \u043a\u043e\u045a\u0430\u043a VSOP, \u0432\u0430\u043d\u0438\u043b\u0430 \u043b\u0438\u043a\u0435\u0440, \u043a\u0440\u0448\u0435\u043d \u043c\u0440\u0430\u0437<\/div>\r\n <\/div>\r\n <div class=\"item-price\">220 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0408\u0410\u041c\u0410\u0408\u041a\u0410\u041d\u0421\u041a\u041e \u0426\u0420\u041d\u041e \u041a\u0410\u0424\u0415<\/div>\r\n <div class=\"item-description\">\u0415\u0441\u043f\u0440\u0435\u0441\u043e \u043a\u0430\u0444\u0435, \u0442\u0435\u043c\u0435\u043d \u0440\u0443\u043c, \u0448\u0435\u045c\u0435\u0440<\/div>\r\n <\/div>\r\n <div class=\"item-price\">170 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0414\u041e\u041b\u0413\u0418 \u041a\u041e\u041a\u0422\u0415\u041b\u0418<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041b\u041e\u041d\u0413 \u0414\u0420\u0418\u041d\u041a \u041a\u0410\u0424\u0415<\/div>\r\n <div class=\"item-description\">\u0415\u0441\u043f\u0440\u0435\u0441\u043e \u043a\u0430\u0444\u0435, \u041a\u0430\u043b\u0443\u0430, \u0432\u0430\u043d\u0438\u043b\u0430 \u0441\u043b\u0430\u0434\u043e\u043b\u0435\u0434, \u0441\u043b\u0430\u0442\u043a\u0430 \u043f\u0430\u0432\u043b\u0430\u043a\u0430, \u0441\u043e\u0434\u0430 \u0432\u043e\u0434\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">170 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041a\u0410\u041a\u0410\u041e<\/div>\r\n <div class=\"item-description\">\u0422\u043e\u043f\u043b\u043e \u0447\u043e\u043a\u043e\u043b\u0430\u0434\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">100 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0422\u041e\u041f\u041b\u041e \u0427\u041e\u041a\u041e\u041b\u0410\u0414\u041e<\/div>\r\n <div class=\"item-description\">\u041f\u0440\u0435\u043c\u0438\u0443\u043c \u0442\u043e\u043f\u043b\u043e \u0447\u043e\u043a\u043e\u043b\u0430\u0434\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0421\u0410\u041b\u0415\u041f<\/div>\r\n <div class=\"item-description\">\u0422\u0440\u0430\u0434\u0438\u0446\u0438\u043e\u043d\u0430\u043b\u0435\u043d \u0442\u043e\u043f\u043e\u043b \u043d\u0430\u043f\u0438\u0442\u043e\u043a<\/div>\r\n <\/div>\r\n <div class=\"item-price\">120 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n\r\n <\/div>\r\n\r\n <!-- Cold Beverages Category -->\r\n <div class=\"category-content\" id=\"mobile-cold\">\r\n <div class=\"menu-grid\">\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u041b\u0410\u0414\u041d\u041e \u041a\u0410\u0424\u0415<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0418\u041c\u0410\u040f\u0415 \u041c\u0418\u041e<\/div>\r\n <div class=\"item-description\">\u0415\u0441\u043f\u0440\u0435\u0441\u043e \u043a\u0430\u0444\u0435, \u0447\u043e\u043a\u043e\u043b\u0430\u0434\u0435\u043d \u0441\u043b\u0430\u0434\u043e\u043b\u0435\u0434, \u043a\u043e\u043a\u043e \u043b\u0438\u043a\u0435\u0440, \u0411\u0430\u0458\u043b\u0438\u0441 \u043a\u0440\u0435\u043c, \u0432\u0430\u043d\u0438\u043b\u0430 \u0441\u043b\u0430\u0434\u043e\u043b\u0435\u0434, \u043a\u043e\u0430\u043d\u0442\u0440\u043e, \u0448\u043b\u0430\u0433, \u043c\u043e\u0440\u0441\u043a\u043e \u043e\u0440\u0435\u0432\u0447\u0435, \u0447\u043e\u043a\u043e\u043b\u0430\u0434\u0435\u043d \u043f\u0440\u0430\u0432<\/div>\r\n <\/div>\r\n <div class=\"item-price\">250 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0421\u041f\u0410\u0408\u0421 \u0415\u0421\u041f\u0420\u0415\u0421\u041e \u0428\u0415\u0408\u041a<\/div>\r\n <div class=\"item-description\">\u0415\u0441\u043f\u0440\u0435\u0441\u043e \u043a\u0430\u0444\u0435, \u0447\u043e\u043a\u043e\u043b\u0430\u0434\u043e \u0438\u043b\u0438 \u0432\u0430\u043d\u0438\u043b\u0430 \u0441\u043b\u0430\u0434\u043e\u043b\u0435\u0434, \u043c\u043b\u0435\u043a\u043e, \u0441\u043b\u0430\u0442\u043a\u0430 \u043f\u0430\u0432\u043b\u0430\u043a\u0430, \u0446\u0438\u043c\u0435\u0442<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041a\u0410\u041a\u0410\u041e \u0410\u0408\u0421\u0422 \u041a\u041e\u0424\u0418<\/div>\r\n <div class=\"item-description\">\u0415\u0441\u043f\u0440\u0435\u0441\u043e \u043a\u0430\u0444\u0435, \u043a\u043e\u043a\u043e \u043b\u0438\u043a\u0435\u0440, \u043c\u043b\u0435\u043a\u043e, \u043a\u043e\u043a\u043e\u0441\u043e\u0432\u043e \u0431\u0440\u0430\u0448\u043d\u043e, \u0441\u043b\u0430\u0442\u043a\u0430 \u043f\u0430\u0432\u043b\u0430\u043a\u0430, \u0448\u043b\u0430\u0433<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041c\u0410\u0408\u0410\u041c\u0418 \u0414\u0415\u041a\u041b\u0410\u0420\u0415\u0408\u0428\u041d<\/div>\r\n <div class=\"item-description\">\u0415\u0441\u043f\u0440\u0435\u0441\u043e \u043a\u0430\u0444\u0435, \u043f\u043e\u0440\u0442\u043e\u043a\u0430\u043b\u043e\u0432 \u043b\u0438\u043a\u0435\u0440, \u043c\u043b\u0435\u043a\u043e, \u0441\u043b\u0430\u0442\u043a\u0430 \u043f\u0430\u0432\u043b\u0430\u043a\u0430, \u0448\u043b\u0430\u0433<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u041a\u041b\u0410\u0421\u0418\u0427\u041d\u041e \u041b\u0410\u0414\u041d\u041e \u041a\u0410\u0424\u0415<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0424\u0420\u0415\u0414\u041e<\/div>\r\n <div class=\"item-description\">\u041b\u0430\u0434\u043d\u043e \u0435\u0441\u043f\u0440\u0435\u0441\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">110 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0424\u0420\u0410\u041f\u0415<\/div>\r\n <div class=\"item-description\">\u0422\u0440\u0430\u0434\u0438\u0446\u0438\u043e\u043d\u0430\u043b\u043d\u043e \u0433\u0440\u0447\u043a\u043e \u043b\u0430\u0434\u043d\u043e \u043a\u0430\u0444\u0435<\/div>\r\n <\/div>\r\n <div class=\"item-price\">120 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041b\u0410\u0414\u041d\u041e \u041a\u0410\u0424\u0415<\/div>\r\n <div class=\"item-description\">\u041d\u0430\u043f\u0438\u0442\u043e\u043a \u043e\u0434 \u043b\u0430\u0434\u043d\u043e \u043a\u0430\u0444\u0435<\/div>\r\n <\/div>\r\n <div class=\"item-price\">120 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u041f\u0410\u041a\u0415\u0422\u0418<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0415\u0421\u041f\u0420\u0415\u0421\u041e + \u0413\u0410\u0417\u0418\u0420\u0410\u041d\u041e \u041f\u0418\u0408\u0410\u041b\u041e\u041a<\/div>\r\n <div class=\"item-description\">\u0415\u0441\u043f\u0440\u0435\u0441\u043e \u0441\u043e \u0433\u0430\u0437\u0438\u0440\u0430\u043d \u043f\u0438\u0458\u0430\u043b\u043e\u043a<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0413\u041e\u041b\u0415\u041c\u041e \u041c\u0410\u041a\u0418\u0408\u0410\u0422\u041e + \u0413\u0410\u0417\u0418\u0420\u0410\u041d\u041e \u041f\u0418\u0408\u0410\u041b\u041e\u041a<\/div>\r\n <div class=\"item-description\">\u0413\u043e\u043b\u0435\u043c\u043e \u043c\u0430\u043a\u0438\u0458\u0430\u0442\u043e \u0441\u043e \u0433\u0430\u0437\u0438\u0440\u0430\u043d \u043f\u0438\u0458\u0430\u043b\u043e\u043a<\/div>\r\n <\/div>\r\n <div class=\"item-price\">170 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0415\u0421\u041f\u0420\u0415\u0421\u041e + \u0426\u0415\u0414\u0415\u0412\u0418\u0422\u0410<\/div>\r\n <div class=\"item-description\">\u0415\u0441\u043f\u0440\u0435\u0441\u043e \u0441\u043e \u0426\u0435\u0434\u0435\u0432\u0438\u0442\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0413\u041e\u041b\u0415\u041c\u041e \u041c\u0410\u041a\u0418\u0408\u0410\u0422\u041e + \u0426\u0415\u0414\u0415\u0412\u0418\u0422\u0410<\/div>\r\n <div class=\"item-description\">\u0413\u043e\u043b\u0435\u043c\u043e \u043c\u0430\u043a\u0438\u0458\u0430\u0442\u043e \u0441\u043e \u0426\u0435\u0434\u0435\u0432\u0438\u0442\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">170 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u041f\u0410\u041a\u0415\u0422\u0418<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0415\u0421\u041f\u0420\u0415\u0421\u041e + \u0412\u041e\u0414\u0410<\/div>\r\n <div class=\"item-description\">\u0415\u0441\u043f\u0440\u0435\u0441\u043e \u0441\u043e \u0432\u043e\u0434\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">160 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0413\u041e\u041b\u0415\u041c\u041e \u041c\u0410\u041a\u0418\u0408\u0410\u0422\u041e + \u0412\u041e\u0414\u0410<\/div>\r\n <div class=\"item-description\">\u0413\u043e\u043b\u0435\u043c\u043e \u043c\u0430\u043a\u0438\u0458\u0430\u0442\u043e \u0441\u043e \u0432\u043e\u0434\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">180 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n\r\n <\/div>\r\n\r\n <!-- Beverages Category -->\r\n <div class=\"category-content\" id=\"mobile-pastries\">\r\n <div class=\"menu-grid\">\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0413\u0410\u0417\u0418\u0420\u0410\u041d\u0418 \u041f\u0418\u0408\u0410\u041b\u041e\u0426\u0418<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041a\u041e\u041a\u0410 \u041a\u041e\u041b\u0410 (0,25)<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u041a\u043e\u043a\u0430 \u041a\u043e\u043b\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">110 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0424\u0410\u041d\u0422\u0410 (0,25)<\/div>\r\n <div class=\"item-description\">\u0413\u0430\u0437\u0438\u0440\u0430\u043d\u0430 \u043f\u043e\u0440\u0442\u043e\u043a\u0430\u043b\u043e\u0432\u0430 \u043d\u0430\u043f\u0438\u0432\u043a\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">110 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0421\u041f\u0420\u0410\u0408\u0422 (0,25)<\/div>\r\n <div class=\"item-description\">\u0413\u0430\u0437\u0438\u0440\u0430\u043d\u0430 \u043b\u0438\u043c\u043e\u043d-\u043b\u0430\u0458\u043c \u043d\u0430\u043f\u0438\u0432\u043a\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">110 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0428\u0412\u0415\u041f\u0421<\/div>\r\n <div class=\"item-description\">\u0413\u043e\u0440\u0447\u043b\u0438\u0432 \u043b\u0438\u043c\u043e\u043d, \u0442\u043e\u043d\u0438\u043a, \u043c\u0430\u043d\u0434\u0430\u0440\u0438\u043d\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">110 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0413\u0410\u0417\u0418\u0420\u0410\u041d\u0418 \u041f\u0418\u0408\u0410\u041b\u041e\u0426\u0418<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041a\u041e\u041a\u0422\u0410<\/div>\r\n <div class=\"item-description\">\u0422\u0440\u0430\u0434\u0438\u0446\u0438\u043e\u043d\u0430\u043b\u043d\u0430 \u0431\u0430\u043b\u043a\u0430\u043d\u0441\u043a\u0430 \u043a\u043e\u043b\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">110 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041e\u0420\u0410\u041d\u040f\u0418\u041d\u0410<\/div>\r\n <div class=\"item-description\">\u0413\u0430\u0437\u0438\u0440\u0430\u043d\u0430 \u043f\u043e\u0440\u0442\u043e\u043a\u0430\u043b\u043e\u0432\u0430 \u043d\u0430\u043f\u0438\u0432\u043a\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">120 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">FRESH JUICES<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041f\u041e\u0420\u0422\u041e\u041a\u0410\u041b \u0426\u0415\u0414\u0415\u041d (0,25)<\/div>\r\n <div class=\"item-description\">\u0421\u0432\u0435\u0436\u043e \u0446\u0435\u0434\u0435\u043d \u0441\u043e\u043a \u043e\u0434 \u043f\u043e\u0440\u0442\u043e\u043a\u0430\u043b<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0426\u0418\u0422\u0420\u041e\u041d \u0426\u0415\u0414\u0415\u041d (0,25)<\/div>\r\n <div class=\"item-description\">\u0421\u0432\u0435\u0436\u043e \u0446\u0435\u0434\u0435\u043d \u0441\u043e\u043a \u043e\u0434 \u0433\u0440\u0435\u0458\u043f\u0444\u0440\u0443\u0442<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041b\u0418\u041c\u041e\u041d \u0426\u0415\u0414\u0415\u041d (0,25)<\/div>\r\n <div class=\"item-description\">\u0421\u0432\u0435\u0436\u043e \u0446\u0435\u0434\u0435\u043d \u0441\u043e\u043a \u043e\u0434 \u043b\u0438\u043c\u043e\u043d<\/div>\r\n <\/div>\r\n <div class=\"item-price\">120 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\"><\/div>\r\n <div class=\"item-description\"><\/div>\r\n <\/div>\r\n <div class=\"item-price\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">BEVERAGES<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041b\u0435\u0434\u0435\u043d \u0427\u0430\u0458<\/div>\r\n <div class=\"item-description\">\u041f\u0440\u0430\u0441\u043a\u0430, \u043b\u0438\u043c\u043e\u043d \u0430\u0440\u043e\u043c\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">120 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0424\u0420\u0423\u041a\u0422\u0410\u041b\/NEXT<\/div>\r\n <div class=\"item-description\">\u041e\u0432\u043e\u0448\u0435\u043d \u0441\u043e\u043a<\/div>\r\n <\/div>\r\n <div class=\"item-price\">130 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">CEDEVITA<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 cedevita<\/div>\r\n <\/div>\r\n <div class=\"item-price\">90 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\"><\/div>\r\n <div class=\"item-description\"><\/div>\r\n <\/div>\r\n <div class=\"item-price\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">MINERAL WATER<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">MAJA<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u043c\u0438\u043d\u0435\u0440\u0430\u043b\u043d\u0430 \u0432\u043e\u0434\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">80 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041a\u040a\u0410\u0417 \u041c\u0418\u041b\u041e\u0428<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u043c\u0438\u043d\u0435\u0440\u0430\u043b\u043d\u0430 \u0432\u043e\u0434\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">80 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041f\u0415\u041b\u0418\u0421\u0422\u0415\u0420\u041a\u0410<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u043c\u0438\u043d\u0435\u0440\u0430\u043b\u043d\u0430 \u0432\u043e\u0434\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">80 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0420\u0410\u0414\u0415\u041d\u0421\u041a\u0410<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u043c\u0438\u043d\u0435\u0440\u0430\u043b\u043d\u0430 \u0432\u043e\u0434\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">80 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">MINERAL WATER<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">J\u0410\u041c\u041d\u0418\u0426\u0410<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u043c\u0438\u043d\u0435\u0440\u0430\u043b\u043d\u0430 \u0432\u043e\u0434\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">80 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0421\u0410\u041d \u041f\u0415\u041b\u0415\u0413\u0420\u0418\u041d\u041e<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u043c\u0438\u043d\u0435\u0440\u0430\u043b\u043d\u0430 \u0432\u043e\u0434\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">80 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041f\u0415\u0420\u0418\u0415\u0420<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u043c\u0438\u043d\u0435\u0440\u0430\u043b\u043d\u0430 \u0432\u043e\u0434\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">80 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\"><\/div>\r\n <div class=\"item-description\"><\/div>\r\n <\/div>\r\n <div class=\"item-price\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">WATER<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">JANA<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u0432\u043e\u0434\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">80 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0413\u041e\u0420\u0421\u041a\u0410<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u0432\u043e\u0434\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">80 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0420\u041e\u0421\u0410<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u0432\u043e\u0434\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">80 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">MAJA<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u0432\u043e\u0434\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">80 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">WARM BEVERAGES<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0427\u0430\u0458<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u0447\u0430\u0458<\/div>\r\n <\/div>\r\n <div class=\"item-price\">80 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041c\u043b\u0435\u043a\u043e<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u043c\u043b\u0435\u043a\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">80 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\"><\/div>\r\n <div class=\"item-description\"><\/div>\r\n <\/div>\r\n <div class=\"item-price\"><\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\"><\/div>\r\n <div class=\"item-description\"><\/div>\r\n <\/div>\r\n <div class=\"item-price\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n <!-- Slider Controls for Beverages -->\r\n <div class=\"slider-controls\">\r\n <button class=\"slider-btn prev-btn\" onclick=\"slideMobileCategory('mobile-pastries', -1)\">Previous<\/button>\r\n <button class=\"slider-btn next-btn\" onclick=\"slideMobileCategory('mobile-pastries', 1)\">Next<\/button>\r\n <\/div>\r\n \r\n <!-- Slider Indicators -->\r\n <div class=\"slider-indicators\">\r\n <div class=\"slider-dot active\" onclick=\"goToMobileGroup(0)\"><\/div>\r\n <div class=\"slider-dot\" onclick=\"goToMobileGroup(1)\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Alcohol Category -->\r\n <div class=\"category-content\" id=\"mobile-breakfast\">\r\n <div class=\"menu-grid\">\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0421\u041a\u041e\u0427 \u0412\u0418\u0421\u041a\u0418 (40\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">J&B<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0421\u043a\u043e\u0442\u0447 \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">190 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">JOHNNIE WALKER RED LABEL<\/div>\r\n <div class=\"item-description\">\u041f\u0440\u0435\u043c\u0438\u0443\u043c \u0421\u043a\u043e\u0442\u0447 \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">190 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">JOHNNIE WALKER BLACK LABEL \"12\"<\/div>\r\n <div class=\"item-description\">12 \u0433\u043e\u0434\u0438\u043d\u0438 \u0437\u0440\u0435\u0435\u045a\u0435 \u2013 \u0421\u043a\u043e\u0442\u0447<\/div>\r\n <\/div>\r\n <div class=\"item-price\">250 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">JOHNNIE WALKER GOLD LABEL \"18\"<\/div>\r\n <div class=\"item-description\">18 \u0433\u043e\u0434\u0438\u043d\u0438 \u0437\u0440\u0435\u0435\u045a\u0435 - \u0421\u043a\u043e\u0442\u0447<\/div>\r\n <\/div>\r\n <div class=\"item-price\">400 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0421\u041a\u041e\u0427 \u0412\u0418\u0421\u041a\u0418 (40\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">JOHNNIE DOUBLE BLACK<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0421\u043a\u043e\u0442\u0447 \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">400 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">BALLANTINE'S<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0421\u043a\u043e\u0442\u0447 \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">190 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">JOHNNIE WALKER BLUE LABEL<\/div>\r\n <div class=\"item-description\">\u041f\u0440\u0435\u043c\u0438\u0443\u043c \u0431\u043b\u0435\u043d\u0434 \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">1000 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">MACALLAN \"12\"<\/div>\r\n <div class=\"item-description\">\u0421\u043a\u043e\u0442\u0447 \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">400 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0421\u041a\u041e\u0427 \u0412\u0418\u0421\u041a\u0418 (40\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">DEWAR'S<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0421\u043a\u043e\u0442\u0447 \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">190 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">TEACHERS<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0421\u043a\u043e\u0442\u0447 \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">190 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">FAMOUS GROUSE<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0421\u043a\u043e\u0442\u0447 \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">190 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">CUTTY SARK<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0421\u043a\u043e\u0442\u0447 \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">190 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0421\u041a\u041e\u0427 \u0412\u0418\u0421\u041a\u0418 (40\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">CHIVAS<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0421\u043a\u043e\u0442\u0447 \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">300 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">DIMPLE<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0421\u043a\u043e\u0442\u0447 \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">300 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">LAGAVULIN<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0421\u043a\u043e\u0442\u0447 \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">370 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\"><\/div>\r\n <div class=\"item-description\"><\/div>\r\n <\/div>\r\n <div class=\"item-price\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0418\u0420\u0421\u041a\u041e \u0412\u0418\u0421\u041a\u0418 (40\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">TULLAMORE DEW<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0438\u0440\u0441\u043a\u043e \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">190 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">JAMESON<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0438\u0440\u0441\u043a\u043e \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">190 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">BUSHMILLS<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0438\u0440\u0441\u043a\u043e \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">190 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\"><\/div>\r\n <div class=\"item-description\"><\/div>\r\n <\/div>\r\n <div class=\"item-price\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">SINGLE MALT WHISKEY (40ml)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">JOHNNIE WALKER \"15\"<\/div>\r\n <div class=\"item-description\">\u0412\u0438\u0441\u043a\u0438 \u0441\u043e \u0435\u0434\u0435\u043d \u0441\u043b\u0430\u0434<\/div>\r\n <\/div>\r\n <div class=\"item-price\">350 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">CARDHU<\/div>\r\n <div class=\"item-description\">\u0412\u0438\u0441\u043a\u0438 \u0441\u043e \u0435\u0434\u0435\u043d \u0441\u043b\u0430\u0434<\/div>\r\n <\/div>\r\n <div class=\"item-price\">350 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">JACK DANIELS BAREL<\/div>\r\n <div class=\"item-description\">\u0412\u0438\u0441\u043a\u0438 \u0441\u043e \u0435\u0434\u0435\u043d \u0441\u043b\u0430\u0434<\/div>\r\n <\/div>\r\n <div class=\"item-price\">350 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">LAGAVULIN \"16\"<\/div>\r\n <div class=\"item-description\">\u0412\u0438\u0441\u043a\u0438 \u0441\u043e \u0435\u0434\u0435\u043d \u0441\u043b\u0430\u0434<\/div>\r\n <\/div>\r\n <div class=\"item-price\">350 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">AMERICAN WHISKEY & BURBON (40ml)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">JACK'S DANIELS \/HONEY<\/div>\r\n <div class=\"item-description\">\u0410\u043c\u0435\u0440\u0438\u043a\u0430\u043d\u0441\u043a\u043e \u043a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">250 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">GENTELMAN JACK<\/div>\r\n <div class=\"item-description\">\u0410\u043c\u0435\u0440\u0438\u043a\u0430\u043d\u0441\u043a\u043e \u043a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">260 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">JIM BEAM<\/div>\r\n <div class=\"item-description\">\u0410\u043c\u0435\u0440\u0438\u043a\u0430\u043d\u0441\u043a\u043e \u043a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">190 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">JIM BEAM BLACK<\/div>\r\n <div class=\"item-description\">\u0410\u043c\u0435\u0440\u0438\u043a\u0430\u043d\u0441\u043a\u043e \u043a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0432\u0438\u0441\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">260 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u041a\u041e\u040a\u0410\u041a (40\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">STOCK 84<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043a\u043e\u045a\u0430\u043a<\/div>\r\n <\/div>\r\n <div class=\"item-price\">120 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">BADEL PRIMA<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043a\u043e\u045a\u0430\u043a<\/div>\r\n <\/div>\r\n <div class=\"item-price\">100 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">COURVOISIER V.S<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043a\u043e\u045a\u0430\u043a<\/div>\r\n <\/div>\r\n <div class=\"item-price\">250 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">REMY MARTIN V.S.O.P<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043a\u043e\u045a\u0430\u043a<\/div>\r\n <\/div>\r\n <div class=\"item-price\">390 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u041a\u041e\u040a\u0410\u041a (40\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">HENNESSY V.S<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043a\u043e\u045a\u0430\u043a<\/div>\r\n <\/div>\r\n <div class=\"item-price\">300 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">REMY MARTIN GRAND CRU<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043a\u043e\u045a\u0430\u043a<\/div>\r\n <\/div>\r\n <div class=\"item-price\">290 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">ZOLA<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043a\u043e\u045a\u0430\u043a<\/div>\r\n <\/div>\r\n <div class=\"item-price\">90 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\"><\/div>\r\n <div class=\"item-description\"><\/div>\r\n <\/div>\r\n <div class=\"item-price\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u040f\u0418\u041d (40\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">SAX<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u045f\u0438\u043d<\/div>\r\n <\/div>\r\n <div class=\"item-price\">110 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">GORDON'S<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u045f\u0438\u043d<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">BEEFEATER<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u045f\u0438\u043d<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">BOMBAY<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u045f\u0438\u043d<\/div>\r\n <\/div>\r\n <div class=\"item-price\">180 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0412\u041e\u0414\u041a\u0410 (40\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">SMIRNOFF RED \/ BLUE<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u0432\u043e\u0434\u043a\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">130 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">FINLANDIA<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u0432\u043e\u0434\u043a\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">130 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">FINLANDIA \u0411\u0420\u0423\u0421\u041d\u0418\u0426\u0410<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u0432\u043e\u0434\u043a\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">FINLANDIA \u041b\u0418\u041c\u0415\u0422\u0410<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u0432\u043e\u0434\u043a\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0412\u041e\u0414\u041a\u0410 (40\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">ABSOLUT<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u0432\u043e\u0434\u043a\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">130 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">DANZKA<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u0432\u043e\u0434\u043a\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">130 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">VIGOR<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u0432\u043e\u0434\u043a\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">120 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">URSUS<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u0432\u043e\u0434\u043a\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">130 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0412\u041e\u0414\u041a\u0410 (40\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">GREY GOOSE<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u0432\u043e\u0434\u043a\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">300 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">SMIRNOFF ICE (275ml)<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u0432\u043e\u0434\u043a\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\"><\/div>\r\n <div class=\"item-description\"><\/div>\r\n <\/div>\r\n <div class=\"item-price\"><\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\"><\/div>\r\n <div class=\"item-description\"><\/div>\r\n <\/div>\r\n <div class=\"item-price\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0412\u0415\u0420\u041c\u0423\u0422 (40\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">MARTINI ROSSO<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u0432\u0435\u0440\u043c\u0443\u0442<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">MARTINI BIANCO<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u0432\u0435\u0440\u043c\u0443\u0442<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">CANZANO ROSSO<\/div>\r\n <div class=\"item-description\">bianco, dry, bitter, rose<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">BENEDETTO<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u0432\u0435\u0440\u043c\u0443\u0442<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0428\u0410\u041c\u041f\u0410\u0408\u041d (40\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">MARTINI PROSEKO (750ml)<\/div>\r\n <div class=\"item-description\">\u0428\u0430\u043c\u043f\u0430\u0458\u043d<\/div>\r\n <\/div>\r\n <div class=\"item-price\">1300 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">MOET & CHANDON<\/div>\r\n <div class=\"item-description\">\u041f\u0440\u0435\u043c\u0438\u0443\u043c \u0448\u0430\u043c\u043f\u0430\u0458\u043d<\/div>\r\n <\/div>\r\n <div class=\"item-price\"><\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">DOM PERRIGNO<\/div>\r\n <div class=\"item-description\">\u0428\u0430\u043c\u043f\u0430\u0458\u043d<\/div>\r\n <\/div>\r\n <div class=\"item-price\"><\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\"><\/div>\r\n <div class=\"item-description\"><\/div>\r\n <\/div>\r\n <div class=\"item-price\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0412\u0438\u043d\u043e (200\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0411\u0415\u041b\u041e<\/div>\r\n <div class=\"item-description\">\u0411\u0435\u043b\u043e \u0432\u0438\u043d\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">180 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0426\u0420\u0412\u0415\u041d\u041e<\/div>\r\n <div class=\"item-description\">\u0426\u0440\u0432\u0435\u043d\u043e \u0432\u0438\u043d\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">180 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0410\u041f\u0415\u0420\u041e\u041b<\/div>\r\n <div class=\"item-description\">\u0412\u0438\u043d\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">APEROL SPRIC<\/div>\r\n <div class=\"item-description\"><\/div>\r\n <\/div>\r\n <div class=\"item-price\">220 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0420\u0423\u041c (40\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">BADEL<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u0420\u0443\u043c<\/div>\r\n <\/div>\r\n <div class=\"item-price\">100 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">BACARDI<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u0420\u0443\u043c<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">BACARDI BREEZER (275ml)<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u0420\u0443\u043c<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">CAPTAIN MORGAN GOLD<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u0420\u0443\u043c<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0420\u0423\u041c (40\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">PAMPERO<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u0420\u0443\u043c<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">HAVANA CLUB<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u0420\u0443\u043c<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">CAPTAIN MORGAN YAMAICA<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u0420\u0443\u043c<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\"><\/div>\r\n <div class=\"item-description\"><\/div>\r\n <\/div>\r\n <div class=\"item-price\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0423\u0417\u041e (40\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">TSANTALI<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0443\u0437\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">100 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\" 12 \"<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0443\u0437\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">100 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">PLOMARI<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u043e \u0443\u0437\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">100 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\"><\/div>\r\n <div class=\"item-description\"><\/div>\r\n <\/div>\r\n <div class=\"item-price\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0422\u0415\u041a\u0418\u041b\u0410 (30\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">OLMECA<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u0442\u0435\u043a\u0438\u043b\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">90 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">JOSE CUERVO<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u0442\u0435\u043a\u0438\u043b\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">90 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">TWO FINGERS<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u0442\u0435\u043a\u0438\u043b\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">90 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">MENDOZA<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u043d\u0430 \u0442\u0435\u043a\u0438\u043b\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">70 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u041a\u041e\u041a\u0422\u0415\u041b\u0418<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">MOJITO (0,2l)<\/div>\r\n <div class=\"item-description\">\u041a\u043e\u043a\u0442\u0435\u043b<\/div>\r\n <\/div>\r\n <div class=\"item-price\">200 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">LONG ISLAND COCKTAIL (0,3l)<\/div>\r\n <div class=\"item-description\">\u041a\u043e\u043a\u0442\u0435\u043b<\/div>\r\n <\/div>\r\n <div class=\"item-price\">250 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\"><\/div>\r\n <div class=\"item-description\"><\/div>\r\n <\/div>\r\n <div class=\"item-price\"><\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\"><\/div>\r\n <div class=\"item-description\"><\/div>\r\n <\/div>\r\n <div class=\"item-price\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u041b\u0418\u041a\u0415\u0420\u0418 (40\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">PASSOA<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043b\u0438\u043a\u0435\u0440<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">SHERIDAN'S CREAM<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043b\u0438\u043a\u0435\u0440<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">BAILEY'S CREAM<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043b\u0438\u043a\u0435\u0440<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">CAROLAN'S CREAM<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043b\u0438\u043a\u0435\u0440<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u041b\u0418\u041a\u0415\u0420\u0418 (40\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">COINTREAU<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043b\u0438\u043a\u0435\u0440<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">DRAMBUIE<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043b\u0438\u043a\u0435\u0440<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">KAHLUA<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043b\u0438\u043a\u0435\u0440<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">SOUTHERN COMFORT<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043b\u0438\u043a\u0435\u0440<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u041b\u0418\u041a\u0415\u0420\u0418 (40\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">AMARETO<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043b\u0438\u043a\u0435\u0440<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">PELINKOVAC<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043b\u0438\u043a\u0435\u0440<\/div>\r\n <\/div>\r\n <div class=\"item-price\">110 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">ARCHERS PEACH<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043b\u0438\u043a\u0435\u0440<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">BLUE CURACAO<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043b\u0438\u043a\u0435\u0440<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u041b\u0418\u041a\u0415\u0420\u0418 (40\u043c\u043b)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">CAMPARI<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043b\u0438\u043a\u0435\u0440<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">SAMBUCA<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043b\u0438\u043a\u0435\u0440<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">MALIBU<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043b\u0438\u043a\u0435\u0440<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">JEGERMEISTER<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u043b\u0438\u043a\u0435\u0440<\/div>\r\n <\/div>\r\n <div class=\"item-price\">160 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u041f\u0418\u0412\u041e<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0421\u041a\u041e\u041f\u0421\u041a\u041e<\/div>\r\n <div class=\"item-description\">\u041b\u043e\u043a\u0430\u043b\u043d\u043e \u043f\u0438\u0432\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0421\u041a\u041e\u041f\u0421\u041a\u041e SMOOTH<\/div>\r\n <div class=\"item-description\">\u041b\u043e\u043a\u0430\u043b\u043d\u043e \u043f\u0438\u0432\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0421\u041a\u041e\u041f\u0421\u041a\u041e \u0422\u0415\u041c\u041d\u041e<\/div>\r\n <div class=\"item-description\">\u041b\u043e\u043a\u0430\u043b\u043d\u043e \u0442\u0435\u043c\u043d\u043e \u043f\u0438\u0432\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">AMSTEL<\/div>\r\n <div class=\"item-description\">\u0421\u0432\u0435\u0442\u043b\u043e \u043f\u0438\u0432\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u041f\u0418\u0412\u041e<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0417\u041b\u0410\u0422\u0415\u041d \u0414\u0410\u0411<\/div>\r\n <div class=\"item-description\">\u041b\u043e\u043a\u0430\u043b\u043d\u043e \u043f\u0438\u0432\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">TUBORG<\/div>\r\n <div class=\"item-description\">\u0421\u0432\u0435\u0442\u043b\u043e \u043f\u0438\u0432\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">180 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">HEINEKEN<\/div>\r\n <div class=\"item-description\">\u041f\u0440\u0435\u043c\u0438\u0443\u043c \u043f\u0438\u0432\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">CORONA<\/div>\r\n <div class=\"item-description\">Mexican Beer<\/div>\r\n <\/div>\r\n <div class=\"item-price\">190 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u041f\u0418\u0412\u041e<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0421\u041a\u041e\u041f\u0421\u041a\u041e \u0422\u041e\u0427\u0415\u041d\u041e \u041f\u0418\u0412\u041e (0.33)<\/div>\r\n <div class=\"item-description\">\u041b\u043e\u043a\u0430\u043b\u043d\u043e \u0442\u043e\u0447\u0435\u043d\u043e \u043f\u0438\u0432\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">140 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0421\u041a\u041e\u041f\u0421\u041a\u041e \u0422\u041e\u0427\u0415\u041d\u041e \u041f\u0418\u0412\u041e (0.33)<\/div>\r\n <div class=\"item-description\">\u041b\u043e\u043a\u0430\u043b\u043d\u043e \u0442\u043e\u0447\u0435\u043d\u043e \u043f\u0438\u0432\u043e<\/div>\r\n <\/div>\r\n <div class=\"item-price\">180 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\"><\/div>\r\n <div class=\"item-description\"><\/div>\r\n <\/div>\r\n <div class=\"item-price\"><\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\"><\/div>\r\n <div class=\"item-description\"><\/div>\r\n <\/div>\r\n <div class=\"item-price\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u041a\u041e\u041a\u0422\u0415\u041b\u0418<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041a\u0420\u0410\u0422\u041a\u0418 \u041a\u041e\u041a\u0422\u0415\u041b\u0418 (0,2\u043b)<\/div>\r\n <div class=\"item-description\">\u041a\u0440\u0430\u0442\u043a\u0438 \u043a\u043e\u043a\u0442\u0435\u043b\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">120 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0414\u041e\u041b\u0413\u0418 \u041a\u041e\u041a\u0422\u0415\u041b\u0418 (0,3\u043b)<\/div>\r\n <div class=\"item-description\">\u0414\u043e\u043b\u0433\u0438 \u043a\u043e\u043a\u0442\u0435\u043b\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">190 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">MOJITO (0,2l)<\/div>\r\n <div class=\"item-description\">\u041a\u043b\u0430\u0441\u0438\u0447\u0435\u043d \u0440\u0443\u043c \u043a\u043e\u043a\u0442\u0435\u043b<\/div>\r\n <\/div>\r\n <div class=\"item-price\">200 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">LONG ISLAND COCKTAIL (0,3l)<\/div>\r\n <div class=\"item-description\">\u041f\u0440\u0435\u043c\u0438\u0443\u043c \u043c\u0435\u0448\u0430\u043d \u043a\u043e\u043a\u0442\u0435\u043b<\/div>\r\n <\/div>\r\n <div class=\"item-price\">250 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Slider Controls for Alcohol -->\r\n <div class=\"slider-controls\">\r\n <button class=\"slider-btn prev-btn\" onclick=\"slideMobileCategory('mobile-breakfast', -1)\">Previous<\/button>\r\n <button class=\"slider-btn next-btn\" onclick=\"slideMobileCategory('mobile-breakfast', 1)\">Next<\/button>\r\n <\/div>\r\n \r\n <!-- Slider Indicators -->\r\n <div class=\"slider-indicators\">\r\n <div class=\"slider-dot active\" onclick=\"goToMobileGroup(0)\"><\/div>\r\n <div class=\"slider-dot\" onclick=\"goToMobileGroup(1)\"><\/div>\r\n <div class=\"slider-dot\" onclick=\"goToMobileGroup(2)\"><\/div>\r\n <div class=\"slider-dot\" onclick=\"goToMobileGroup(3)\"><\/div>\r\n <div class=\"slider-dot\" onclick=\"goToMobileGroup(4)\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Snacks & Extras Category -->\r\n <div class=\"category-content\" id=\"mobile-desserts\">\r\n <div class=\"menu-grid\">\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0410\u041f\u0415\u0422\u0418\u0421\u0410\u041d\u0418 (100\u0433\u0440.)<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041b\u0415\u0428\u041d\u0418\u0426\u0418<\/div>\r\n <div class=\"item-description\">\u041f\u0435\u0447\u0435\u043d\u0438 \u043b\u0435\u0448\u043d\u0438\u0446\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">180 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0424'\u0421\u0422\u0410\u0426\u0418<\/div>\r\n <div class=\"item-description\">\u041f\u0440\u0435\u043c\u0438\u0443\u043c \u0444'\u0441\u0442\u0430\u0446\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">180 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041a\u0418\u041a\u0418\u0420\u0418\u041a\u0418<\/div>\r\n <div class=\"item-description\">\u041f\u0435\u0447\u0435\u043d\u0438 \u043a\u0438\u043a\u0438\u0440\u0438\u043a\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">100 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0418\u041d\u0414\u0418\u0421\u041a\u0418 \u041e\u0420\u0415\u0412\u0418<\/div>\r\n <div class=\"item-description\">\u041f\u0440\u0435\u043c\u0438\u0443\u043c \u0438\u043d\u0434\u0438\u0441\u043a\u0438 \u043e\u0440\u0435\u0432\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">180 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0414\u041e\u0414\u0410\u0422\u041e\u0426\u0418<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0426\u0415\u0420\u041c\u0410\u0422 \u0421\u041b\u0410\u0414\u041e\u041b\u0415\u0414 (160\u043c\u043b)<\/div>\r\n <div class=\"item-description\">\u041f\u0440\u0435\u043c\u0438\u0443\u043c \u0441\u043b\u0430\u0434\u043e\u043b\u0435\u0434<\/div>\r\n <\/div>\r\n <div class=\"item-price\">150 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0428\u041b\u0410\u0413 \u041f\u0415\u041d\u0410<\/div>\r\n <div class=\"item-description\">\u0421\u0432\u0435\u0436\u0430 \u0448\u043b\u0430\u0433 \u043f\u0435\u043d\u0430<\/div>\r\n <\/div>\r\n <div class=\"item-price\">30 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041b\u0418\u041a\u0415\u0420 \u0428\u041e\u0422<\/div>\r\n <div class=\"item-description\">\u0420\u0430\u0437\u043b\u0438\u0447\u043d\u0438 \u043b\u0438\u043a\u0435\u0440 \u0448\u043e\u0442\u043e\u0432\u0438<\/div>\r\n <\/div>\r\n <div class=\"item-price\">50 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0420\u0423\u041c \u0411\u0410\u0414\u0415\u041b (20\u043c\u043b)<\/div>\r\n <div class=\"item-description\">\u041f\u0440\u0435\u043c\u0438\u0443\u043c \u0440\u0443\u043c \u0448\u043e\u0442<\/div>\r\n <\/div>\r\n <div class=\"item-price\">50 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"menu-card\">\r\n <div class=\"card-header\">\u0421\u041f\u0415\u0426\u0418\u0408\u0410\u041b<\/div>\r\n <div class=\"card-content\">\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041c\u041e\u041d\u0418\u041d \u0421\u0418\u0420\u0423\u041f (10\u043c\u043b)<\/div>\r\n <div class=\"item-description\">\u0410\u0440\u043e\u043c\u0430\u0442\u0438\u0437\u0438\u0440\u0430\u043d \u0441\u0438\u0440\u0443\u043f<\/div>\r\n <\/div>\r\n <div class=\"item-price\">30 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041f\u041b\u0410\u0417\u041c\u0410 \u0411\u0418\u0421\u041a\u0412\u0418\u0422<\/div>\r\n <div class=\"item-description\">\u041f\u043e\u043f\u0443\u043b\u0430\u0440\u0435\u043d \u043b\u043e\u043a\u0430\u043b\u0435\u043d \u0431\u0438\u0441\u043a\u0432\u0438\u0442<\/div>\r\n <\/div>\r\n <div class=\"item-price\">30 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u0420\u0415\u0414 \u0411\u0423\u041b (250\u043c\u043b)<\/div>\r\n <div class=\"item-description\">Energy drink<\/div>\r\n <\/div>\r\n <div class=\"item-price\">200 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <div class=\"menu-item\">\r\n <div class=\"item-info\">\r\n <div class=\"item-name\">\u041c\u0418\u041b\u041a\u0428\u0415\u0408\u041a<\/div>\r\n <div class=\"item-description\">\u041a\u0440\u0435\u043c\u0430\u0441\u0442 \u043c\u0438\u043b\u043a\u0448\u0435\u0458\u043a<\/div>\r\n <\/div>\r\n <div class=\"item-price\">130 \u0434\u0435\u043d.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Prevent backdrop-filter flash - More aggressive approach\r\n document.addEventListener('DOMContentLoaded', function() {\r\n \/\/ Force backdrop-filter immediately\r\n const cards = document.querySelectorAll('.mobile-menu-container .menu-card');\r\n const buttons = document.querySelectorAll('.mobile-menu-container .category-btn, .mobile-menu-container .slider-btn');\r\n \r\n \/\/ Apply backdrop-filter immediately to prevent flash\r\n cards.forEach(card => {\r\n card.style.backdropFilter = 'blur(10px)';\r\n card.style.webkitBackdropFilter = 'blur(10px)';\r\n });\r\n \r\n buttons.forEach(button => {\r\n button.style.backdropFilter = 'blur(10px)';\r\n button.style.webkitBackdropFilter = 'blur(10px)';\r\n });\r\n \r\n \/\/ Show cards after a brief delay to ensure backdrop-filter is applied\r\n setTimeout(() => {\r\n document.body.classList.add('mobile-loaded');\r\n }, 50);\r\n });\r\n\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const categoryButtons = document.querySelectorAll('.category-btn');\r\n const categoryContents = document.querySelectorAll('.category-content');\r\n\r\n \/\/ Initialize sliders for all categories\r\n initializeMobileSliders();\r\n\r\n categoryButtons.forEach(button => {\r\n button.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n const targetCategory = this.getAttribute('data-category');\r\n \r\n \/\/ Remove active class from all buttons\r\n categoryButtons.forEach(btn => btn.classList.remove('active'));\r\n \r\n \/\/ Add active class to clicked button\r\n this.classList.add('active');\r\n \r\n \/\/ Hide all category contents\r\n categoryContents.forEach(content => {\r\n content.classList.remove('active');\r\n content.style.display = 'none';\r\n });\r\n \r\n \/\/ Show target category\r\n const targetElement = document.getElementById(targetCategory);\r\n if (targetElement) {\r\n targetElement.style.display = 'block';\r\n targetElement.classList.add('active');\r\n }\r\n });\r\n });\r\n });\r\n\r\n \/\/ Initialize card groups for categories with more than 4 cards\r\n function initializeMobileSliders() {\r\n \/\/ Categories that should use card groups (more than 4 cards)\r\n const groupCategories = ['mobile-pastries', 'mobile-breakfast']; \/\/ Beverages and Alcohol\r\n \r\n \/\/ Initialize card group categories\r\n groupCategories.forEach(categoryId => {\r\n const categoryContent = document.getElementById(categoryId);\r\n if (categoryContent) {\r\n const menuGrid = categoryContent.querySelector('.menu-grid');\r\n const sliderControls = categoryContent.querySelector('.slider-controls');\r\n const sliderIndicators = categoryContent.querySelector('.slider-indicators');\r\n \r\n if (menuGrid && sliderControls && sliderIndicators) {\r\n const cards = menuGrid.querySelectorAll('.menu-card');\r\n if (cards.length > 4) {\r\n enableMobileCardGroups(categoryId, menuGrid, sliderControls, sliderIndicators, cards);\r\n }\r\n }\r\n }\r\n });\r\n }\r\n\r\n \/\/ Enable card groups functionality for a category\r\n function enableMobileCardGroups(categoryId, menuGrid, sliderControls, sliderIndicators, cards) {\r\n \/\/ Show slider controls\r\n sliderControls.classList.add('show');\r\n sliderIndicators.classList.add('show');\r\n \r\n \/\/ Convert to card groups\r\n menuGrid.classList.add('card-groups');\r\n menuGrid.innerHTML = '';\r\n \r\n \/\/ Create groups of 4 cards (2x2 grid)\r\n const totalGroups = Math.ceil(cards.length \/ 4);\r\n for (let i = 0; i < totalGroups; i++) {\r\n const group = document.createElement('div');\r\n group.className = 'card-group';\r\n if (i === 0) group.classList.add('active');\r\n \r\n \/\/ Add 4 cards to this group (2x2 layout)\r\n for (let j = 0; j < 4; j++) {\r\n const cardIndex = i * 4 + j;\r\n if (cardIndex < cards.length) {\r\n group.appendChild(cards[cardIndex].cloneNode(true));\r\n }\r\n }\r\n \r\n menuGrid.appendChild(group);\r\n }\r\n \r\n \/\/ Store group info\r\n menuGrid.dataset.currentGroup = 0;\r\n menuGrid.dataset.totalGroups = totalGroups;\r\n \r\n \/\/ Create indicator dots\r\n createMobileIndicatorDots(sliderIndicators, totalGroups);\r\n \r\n \/\/ Update button states\r\n updateMobileGroupState(categoryId, 0, totalGroups - 1, sliderControls);\r\n }\r\n\r\n \/\/ Create indicator dots\r\n function createMobileIndicatorDots(container, totalDots) {\r\n container.innerHTML = '';\r\n for (let i = 0; i < totalDots; i++) {\r\n const dot = document.createElement('div');\r\n dot.className = 'slider-dot';\r\n if (i === 0) dot.classList.add('active');\r\n dot.addEventListener('click', () => goToMobileGroup(i));\r\n container.appendChild(dot);\r\n }\r\n }\r\n\r\n \/\/ Update group state\r\n function updateMobileGroupState(categoryId, currentGroup, maxGroup, sliderControls) {\r\n const prevBtn = sliderControls.querySelector('.prev-btn');\r\n const nextBtn = sliderControls.querySelector('.next-btn');\r\n \r\n prevBtn.disabled = currentGroup <= 0;\r\n nextBtn.disabled = currentGroup >= maxGroup;\r\n \r\n \/\/ Update indicator dots - find the slider indicators container\r\n const categoryContent = document.getElementById(categoryId);\r\n const sliderIndicators = categoryContent.querySelector('.slider-indicators');\r\n if (sliderIndicators) {\r\n const dots = sliderIndicators.querySelectorAll('.slider-dot');\r\n dots.forEach((dot, index) => {\r\n dot.classList.toggle('active', index === currentGroup);\r\n });\r\n }\r\n }\r\n\r\n \/\/ Switch between card groups\r\n function slideMobileCategory(categoryId, direction) {\r\n const categoryContent = document.getElementById(categoryId);\r\n const menuGrid = categoryContent.querySelector('.menu-grid');\r\n \r\n if (!menuGrid || !menuGrid.classList.contains('card-groups')) return;\r\n \r\n const currentGroup = parseInt(menuGrid.dataset.currentGroup) || 0;\r\n const totalGroups = parseInt(menuGrid.dataset.totalGroups) || 1;\r\n const newGroup = Math.max(0, Math.min(currentGroup + direction, totalGroups - 1));\r\n \r\n if (newGroup !== currentGroup) {\r\n \/\/ Hide current group\r\n const currentGroupEl = menuGrid.querySelector('.card-group.active');\r\n if (currentGroupEl) currentGroupEl.classList.remove('active');\r\n \r\n \/\/ Show new group\r\n const newGroupEl = menuGrid.querySelectorAll('.card-group')[newGroup];\r\n if (newGroupEl) newGroupEl.classList.add('active');\r\n \r\n \/\/ Update state\r\n menuGrid.dataset.currentGroup = newGroup;\r\n updateMobileGroupState(categoryId, newGroup, totalGroups - 1, categoryContent.querySelector('.slider-controls'));\r\n }\r\n }\r\n\r\n \/\/ Go to specific group\r\n function goToMobileGroup(groupIndex) {\r\n \/\/ Find which category this dot belongs to\r\n const dot = event.target;\r\n const sliderIndicators = dot.closest('.slider-indicators');\r\n const categoryContent = sliderIndicators.closest('.category-content');\r\n const categoryId = categoryContent.id;\r\n \r\n \/\/ Switch to the selected group\r\n slideMobileCategory(categoryId, groupIndex - parseInt(categoryContent.querySelector('.menu-grid').dataset.currentGroup));\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-27cd9cb elementor-widget elementor-widget-spacer\" data-id=\"27cd9cb\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Coffee Menu – Image Caffe Espresso & Coffee Hot Specialties Cold Coffee Beverages Alcohol Snacks & Extras ESPRESSO ESPRESSO Short\/long espresso shot 100 \u0434\u0435\u043d. MACCHIATO SHORT Short macchiato coffee 110 \u0434\u0435\u043d. MACCHIATO LONG Long macchiato coffee 120 \u0434\u0435\u043d. CAPPUCCINO Espresso with steamed milk and foam 120 \u0434\u0435\u043d. CAFFEINE FREE COFFEE CAFFEINE FREE ESPRESSO Decaffeinated espresso 100 \u0434\u0435\u043d. CAFFEINE FREE MACCHIATO Decaffeinated macchiato 120 \u0434\u0435\u043d. OTHER COFFEE NES COFFEE Classic instant coffee 120 \u0434\u0435\u043d. NES COFFEE SPECIAL Vanilla, chocolate, coconut, hazelnut, caramel-Irish 140 \u0434\u0435\u043d. CAFE LATTE Coffee with steamed milk 130 \u0434\u0435\u043d. CREAM ESPRESSO Creamy espresso coffee 90 \u0434\u0435\u043d. OTHER COFFEE AMERICANO Espresso with hot water 100 \u0434\u0435\u043d. Turkish Coffee Traditional Turkish Coffee 140 \u0434\u0435\u043d. HOT COFFEE MEXICAN COFFEE Special Mexican style coffee 170 \u0434\u0435\u043d. CAF\u00c9 DI COCO Espresso coffee, chocolate liqueur, sweet cream, honey hazelnut, whipped cream 170 \u0434\u0435\u043d. IRISH COFFEE Traditional Irish coffee with whiskey 170 \u0434\u0435\u043d. CAF\u00c9 MOCCA Espresso coffee, chocolate, milk, nutmeg 170 \u0434\u0435\u043d. COFFEE COCKTAILS COFFEE COBBLER BOURBON Espresso coffee, coco\/mocca liqueur, bourbon, chocolate ice cream 220 \u0434\u0435\u043d. RUSSIAN COFFEE Espresso coffee, vodka, sweet cream, cointreau 160 \u0434\u0435\u043d. PARISIAN QUICK MIX Espresso coffee, cognac VSOP, vanilla liqueur, crushed ice 220 \u0434\u0435\u043d. JAMAICAN BLACK COFFEE Espresso coffee, dark rum, sugar 170 \u0434\u0435\u043d. LONG COCKTAILS LONG DRINK COFFEE Espresso coffee, kahlua, vanilla ice cream, sweet cream, soda water 170 \u0434\u0435\u043d. COCOA Hot chocolate drink 100 \u0434\u0435\u043d. HOT CHOCOLATE Premium hot chocolate 140 \u0434\u0435\u043d. SALEP Traditional hot drink 120 \u0434\u0435\u043d. COLD COFFEE IMAGE MIO Espresso coffee, chocolate ice cream, coco liqueur, bailey’s cream, vanilla ice cream, cointreau, whipped cream, nutmeg, chocolate powder 250 \u0434\u0435\u043d. SPICES ESPRESSO SHAKE Espresso coffee, chocolate or vanilla ice cream, milk, sweet cream, cinnamon 140 \u0434\u0435\u043d. COCOA ICED COFFEE Espresso coffee, coco liqueur, milk, coconut flour, sweet cream, whipped cream 140 \u0434\u0435\u043d. MIAMI DECLARATION Espresso coffee, orange liqueur, milk, sweet cream, whipped cream 140 \u0434\u0435\u043d. CLASSIC COLD COFFEE FREDDO Cold espresso drink 110 \u0434\u0435\u043d. FRAPPE Traditional Greek iced coffee 120 \u0434\u0435\u043d. ICED COFFEE Iced coffee drink 120 \u0434\u0435\u043d. PACKAGES ESPRESSO + SOFT DRINK Espresso with carbonated drink 150 \u0434\u0435\u043d. LARGE MACCHIATO + SOFT DRINK Large Macchiato with carbonated drink 170 \u0434\u0435\u043d. ESPRESSO + CEDEVITA Espresso with Cedevita 150 \u0434\u0435\u043d. LARGE MACCHIATO + CEDEVITA Large Macchiato with Cedevita 170 \u0434\u0435\u043d. PACKAGES ESPRESSO + WATER Espresso with water 160 \u0434\u0435\u043d. LARGE MACCHIATO + WATER Large Macchiato with water 180 \u0434\u0435\u043d. SOFT DRINKS COCA COLA (0,25) Classic Coca Cola 110 \u0434\u0435\u043d. FANTA (0,25) Orange flavored soda 110 \u0434\u0435\u043d. SPRITE (0,25) Lemon-lime soda 110 \u0434\u0435\u043d. SCHWEPPES Bitter lemon, tonic, mandarin 110 \u0434\u0435\u043d. SOFT DRINKS COCKTA Traditional Balkan cola 110 \u0434\u0435\u043d. ORANGINA Sparkling orange drink 120 \u0434\u0435\u043d. FRESH JUICES ORANGE FRESH (0,25) Freshly squeezed orange juice 150 \u0434\u0435\u043d. GRAPEFRUIT FRESH (0,25) Freshly squeezed grapefruit juice 150 \u0434\u0435\u043d. LEMON FRESH (0,25) Freshly squeezed lemon juice 120 \u0434\u0435\u043d. BEVERAGES ICE TEA Peach, lemon flavors 120 \u0434\u0435\u043d. FRUKTALE\/NEXT Fruit juice drink 130 \u0434\u0435\u043d. CEDEVITA Classic Cedevita 90 \u0434\u0435\u043d. MINERAL WATER MAJA Classic Mineral Water 80 \u0434\u0435\u043d. KNJAZ MILOS Classic Mineral Water 80 \u0434\u0435\u043d. PELISTERKA Classic Mineral Water 80 \u0434\u0435\u043d. RADENSKA Classic Mineral Water 80 \u0434\u0435\u043d. MINERAL WATER JAMNICA Classic Mineral Water 80 \u0434\u0435\u043d. SAN PELLEGRINO Classic Mineral Water 80 \u0434\u0435\u043d. PERRIER Classic Mineral Water 80 \u0434\u0435\u043d. WATER JANA Classic Water 80 \u0434\u0435\u043d. GORSKA Classic Water 80 \u0434\u0435\u043d. ROSA Classic Water 80 \u0434\u0435\u043d. MAJA Classic Water 80 \u0434\u0435\u043d. WARM BEVERAGES TEA Classic Tea 80 \u0434\u0435\u043d. MILK Classic Milk 80 \u0434\u0435\u043d. Previous Next SCOTCH WHISKEY (40ml) J&B Classic Scotch whiskey 190 \u0434\u0435\u043d. JOHNNIE WALKER RED LABEL Premium Scotch whiskey 190 \u0434\u0435\u043d. JOHNNIE WALKER BLACK LABEL “12” 12-year aged Scotch 250 \u0434\u0435\u043d. JOHNNIE WALKER GOLD LABEL “18” 18-year aged Scotch 400 \u0434\u0435\u043d. SCOTCH WHISKEY (40ml) JOHNNIE DOUBLE BLACK Classic Scotch whiskey 400 \u0434\u0435\u043d. BALLANTINE’S Classic Scotch whiskey 190 \u0434\u0435\u043d. JOHNNIE WALKER BLUE LABEL Premium blend whiskey 1000 \u0434\u0435\u043d. MACALLAN “12” Scotch whiskey 400 \u0434\u0435\u043d. SCOTCH WHISKEY (40ml) DEWAR’S Classic Scotch whiskey 190 \u0434\u0435\u043d. TEACHERS Classic Scotch whiskey 190 \u0434\u0435\u043d. FAMOUS GROUSE Classic Scotch whiskey 190 \u0434\u0435\u043d. CUTTY SARK Classic Scotch whiskey 190 \u0434\u0435\u043d. SCOTCH WHISKEY (40ml) CHIVAS Classic Scotch whiskey 300 \u0434\u0435\u043d. DIMPLE Classic Scotch whiskey 300 \u0434\u0435\u043d. LAGAVULIN Classic Scotch whiskey 370 \u0434\u0435\u043d. IRISH WHISKEY (40ml) TULLAMORE DEW Classic Irish whiskey 190 \u0434\u0435\u043d. JAMESON Classic Irish whiskey 190 \u0434\u0435\u043d. BUSHMILLS Classic Irish whiskey 190 \u0434\u0435\u043d. SINGLE MALT WHISKEY (40ml) JOHNNIE WALKER “15” Single Malt Whiskey 350 \u0434\u0435\u043d. CARDHU Single Malt Whiskey 350 \u0434\u0435\u043d. JACK DANIELS BAREL Single Malt Whiskey 350 \u0434\u0435\u043d. LAGAVULIN “16” Single Malt Whiskey 350 \u0434\u0435\u043d. AMERICAN WHISKEY & BURBON (40ml) JACK’S DANIELS \/HONEY American Classic Whiskey 250 \u0434\u0435\u043d. GENTELMAN JACK American Classic Whiskey 260 \u0434\u0435\u043d. JIM BEAM American Classic Whiskey 190 \u0434\u0435\u043d. JIM BEAM BLACK American Classic Whiskey 260 \u0434\u0435\u043d. BRANDY (40ml) STOCK 84 Classic brandy 120 \u0434\u0435\u043d. BADEL PRIMA Classic brandy 100 \u0434\u0435\u043d. COURVOISIER V.S Classic brandy 250 \u0434\u0435\u043d. REMY MARTIN V.S.O.P Classic brandy 390 \u0434\u0435\u043d. BRANDY (40ml) HENNESSY V.S Classic brandy 300 \u0434\u0435\u043d. REMY MARTIN GRAND CRU Classic brandy 290 \u0434\u0435\u043d. ZOLA Classic brandy 90 \u0434\u0435\u043d. GIN (40 ml) SAX Classic gin 110 \u0434\u0435\u043d. GORDON’S Classic gin 140 \u0434\u0435\u043d. BEEFEATER Classic gin 140 \u0434\u0435\u043d. BOMBAY Classic gin 180 \u0434\u0435\u043d. VODKA (40ml) SMIRNOFF RED \/ BLUE Classic vodka 130 \u0434\u0435\u043d. FINLANDIA Classic vodka 130 \u0434\u0435\u043d. FINLANDIA CRANBERRY Classic vodka 140 \u0434\u0435\u043d. FINLANDIA LIME Classic vodka 140 \u0434\u0435\u043d. VODKA (40ml) ABSOLUT Classic vodka 130 \u0434\u0435\u043d. DANZKA Classic vodka 130 \u0434\u0435\u043d. VIGOR Classic vodka 120 \u0434\u0435\u043d. URSUS Classic vodka 130 \u0434\u0435\u043d. VODKA (40ml) GREY GOOSE Classic vodka 300 \u0434\u0435\u043d. SMIRNOFF ICE (275ml) Classic vodka 150 \u0434\u0435\u043d. VERMOUTH (40ml) MARTINI ROSSO Classic vermouth 140 \u0434\u0435\u043d. MARTINI BIANCO Classic vermouth 140 \u0434\u0435\u043d. CANZANO ROSSO bianco, dry, bitter, rose 140 \u0434\u0435\u043d. BENEDETTO Classic vermouth 140 \u0434\u0435\u043d. SHAMPAGNE (700ml) MARTINI PROSEKO (750ml) Shampagne 1300 \u0434\u0435\u043d. MOET & CHANDON Premium shampagne DOM PERRIGNO Shampagne WINE (200ml) WHITE White wine 180 \u0434\u0435\u043d. RED Red wine 180 \u0434\u0435\u043d. APEROL Wine 140 \u0434\u0435\u043d. APEROL SPRIC 220 \u0434\u0435\u043d. RUM (40ml) BADEL Classic rum 100 \u0434\u0435\u043d. BACARDI Classic rum 140 \u0434\u0435\u043d. BACARDI BREEZER (275ml) Classic rum 140 \u0434\u0435\u043d. CAPTAIN MORGAN GOLD Classic<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/imagecaffe.mk\/mk\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/imagecaffe.mk\/mk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/imagecaffe.mk\/mk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/imagecaffe.mk\/mk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/imagecaffe.mk\/mk\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":242,"href":"https:\/\/imagecaffe.mk\/mk\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":1330,"href":"https:\/\/imagecaffe.mk\/mk\/wp-json\/wp\/v2\/pages\/9\/revisions\/1330"}],"wp:attachment":[{"href":"https:\/\/imagecaffe.mk\/mk\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}