/**
 * LOTAS FEAT-008 — mobile responsiveness (module FO only)
 * Loaded last so overrides fix layout without changing desktop rules elsewhere.
 */

/* --- Contain module layout (no horizontal scroll from auction chrome) --- */
.auction-grid,
.auctions-list,
.all_auction,
.auction-dashboard,
.auction_main_wrapper,
#bidders-history,
#auction-block {
    max-width: 100%;
    box-sizing: border-box;
}

.auction-grid .table-responsive,
.auctions-list .table-responsive {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* --- Listing pagination (modern theme had no .auction_theme_default rules) --- */
.auction-grid .auction-pagination-nav,
.auctions-list .auction-pagination-nav,
.all_auction .auction-pagination-nav {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 20px 0;
    text-align: center;
}

.auction-grid ul.pagination,
.auctions-list ul.pagination,
.all_auction ul.pagination {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 6px;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    max-width: 100%;
}

.auction-grid ul.pagination li,
.auctions-list ul.pagination li,
.all_auction ul.pagination li {
    display: inline-block;
    float: none;
    margin: 0;
}

.auction-grid ul.pagination li a,
.auctions-list ul.pagination li a,
.all_auction ul.pagination li a {
    float: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    padding: 8px 12px;
    box-sizing: border-box;
    text-decoration: none;
    border: 1px solid #d4d4d4;
    color: #333;
    font-size: 14px;
    line-height: 1.2;
}

.auction-grid ul.pagination li a.current_page,
.auctions-list ul.pagination li a.current_page,
.auction-pagination-nav ul.pagination li a.current_page {
    background: #2fb5d2;
    border-color: #2fb5d2;
    color: #fff;
}

.auction_theme_default .auction-grid ul.pagination li a:hover,
.auction-pagination-nav ul.pagination li a:hover,
.auction-grid ul.pagination li a:hover,
.auctions-list ul.pagination li a:hover {
    background: #2fb5d2;
    border-color: #2fb5d2;
    color: #fff;
}

body.auction_theme_modern #module-auction-auctions .dataTables_paginate,
body.auction_theme_modern #module-auction-mybids .dataTables_paginate,
body.auction_theme_default #module-auction-auctions .dataTables_paginate,
body.auction_theme_default #module-auction-mybids .dataTables_paginate {
    display: none !important;
}

/* Override PrestaShop / PRS theme .pagination a { width:40px; border-radius:50% } on auction listing */
nav.auction-pagination-nav {
    display: block;
    width: 100%;
    max-width: 100%;
    clear: both;
    float: none !important;
    margin: 24px 0 32px;
    padding: 0 12px;
    box-sizing: border-box;
    text-align: center;
}

nav.auction-pagination-nav ul.pagination.auction-pagination {
    float: none !important;
    display: inline-flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 8px;
    list-style: none;
    margin: 0 auto !important;
    padding: 0 !important;
    width: auto;
    max-width: 100%;
    border-radius: 0 !important;
}

nav.auction-pagination-nav ul.pagination.auction-pagination > li {
    display: block !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    list-style: none;
}

nav.auction-pagination-nav ul.pagination.auction-pagination > li > a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    float: none !important;
    width: auto !important;
    min-width: 44px;
    max-width: none !important;
    height: auto !important;
    min-height: 44px;
    padding: 10px 16px !important;
    margin: 0 !important;
    border-radius: 6px !important;
    border: 1px solid #d4d4d4 !important;
    background-color: #fff !important;
    color: #333 !important;
    font-size: 14px !important;
    font-weight: 500;
    line-height: 1.25 !important;
    white-space: nowrap;
    text-decoration: none !important;
    box-sizing: border-box;
}

nav.auction-pagination-nav ul.pagination.auction-pagination > li > a.current_page,
nav.auction-pagination-nav ul.pagination.auction-pagination > li > a.auction-pagination-link.current_page {
    background-color: #2fb5d2 !important;
    border-color: #2fb5d2 !important;
    color: #fff !important;
}

@media screen and (max-width: 480px) {
    nav.auction-pagination-nav ul.pagination.auction-pagination {
        gap: 6px;
    }

    nav.auction-pagination-nav ul.pagination.auction-pagination > li > a {
        padding: 8px 12px !important;
        font-size: 13px !important;
        min-height: 42px;
    }
}

/* Mobile list+grid split: only one server pagination (list pane on desktop, grid on mobile) */
@media screen and (min-width: 768px) {
    .auction-listing-split__grid .auction-pagination-nav {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    .auction-listing-split__list .auction-pagination-nav {
        display: none !important;
    }
}

.auction-filter-list {
    max-width: 100%;
}

.auction-filter-item a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

/* --- Touch targets (bid / follow / primary actions) --- */
.auction-grid .btn,
.auctions-list .btn,
.auction-grid .follow-auction,
.auctions-list .follow-auction,
#auction-block .btn,
#auction-block a.bid-button,
#auction-block a.auto-bid-button {
    min-height: 44px;
    box-sizing: border-box;
}

/* --- DataTables (My Bids / history) --- */
body.auction_theme_modern .dataTables_wrapper {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

body.auction_theme_modern .dataTables_wrapper .dataTables_paginate {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px;
    float: none !important;
    width: 100%;
    margin-top: 12px;
}

body.auction_theme_modern .dataTables_wrapper .dataTables_paginate .paginate_button {
    min-height: 44px;
    min-width: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    float: none !important;
}

/* --- Product page auction block --- */
#auction-block .auction-time-wrapper,
#auction-block .bidding-area,
#auction-block .bid-row {
    max-width: 100%;
}

@media screen and (max-width: 991px) {
    body.auction_theme_modern .container,
    body.auction_theme_default .container {
        width: 100% !important;
        max-width: 100%;
        padding-left: 12px;
        padding-right: 12px;
        box-sizing: border-box;
    }

    body.auction_theme_modern .page-heading-modern.auction_headings-modern,
    .auction_theme_modern .auction-grid .page-heading-modern.auction_headings-modern,
    body.auction_theme_default .auction-grid .page-heading.auction_headings {
        margin-left: 0 !important;
        margin-right: 0 !important;
        text-align: center;
    }

    .auction_theme_default .rt-container {
        width: 100% !important;
        max-width: 100%;
        padding-left: 12px;
        padding-right: 12px;
        box-sizing: border-box;
    }

    .auction_theme_default .auction-tabs-container {
        width: 100%;
        max-width: 100%;
        float: none;
        box-sizing: border-box;
    }

    .auction_theme_default .auction-tab-content {
        width: 100% !important;
        max-width: 100%;
        float: none;
        box-sizing: border-box;
    }
}

/* --- Tablet landscape / small laptop (770px–990px) --- */
@media screen and (min-width: 770px) and (max-width: 990px) {
    body.auction_theme_modern .container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .auction_theme_modern .auction-grid .auction_product_grid {
        width: 100%;
        max-width: 100%;
        margin: 24px auto;
        padding: 0 16px;
        box-sizing: border-box;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px !important;
    }

    .auction_theme_modern .auction-grid .auction-product-container {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0;
    }

    .auction-filter-tabs {
        max-width: 100%;
    }

    .auction-filter-list {
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px;
    }

    .auction_theme_modern .auction-grid .auction-time-wrapper,
    .auction_theme_modern .auctions-list .auction-time-wrapper,
    .auction_theme_modern .home_auction_modern .auction_clock {
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: visible;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 1.75em;
    }

    .auction_theme_modern .auction-grid .flip-clock-wrapper,
    .auction_theme_modern .auctions-list .flip-clock-wrapper,
    .auction_theme_modern .home_auction_modern .auction-grid .flip-clock-wrapper,
    .auction_theme_modern .home_auction_modern .auction_clock .flip-clock-wrapper {
        width: max-content !important;
        max-width: none;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 0.5em !important;
        overflow: visible !important;
    }

    /* all_auction_grid.css uses margin-right: 95% / 180% on labels in this range */
    .auction_theme_modern .auction-grid .flip-clock-divider .flip-clock-label,
    .auction_theme_modern .auctions-list .flip-clock-divider .flip-clock-label,
    .auction_theme_modern .home_auction_modern .flip-clock-divider .flip-clock-label,
    .auction_theme_modern [id^="owl-auction-products-block-"] .flip-clock-divider .flip-clock-label {
        position: absolute !important;
        bottom: -1.65em !important;
        margin: 0 !important;
        margin-right: 0 !important;
        white-space: nowrap !important;
        width: max-content !important;
        font-size: 11px !important;
        line-height: 1.2 !important;
    }

    .auction_theme_modern .auction-grid .flip-clock-divider:first-child .flip-clock-label,
    .auction_theme_modern .auction-grid .flip-clock-divider.days .flip-clock-label,
    .auction_theme_modern .auctions-list .flip-clock-divider:first-child .flip-clock-label,
    .auction_theme_modern .home_auction_modern .flip-clock-divider:first-child .flip-clock-label,
    .auction_theme_modern .home_auction_modern .flip-clock-divider.days .flip-clock-label {
        left: 30px !important;
        transform: translateX(-50%) !important;
    }

    .auction_theme_modern .auction-grid .flip-clock-divider:not(:first-child) .flip-clock-label,
    .auction_theme_modern .auctions-list .flip-clock-divider:not(:first-child) .flip-clock-label,
    .auction_theme_modern .home_auction_modern .flip-clock-divider:not(:first-child) .flip-clock-label {
        left: calc(100% + 20px) !important;
        transform: translateX(-50%) !important;
    }

    .auction_theme_modern .auctions-list .first_column {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: 16px;
        width: 100%;
    }

    .auction_theme_modern .auctions-list .auction-product-image-container-modern[style] {
        min-width: 0 !important;
        max-width: 38% !important;
        width: 38% !important;
        flex: 0 0 38%;
    }

    .auction_theme_modern .auctions-list .product-title[style] {
        width: auto !important;
        max-width: none !important;
        flex: 1 1 auto;
        min-width: 0;
    }

    .auction_theme_modern #modern_list_table.table-responsive,
    .auction_theme_modern .auctions-list .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .auction_theme_modern .auction-tab-content-modern {
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
    }

    .auction_theme_modern .history .flip-clock-divider .flip-clock-label,
    .auction_theme_modern #bidders-history .flip-clock-divider .flip-clock-label {
        margin-right: 0 !important;
    }

    .home_auction_block.home_auction_modern,
    .home_auction_block {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    #auction-block.product_page .auction-time-wrapper {
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* --- Default theme (def) — tablet grid --- */
    .auction_theme_default .auction-grid #auction-products {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        justify-content: space-between;
        max-width: 100%;
        overflow-x: hidden;
    }

    .auction_theme_default .auction-grid .auction-product-container {
        width: calc(50% - 10px) !important;
        max-width: calc(50% - 10px) !important;
        float: none !important;
        margin-right: 0 !important;
        height: auto !important;
        min-height: 0;
        box-sizing: border-box;
    }

    .auction_theme_default .auction-grid .auction-product-image-container,
    .auction_theme_default .auction-grid .auction-product-image-container img,
    .auction_theme_default .auction-grid .auction-listing-thumbnail-img {
        max-width: 100%;
        height: auto;
    }

    .auction_theme_default .auction-grid .auction_timer,
    .auction_theme_default .auction-grid .flip-clock-wrapper {
        max-width: 100%;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .auction_theme_default .auction-grid .flip-clock-divider .flip-clock-label {
        margin-right: 0 !important;
        white-space: nowrap;
    }

    .auction_theme_default .auctions-list .table-responsive,
    .auction_theme_default #auction-list {
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .auction_theme_default #auction-block .auction-time-wrapper {
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .auction_theme_default .home_auction_block #auction-products,
    .auction_theme_default [id^="owl-auction-products-block-"] .auction-product-container {
        max-width: 100%;
    }

    body.auction_theme_default .auction-grid.card,
    body.auction_theme_default .auction-grid {
        max-width: 100%;
        overflow-x: clip;
    }

    body.auction_theme_default .auction-grid #auction-products.table-responsive {
        overflow-x: clip;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 767px) {
    /* Modern grid — full-width cards (was 70–90% narrow column) */
    .auction_theme_modern .auction-grid .auction_product_grid {
        padding-left: 12px;
        padding-right: 12px;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    .auction_theme_modern .auction-grid .auction-product-container {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        height: auto !important;
        min-height: 0;
    }

    /* Default theme grid — stacked cards */
    .auction_theme_default .auction-grid .auction-product-container {
        width: 100% !important;
        max-width: 100%;
        float: none !important;
        margin-right: 0 !important;
        height: auto;
        min-height: 0;
    }

    .auction_theme_default .auction-grid #auction-products {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    /* Modern list view */
    .auction_theme_modern .auctions-list .first_column {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .auction_theme_modern .auctions-list .auction-product-image-container-modern {
        min-width: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .auction_theme_modern .auctions-list .product-title {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Flip-clock: legacy CSS used margin-right: 95% on labels → words break (Da/ys) on narrow cards */
    .auction_theme_modern .auction-grid .auction-time-wrapper,
    .auction_theme_modern .auctions-list .auction-time-wrapper,
    .auction_theme_modern .home_auction_modern .auction_clock {
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: visible;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 1.75em;
    }

    .auction_theme_modern .auction-grid .flip-clock-wrapper,
    .auction_theme_modern .auctions-list .flip-clock-wrapper,
    .auction_theme_modern .home_auction_modern .auction-grid .flip-clock-wrapper,
    .auction_theme_modern .home_auction_modern .auction_clock .flip-clock-wrapper {
        width: max-content !important;
        max-width: none;
        margin-left: auto !important;
        margin-right: auto !important;
        overflow: visible !important;
        padding-bottom: 0.25em;
    }

    .auction_theme_modern .auction-grid .flip-clock-divider:first-child,
    .auction_theme_modern .auctions-list .flip-clock-divider:first-child,
    .auction_theme_modern .home_auction_modern .auction-grid .flip-clock-divider:first-child,
    .auction_theme_modern .home_auction_modern .auction_clock .flip-clock-divider:first-child {
        width: 0 !important;
        min-width: 0 !important;
        height: 48px !important;
        overflow: visible !important;
    }

    .auction_theme_modern .auction-grid .flip-clock-divider:not(:first-child),
    .auction_theme_modern .auctions-list .flip-clock-divider:not(:first-child),
    .auction_theme_modern .home_auction_modern .auction-grid .flip-clock-divider:not(:first-child),
    .auction_theme_modern .home_auction_modern .auction_clock .flip-clock-divider:not(:first-child) {
        width: 20px !important;
        height: 48px !important;
        overflow: visible !important;
    }

    /* Shared label typography (pair centering is per-divider below) */
    .auction_theme_modern .auction-grid .flip-clock-divider .flip-clock-label,
    .auction_theme_modern .auctions-list .flip-clock-divider .flip-clock-label,
    .auction_theme_modern #owl-auction-products-block .auction_clock .flip-clock-divider .flip-clock-label,
    .auction_theme_modern [id^="owl-auction-products-block-"] .auction_clock .flip-clock-divider .flip-clock-label {
        position: absolute !important;
        bottom: -1.65em !important;
        margin: 0 !important;
        margin-right: 0 !important;
        white-space: nowrap !important;
        width: max-content !important;
        max-width: none !important;
        text-align: center;
        font-size: 10px !important;
        line-height: 1.2 !important;
        overflow: visible !important;
    }

    /*
     * DailyCounter DOM: [days div][ul][ul][hours div][ul][ul]…
     * Labels must sit under the *digit pair*, not under the colon divider (desktop used margin-right: 95%).
     * Grid digit ul width = 30px → pair = 60px → center offset 30px.
     */
    .auction_theme_modern .auction-grid .flip-clock-divider:first-child .flip-clock-label,
    .auction_theme_modern .auction-grid .flip-clock-divider.days .flip-clock-label,
    .auction_theme_modern .auctions-list .flip-clock-divider:first-child .flip-clock-label,
    .auction_theme_modern .auctions-list .flip-clock-divider.days .flip-clock-label,
    .auction_theme_modern .home_auction_modern .auction-grid .flip-clock-divider:first-child .flip-clock-label,
    .auction_theme_modern .home_auction_modern .auction-grid .flip-clock-divider.days .flip-clock-label,
    .auction_theme_modern .home_auction_modern .flip-clock-divider:first-child .flip-clock-label,
    .auction_theme_modern .home_auction_modern .flip-clock-divider.days .flip-clock-label {
        left: 30px !important;
        right: auto !important;
        transform: translateX(-50%) !important;
    }

    .auction_theme_modern .auction-grid .flip-clock-divider:not(:first-child) .flip-clock-label,
    .auction_theme_modern .auctions-list .flip-clock-divider:not(:first-child) .flip-clock-label,
    .auction_theme_modern .home_auction_modern .auction-grid .flip-clock-divider:not(:first-child) .flip-clock-label,
    .auction_theme_modern .home_auction_modern .flip-clock-divider:not(:first-child) .flip-clock-label {
        left: calc(100% + 20px) !important;
        right: auto !important;
        transform: translateX(-50%) !important;
    }

    .auction_theme_modern .auction-grid .auction-right-block,
    .auction_theme_modern .home_auction_modern .auction-grid .auction-right-block {
        overflow: visible;
    }

    body.auction_theme_modern .auction-product-image-container-modern {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.auction_theme_modern .dataTable-modern tbody tr td img.img-thumbnail {
        width: auto;
        max-width: 100%;
        height: auto;
    }

    body.auction_theme_modern .table_row-auction-modern {
        height: auto !important;
        min-height: 0;
    }

    body.auction_theme_modern .history .product_block .prod_detail {
        flex-direction: column;
        align-items: center;
    }

    .auction_theme_modern .auction-dashboard .rt-container,
    .auction_theme_modern .auction-tab-content-modern {
        max-width: 100%;
        overflow-x: hidden;
    }

    .auction_theme_default .rounded-list a {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    .auction_theme_default .auction-grid #auction-products {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    .auction_theme_default .auction-grid .auction-product-container {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin-right: 0 !important;
        height: auto !important;
        min-height: 0;
        box-sizing: border-box;
    }

    .auction_theme_default .auction-grid .auction_timer {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        max-width: 100%;
    }

    .auction_theme_default .au-fl,
    .auction_theme_default .au-fr {
        float: none !important;
        width: 100%;
        max-width: 100%;
    }

    .auction_theme_default #auction-block .bidding-area .bid-row {
        flex-wrap: wrap;
    }

    .auction_theme_default #auction-block a.bid-button,
    .auction_theme_default #auction-block a.auto-bid-button {
        display: block;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        text-align: center;
    }

    .auction_theme_default .auctions-list .table-responsive,
    .auction_theme_default #auction-list {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .home_auction_block.home_auction_modern,
    .home_auction_block {
        padding-left: 16px !important;
        padding-right: 16px !important;
        box-sizing: border-box;
    }

    .home_auction_block .auction_wrapper_inner {
        padding-left: 8px;
        padding-right: 8px;
    }
}

@media screen and (max-width: 480px) {
    .auction-grid ul.pagination li a,
    .auctions-list ul.pagination li a {
        min-width: 40px;
        padding: 8px 10px;
        font-size: 13px;
    }

    /* global.css still sets margin-right: 62% on labels ≤450px — override */
    .auction_theme_modern .auction-grid .flip-clock-divider .flip-clock-label,
    .auction_theme_modern .auction-grid .flip-clock-divider.seconds .flip-clock-label,
    .auction_theme_modern #owl-auction-products-block .auction_clock .flip-clock-divider .flip-clock-label,
    .auction_theme_modern #owl-auction-products-block .auction_clock .flip-clock-divider.seconds .flip-clock-label {
        margin-right: 0 !important;
    }

    .auction_theme_default .auction-grid .flip-clock-divider .flip-clock-label,
    .auction_theme_default .auction-grid .flip-clock-divider.seconds .flip-clock-label {
        margin-right: 0 !important;
    }
}

/* --- Very narrow phones (< 476px) — LOTAS QA breakpoint --- */
@media screen and (max-width: 476px) {
    .auctions-list,
    .all_auction,
    .auction_main_wrapper,
    #bidders-history,
    #auction-block.product_page {
        max-width: 100%;
        overflow-x: clip;
    }

    .auction_theme_modern .auction-grid,
    .auction_theme_default .auction-grid {
        max-width: 100%;
        overflow-x: visible;
    }

    body.auction_theme_modern .container {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    body.auction_theme_default .container {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .auction_theme_default .auction-grid .auction-product-container {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin-right: 0 !important;
        height: auto !important;
    }

    .auction_theme_default .auction-grid #auction-products {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .auction_theme_default .auction-grid .flip-clock-wrapper {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .auction_theme_default .auction-grid .flip-clock-divider .flip-clock-label,
    .auction_theme_default #auction-block .auction-time-wrapper .flip-clock-divider .flip-clock-label,
    .auction_theme_default #auction-list .flip-clock-divider .flip-clock-label {
        margin-right: 0 !important;
        white-space: nowrap !important;
    }

    .auction_theme_default #bidders-history .auction-bidders,
    .auction_theme_default #bidders-history .table-responsive {
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .auction_theme_default .auction_product_image img,
    .auction_theme_default .auction-bidders .img-thumbnail {
        max-width: 100%;
        height: auto;
    }

    .auction_theme_default .rt-container {
        width: 100% !important;
        padding-left: 8px;
        padding-right: 8px;
    }

    /* Filter tabs: all four visible via horizontal scroll (375px was clipping "Finished") */
    .auction-filter-tabs {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 6px;
    }

    .auction-filter-list {
        flex-wrap: nowrap;
        width: max-content;
        max-width: none;
        gap: 6px;
    }

    .auction-filter-item a {
        padding: 10px 12px;
        font-size: 13px;
        white-space: nowrap;
    }

    /* all_auction_grid.css forces 90% card width ≤450px — keep full width */
    .auction_theme_modern .auction-grid .auction-product-container {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        height: auto !important;
    }

    .auction_theme_modern .auction-grid .flip-clock-wrapper,
    .auction_theme_modern .home_auction_modern .auction-grid .flip-clock-wrapper,
    .auction_theme_modern .home_auction_modern .flip-clock-wrapper {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .auction_theme_modern .auction-grid .flip-clock-divider .flip-clock-label,
    .auction_theme_modern .auctions-list .flip-clock-divider .flip-clock-label,
    .auction_theme_modern .home_auction_modern .flip-clock-divider .flip-clock-label,
    .auction_theme_modern [id^="owl-auction-products-block-"] .flip-clock-divider .flip-clock-label,
    .auction_theme_modern #owl-auction-products-block .auction_clock .flip-clock-divider .flip-clock-label {
        margin-right: 0 !important;
    }

    .home_auction_block.home_auction_modern,
    .home_auction_block {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    /* Modern list view — inline 30% / 300px in tpl */
    .auction_theme_modern .auctions-list .auction-product-image-container-modern[style],
    .auction_theme_modern .auctions-list .product-title[style] {
        min-width: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .auction_theme_modern .auctions-list .first_column {
        gap: 12px;
    }

    .auction_theme_modern #modern_list_table thead {
        display: none;
    }

    .auction_theme_modern #modern_list_table .product_auction_list tbody tr {
        display: block;
        width: 100%;
        margin-bottom: 16px;
        border-bottom: 1px solid #eee;
        padding-bottom: 12px;
    }

    .auction_theme_modern #modern_list_table .product_auction_list tbody td {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }

    /* Bidders / history timer labels (bidding_history.css margin-right: 95%) */
    .auction_theme_modern .history .flip-clock-divider .flip-clock-label,
    .auction_theme_modern .history .flip-clock-divider.seconds .flip-clock-label,
    .auction_theme_modern #bidders-history .flip-clock-divider .flip-clock-label {
        margin-right: 0 !important;
        white-space: nowrap !important;
    }

    .auction_theme_modern .history .bidding_history .bid-container,
    #bidders-history .history .bidding_history .bid-container {
        width: 100% !important;
        max-width: 100%;
    }

    #auction-block.product_page {
        padding: 8px !important;
        box-sizing: border-box;
    }

    .product_page .bid_details .bid-actions .btn,
    #auction-block .place-bid-btn,
    #auction-block .auto-bid-button {
        width: 100%;
        max-width: 100%;
    }
}

/* --- Listing: BO "list" view shows grid on small screens only --- */
@media screen and (max-width: 767px) {
    .auction-listing-split__list {
        display: none !important;
    }

    .auction-listing-split__grid {
        display: block !important;
    }
}

@media screen and (min-width: 768px) {
    .auction-listing-split__grid {
        display: none !important;
    }
}

/* --- 388px+ module pages: clip theme wrapper bleed (~7px on narrow phones) --- */
@media screen and (max-width: 991px) {
    body.auction_theme_modern,
    body.auction_theme_default {
        overflow-x: clip;
    }

    body.auction_theme_modern #wrapper,
    body.auction_theme_default #wrapper,
    body.auction_theme_modern #content-wrapper,
    body.auction_theme_default #content-wrapper,
    body.auction_theme_modern main,
    body.auction_theme_default main {
        max-width: 100%;
        overflow-x: clip;
        box-sizing: border-box;
    }

    body.auction_theme_modern #wrapper .container,
    body.auction_theme_default #wrapper .container,
    body.auction_theme_modern .page-content.container,
    body.auction_theme_default .page-content.container {
        max-width: 100%;
        box-sizing: border-box;
    }
}

/* --- Home blocks (default + modern carousel) --- */
.home_auction_block,
.home_auction_modern,
[id^="owl-auction-products-block-"],
.home_auction_block .owl-carousel,
.home_auction_modern .owl-carousel {
    max-width: 100%;
    box-sizing: border-box;
}

@media screen and (max-width: 990px) {
    .home_auction_block .owl-stage-outer,
    .home_auction_modern .owl-stage-outer {
        overflow: hidden;
        max-width: 100%;
    }

    .home_auction_block .owl-item,
    .home_auction_modern .owl-item {
        max-width: 100vw;
        box-sizing: border-box;
    }
}

/* --- My bids: override inline 85% container from auction-dash.tpl on small screens --- */
#module-auction-mybids .container,
#module-auction-auctions .container {
    width: 100% !important;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    box-sizing: border-box;
}

@media screen and (min-width: 992px) {
    .auction_theme_modern #module-auction-mybids .container,
    .auction_theme_modern #module-auction-auctions .container {
        width: 85% !important;
        max-width: 1180px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* --- Default theme listing list view (#auction-list table) --- */
@media screen and (max-width: 990px) {
    .auction_theme_default #auction-list,
    .auction_theme_default #auction-list table,
    .auction_theme_default .auctions-list #auction-list {
        display: block;
        width: 100% !important;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .auction_theme_default #auction-list .table-responsive {
        margin-left: 0;
        margin-right: 0;
    }
}

@media screen and (max-width: 476px) {
    .auction_theme_default #auction-products .auction_product,
    .auction_theme_default #auction-products .product-miniature {
        float: none !important;
        width: 100% !important;
        max-width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* --- PRS02045 / wide PrestaShop themes (home grid + product bid row) --- */
.our-aution-block,
.auction_products .item {
    max-width: 100%;
    box-sizing: border-box;
}

/* Undo theme .our-aution-block 5-col grid on homepage (title + carousel squeezed) */
.home_auction_modern.home_auction_block,
.home_auction_block.home_auction_modern {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

.home_auction_modern .auction_products.our-aution-block,
.home_auction_modern .auction_wrapper_inner.our-aution-block,
.home_auction_block .auction_products,
.home_auction_block .auction_wrapper_inner {
    display: block !important;
    grid-template-columns: none !important;
    width: 100% !important;
}

.home_auction_modern .posts_block.our-aution-block,
.home_auction_modern .posts_block.auction-grid {
    display: block !important;
    grid-template-columns: none !important;
    border: none !important;
}

.home_auction_modern .auction_products .item {
    display: block !important;
    grid-template-columns: unset !important;
    border-right: none !important;
    border-bottom: none !important;
    padding: 0 !important;
}

.home_auction_modern .owl-stage-outer,
.home_auction_modern .owl-stage {
    width: 100% !important;
}

/* --- Homepage (all widths): center FlipClock in owl cards --- */
.auction_theme_modern .home_auction_modern .auction-right-block > .auction_timer,
.home_auction_modern [id^="owl-auction-products-block-"] .auction_timer {
    text-align: center !important;
}

.auction_theme_modern .home_auction_modern .auction-right-block .auction_timer .flip-clock-wrapper,
.home_auction_modern .owl-item .auction_timer .flip-clock-wrapper {
    display: inline-block !important;
    width: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Modern auction + narrow product column (PRS02045 product-actions sidebar) */
.auction_theme_modern #auction-block.bid_container.product_page,
.auction_theme_modern #auction-block.product_page.bid_container {
    max-width: 100% !important;
    width: 100%;
    padding: 16px 12px !important;
    box-sizing: border-box;
}

.auction_theme_modern #auction-block.product_page .auction-timer.countdown-container,
.auction_theme_modern #auction-block.product_page .countdown-container {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100%;
}

.auction_theme_modern #auction-block.product_page .auction-time-wrapper {
    width: 100%;
    max-width: 100%;
    text-align: center;
}

.auction_theme_modern #auction-block.product_page .auction_timer,
.product-actions #auction-block.product_page .auction_timer {
    margin-left: 0 !important;
    max-width: 100%;
}

.auction_theme_modern #auction-block.product_page .bid_details {
    flex-wrap: wrap;
    justify-content: center !important;
    margin: 16px 0 !important;
    gap: 8px;
}

.auction_theme_modern #auction-block.product_page .bid-actions {
    margin-left: 0 !important;
    justify-content: center !important;
}

/* Tablet: narrow product column (e.g. ~802px two-column layout) */
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .product-actions #auction-block.product_page,
    #product .product-actions #auction-block {
        max-width: 100%;
    }

    .auction_theme_modern #auction-block.product_page.bid_container,
    .auction_theme_modern #auction-block.bid_container.product_page {
        max-width: 100% !important;
        padding: 12px 10px !important;
    }

    .auction_theme_modern #auction-block.product_page .auction-timer.countdown-container,
    .auction_theme_modern #auction-block.product_page .countdown-container {
        margin-left: 0 !important;
        display: block;
        max-width: 100%;
    }

    .auction_theme_modern #auction-block.product_page .auction-time-wrapper {
        display: block;
        width: 100%;
        text-align: center;
    }

    .auction_theme_modern #auction-block.product_page .auction_timer,
    .product-actions #auction-block.product_page .auction_timer {
        display: block;
        width: 100%;
        height: 90px;
        margin: 0 auto;
        padding: 0 4px 6px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        text-align: center;
        box-sizing: border-box;
    }

    .auction_theme_modern #auction-block.product_page .auction_timer .flip-clock-wrapper,
    .product-actions #auction-block.product_page .flip-clock-wrapper {
        display: inline-block !important;
        vertical-align: top;
        transform: scale(0.64);
        transform-origin: top center;
        margin: 0 auto !important;
        width: auto !important;
        max-width: none !important;
    }

    .auction_theme_modern #auction-block.product_page .flip-clock-divider .flip-clock-label,
    .product-actions #auction-block.product_page .flip-clock-divider .flip-clock-label {
        margin: 0 !important;
        margin-right: 0 !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        position: absolute !important;
        bottom: -1.25em !important;
        width: 100% !important;
        font-size: 10px !important;
        line-height: 1.1 !important;
        white-space: nowrap;
        text-align: center;
    }

    .auction_theme_modern #auction-block.product_page .flip-clock-divider,
    .product-actions #auction-block.product_page .flip-clock-divider {
        height: 36px !important;
        width: 14px !important;
        min-width: 14px;
    }

    .product-actions #auction-block .auction_timer {
        margin-left: 0 !important;
    }

    .product-actions #auction-block.product_page ul.flip,
    .product-actions #auction-product ul.flip {
        width: 22px !important;
        height: 30px !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .auction_theme_modern #auction-block.product_page .auction_timer .flip-clock-wrapper,
    .product-actions #auction-block.product_page .flip-clock-wrapper {
        transform: scale(0.76);
        transform-origin: top center;
    }
}

@media screen and (max-width: 767px) {
    .auction_theme_modern .auction-timer.countdown-container {
        margin-left: 0 !important;
    }

    /* --- Product page countdown (360–767px): same pattern as listing grid --- */
    .auction_theme_modern #auction-block.product_page .countdown-container,
    .auction_theme_modern #auction-block.product_page .auction-timer.countdown-container {
        display: block;
        max-width: 100%;
    }

    .auction_theme_modern #auction-block.product_page .auction-time-wrapper {
        display: block;
        width: 100%;
    }

    .auction_theme_modern #auction-block.product_page .auction_timer,
    .product-actions #auction-block.product_page .auction_timer {
        display: block;
        width: 100%;
        height: 86px;
        margin: 0 auto;
        padding: 0 2px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        text-align: center;
        box-sizing: border-box;
    }

    .auction_theme_modern #auction-block.product_page .auction_timer .flip-clock-wrapper,
    .product-actions #auction-block.product_page .flip-clock-wrapper {
        display: inline-block !important;
        vertical-align: top;
        transform: scale(0.58);
        transform-origin: top center;
        margin: 0 auto !important;
        width: auto !important;
        max-width: none !important;
    }

    .auction_theme_modern #auction-block.product_page .flip-clock-divider .flip-clock-label,
    .product-actions #auction-block.product_page .flip-clock-divider .flip-clock-label {
        margin: 0 !important;
        margin-right: 0 !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        position: absolute !important;
        bottom: -1.25em !important;
        width: 100% !important;
        font-size: 9px !important;
        line-height: 1.1 !important;
        white-space: nowrap;
        text-align: center;
    }

    .auction_theme_modern #auction-block.product_page .flip-clock-divider,
    .product-actions #auction-block.product_page .flip-clock-divider {
        height: 36px !important;
        width: 14px !important;
        min-width: 14px;
    }

    .auction_theme_modern #auction-block.product_page .flip-clock-wrapper ul.flip,
    .product-actions #auction-block.product_page ul.flip,
    .product-actions #auction-product ul.flip {
        width: 20px !important;
        height: 28px !important;
    }

    .product-actions #auction-block .auction_timer {
        margin-left: 0 !important;
    }

    /* Listing / home */
    .auction_theme_modern .home_auction_modern .auction_timer,
    .auction_theme_modern .home_auction_modern .flip-clock-wrapper,
    .auction_theme_modern [id^="owl-auction-products-block-"] .flip-clock-wrapper {
        transform: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #auction-block .auction_timer,
    .product-actions #auction-block .auction_timer {
        margin-left: 0 !important;
        max-width: 100%;
    }

    .product_page .bid-actions,
    #auction-block .bid-actions {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px !important;
    }

    .product_page .bid-actions .bid-input-container,
    .product_page .bid-actions button,
    #auction-block .bid-actions .bid-input-container,
    #auction-block .bid-actions .btn,
    #auction-block .place-bid-btn,
    #auction-block .auto-bid-button {
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media screen and (min-width: 1200px) {
    .auction_theme_modern #auction-block.product_page .flip-clock-wrapper {
        transform: none;
    }
}

/* --- Modern auction listing grid: countdown on phones (412px) — compact, no flex on FlipClock --- */
@media screen and (max-width: 767px) {
    .auction_theme_modern .auction-grid .auction-product-container {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0;
    }

    .auction_theme_modern .auction-grid .auction-right-block {
        height: auto !important;
        min-height: 0;
        overflow: visible !important;
        padding-bottom: 16px !important;
    }

    .auction_theme_modern .auction-grid .auction-right-block > .auction_timer,
    .auction_theme_modern .auction-grid .auction_timer.auction_flip {
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 10px auto 0;
        padding: 0 2px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        text-align: center;
        height: 82px;
        box-sizing: border-box;
    }

    /* FlipClock uses floats — only scale the whole wrapper, do not flex/float:none children */
    .auction_theme_modern .auction-grid .auction_timer .flip-clock-wrapper {
        display: inline-block !important;
        vertical-align: top;
        transform: scale(0.6);
        transform-origin: top center;
        margin: 0 auto !important;
        width: auto !important;
        max-width: none !important;
    }

    .auction_theme_modern .auction-grid .flip-clock-divider .flip-clock-label,
    .auction_theme_modern .auction-grid .flip-clock-divider.seconds .flip-clock-label,
    .auction_theme_modern .auction-grid .flip-clock-divider.days .flip-clock-label {
        margin-right: 0 !important;
        margin-left: 0 !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        position: absolute !important;
        bottom: -1.25em !important;
        width: 100% !important;
        max-width: none !important;
        font-size: 9px !important;
        line-height: 1.1 !important;
        white-space: nowrap;
        text-align: center;
    }

    .auction_theme_modern .auction-grid .flip-clock-divider {
        height: 36px !important;
        width: 14px !important;
        min-width: 14px;
    }

    .auction_theme_modern .auction-grid .flip-clock-wrapper ul.flip {
        width: 20px !important;
        height: 28px !important;
    }

    .auction_theme_modern .auction-grid .flip-clock-wrapper ul li a div div.inn {
        font-size: 13px !important;
        line-height: 28px !important;
    }
}