/**
 * 888 Pokies Widget — Mobile Layout CSS (Part 3)
 * @version 1.4.0
 * Auto-generated from 888.html
 */

@media(max-width:768px) {
    .pokies-888-wrap .about-guide {
        padding: 12px;
        gap: 10px;
    }
    .pokies-888-wrap .about-guide-icon {
        width: 36px;
        height: 36px;
    }
    .pokies-888-wrap .bf-wrap {
        padding: 0 14px 14px;
    }
    .pokies-888-wrap .bf-intro {
        padding: 0 0 14px;
    }
    .pokies-888-wrap .bf-grid {
        display: flex;
        gap: 10px;
        overflow-x: auto;
        scrollbar-width: none;
        padding-bottom: 4px;
    }
    .pokies-888-wrap .bf-grid::-webkit-scrollbar {
        display: none;
    }
    .pokies-888-wrap .bf-card {
        flex: 0 0 75%;
        min-width: 220px;
        max-width: 280px;
    }
    .pokies-888-wrap .bf-card-top {
        padding: 16px 14px 10px;
    }
    .pokies-888-wrap .bf-card-icon {
        width: 40px;
        height: 40px;
        margin-bottom: 8px;
    }
    .pokies-888-wrap .bf-card-bottom {
        padding: 8px 14px;
    }
    .pokies-888-wrap .pay-section {
        padding: 16px 14px;
    }
    .pokies-888-wrap .pay-section h2 {
        margin-bottom: 10px;
    }
    .pokies-888-wrap .pay-logos {
        display: flex;
        gap: 6px;
        padding-bottom: 4px;
        justify-content: flex-start;
    }
    .pokies-888-wrap .pay-logo {
        flex: 0 0 auto;
        padding: 8px 14px;
        min-width: auto;
    }
    .pokies-888-wrap .pay-note {
        margin-top: 8px;
    }
    .pokies-888-wrap .rg-banner {
        flex-direction: column;
        padding: 16px 14px;
        gap: 12px;
        align-items: center;
    }
    .pokies-888-wrap .rg-icon {
        width: 40px;
        height: 40px;
    }
    .pokies-888-wrap .rg-icon svg {
        width: 22px;
        height: 22px;
    }
    .pokies-888-wrap .rg-btns {
        justify-content: center;
        gap: 6px;
        margin-top: 8px;
    }
    .pokies-888-wrap .rg-btns .btn-rg {
        padding: 8px 14px;
    }
    .pokies-888-wrap .rg-badge {
        flex-direction: row;
        gap: 6px;
    }
    .pokies-888-wrap .rg-18 {
        width: 28px;
        height: 28px;
    }
    .pokies-888-wrap .faq-section .faq-body {
        padding: 14px;
    }
    .pokies-888-wrap .faq-item {
        margin-bottom: 8px;
    }
    .pokies-888-wrap .faq-item summary {
        padding: 14px 40px 14px 14px;
    }
    .pokies-888-wrap .faq-item summary::after {
        right: 14px;
    }
    .pokies-888-wrap .faq-item .faq-ans {
        padding: 14px;
    }
    .pokies-888-wrap .trust-section .trust-intro {
        padding: 14px 14px 0;
    }
    .pokies-888-wrap .trust-section .trust-cards {
        padding: 0 14px 14px;
        gap: 8px;
    }
    .pokies-888-wrap .trust-card {
        padding: 12px 14px;
    }
    .pokies-888-wrap .trust-card h4 {
        gap: 8px;
    }
    .pokies-888-wrap .trust-card h4 .tc-icon {
        width: 24px;
        height: 24px;
    }
    .pokies-888-wrap .seo-body {
        padding: 16px 14px;
    }
    .pokies-888-wrap .seo-body h2 {
        margin-bottom: 12px;
    }
    .pokies-888-wrap .seo-cols {
        columns: 1;
    }
    .pokies-888-wrap .seo-cols p {
        margin-bottom: 10px;
    }
    .pokies-888-wrap .ft-newsletter {
        padding: 18px 14px;
    }
    .pokies-888-wrap .ft-nl-form {
        flex-direction: column;
        gap: 8px;
    }
    .pokies-888-wrap .ft-nl-input {
        width: 100%;
        padding: 11px 14px;
    }
    .pokies-888-wrap .ft-nl-btn {
        padding: 11px 18px;
    }
    .pokies-888-wrap .ft-body {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        padding: 20px 14px 16px;
    }
    .pokies-888-wrap .ft-brand {
        grid-column: 1/-1;
    }
    .pokies-888-wrap .ft-badge {
        padding: 8px 10px;
    }
    .pokies-888-wrap .ft-col h4 {
        margin-bottom: 10px;
    }
    .pokies-888-wrap .ft-stats-inner {
        grid-template-columns: repeat(2,1fr);
        padding: 14px;
    }
    .pokies-888-wrap .ft-stat {
        padding: 8px 10px;
    }
    .pokies-888-wrap .ft-payments {
        padding: 14px;
        gap: 8px;
        flex-wrap: wrap;
    }
    .pokies-888-wrap .ft-pay-badge {
        padding: 5px 10px;
    }
    .pokies-888-wrap .ft-seo {
        padding: 14px;
    }
    .pokies-888-wrap .ft-bottom {
        padding: 14px;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .pokies-888-wrap .ft-bottom-left {
        gap: 10px;
    }
    .pokies-888-wrap .ft-au-badge {
        padding: 5px 10px;
    }
    .pokies-888-wrap .ft-bottom-right {
        gap: 8px;
    }
}

@media(max-width:480px) {
    .pokies-888-wrap .hero-carousel {
        height: 252px;
    }
    .pokies-888-wrap .hero-slide-btns .btn {
        padding: 7px 10px;
    }
    .pokies-888-wrap .tab-wrap .tab-nav label {
        padding: 6px 12px;
    }
    .pokies-888-wrap .tab-panel .tf {
        padding: 6px 14px;
    }
    .pokies-888-wrap .oc-btn {
        padding: 9px;
    }
    .pokies-888-wrap .gc {
        flex-basis: 86%;
    }
    .pokies-888-wrap .ww-card {
        flex-basis: 84vw;
    }
    .pokies-888-wrap .fs-btn {
        padding: 9px;
    }
    .pokies-888-wrap .cat-card {
        height: 120px;
        padding: 12px 10px;
    }
    .pokies-888-wrap .ft-body {
        grid-template-columns: 1fr 1fr;
        gap: 16px 12px;
        padding: 16px 14px;
    }
    .pokies-888-wrap .ft-brand {
        grid-column: 1/-1;
    }
}