*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f9f9f9;color:#333;display:flex;flex-direction:column;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh;padding:40px 10px;transition:background-color .3s ease}.container{background-color:#fff;border-radius:16px;box-shadow:0 20px 40px #0006;margin:0 auto;max-width:1200px;padding:50px 30px;transition:all .3s ease-in-out;width:100%}h1{color:#2a6f54;font-size:44px;letter-spacing:1.5px;margin-bottom:25px;margin-top:40px;position:relative;text-align:center;text-transform:uppercase}h1:after,h1:before{background-color:#2a6f54;content:"";height:3px;position:absolute;top:50%;transform:translateY(-50%);width:30px}h1:before{left:-60px}h1:after{right:-60px}.top-bar{align-items:flex-end;display:flex;flex-direction:column;gap:10px;margin-top:10px;padding-right:10px}.basket-icon{color:#2a6f54;cursor:pointer;font-size:28px;margin-right:49px;position:relative;transition:transform .3s ease}.basket-icon:hover{transform:scale(1.1)}.cart-count{background-color:#e74c3c;border-radius:50%;box-shadow:0 0 0 2px #fff;color:#fff;font-size:12px;font-weight:700;padding:4px 7px;position:absolute;right:-10px;top:-8px}.container.dark .basket-icon{color:#fff}.theme-toggle button{background-color:#2a6f54;border:none;border-radius:6px;box-shadow:0 6px 20px #0006;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s ease}.theme-toggle button:hover{background-color:#245445}.container.dark{background-color:#1e1e1e;color:#f0f0f0}.container.dark .extra,.container.dark h1{color:#f0f0f0}main{margin-top:30px}h2{color:#2a6f54;font-size:30px;margin-bottom:8px}h2,h3{text-align:center}h3{color:#777;font-size:18px;margin-bottom:25px}.filter-container{margin-bottom:20px;text-align:center}button{background-color:#2a6f54;border:none;border-radius:8px;box-shadow:0 6px 20px #0006;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:all .3s ease}button:hover{background-color:#245445;box-shadow:0 6px 12px #0000001a;transform:translateY(-1px)}.data{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.general{align-items:center;animation:fadeInUp .4s ease-in-out forwards;background-color:#fff;border-radius:12px;box-shadow:0 6px 20px #0006;cursor:pointer;display:flex;flex-direction:column;opacity:0;padding:20px;position:relative;transition:transform .3s ease}.container .data .general:hover{transform:translateY(-5px) scale(1.02)!important}.stock-label{color:#000;font-size:15px}.stock-count{font-weight:700}.general img{border-radius:10px;max-height:200px;object-fit:cover;width:100%}.extra{margin-top:15px;text-align:center}.extra h3{color:#2a6f54;font-size:22px;margin-bottom:5px}.extra h4{color:#666;font-size:13px;margin-bottom:8px}.extra span{color:#2a6f54;font-size:18px;font-weight:700}.extra h5{color:#999;font-size:14px;margin-top:8px}.sold-out{cursor:not-allowed;opacity:.7;position:relative}.sold-out:after{background-color:#e74c3ccc;border-radius:6px;color:#fff;content:"Sold Out";font-size:14px;font-weight:700;left:50%;padding:6px 12px;position:absolute;top:10px;transform:translateX(-50%);z-index:1}.sold-out .extra,.sold-out h3,.sold-out h4,.sold-out h5,.sold-out img,.sold-out span{opacity:.6;pointer-events:none}footer{display:flex;flex-direction:column;gap:15px;margin-right:3px;margin-top:40px;text-align:center}footer p{color:#666;font-size:15px;margin-bottom:8px}footer .sold-out-msg{color:#e74c3c;font-size:16px}footer .info-msg{color:#888;font-size:16px}footer .btn{background-color:#2a6f54;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;margin-bottom:-100px;padding:12px 28px;transition:background-color .3s ease}footer .btn:hover{background-color:#245445}footer .btnClose{background-color:#bbb;cursor:not-allowed;display:none}.notification-modal{align-items:center;background-color:#0009;display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10}.notification-modal.show{display:flex}.notification-content{background-color:#fff;border-radius:10px;box-shadow:0 10px 25px #0003;max-width:400px;padding:25px 35px;text-align:center}.notification-button{background-color:#2a6f54;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;margin-top:15px;padding:10px 20px;transition:background-color .3s ease}.notification-button:hover{background-color:#1f5c4c}.notification-button:focus{outline:none}.notification-content p{color:#000}.page-bottom-line{margin-top:50px}.page-bottom-line,.page-top-line{background-color:#2a6f54;border-radius:2px;height:3px;width:100%}.page-top-line{margin-top:0}@media (max-width:480px){body{padding:20px 10px}h1{font-size:28px}.general{padding:10px}.extra h3{font-size:18px}.extra h4{font-size:10px}.extra span,footer .btn{font-size:14px}.data{grid-template-columns:1fr}.filter-container{margin-bottom:10px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.2e1447d5.css.map*/