:root{--color-text-primary:#212121;--color-text-secondary:#757575;--color-text-invert:#fff;--color-brand-primary:#ff820c;--color-brand-secondary:#70ab34;--color-surface-white:#fff;--color-surface-dark:#efe7dc;--color-icon-soft:#494949;--color-background:#f4f0eb;--font-size-h1:32px;--font-size-h2:20px;--font-size-body:16px;--font-size-body-large:18px;--font-size-caption:14px;--font-weight-regular:400;--font-weight-semibold:590;--font-weight-bold:700;--font-weight-expanded-semibold:650;--line-height-h1:40px;--line-height-h2:1.5;--line-height-body:24px;--line-height-body-large:26px;--line-height-title:22px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:8px;--radius-md:16px;--radius-lg:32px;--radius-full:999px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f0eb;background-color:var(--color-background);color:#212121;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:24px;line-height:var(--line-height-body)}::-webkit-scrollbar{background:#0000;width:0}button{background:none;cursor:pointer}button,input{border:none;font-family:inherit}input{outline:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@media (max-width:375px){:root{--font-size-h1:28px;--line-height-h1:36px}}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;padding:0;position:absolute;width:1px}.text-truncate,.visually-hidden{overflow:hidden;white-space:nowrap}.text-truncate{text-overflow:ellipsis}.text-center{text-align:center}html{height:100%;overflow:hidden}#root{-webkit-overflow-scrolling:touch;height:100vh;overflow-x:hidden;overflow-y:auto}.App{background-color:var(--color-background);min-height:100vh;position:relative;width:100%}@media (max-width:768px){.App{margin:0 auto;max-width:375px}}@media (min-width:769px){.App{box-shadow:0 0 20px #0000001a;margin:0 auto;max-width:375px}}.header{background-color:var(--color-background);padding:16px 16px 8px;position:static;width:100%}.header-content{display:flex;flex-direction:column;gap:8px;margin:0 auto;max-width:343px;width:100%}.header-right{justify-content:flex-end}.cart-button,.header-right{align-items:center;display:flex}.cart-button{background:#0000;border:none;border-radius:var(--radius-full);cursor:pointer;height:44px;justify-content:center;transition:background-color .2s ease;width:44px}.cart-button:hover{background-color:#0000000d}.cart-button svg{height:24px;width:24px}.greeting h1{color:var(--color-text-primary);font-size:var(--font-size-h1);font-variation-settings:"wdth" 132;font-weight:var(--font-weight-expanded-semibold);line-height:var(--line-height-h1);margin:0}.cart-button:active{transform:scale(.98)}.search-section{margin:0 auto;max-width:343px;width:100%}.search-bar{align-items:center;background-color:var(--color-surface-dark);border-radius:var(--radius-lg);display:flex;gap:8px;padding:12px 16px;width:100%}.search-icon{flex-shrink:0;height:20px;width:20px}.search-input{background:#0000;border:none;color:var(--color-text-secondary);flex:1 1;font-size:var(--font-size-body);font-variation-settings:"wdth" 100;font-weight:var(--font-weight-regular);line-height:var(--line-height-body);outline:none}.search-input::placeholder{color:var(--color-text-secondary);letter-spacing:.15px}.promo-banner{background-image:url(/static/media/organic%20vegies.e533e9321381de3333ec.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:var(--radius-sm);height:193px;margin:0 auto;max-width:343px;overflow:hidden;position:relative;width:100%;z-index:10}.promo-content{display:block;left:30px;opacity:1;position:absolute;right:50px;top:24px;visibility:visible;z-index:2}.promo-content h2{display:block;font-size:24px;font-weight:700;margin:0 0 24px;text-shadow:2px 2px 4px #0009}.promo-button,.promo-content h2{color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.2;opacity:1;visibility:visible}.promo-button{background-color:#ff820c;border:none;border-radius:20px;cursor:pointer;display:inline-block;font-size:14px;font-weight:400;padding:8px 16px;transition:background-color .2s ease}.promo-button:hover{background-color:#e6750b}.promo-button:active{transform:scale(.98)}.categories-section{margin:0 auto;max-width:343px;position:relative;width:100%;z-index:5}.categories-section h3{color:var(--color-text-primary);font-size:var(--font-size-h2);font-variation-settings:"wdth" 132;font-weight:var(--font-weight-expanded-semibold);line-height:var(--line-height-h2);margin:0 0 16px}.categories-grid{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;gap:8px;overflow-x:auto;padding:0 4px 8px 0;scroll-behavior:smooth;scrollbar-width:none}.categories-grid::-webkit-scrollbar{display:none}.category-card{align-items:center;background-color:var(--color-surface-white);border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-direction:column;gap:6px;min-width:108px;padding:16px 0 12px;transition:all .2s ease;width:108px}.category-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.category-card:active{transform:scale(.98)}.category-icon{align-items:center;display:flex;height:56px;justify-content:center;width:56px}.category-name{color:var(--color-text-primary);font-size:var(--font-size-body);font-variation-settings:"wdth" 100;font-weight:var(--font-weight-semibold);line-height:var(--line-height-body);text-align:center}@media (max-width:375px){.categories-grid{gap:6px}.category-card{min-width:100px;width:100px}}.popular-section{margin:0 auto;max-width:343px;width:100%}.popular-section h3{color:var(--color-text-primary);font-size:var(--font-size-h2);font-variation-settings:"wdth" 132;font-weight:var(--font-weight-expanded-semibold);line-height:var(--line-height-h2);margin:0 0 16px}.products-scroll{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;gap:8px;overflow-x:auto;padding:0 4px 8px 0;scroll-behavior:smooth;scrollbar-width:none}.products-scroll::-webkit-scrollbar{display:none}.product-card{background-color:var(--color-surface-white);border-radius:var(--radius-sm);cursor:pointer;min-width:172px;overflow:hidden;transition:all .2s ease;width:172px}.product-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.product-card:active{transform:scale(.98)}.product-image{background-position:50%;background-repeat:no-repeat;background-size:100% 100%;height:117px;width:100%}.product-image.avocado-bg{background-image:url(/static/media/avocado.c62711e938fdee67916d.png)}.product-image.bread-bg{background-image:url(/static/media/bread.abff861cf8cbf3416661.png)}.product-image.banana-bg{background-image:url(/static/media/bananas.8b461615a785bd917a55.png)}.product-info{display:flex;flex-direction:column;gap:12px;padding:16px}.product-title{align-items:flex-start;color:var(--color-text-primary);display:flex;font-size:var(--font-size-body);font-variation-settings:"wdth" 100;font-weight:var(--font-weight-bold);line-height:var(--line-height-title);margin:0;min-height:44px}.product-footer{align-items:center;display:flex;justify-content:space-between}.product-price{color:var(--color-text-primary);font-size:var(--font-size-body-large);font-variation-settings:"wdth" 100;font-weight:var(--font-weight-regular);line-height:var(--line-height-body-large)}.add-button{align-items:center;background-color:var(--color-brand-primary);border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;height:32px;justify-content:center;padding:8px;transition:background-color .2s ease;width:32px}.add-button:hover{background-color:#e6750b}.add-button:active{transform:scale(.98)}.add-button svg{height:20px;width:20px}@media (max-width:375px){.products-scroll{gap:6px}.product-card{min-width:160px;width:160px}}.bottom-navigation{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff80;border-top:1px solid #fff3;bottom:0;left:0;position:fixed;right:0;z-index:50}.nav-container{justify-content:space-between;margin:0 auto;max-width:343px;padding:8px 16px 16px}.nav-container,.nav-item{align-items:center;display:flex}.nav-item{cursor:pointer;flex:1 1;flex-direction:column;gap:4px;padding:8px 0;transition:all .2s ease}.nav-item:active{transform:scale(.98)}.nav-icon-container{align-items:center;border-radius:var(--radius-full);display:flex;height:32px;justify-content:center;transition:background-color .2s ease;width:64px}.nav-icon-container.active{background-color:#ff820c33}.nav-icon{height:20px;width:20px}.nav-label{color:var(--color-text-primary);font-size:var(--font-size-caption);font-variation-settings:"wdth" 100;font-weight:var(--font-weight-regular);line-height:var(--line-height-title);text-align:center}.home-page{background-color:var(--color-background);display:flex;flex-direction:column;overflow:hidden;position:relative;width:100%}.main-content{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:16px 16px 100px}@media (max-width:375px){.main-content{gap:20px;padding:12px 14px 80px}}
/*# sourceMappingURL=main.964e74d4.css.map*/