/* Mobilmax – fluid responsive layout */
:root {
    --mm-page-gutter: clamp(12px, 2.2vw, 40px);
}

html {
    box-sizing: border-box;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

/* Hlavní kontejnery Shoptetu */
@media (min-width: 992px) {

    body #content-wrapper,
    body .container {
        width: 100%;
        max-width: none;
    }

    body #content-wrapper {
        padding-inline: var(--mm-page-gutter);
    }
}

/* Menší displeje */
@media (max-width: 991px) {
    body #content-wrapper {
        width: 100%;
        max-width: 100%;
        padding-inline: 12px;
    }

    body img {
        max-width: 100%;
        height: auto;
    }
}

/* Ochrana před horizontálním přetečením */
body #content-wrapper {
    min-width: 0;
}