.banner-item__title {
    /* Alapméretek megőrzése */
    font-size: clamp(22px, 6vw, 34px); /* Kicsit növeltem a vizuális hatás kedvéért */
    font-family: var(--berlin-heading-font-family);
    font-weight: 800;
    line-height: 1.2; /* Szorosabb sorköz a modernebb, "puffy" hatásért */
    margin-bottom: 12px;

    /* OH! JUMMY Színátmenet (Kék -> Pink) */
    background: linear-gradient(90deg, #3498DB 0%, #E91E63 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    
    /* Vizuális kiemelés */
    text-transform: uppercase; /* Figyelemfelkeltő, sales-orientált megjelenés */
    letter-spacing: -0.5px; /* Sűrűbb betűk a prémium érzetért */
    filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.1)); /* Finom mélység */
}


CSS
.banner-item__title {
    /* Dinamikus méretezés a maximális figyelemért */
    font-size: clamp(22px, 6vw, 34px); 
    font-family: var(--berlin-heading-font-family);
    font-weight: 800;
    line-height: 1.1; /* Még szorosabb, hogy a 'puffy' betűk egységet alkossanak */
    margin-bottom: 12px;

    /* OH! JUMMY Arculati Színátmenet */
    background: linear-gradient(90deg, #3498DB 0%, #E91E63 100%);
    display: inline-block; /* Fontos a korrekt háttér-levágáshoz bizonyos böngészőkben */
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    
    /* Sales-orientált megjelenés */
    text-transform: uppercase; 
    letter-spacing: -0.02em; /* Emeli a prémium érzetet */
    
    /* Mélység és olvashatóság */
    /* A drop-shadow segít, hogy világos háttér előtt is kiemelkedjen a szöveg */
    filter: drop-shadow(3px 3px 6px rgba(0,0,0,0.15)); 
    
    /* Bizarr/Játékos csavar: egy enyhe dőlés, hogy kevésbé legyen statikus */
    transform: rotate(-1deg);
}