/*-----------------------------------*\
  BASIC CSS
\*-----------------------------------*/        
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            margin: 0;
            padding: 0;
            line-height: 1.6;
            background-color: #fffaf0;
            color: #333;
        }
        a { text-decoration: none; color: inherit; }
        header {
            background: linear-gradient(135deg, #6b8e23, #a9dfbf);
            color: white;
            padding: 2rem 1rem;
            text-align: center;
        }
        header div { display: flex; align-items: center; justify-content: center; gap: 1rem; }
        header img { height: 60px; }
        header h1 { margin:0; font-size:2.5rem; }

        nav {
            background-color: #556b2f;
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            padding: 0.5rem;
        }
        nav a { color: white; margin: 0.5rem 1rem; font-weight: bold; transition: all 0.3s ease; }
        nav a:hover { color: #f0e68c; }

        section { padding: 2rem 1rem; max-width: 1200px; margin: auto; }
        h2 { text-align:center; margin-bottom:1.5rem; color:#6b8e23; }

        /* Info blokkok */
        .info-blocks { display:flex; flex-wrap:wrap; gap:1.5rem; justify-content:center; }
        .info-block { flex:1 1 280px; background-color:#f4f4f4; padding:1.5rem; border-radius:10px; box-shadow:0 2px 5px rgba(0,0,0,0.1); transition: transform 0.3s ease; }
        .info-block:hover { transform: translateY(-5px); }

        /* Termékek */
        .products { display:grid; grid-template-columns: repeat(auto-fit, minmax(200px,1fr)); gap:1.5rem; }
        .product { background-color:#fff; border:1px solid #ddd; border-radius:10px; padding:1rem; text-align:center; transition: transform 0.3s ease, box-shadow 0.3s ease; }
        .product:hover { transform: translateY(-5px); box-shadow:0 4px 15px rgba(0,0,0,0.2); }
        .product h3 { color:#556b2f; margin-top:0; }
        .product img { width:100%; border-radius:10px; margin-bottom:0.5rem; }
        .btn { display:inline-block; background-color:#6b8e23; color:white; padding:0.5rem 1rem; border-radius:5px; margin-top:1rem; transition: background 0.3s ease; }
        .btn:hover { background-color:#a9dfbf; color:#333; }

        /* Rólunk / Folyamat */
        .process { display:flex; flex-wrap:wrap; gap:1rem; justify-content:center; }
        .process-step { flex:1 1 250px; background-color:#fefbd8; padding:1rem; border-radius:10px; text-align:center; box-shadow:0 2px 5px rgba(0,0,0,0.1); }

        /* Vélemények */
        .testimonials { display:flex; flex-direction:column; gap:1rem; max-width:800px; margin:auto; }
        .testimonial { background-color:#f4f4f4; padding:1rem; border-radius:10px; font-style:italic; }

        /* Blog / hírek */
        .blog { display:grid; grid-template-columns: repeat(auto-fit, minmax(250px,1fr)); gap:1.5rem; }

        /* Kapcsolat */
        .contact { background-color:#f4f4f4; padding:1.5rem; border-radius:10px; max-width:600px; margin:auto; text-align:center; }

        footer { background-color:#6b8e23; color:white; text-align:center; padding:1rem; margin-top:2rem; }

        @media(max-width:768px){ header h1{ font-size:2rem; } }
        @media(max-width:480px){ nav{ flex-direction:column; } .info-blocks{ flex-direction:column; } .process{ flex-direction:column; } header div{ flex-direction:column; } }