/* Környezetfüggetlen konténer – balra zárt, max szélesség nélkül is jól viselkedik */ .hero-title{ display:inline-block; text-align:left; /* kis „lélegzet”, hogy mobilon se tapadjon a szélekhez */ padding: clamp(4px, 1vw, 8px); }
/* Csak mobilon erőltetett sortörés az alcímhez */ .m-only{ display:none; }
/* Finom reszponzív hangolás */ @media (max-width: 768px){ /* kicsit tágabb sorköz, kevesebb stroke/shadow, hogy tiszta maradjon a kis kijelzőn */ .hero-headline{ line-height:1.08; -webkit-text-stroke: .2px rgba(0,0,0,.22); text-shadow: 0 1px 0 rgba(255,255,255,.30), 0 2px 0 rgba(11,74,59,.55), 0 3px 6px rgba(0,0,0,.28); } .m-only{ display:inline; } }
@media (max-width: 420px){ /* nagyon keskeny mobilon kicsit sűrítjük a betűközt, hogy ne törjön rosszul */ .hero-headline{ letter-spacing:.5px; } .hero-subtitle{ letter-spacing:.4px; } }