@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{display:flex;flex-direction:column;font-family:Roboto,sans-serif;font-weight:500;min-height:100vh;transition:background-color .2s ease,color .2s ease}.App.light{background-color:#f5f1e9;color:#4a4f44}.App.cart-open:before{background-color:#00000080;content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:998}.App{flex-direction:column;min-height:100vh;padding:0;transition:background-color .2s ease}.App,header{align-items:center;display:flex}header{background-color:#9bc96f;border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-shadow:0 2px 3px #0000001a;height:50px;justify-content:space-between;left:0;padding:8px 16px;position:fixed;top:0;width:100%;z-index:1001}.logo{height:46px;object-fit:contain}.header-controls{gap:12px;z-index:1003}.contact-info,.header-controls{align-items:center;display:flex}.contact-info{gap:8px}.contact-item{align-items:center;color:#fff;display:flex;font-size:.85em;gap:4px;text-decoration:none;transition:color .2s ease}.contact-item:hover{color:#c8d9a8}.custom-icon{filter:brightness(0) invert(1);height:16px;transition:filter .2s ease;width:16px}.contact-item:hover .custom-icon{filter:brightness(0) invert(.8) sepia(1) hue-rotate(60deg) saturate(2)}.separator{background-color:#fff;height:24px;margin:0 12px;width:1px}.cart-icon{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5em;pointer-events:auto;position:relative;z-index:1003}.cart-icon .icon{filter:invert(100%) brightness(100%);height:24px;width:24px}@media (max-width:600px){.cart-icon .icon{height:20px;width:20px}}@media (min-width:601px) and (max-width:900px){.cart-icon .icon{height:22px;width:22px}}@media (min-width:901px){.cart-icon .icon{height:24px;width:24px}}.cart-icon.animate-cart{animation:shake .2s ease}.cart-count{background-color:#ff6b6b;border-radius:50%;color:#fff;font-size:.6em;padding:2px 5px;position:absolute;right:-6px;top:-6px}main{align-items:center;flex:1 1;flex-direction:column;padding-top:60px}.category-filter,main{display:flex;width:100%}.category-filter{flex-wrap:wrap;gap:8px;justify-content:center;margin:8px 0;padding:6px 16px;transition:all .4s ease}.category-filter button{background-color:#a8b5a0;border:none;border-radius:5px;color:#4a4f44;cursor:pointer;font-size:.85em;padding:5px 10px;transition:background-color .2s ease,transform .2s ease}.category-filter button.active,.category-filter button:hover{background-color:#c8d9a8;color:#4a4f44;transform:scale(1.05)}.product-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin:0 auto;max-width:100%;max-width:calc(100% - 24px);padding:12px 0;transition:opacity .3s ease;width:95%}.product-grid:only-child,.product-grid:only-child .product-card{grid-template-columns:repeat(6,1fr)!important}.product-grid:only-child .product-card{margin:0 auto;max-width:calc(16.66667% - 10px);width:100%}.pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:20px 0}.pagination button{background-color:#a8b5a0;border:none;border-radius:5px;color:#4a4f44;cursor:pointer;font-size:.85em;padding:5px 10px;transition:background-color .2s ease,transform .2s ease}.pagination button.active,.pagination button:hover{background-color:#c8d9a8;transform:scale(1.05)}.product-card{animation:fadeIn .3s ease;aspect-ratio:9/14;background-color:#fafafa;border:1px solid #9bc96f;border-radius:14px;display:flex;flex-direction:column;justify-content:space-between;padding:8px;position:relative;text-align:center;transition:transform .2s ease,background-color .2s ease}.product-card:hover{transform:scale(1.03)}.product-card.adding{animation:pulseCard .3s ease}.product-card img{border-radius:5px;display:block;height:auto;max-height:65%;object-fit:contain;width:100%}.product-card h3{color:#4a4f44;font-size:.85em;margin:2px 0}.product-card p{color:#7a8c62;font-size:.75em;margin:1px 0}.product-card button{background-color:#9bc96f;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.85em;margin:0 auto;padding:6px;transition:background-color .2s ease;width:80%}.product-card button:hover{background-color:#c8d9a8}.cart-fly{box-shadow:0 2px 5px #0000004d;filter:invert(50%) sepia(100%) saturate(500%) hue-rotate(60deg);height:30px;opacity:1;position:fixed;transition:all 1.5s ease;width:30px;z-index:1003}.cart-fly.fly{opacity:0;transform:scale(.5)}.order-form{background-color:#fafafa;border-radius:8px;box-shadow:0 4px 10px #0003;left:50%;margin:0;max-width:350px;opacity:0;padding:15px;position:fixed;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;visibility:hidden;width:90%;z-index:1000}.order-form.active{animation:popIn .2s ease forwards;opacity:1;transform:translate(-50%,-50%) scale(1);visibility:visible}.order-form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.order-form h2{color:#4a4f44;font-size:1.3em}.close-btn{background:none;border:none;cursor:pointer;padding:2px}.close-btn svg{color:#4a4f44;height:12px;width:12px}@media (max-width:600px){.close-btn svg{height:10px;width:10px}}.order-form ul.cart-items{list-style:none;margin:8px 0;max-height:180px;overflow-y:auto;padding-right:5px}.order-form ul.cart-items::-webkit-scrollbar{width:6px}.order-form ul.cart-items::-webkit-scrollbar-track{background:#f8f9fa;border-radius:3px}.order-form ul.cart-items::-webkit-scrollbar-thumb{background:#9bc96f;border-radius:3px}.order-form li{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:4px 0}.order-form .quantity-controls{align-items:center;display:flex;gap:4px;justify-content:center}.order-form .quantity-controls button{align-items:center;background:none;border:none;display:flex;height:20px;justify-content:center;width:20px}.order-form .quantity-controls .icon{color:#9bc96f;height:14px;width:14px}.order-form .quantity-controls .minus-icon{height:16px;width:16px}.order-form .remove-btn{background:none;border:none;cursor:pointer;padding:2px}.order-form .remove-btn .icon{color:#9bc96f;height:12px;width:12px}@media (max-width:600px){.order-form .remove-btn .icon{height:10px;width:10px}}.order-form .quantity-input{appearance:none;-webkit-appearance:none;-moz-appearance:textfield;background-color:initial;border:1px solid #9bc96f;border-radius:5px;color:#4a4f44;font-size:.85em;padding:2px;text-align:center;width:25px}.order-form .quantity-input::-webkit-inner-spin-button,.order-form .quantity-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.order-form input{height:30px}.order-form input,.order-form textarea{background-color:#f8f9fa;border:1px solid #9bc96f;border-radius:5px;box-sizing:border-box;color:#4a4f44;font-size:.85em;padding:8px;transition:background-color .2s ease;width:100%}.order-form textarea{height:60px;min-height:60px;resize:none}.order-form form{display:flex;flex-direction:column;gap:12px}.order-form button{background-color:#9bc96f;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9em;margin-left:auto;padding:8px;transition:background-color .2s ease;width:auto}.order-form button:hover{background-color:#c8d9a8}.order-form button:disabled{background-color:#b0b0b0;cursor:not-allowed}.order-form p{color:#4a4f44;font-size:.9em;margin:8px 0;text-align:center}.order-form p.order-note{color:#7a8c62;font-size:.8em;margin-top:8px}.scroll-top-btn{align-items:center;background-color:#9bc96f;border:none;border-radius:50%;bottom:20px;box-shadow:0 2px 5px #0003;cursor:pointer;display:flex;height:40px;justify-content:center;position:fixed;right:20px;transition:background-color .2s ease,transform .2s ease;width:40px;z-index:1000}.scroll-top-btn:hover{background-color:#c8d9a8;transform:scale(1.1)}footer{background-color:#9bc96f;color:#fff;margin-top:auto;padding:20px 16px;text-align:center;width:100%}.footer-content h3{font-size:1.2em;margin-bottom:10px}.footer-content p{font-size:.9em;margin:5px 0}.footer-content a{color:#fff;text-decoration:none;transition:color .2s ease}.footer-content a:hover{color:#c8d9a8}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-3px)}50%{transform:translateX(3px)}75%{transform:translateX(-3px)}to{transform:translateX(0)}}@keyframes pulseCard{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width:600px){.product-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));max-width:calc(100% - 16px)}header{height:40px;padding:4px 8px}.logo{height:30px}.header-controls{gap:4px}.contact-info{flex-direction:column;gap:2px}.contact-item{font-size:.7em}.custom-icon{height:12px;width:12px}.separator{display:none}.cart-icon .icon{height:20px;width:20px}.scroll-top-btn{bottom:10px;height:30px;right:10px;width:30px}.scroll-top-btn svg{height:18px;width:18px}.order-form{max-width:300px;width:85%}.footer-content h3{font-size:1em}.footer-content p{font-size:.8em}.product-grid:only-child .product-card{max-width:calc(16.66667% - 2px)}}@media (min-width:601px) and (max-width:900px){.product-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.contact-item{font-size:.8em}.custom-icon{height:14px;width:14px}.cart-icon .icon{height:22px;width:22px}.product-grid:only-child .product-card{max-width:calc(16.66667% - 4px)}}@media (min-width:901px) and (max-width:1200px){.product-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));max-width:calc(100% - 48px)}.cart-icon .icon{height:24px;width:24px}.product-grid:only-child .product-card{max-width:calc(16.66667% - 6px)}}@media (min-width:1201px){.product-grid{grid-template-columns:repeat(6,1fr);max-width:1200px}.cart-icon .icon{height:24px;width:24px}.product-grid:only-child .product-card{max-width:190px}}
/*# sourceMappingURL=main.c80a8e5b.css.map*/