#root{min-width:100vw;min-height:100vh;display:flex;flex-direction:column}@media screen and (max-width: 480px){#root{min-width:100vw;width:100vw;overflow-x:hidden}}@media screen and (max-width: 320px){#root{font-size:14px}}@font-face{font-family:Comfortaa;src:url(/assets/Comfortaa-Light-BNhdLCp0.ttf);font-display:swap}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;width:fit-content;color-scheme:light dark;color:#ffffffde;background-color:#242424;overflow:hidden;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media screen and (max-width: 480px){:root{font-size:14px;line-height:1.4}}@media screen and (max-width: 320px){:root{font-size:12px;line-height:1.3}}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:100vw;min-height:100vh;overflow:hidden;padding:0;box-sizing:border-box}@media screen and (max-width: 480px){body{font-size:14px}}@media screen and (max-width: 320px){body{font-size:12px}}h1{font-size:3.2em;line-height:1.1}@media screen and (max-width: 480px){h1{font-size:2em;line-height:1.2}}@media screen and (max-width: 320px){h1{font-size:1.5em;line-height:1.2}}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media screen and (max-width: 480px){button{padding:.5em 1em;font-size:.9em;border-radius:6px;min-height:44px}}@media screen and (max-width: 320px){button{padding:.4em .8em;font-size:.8em;border-radius:5px;min-height:40px}}button:hover{border-color:#646cff}@media (hover: none) and (pointer: coarse){button:hover{border-color:transparent}button:active{border-color:#646cff;background-color:#646cff1a}}*{box-sizing:border-box}@media screen and (max-width: 480px){::-webkit-scrollbar{width:2px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:1px}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.mainContainer{width:100vw;height:100vh;display:flex;flex-direction:column;text-align:center;background-image:url(/assets/backgroundImage-D2m_vfBA.JPG);background-repeat:no-repeat;background-size:cover;background-position:center top;font-family:Comfortaa}@media screen and (max-width: 480px){.mainContainer{padding:0;font-size:14px}}@media screen and (max-width: 320px){.mainContainer{font-size:12px}}.blurredOverlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:fadeInBlur .5s}@keyframes fadeInBlur{0%{opacity:0}to{opacity:1}}@-moz-keyframes fadeInBlur{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeInBlur{0%{opacity:0}to{opacity:1}}@-o-keyframes fadeInBlur{0%{opacity:0}to{opacity:1}}@-ms-keyframes fadeInBlur{0%{opacity:0}to{opacity:1}}@keyframes fadeOutBlur{0%{opacity:1}to{opacity:0}}@-moz-keyframes fadeOutBlur{0%{opacity:1}to{opacity:0}}@-webkit-keyframes fadeOutBlur{0%{opacity:1}to{opacity:0}}@-o-keyframes fadeOutBlur{0%{opacity:1}to{opacity:0}}@-ms-keyframes fadeOutBlur{0%{opacity:1}to{opacity:0}}.titleContainer{width:100%;display:flex;flex-direction:row;justify-content:center;text-align:center;align-items:center;font-family:Comfortaa;padding:15px 10px}@media screen and (max-width: 480px){.titleContainer{padding:10px 5px}.titleContainer h1{font-size:1.5rem!important;margin:0!important;line-height:1.2}}@media screen and (max-width: 320px){.titleContainer{padding:8px 3px}.titleContainer h1{font-size:1.2rem!important;margin:0!important}}.categoriesContainer{width:100%;min-height:50px;max-height:50px;display:flex;flex-direction:row;gap:15px;justify-content:flex-start;align-items:center;font-family:Comfortaa;overflow-x:scroll;padding:10px;overflow-y:hidden;-webkit-overflow-y:hidden}@media screen and (max-width: 480px){.categoriesContainer{gap:8px;padding:8px 5px;min-height:40px;max-height:40px}}@media screen and (max-width: 320px){.categoriesContainer{gap:5px;padding:5px 3px;min-height:35px;max-height:35px}}.categoryButton{width:fit-content;padding:5px 10px;height:fit-content;border-radius:15px;align-items:center;justify-content:center;display:flex;text-wrap:nowrap;background-color:#1a1919;font-family:Comfortaa;color:#fff;white-space:nowrap;-webkit-white-space:nowrap;-webkit-text-wrap:nowrap;word-wrap:break-word;-webkit-word-wrap:break-word;font-size:.9rem;border:none;cursor:pointer}@media screen and (max-width: 480px){.categoryButton{padding:4px 8px;font-size:.8rem;border-radius:12px}}@media screen and (max-width: 320px){.categoryButton{padding:3px 6px;font-size:.7rem;border-radius:10px}}.categoryButton:active,.categoryButton:focus,.categoryButton:visited{color:#fff}.menuContainer{height:fill-available;height:-webkit-fill-available;width:100%;display:flex;flex-direction:column;overflow-y:scroll;font-family:Comfortaa;color:#fff;padding:0 10px}@media screen and (max-width: 480px){.menuContainer{padding:0 5px}}@media screen and (max-width: 320px){.menuContainer{padding:0 3px}}.menuItemContainer{width:100%;display:flex;flex-direction:column;align-items:flex-start;margin-left:5px;font-family:Comfortaa;color:#fff;margin-bottom:15px}@media screen and (max-width: 480px){.menuItemContainer{margin-left:2px;margin-bottom:10px}.menuItemContainer h2{font-size:1.3rem;margin:10px 0}}@media screen and (max-width: 320px){.menuItemContainer{margin-left:0;margin-bottom:8px}.menuItemContainer h2{font-size:1.1rem;margin:8px 0}}.menuGoodsContainer{display:flex;flex-direction:column;align-items:flex-start;gap:15px;font-family:Comfortaa;color:#fff;width:100%}@media screen and (max-width: 480px){.menuGoodsContainer{gap:10px}}@media screen and (max-width: 320px){.menuGoodsContainer{gap:8px}}.goodh3{margin:0;text-align:left;color:#fff;font-size:1rem}@media screen and (max-width: 480px){.goodh3{font-size:.9rem;line-height:1.2}}@media screen and (max-width: 320px){.goodh3{font-size:.8rem;line-height:1.1}}.goodImage{margin-right:10px;border-radius:50%;width:50px;height:50px;object-fit:cover;flex-shrink:0}@media screen and (max-width: 480px){.goodImage{width:45px;height:45px;margin-right:8px}}@media screen and (max-width: 320px){.goodImage{width:40px;height:40px;margin-right:6px}}.goodFirstContainer{display:flex;flex-direction:row;align-items:center;color:#fff;width:100%;cursor:pointer;padding:5px;border-radius:8px;transition:background-color .2s ease}.goodFirstContainer:hover{background-color:#ffffff1a}@media screen and (max-width: 480px){.goodFirstContainer{padding:3px}}@media screen and (max-width: 320px){.goodFirstContainer{padding:2px}}.goodSecondContainer{display:flex;flex-direction:column;align-items:flex-start;color:#fff;flex:1;min-width:0}@media screen and (max-width: 320px){.goodSecondContainer .goodh3{word-break:break-word;overflow-wrap:break-word}}.loaderContainer{width:100vw;min-height:100vh;display:flex;flex-direction:column;text-align:center;background-image:url(/assets/backgroundImage-D2m_vfBA.JPG);background-repeat:no-repeat;background-size:cover;background-position:center top;font-family:Comfortaa;justify-content:center;align-items:center;color:#fff}.loader{width:60px;aspect-ratio:4;background:radial-gradient(circle closest-side,#fff 90%,#fff0) 0/calc(100%/3) 100% space;clip-path:inset(0 100% 0 0);animation:l1 1s steps(4) infinite}@keyframes l1{to{clip-path:inset(0 -34% 0 0)}}.itemFormContainer{position:absolute;top:50vh;left:50vw;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-family:Comfortaa;z-index:2;padding:10px;overflow-y:scroll;animation:fadeIn .5s;width:max-content;max-width:90vw;max-height:85vh;background-color:#1a1919f2;border-radius:15px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@media screen and (max-width: 480px){.itemFormContainer{width:95vw;max-width:95vw;max-height:90vh;padding:8px;border-radius:12px;font-size:.9rem}}@media screen and (max-width: 320px){.itemFormContainer{width:98vw;max-width:98vw;max-height:95vh;padding:5px;border-radius:10px;font-size:.8rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-ms-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-o-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-ms-keyframes fadeOut{0%{opacity:1}to{opacity:0}}.itemFormImage{border-radius:15px;width:100%;max-width:300px;height:auto;object-fit:cover}@media screen and (max-width: 480px){.itemFormImage{max-width:250px;border-radius:12px}}@media screen and (max-width: 320px){.itemFormImage{max-width:200px;border-radius:10px}}@media screen and (max-width: 480px){.itemFormContainer h2{font-size:1.3rem;margin:8px 0;text-align:center;line-height:1.2}.itemFormContainer h3{font-size:1.1rem;margin:6px 0;text-align:center}}@media screen and (max-width: 320px){.itemFormContainer h2{font-size:1.1rem;margin:6px 0;line-height:1.1}.itemFormContainer h3{font-size:.9rem;margin:4px 0}}@media screen and (max-width: 480px){.itemFormContainer button{padding:8px 16px;font-size:.9rem;margin:4px;min-height:44px;border-radius:8px}}@media screen and (max-width: 320px){.itemFormContainer button{padding:6px 12px;font-size:.8rem;margin:3px;min-height:40px;border-radius:6px}}.itemFormContainer p{text-align:center;line-height:1.4;margin:10px 0}@media screen and (max-width: 480px){.itemFormContainer p{font-size:.9rem;line-height:1.3;margin:8px 0}}@media screen and (max-width: 320px){.itemFormContainer p{font-size:.8rem;line-height:1.2;margin:6px 0}}.navigation{position:fixed;top:92%;left:0;right:0;padding:10px;z-index:1000;display:flex;justify-content:center;flex-wrap:wrap;gap:5px}@media screen and (max-width: 480px){.navigation{top:90%;padding:5px;gap:3px}}@media screen and (max-width: 320px){.navigation{top:88%;padding:3px;gap:2px;flex-direction:row;overflow-x:auto;justify-content:flex-start}}.navigation button{margin:0 5px;padding:5px;cursor:pointer;font-size:.8rem;white-space:nowrap;min-height:36px;border-radius:6px;background-color:#1a1919e6;color:#fff;border:1px solid rgba(255,255,255,.2);transition:all .2s ease}@media screen and (max-width: 480px){.navigation button{margin:0 2px;padding:4px 8px;font-size:.7rem;min-height:32px;border-radius:5px}}@media screen and (max-width: 320px){.navigation button{margin:0 1px;padding:3px 6px;font-size:.6rem;min-height:28px;border-radius:4px;flex-shrink:0}}.navigation button:hover{background-color:#646cff4d;border-color:#646cff80}.navigation button:active{background-color:#646cff80;transform:scale(.98)}@media (hover: none) and (pointer: coarse){.navigation button:hover{background-color:#1a1919e6;border-color:#fff3}.navigation button:active{background-color:#646cff80;border-color:#646cffb3}}
