@media (max-width: 1279px) {
    .rtp-cell--game .rtp-tag {
        display: none;
    }
}

@media (max-width: 1080px) {

    .rtp-page {
        --rtp-grid: var(--rtp-grid-md);
    }

    .rtp-cell--act .rtp-ab--link {
        display: none;
    }
}

@media (max-width: 900px) {
    .rtp-sum {
        grid-template-columns: repeat(3, 1fr);
    }

    .rtp-split,
    .rtp-api__grid {
        grid-template-columns: 1fr;
    }

    .rtp-method__row {
        grid-template-columns: 1fr;
        gap: 3px;
    }

    .rtp-more__body {
        grid-template-columns: 1fr;
    }

    .rtp-wm__grid {
        grid-template-columns: 1fr;
    }

    .rtp-why__item {
        grid-template-columns: 1fr auto;
    }

    .rtp-why__note {
        grid-column: 1 / -1;
    }

    .rtp-thead {
        display: none;
    }

    .rtp-tb {
        position: static;
    }

    .rtp-tb__filters-sum {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        width: 100%;
        font: 600 12px/1 system-ui, sans-serif;
        color: var(--pd-text-body);
        border: 1px solid var(--pd-border-strong);
        border-radius: 9px;
        padding: 12px 14px;
        min-height: 44px;
        background: transparent;
        cursor: pointer;
    }

    .rtp-filters-cb:checked ~ .rtp-tb__filters-sum {
        border-color: var(--pd-accent);
        color: var(--pd-accent-text);
    }

    .rtp-tb__filters-chev {
        margin-left: auto;
        transition: transform 0.15s ease;
    }

    .rtp-filters-cb:checked ~ .rtp-tb__filters-sum .rtp-tb__filters-chev {
        transform: rotate(180deg);
    }

    .rtp-tb__filters {
        display: none;
        gap: 6px;
        margin-top: 10px;
        margin-left: -16px;
        margin-right: -16px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .rtp-filters-cb:checked ~ .rtp-tb__filters {
        display: grid;
    }

    .rtp-fgroup {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
        padding-bottom: 2px;
        background-image:
            linear-gradient(to left, var(--pd-bg-card) 30%, rgba(255, 255, 255, 0)),
            radial-gradient(farthest-side at 100% 50%, var(--rtp-scroll-shadow), rgba(255, 255, 255, 0));
        background-position: right center, right center;
        background-repeat: no-repeat;
        background-size: 32px 100%, 20px 100%;
        background-attachment: local, scroll;
    }

    .rtp-fgroup::-webkit-scrollbar {
        display: none;
    }

    .rtp-fgroup__lab {
        position: sticky;
        left: 0;
        background: var(--pd-bg-card);
        padding-right: 4px;
        z-index: 1;
    }

    .rtp-tb__clear {
        margin-left: 0;
        justify-self: start;
    }

    .rtp-row__sum {
        grid-template-columns: minmax(0, 1fr) auto auto;
        gap: 0 8px;
        padding: 7px 12px;
    }

    .rtp-cell--configs,
    .rtp-cell--vol,
    .rtp-cell--maxwin,
    .rtp-cell--released {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    .rtp-cell--game .rtp-tag {
        display: none;
    }

    .rtp-cell--act .rtp-ab--copy {
        display: none;
    }

    .rtp-ab--demo,
    .rtp-ab--off {
        min-width: 44px;
        min-height: 44px;
        padding: 0 12px;
    }

    .rtp-ab__full {
        display: none;
    }

    .rtp-ab__short {
        display: inline;
    }

    .rtp-row__chev {
        width: 12px;
        height: 12px;
    }

    .rtp-search__in,
    .rtp-range__in {
        min-height: 44px;
        font-size: 16px;
    }

    .rtp-chip,
    .rtp-preset,
    .rtp-btn {
        min-height: 44px;
    }
}

@media (max-width: 560px) {
    .rtp-page {
        padding: 16px 12px 64px;
    }

    .rtp-page {
        --rtp-nav-h: 44px;
    }

    .rtp-nav {
        padding-left: 12px;
        padding-right: 12px;
    }

    .rtp-btt {
        right: 14px;
        bottom: 14px;
    }

    .rtp-crumb {
        margin-bottom: 12px;
    }

    .rtp-hero__h1 {
        font-size: 20px;
    }

    .rtp-nav__l {
        padding: 10px 9px;
    }

    .rtp-hero__fine,
    .rtp-hero__more,
    .rtp-hero__meta {
        display: none;
    }

    .rtp-nav {
        margin-top: 12px;
    }

    .rtp-hint {
        padding: 9px 16px;
        font-size: 12.5px;
    }

    .rtp-sum {
        display: flex;
        gap: 0;
        overflow-x: auto;
        scrollbar-width: none;
        background-color: var(--pd-bg-card);
        background-image:
            linear-gradient(to right, var(--pd-bg-card) 40%, rgba(255, 255, 255, 0)),
            linear-gradient(to left, var(--pd-bg-card) 40%, rgba(255, 255, 255, 0)),
            radial-gradient(farthest-side at 0 50%, var(--rtp-scroll-shadow), rgba(255, 255, 255, 0)),
            radial-gradient(farthest-side at 100% 50%, var(--rtp-scroll-shadow), rgba(255, 255, 255, 0));
        background-position: left center, right center, left center, right center;
        background-repeat: no-repeat;
        background-size: 44px 100%, 44px 100%, 22px 100%, 22px 100%;
        background-attachment: local, local, scroll, scroll;
        margin: 16px 0 18px;
    }

    .rtp-sum::-webkit-scrollbar {
        display: none;
    }

    .rtp-sum__cell {
        flex: 0 0 auto;
        min-width: 122px;
        padding: 11px 14px;
        border-right: 1px solid var(--pd-border);
    }

    .rtp-sum__cell:last-child {
        border-right: 0;
    }

    .rtp-sum__num {
        font-size: 19px;
    }

    .rtp-sum__lab {
        font-size: 10px;
    }

    .rtp-panel {
        padding: 16px 14px;
    }

    .rtp-hist {
        gap: 5px;
    }

    .rtp-hist__lab {
        font-size: 9.5px;
    }

    .rtp-x {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .rtp-tb__exp {
        width: 100%;
    }

    .rtp-btn {
        flex: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}