.sports-helper-wrapper {
    background-color: #fff;
    border-top-left-radius: var(--br-main);
    border-bottom-right-radius: var(--br-main);
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    padding: 20px;
    max-width: 1200px;
    width: 75%;
    margin: 0 auto;
    font-size: var(--fs--2);
}

    .search-bar {
        display: flex;
        gap: 10px;
        margin-bottom: 20px;
        align-items: center;
    }

        .search-wrapper {
            position: relative;
            flex-grow: 1;
        }

        .search-wrapper {
            position: relative;
            flex-grow: 1;
        }

        .search-wrapper .fa-search {
            position: absolute;
            top: 50%;
            left: 10px;
            transform: translateY(-50%);
            pointer-events: none;
            font-size: 18px;
            color: #999;
        }

        .search-wrapper .clear-icon {
            position: absolute;
            top: 50%;
            left: 300px;
            transform: translateY(-50%);
            cursor: pointer;
            display: none;
            font-size: var(--fs--2);
            color: var(--color-palette-red);
        }

            .search-wrapper input {
                width: 256px;
                height: 34px;
                padding: 0 22px 0px 42px;
            }

    .text-bar {
        display: flex;
        justify-content: center;
        font-size: var(--fs--1);
        color: var(--main-color-text);
        padding: 1rem;
    }
    .text-bar a {
        color: var(--color-pallete-highlight);
    }

    .columns {
        display: flex;
        justify-content: space-between;
        gap: 1rem;
    }
        .multi-column {
            columns: 2;
            -webkit-columns: 2;
            -moz-columns: 2;
        }

        .column {
            flex: 1;
            padding: .75rem;
        }

            .column-header {
                text-align: center;
                margin-bottom: 10px;
                display: flex;
                flex-direction: column;
                align-items: center;
                min-height: 77px;
            }

                .column-icon {
                    width: 50px;
                    height: 50px;
                    object-fit: contain;
                    margin-bottom: 5px;
                }

                .column h3 {
                    text-align: center;
                    padding-bottom: 5px;
                    font-size: var(--fs-0);
                    font-weight: 500;
                    border-bottom: 1px solid var(--color-pallete-highlight);
                }

                .column ul {
                    list-style: none;
                    padding: 0;
                }

                .column li {
                    padding: 5px 0;
                }

                .highlight {
                    background-color: var(--main-product-light-color);
                    color: #fff;
                }
                .highlight-heading {
                    color: var(--main-product-light-color);
                    font-weight: bold;
                }
                .highlight-column {
                    outline: 1px solid var(--main-product-light-color-rgba);
                    border-radius: var(--br-main);
                    background-color: var(--color-pallete-green-2-rgba);
                }

    /* btn pro odskrolovani ZPET nahoru */
    #scrollTopBtn {
        display: none;
        position: fixed;
        bottom: 20px;
        right: 20px;
        z-index: 9999;
        background-color: #333;
        color: white;
        border: none;
        padding: 12px 16px;
        font-size: 18px;
        cursor: pointer;
        border-radius: 6px;
        box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    }
    #scrollTopBtn:hover {
        background-color: #555;
    }