body{margin:0;padding:0;font-family:Monserrat,sans-serif;background-color:#f0f0f0}.app-wrapper{display:flex;flex-direction:column;overflow:hidden;height:900px}.navbar{display:flex;justify-content:space-around;align-items:center;background-color:#000;height:60px;color:#fff;padding:0 15px}.navbar h1{margin:0;font-size:16px;font-weight:600;color:#fff}.navbar .logo-wrapper img{height:30px}.navbar .cart-button{display:flex;position:relative;width:35px;height:35px;align-items:center;justify-content:center;margin-left:auto;cursor:pointer;background-color:#cc0a1b;border-radius:100px;border:none;outline:none;padding:0;box-shadow:none}.navbar .cart-button{box-shadow:none}.navbar .cart-button svg{width:24px;height:24px;color:#fff}.navbar .cart-count{position:absolute;top:-5px;right:-5px;display:flex;justify-content:center;align-items:center;width:20px;height:20px;border-radius:50%;background-color:#27b300;border:2px solid #fff;outline:none;box-shadow:0 2px 4px #0003;font-size:14px;font-weight:600;color:#fff}.navbar .nav-title{text-align:center}.search-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px;box-sizing:border-box;max-width:900px;margin:0 auto}.search-bar .input-wrapper{position:relative;flex-grow:1}.search-bar .input-search{width:100%;padding:8px 36px 8px 12px;box-sizing:border-box;border:1px solid #ccc;outline:none;font-size:16px;color:#535353}.search-bar .search-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none;color:#999}.search-bar .filters-wrapper{flex-shrink:0;display:flex;align-items:center}.search-bar .open-filter-button{background:none;border:none;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#999;box-shadow:none}.product-list-wrapper{overflow-y:auto;height:100%;width:100%;max-width:900px;margin:0 auto;padding-right:5px 5px 5px 10px}.product-list{display:flex;flex-direction:column}.product-list>.category-header:first-child{margin-top:10px}.category-header{color:#cc0a1b;background-color:#fff;border:3px solid #CC0A1B;padding:5px 0;margin:0 5px 15px;border-radius:6px}.category-header.parent{background-color:#cc0a1b;margin-top:25px}.category-header h2{color:#cc0a1b;text-align:center;margin:0;font-size:20px}.category-header.parent h2{color:#fff;text-align:center;margin:0}.product-card-wrapper{position:relative}.product-card{display:flex;height:85px;position:relative;box-sizing:border-box;background-color:#fff;border-left:6px solid #CC0A1B;padding:6px;margin:0 5px 10px;border-radius:6px;box-shadow:0 2px 4px #0000001a;z-index:1}.product-card.out-of-stock,.product-card-expanded.out-of-stock{opacity:.6}.product-card .image-wrapper{height:calc(100% - 12px);aspect-ratio:1 / 1;position:relative;flex-shrink:0;display:flex;justify-content:center;align-items:center;margin:6px}.product-card .product-image{max-width:100%;max-height:100%;object-fit:contain}.product-card .discount-label{position:absolute;top:-4px;left:-4px;z-index:1;background-color:#27b300;color:#fff;font-size:12px;font-weight:600;padding:2px 4px;border-radius:0 10px 10px 0}.product-card .info-wrapper{flex-grow:1;display:flex;flex-direction:column;justify-content:baseline;padding:0 8px;min-width:0}.product-card .product-title{margin:0;font-weight:500;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.product-card .price-wrapper{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.product-card .price-wrapper .price{font-size:16px;font-weight:600;color:#cc0a1b;white-space:nowrap}.product-card .price-wrapper .old-price{text-decoration:line-through;color:#999;font-size:14px;white-space:nowrap}.product-card .action-wrapper{position:absolute;right:10px;bottom:4px;display:flex;gap:6px}.product-card .action-button{background:none;border:none;cursor:pointer;box-shadow:none;position:relative;padding:0}.product-card .action-button.maximize-product{color:#979797}.product-card .action-button.add-to-cart{color:#27b300}.product-card .add-to-cart.out-of-stock,.product-card-expanded .add-to-cart.out-of-stock{color:#ffcbcb!important;cursor:not-allowed}.product-card .action-button.add-to-cart .cart-count{position:absolute;top:-7px;right:-7px;display:flex;justify-content:center;align-items:center;width:18px;height:18px;border-radius:50%;background-color:#27b300;outline:none;box-shadow:0 2px 4px #0003;font-size:14px;font-weight:600;color:#fff}.product-card .action-button.add-to-cart .cart-count svg{animation:loader_spin 1s linear infinite}@media (min-width:970px){.product-card{height:60px;align-items:center;padding:0 20px}.product-card .product-title{-webkit-line-clamp:1;margin-left:10px;font-size:20px}.product-card .info-wrapper{flex-direction:row;align-items:center;gap:12px}.product-card .price-wrapper{flex-wrap:nowrap}.product-card .action-wrapper{position:static;align-self:center;margin-left:12px}.product-card .price-wrapper{margin-left:auto}}.product-card-expanded-wrapper{position:absolute;top:0;right:0;left:0;z-index:2}.product-card-expanded{display:none;flex-direction:column;position:relative;box-sizing:border-box;background-color:#fff;border-left:6px solid #CC0A1B;padding:6px;margin:0 5px 10px;border-radius:6px;box-shadow:0 3px 6px #0000004d;z-index:1}.product-card-expanded.show{display:flex}.product-card-expanded .images-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0;max-width:120px;overflow:hidden}.product-card-expanded .main-image-wrapper{height:100px;aspect-ratio:1 / 1;position:relative;flex-shrink:0;display:flex;justify-content:center;align-items:center;margin:6px}.product-card-expanded .thumbnail-images-wrapper{display:flex;flex-direction:row;gap:4px;overflow-x:auto;padding:4px 4px 20px;width:100%}.product-card-expanded .thumbnail-image{height:40px;width:40px;flex-shrink:0;display:flex;justify-content:center;align-items:center;cursor:pointer}.product-card-expanded .product-image{max-width:100%;max-height:100%;object-fit:contain}.product-card-expanded .discount-label{position:absolute;top:-4px;left:-4px;z-index:1;background-color:#27b300;color:#fff;font-size:12px;font-weight:600;padding:2px 4px;border-radius:0 10px 10px 0}.product-card-expanded .info-wrapper{flex-grow:1;display:flex;flex-direction:column;justify-content:baseline;padding:0 8px;min-width:0}.product-card-expanded .product-title{margin:0;font-weight:500;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.product-card-expanded .price-wrapper{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.product-card-expanded .price-wrapper .price{font-size:16px;font-weight:600;color:#cc0a1b;white-space:nowrap}.product-card-expanded .price-wrapper .old-price{text-decoration:line-through;color:#999;font-size:14px;white-space:nowrap}.product-card-expanded .action-wrapper{position:absolute;top:55px;right:10px;display:flex;gap:6px}.product-card-expanded .action-button{background:none;border:none;cursor:pointer;box-shadow:none;padding:0}.product-card-expanded .action-button.maximize-product{color:#979797}.product-card-expanded .action-button.add-to-cart{color:#27b300}.product-card-expanded .product-description{margin-top:10px}.product-card-expanded .product-shipping-note{background-image:linear-gradient(130deg,#050b8a,#2770f7);border-radius:500px;padding:5px 25px;color:#fff;font-size:15px;text-align:center;margin:15px auto}@media (min-width:970px){.product-card-expanded .action-wrapper{position:absolute;top:18px;right:20px}}.list-loader{display:flex;justify-content:center;align-items:center;height:30px;padding:10px}.list-loader svg{width:30px;height:30px;color:#cc0a1b;animation:loader_spin 1s linear infinite}@keyframes loader_spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.left-menu{position:fixed;top:0;left:0;width:260px;height:100%;background:#fafafa;border-right:1px solid #ddd;box-shadow:2px 0 8px #0000000d;padding:1.5rem 1rem;overflow-y:auto;transform:translate(-100%);transition:transform .3s ease-in-out;z-index:999}.left-menu.open{transform:translate(0)}.left-menu .left-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.left-menu .left-menu-header h2{font-size:1.2rem;font-weight:600;color:#333;margin:0;color:#cc0a1b}.left-menu .close-btn{background:none;border:none;cursor:pointer;color:#cc0a1b}.left-menu .category-list{list-style:none;padding:0;margin:0}.left-menu .category-group{margin-bottom:1.5rem}.left-menu .parent{font-weight:600;cursor:pointer;padding:.5rem;display:block;border-radius:6px;background:#222;color:#f0f0f0}.left-menu .children{list-style:none;margin-top:.3rem;padding-left:1rem}.left-menu .children li{margin-bottom:3px;padding:.4rem .6rem;cursor:pointer;border-radius:4px;color:#333;transition:background .2s}.left-menu .children li:hover{background:#f0f0f0}.left-menu .children li.active{background:#cc0a1b;color:#fff}.image-displayer-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;justify-content:center;align-items:center;z-index:9999;display:flex}.image-displayer-wrapper .image-displayer{background:#fff;padding:1rem;border-radius:8px;position:relative;height:60vh;max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center;gap:1rem;margin:10px}.image-displayer-wrapper .close-button{position:absolute;top:10px;right:10px;border:none;border-radius:50%;font-size:16px;cursor:pointer;z-index:1}.image-displayer-wrapper .image-wrapper{flex:1;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.image-displayer-wrapper .displayer-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:4px}.image-displayer-wrapper .image-thumbnails{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-top:1rem}.image-displayer-wrapper .thumbnail-image{width:60px;height:60px;object-fit:cover;border-radius:4px;border:2px solid #fff0;cursor:pointer;transition:border .2s ease}.image-displayer-wrapper .thumbnail-image:hover{border:2px solid #007bff}