/* Základní nastavení pozadí a textu */
body {
    background-color: #f3f4f6;
    color: #363636;
}

/* ODSKOK PRO STICKY MENU: Zajistí, že sekce podjede pod menu, ale nadpis zůstane vidět */
section {
    scroll-margin-top: 6rem; 
}

/* Třída pro moderní zaoblené sekce odsazené od kraje */
.section-box {
    background-color: #ffffff;
    border-radius: 1.5rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    max-width: 80rem; 
    margin: 2rem auto;
    padding: 3rem 2rem;
}

@media (max-width: 768px) {
    .section-box {
        margin: 1rem;
        padding: 2rem 1.5rem;
    }
}

/* Přidej toto na konec tvého style.css */

/* Krátká animace pro zvonící telefon v top baru */
@keyframes ping-short {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.2); opacity: 0.8; }
    100% { transform: scale(1); opacity: 1; }
}

.group:hover .group-hover\:animate-ping-short {
    animation: ping-short 0.3s ease-in-out;
}