/* =====================================================

   ÚVODNÍ HERO SEKCE

   Rozměry převzaté z původního webu

   ===================================================== */



.pp-hero {

    max-width: 870px;

    margin: auto;

    padding: 25px 20px 30px;



    text-align: center;



    font-family: 'Montserrat', 'Segoe UI', Arial, sans-serif;

    font-size: 16px;

    line-height: 1.6;



    color: #292929;

}





/* Petra Pavlíčková · Kuřim */



.pp-hero-eyebrow {

    color: #7b287b;



    font-weight: 600;



    margin: 0 0 8px;

}





/* Hlavní nadpis */



.pp-hero h1 {

    max-width: none;



    margin: 0;



    padding: 0;



    font-family: inherit;



    font-size: clamp(28px, 3.2vw, 42px);



    line-height: 1.15;



    font-weight: 700;



    color: inherit;

}





/* Text pod nadpisem */



.pp-hero-text {

    margin: 14px 0;



    font-size: 16px;



    line-height: 1.6;

}





/* =====================================================

   TLAČÍTKA

   ===================================================== */



.pp-hero-buttons {

    display: flex;



    justify-content: center;



    align-items: center;



    gap: 12px;



    flex-wrap: wrap;



    margin: 0;

}





.pp-hero-button {

    display: inline-block;



    margin: 0;



    padding: 12px 20px;



    border: 2px solid #8b2d8b;



    border-radius: 8px;



    background: #8b2d8b;



    color: #ffffff;



    font-family: inherit;



    font-size: 16px;



    font-weight: 700;



    line-height: 1.5;



    text-decoration: none;



    transition:

        transform 0.18s ease,

        box-shadow 0.18s ease;

}





/* Druhé tlačítko */



.pp-hero-button.pp-secondary {

    background: #ffffff;



    color: #7b287b;



    border-color: #8b2d8b;

}





/* =====================================================

   HOVER

   Barva se nemění – tlačítko se pouze nadzvedne

   ===================================================== */



.pp-hero-button:hover {

    background: #8b2d8b;



    color: #ffffff;



    border-color: #8b2d8b;



    transform: translateY(-3px);



    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.13);

}





.pp-hero-button.pp-secondary:hover {

    background: #ffffff;



    color: #7b287b;



    border-color: #8b2d8b;



    transform: translateY(-3px);



    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.13);

}





/* =====================================================

   TABLET / MOBIL

   Stejné chování jako na původním webu

   ===================================================== */



@media (max-width: 760px) {



    .pp-hero {

        padding: 20px 16px 26px;

    }



}





/* Úzký mobil */



@media (max-width: 420px) {



    .pp-hero-buttons {

        flex-direction: column;

    }



    .pp-hero-button {

        width: 100%;

    }



}





/* Omezení animací podle nastavení zařízení */



@media (prefers-reduced-motion: reduce) {



    .pp-hero-button {

        transition: none;

    }



}