/* Fix overflow issues for the "Jak Aya funguje" cards */
html, body {
    width: 100% !important;
    overflow-x: hidden !important;
    min-width: 100%;
    max-width: 100% !important;
}

/* Ensure proper containment to avoid scrolling */
.container,
.hero-content, 
.hero, 
.hero-animated,
.hero-statement,
header,
main,
section,
.clean-logo-container,
.abstract-bg {
    width: 100%;
    max-width: 100vw;
    margin: 0;
    padding: 0;
}

.hero, .hero-content, .container, .how-it-works-section, .how-cards-container {
    overflow-x: hidden;
    max-width: 100vw;
    width: 100%;
    padding: 0;
    margin: 0;
}

/* Stop horizontal scrolling */
body {
    overflow-x: hidden;
    width: 100%;
    position: relative;
}

html {
    overflow-x: hidden;
}

/* Ensure cards fit within container */
.how-cards-container {
    width: 100% !important;
    left: 0;
    transform: none;
    position: relative;
}

/* Remove any potential clipping but prevent overflow */
.how-it-works-section {
    overflow-x: hidden !important;
    overflow-y: visible !important;
    position: relative;
    z-index: 10;
    width: 100%;
}