<style>
/* --- GLOBÁLNÍ PROMĚNNÁ PRO ŠÍŘKU KONTEJNERU --- */
:root {
    --main-container-width: 1200px; /* Výchozí šířka – snadno změnitelná */
}

/* Základní styl pro hlavní kontejner */
.container {  /* Nahraď .container správným selektorem, např. .wrapper nebo .content-wrapper */
    width: 100%;
    max-width: var(--main-container-width);
    margin: 0 auto; /* Centrování */
    padding: 0 15px; /* Volitelně pro okraje na mobilech */
    box-sizing: border-box;
}

/* Pro velké obrazovky – možnost zvýšit šířku */
@media (min-width: 1440px) {
    :root {
        --main-container-width: 95%; /* Nebo např. 1400px, 1600px, 90% atd. */
    }
    
    .container {
        max-width: var(--main-container-width);
        /* Pokud použiješ procenta, ujisti se o centrování */
        margin: 0 auto;
    }
}

/* Další media query pro ještě větší monitory, pokud chceš */
@media (min-width: 1920px) {
    :root {
        --main-container-width: 1800px; /* Nebo 95% podle potřeby */
    }
}
</style>
