body {
    background-color: #EFEFEF;
}

.hero-section {
    background-color: #FFFFFF !important; /* fehér, felülír minden változót */
    color: #111 !important;               /* sötét szöveg */
    min-height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
	padding: 80px 0;
}

.hero-img {
    max-width: 300px;   /* kívánt max szélesség */
    width: 100%;        /* reszponzív marad */
    height: auto;       /* arány megtartása */
}

/* Opcionális: nagyobb kép desktopon */
@media (min-width: 992px) {
    .hero-img {
        max-width: 80%;
    }
}

    /* Navbar magasság csökkentése */
    .navbar.custom-navbar {
        padding-top: 0.1rem;   /* felül */
        padding-bottom: 0.1rem; /* alul */
        min-height: 50px;        /* opcionális, fix magasság */
        background-color: #EFEFEF;   /* EZ HIÁNYZIK */
        z-index: 1000;               /* biztosan minden fölött legyen */
        box-shadow: 0 6px 15px rgba(0,0,0,0.2);
    }

    .navbar-brand img {
        height: 70px;   /* a kívánt magasság */
        width: auto;    /* arányos szélesség */
        max-width: 100%; /* ne lógjon ki kis képernyőn */
    }

    .navbar .nav-link {
        color: #333 !important;
    }

    .navbar .navbar-brand {
        color: #000 !important;
    }

    .navbar .nav-link:hover {
        color: #2ecc71 !important;
    }

.btn-success {
    background-color: #2ecc71;
    border: none;
}

.btn-success:hover {
    background-color: #27ae60;
}

.fade-in {
opacity: 0;
transform: translateY(40px);
transition: all 0.8s ease;
}

.fade-in.visible {
opacity: 1;
transform: translateY(0);
}


/*  SHOP */
.shop-grid {
    display: flex;
    flex-wrap: wrap;       /* több sorba törik a kártyák */
    justify-content: center; /* középre igazítás */
    gap: 20px;             /* távolság a kártyák között */
    margin: 0 auto;
}

.shop-card{

width:100%;
max-width:300px;
height:350px;
background:white;
border-radius:12px;
overflow:hidden;
text-decoration:none;
color:#333;
transition:all 0.3s ease;
box-shadow:0 4px 12px rgba(0,0,0,0.08);
}

.shop-card:hover{

transform:translateY(-8px);

box-shadow:0 12px 30px rgba(0,0,0,0.2);

}

.card-image{
height:220px;
overflow:hidden;
}

.card-image img{

width:100%;
height:100%;
object-fit:cover;

transition:transform 0.4s;
}

.shop-card:hover img{

transform:scale(1.1);
}

.card-content{

padding:20px;
text-align:center;
}

.card-content h5{

font-weight:600;
margin-bottom:10px;
}

.card-content p{

font-size:14px;
color:#666;
}