body{font-family:Segoe UI,sans-serif;background-color:#f8f9fa;margin:0;padding-top:190px}.header{position:fixed;top:0;left:0;right:0;background:#fff;box-shadow:0 2px 10px #0000001a;z-index:1000;padding:15px 20px}.header-top{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto 15px}.logo{font-size:24px;font-weight:700;color:#333}.cart-wrapper{display:flex;align-items:center;gap:10px;cursor:pointer;transition:opacity .2s}.cart-wrapper:hover{opacity:.8}.header-total{font-weight:700;font-size:16px;color:#333}.cart-icon{font-size:24px;position:relative;background:#eee;padding:10px;border-radius:50%}.cart-count{position:absolute;top:-5px;right:-5px;background:#e74c3c;color:#fff;border-radius:50%;width:20px;height:20px;font-size:12px;display:flex;align-items:center;justify-content:center;font-weight:700}.controls{max-width:1200px;margin:0 auto}.search-row{display:flex;gap:10px;margin-bottom:15px;align-items:center}.search-box{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px;box-sizing:border-box}.stock-filter{display:flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;padding:10px 15px;border:1px solid #ddd;border-radius:8px;font-size:14px}.stock-filter:hover{background:#f0f0f0}.stock-filter input{width:16px;height:16px;margin:0;cursor:pointer}.categories{display:flex;gap:10px;overflow-x:auto;padding-bottom:5px;scrollbar-width:none}.categories::-webkit-scrollbar{display:none}.cat-btn{background:#eee;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;white-space:nowrap;transition:.2s;font-size:14px}.cat-btn:hover{background:#ddd}.cat-btn.active{background:#27ae60;color:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;max-width:1200px;margin:0 auto;padding:20px}.card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;height:100%}.image-container{width:100%;height:220px;background-color:#fff;display:flex;align-items:center;justify-content:center;padding:10px;box-sizing:border-box;border-bottom:1px solid #f0f0f0}.image-container img{width:100%;height:100%;object-fit:contain}.content{padding:15px;flex-grow:1;display:flex;flex-direction:column}.cat-tag{font-size:11px;text-transform:uppercase;color:#888;letter-spacing:1px;margin-bottom:5px}.title{font-size:16px;font-weight:600;margin:0 0 10px;line-height:1.4;color:#333}.footer-card{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:12px}.price{font-size:18px;font-weight:700;color:#333}.buy-btn{background:#27ae60;color:#fff;border:none;padding:8px 20px;border-radius:6px;cursor:pointer;font-weight:500}.buy-btn:hover{background:#219150}.qty-control{display:flex;align-items:center;gap:8px;background:#f8f9fa;padding:4px;border-radius:6px}.qty-btn-circle{width:28px;height:28px;border-radius:50%;border:1px solid #ddd;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#333;transition:.2s}.qty-btn-circle:hover{background:#eee}.qty-val{font-weight:700;font-size:16px;min-width:20px;text-align:center}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:#00000080;align-items:center;justify-content:center}.modal-content{background-color:#fff;padding:25px;border-radius:15px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 5px 15px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.close-btn{font-size:28px;cursor:pointer;font-weight:700}.cart-item{display:flex;justify-content:space-between;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px}.cart-item-title{font-weight:500}.order-form input{width:100%;padding:12px;margin-bottom:10px;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:16px;transition:border .3s}.order-form input.error{border-color:#e74c3c;background-color:#fff8f8}.checkout-btn{width:100%;background:#27ae60;color:#fff;padding:12px;border:none;border-radius:8px;font-size:16px;cursor:pointer;margin-top:10px}.checkout-btn:disabled{background:#ccc;cursor:not-allowed}.loading{text-align:center;margin-top:50px;font-size:18px;color:#666}