body { font-family: 'Siemreap', sans-serif; margin: 0; background: #f4f4f4; }
        
        /* Header */
        
        header { 
            background: #dd061c; padding: 15px 5%; display: flex; 
            justify-content: space-between; align-items: center; color: rgb(254, 254, 254);
            position: sticky; top: 0; z-index: 1000;
        }
        header h1 { font-family: 'Siemreap', serif; margin: 0; font-size: 22px; }

        /* Banner - ដាក់រូបហាងបង */
        .hero {
            height: 450px;
            background: linear-gradient(rgba(249, 247, 247, 0), rgba(250, 247, 247, 0)), url(https://www.ncxhonda.com/motorcycles/storage/app/uploads//Slider/KV_K3GK_desktop.jpg); /* រូបផ្លាកហាងបង */
            background-size: cover; background-position: center;
            display: flex; flex-direction: column; justify-content: center;
            align-items: center; color: white; text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
        }
        .hero h2 { font-family: 'Siemreap', serif; font-size: 40px; margin-bottom: 10px; }

        /* Grid បង្ហាញម៉ូតូ */
        .container { width: 90%; margin: 40px auto; }
        .section-title { font-family: 'Siemreap', serif; color: #cc0000; text-align: center; margin-bottom: 30px; }
        
        .bike-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 25px;
        }

        .card {
            background: white; border-radius: 12px; overflow: hidden;
            box-shadow: 0 4px 15px rgb(6, 6, 6); transition: 0.3s;
            text-align: center; padding-bottom: 20px;
        }
        .card:hover { transform: translateY(-8px); }
        .card img { width: 100%; height: 250px; object-fit: cover; }
        .card h3 { margin: 15px 0 5px; font-size: 18px; }
        .card p { color: #0a00cc; font-weight: bold; margin-bottom: 15px; }
        .btn-order {
            background: #0acc00; color: white; padding: 10px 20px;
            text-decoration: none; border-radius: 5px; font-size: 14px;
        }

        footer { background: #222; color: white; text-align: center; padding: 20px; margin-top: 40px; }
        footer { background: #222; color: white; text-align: center; padding: 20px; margin-top: 40px; }