/* Saját stílusok itt vagy egy 'style.css' fájlban */
        .hero-section {
            background: url('/img/header_background.png'); /* Cseréld le a képet! */
            background-size: auto;
            color: white;
            padding: 100px 0;
            text-align: center;
        }
        .service-card {
            transition: transform 0.3s ease-in-out;
        }
        .service-card:hover {
            transform: translateY(-5px);
        }
        .btn-primary, 
        .btn-primary:active, 
        .btn-primary:focus, 
        .btn-primary:visited {
            background-color: #E05D2D !important; /* Saját szín beállítása */
            border-color: #E05D2D !important;
            bs-btn-bg: #E05D2D; /* Bootstrap 5.3+ Custom Property támogatás */
            bs-btn-border-color: #E05D2D;
    }

        /* 2. Hover (egér felette) és Active (kattintás) állapothoz (egy kicsit sötétebb árnyalat) */
        .btn-primary:hover {
            background-color: #b34a24 !important; /* Picit sötétebb árnyalat a vizuális visszajelzéshez */
            border-color: #b34a24 !important;
            bs-btn-hover-bg: #b34a24;
            bs-btn-hover-border-color: #b34a24;
        }

        /* 3. Vázlatos Primary Gomb Stílusa (btn-outline-primary) */
        .btn-outline-primary {
            color: #E05D2D !important; /* Szöveg színe */
            border-color: #E05D2D !important; /* Keret színe */
            bs-btn-color: #E05D2D;
            bs-btn-border-color: #E05D2D;
        }
    
        /* Vázlatos Gomb Hover állapota */
        .btn-outline-primary:hover {
            color: white !important; /* Szöveg fehérre vált */
            background-color: #E05D2D !important; /* Háttér színe az alapszínre vált */
            border-color: #E05D2D !important;
            bs-btn-hover-color: #fff;
            bs-btn-hover-bg: #E05D2D;
        }
        /* 4. Navigációs Linkek Stílusa (navbar) */
        .navbar-brand,
        .navbar-nav .nav-link {
            color: #E05D2D !important; /* A linkek alapszíne */
        }

        /* 5. Aktív/Hover Navigációs Linkek Stílusa */
        .navbar-nav .nav-link:hover,
        .navbar-nav .nav-link.active,
        .navbar-nav .nav-link:focus {
            color: #ff9966 !important; /* Egy világosabb/élénkebb szín a hover effektushoz */
        }
    
        /* 6. Dropdown menü elemei */
        .navbar-nav .dropdown-menu .dropdown-item {
            color: #333 !important; /* A legördülő menü alapszíne (itt maradhat sötét) */
        }
        .navbar-nav .dropdown-menu .dropdown-item:hover {
            background-color: #E05D2D; /* Háttérszín a hover-re */
            color: white !important; /* Szövegszín fehérre vált */
        }
        /* 7. H2 Címsor Színezése */
        h2 {
            color: #E05D2D !important;
        }
        .text-primary {
            color: #E05D2D !important;
        }
body, html {
    margin: 0;
    padding: 0;
    background: #1a1a1a; /* Sötét háttér a nyomtatás alatt */
    overflow-x: hidden;
}

#printer-scene {
    position: relative;
    width: 100%;
}

#printing-wrapper {
    width: 100%;
    /* Kezdetben teljesen elrejtjük a tartalom aljától indulva */
    clip-path: inset(100% 0 0 0); 
    background: white;
}

#page-content {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px;
    box-sizing: border-box;
}

#printer-head {
    position: absolute;
    width: 300px;  /* Állítsd be a Prusa fejed szélességére */
    height: 200px; /* Állítsd be a Prusa fejed magasságára */
    background-image: url('/img/printerhead.png'); 
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 999;
    /* A fej közepe legyen a nyomtatási vonalon */
    margin-bottom: -100px; 
    pointer-events: none;
    display: none; /* Csak JS-ből kapcsoljuk be */
}