* { 
            box-sizing: border-box; 
            margin: 0; 
            padding: 0; 
            font-family: sans-serif; }
        body { 
            background: #e2e2e2; 
        }

        
        header {
            background: #131921; 
            color: white; 
            padding: 15px 5%;
            display: flex; 
            justify-content: space-between; 
            align-items: center;
            position: sticky; 
            top: 0; 
            z-index: 100;
        }
        .logo { 
            font-size: 22px; 
            font-weight: bold; 
            color: #FF9900;
         }
        .cart { 
            position: relative; 
            cursor: pointer;
         }
        .cart span { 
            background: #FF9900; 
            color: #131921; 
            border-radius: 50%; 
            padding: 2px 6px; 
            font-size: 12px; 
            position: absolute; 
            top: -10px; 
            right: -10px; 
        }

       
        .container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); 
            gap: 20px;
            padding: 30px 5%;
        }

        
        .card {
            background: white; 
            border-radius: 10px; 
            padding: 15px;
            text-align: center; 
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            transition: 0.3s;
        }
        .card:hover { 
            transform: translateY(-5px); }
        .card img { 
            width: 100%; 
            height: 200px; 
            object-fit: contain; }
        .card h3 { 
            font-size: 16px; 
            margin: 15px 0; 
            color: #333;
         }
        .card .price { 
            color: #B12704; 
            font-weight: bold; 
            font-size: 18px; 
            margin-bottom: 15px;
         }
        .card button {
            background: #147aff; 
            border: none; width: 100%; 
            padding: 10px;
            border-radius: 20px; 
            cursor: pointer; 
            font-weight: bold;
        }
        .card button:hover { 
            background: #24348b; 
        }