/* =========================
   TASTING HERO
========================= */
.tasting-hero {
    position: relative;
    width: 100%; /* Teljes képernyőszélesség széltől szélig */
    padding: 140px 0 80px; /* Felső/alsó belső margó a menü alá */
    text-align: center;
    background:
    linear-gradient(
        rgba(0,0,0,.70),
        rgba(0,0,0,.45)
    ),
    url("/assets/kostolo.jpg");
    color: white;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Biztosítjuk, hogy a containeren belüli elemek középre rendeződjenek */
.tasting-hero .container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.tasting-hero .tasting-content {
    width: 100%;
    max-width: 800px;
    padding: 0 20px; /* Oldalsó biztonsági margó mobilon */
}

.tasting-hero h1 {
    font-size: 2.8rem;
    margin-bottom: 20px;
}

.tasting-hero p {
    color: #ffffff;
    font-weight: 500; 
    text-shadow: 0 2px 8px rgba(18, 16, 13, 0.75), 
                 0 1px 3px rgba(18, 16, 13, 0.90);
    margin-top: 12px; 
    line-height: 1.6;
}

/* =========================
   MOBILE RESPONSIVE
========================= */
@media (max-width: 768px) {
    .tasting-hero {
        padding-top: 120px;
        padding-bottom: 60px;
    }

    .tasting-hero h1 {
        font-size: 2rem;
    }
}