/**
 * Arbuda Collection — global mobile full-width fit (header, footer, listing).
 * v20260728m3
 */
@media (max-width: 1199.98px) {
    html {
        -webkit-text-size-adjust: 100%;
        max-width: 100%;
    }

    body {
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding-bottom: calc(58px + env(safe-area-inset-bottom, 0px));
        box-sizing: border-box;
    }

    .aiz-main-wrapper {
        width: 100%;
        max-width: 100%;
        overflow-x: clip;
        overflow-y: visible;
    }

    /* ---- Sticky header (must not clip on overflow ancestors) ---- */
    header.sticky-top,
    header.stikcy-header-visibility {
        position: sticky !important;
        position: -webkit-sticky !important;
        top: 0 !important;
        z-index: 1025 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    header.sticky-top,
    header.stikcy-header-visibility,
    .logo-bar-area,
    .top-navbar {
        width: 100%;
        max-width: 100%;
    }

    .logo-bar-area > .container,
    .logo-bar-area > .layout-container,
    .top-navbar > .container,
    .top-navbar > .layout-container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: max(8px, env(safe-area-inset-left, 0px)) !important;
        padding-right: max(8px, env(safe-area-inset-right, 0px)) !important;
        box-sizing: border-box;
    }

    .logo-bar-area > .container > .d-flex,
    .logo-bar-area > .layout-container > .d-flex {
        width: 100%;
        min-width: 0;
        flex-wrap: nowrap;
        align-items: center;
        position: relative;
    }

    .logo-bar-area .btn.d-lg-none {
        flex: 0 0 auto;
        margin-right: 6px !important;
        position: relative;
        z-index: 26;
    }

    .logo-bar-area .arbuda-header-logo-col {
        flex: 1 1 auto;
        min-width: 0;
        max-width: none;
        padding-right: 4px !important;
        position: relative;
        z-index: 26;
    }

    .logo-bar-area .arbuda-header-logo {
        max-width: min(48vw, 190px) !important;
        height: 48px !important;
        max-height: 48px !important;
        width: auto;
    }

    .logo-bar-area .arbuda-header-actions {
        flex: 0 0 auto;
        margin-left: auto !important;
        position: relative;
        z-index: 26;
    }

    .logo-bar-area .arbuda-mobile-header-icon {
        position: relative;
        z-index: 26;
        touch-action: manipulation;
    }

    /* Search overlay: hidden until open — does not block header icons */
    .logo-bar-area .arbuda-header-search-wrap {
        position: absolute !important;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
        padding: 0 !important;
        min-width: 0 !important;
        pointer-events: none !important;
        z-index: 22;
        visibility: hidden;
        opacity: 0;
        background: #fff;
        transition: opacity 0.15s ease;
    }

    .logo-bar-area .arbuda-header-search-wrap.search-is-open,
    .logo-bar-area .arbuda-header-search-wrap:has(.front-header-search.active) {
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        z-index: 30 !important;
    }

    .logo-bar-area .arbuda-header-search-wrap .front-header-search {
        width: 100%;
        height: 100%;
        pointer-events: none;
    }

    .logo-bar-area .arbuda-header-search-wrap.search-is-open .front-header-search,
    .logo-bar-area .arbuda-header-search-wrap:has(.front-header-search.active) .front-header-search {
        pointer-events: auto !important;
    }

    .logo-bar-area .arbuda-header-search-wrap .arbuda-mobile-search-back {
        touch-action: manipulation;
        cursor: pointer;
    }

    /* ---- Mobile bottom nav: full width ---- */
    .aiz-mobile-bottom-nav {
        width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        margin: 0 !important;
        border-radius: 0 !important;
        border-left: none !important;
        border-right: none !important;
        height: auto !important;
        min-height: 56px;
        padding-left: max(6px, env(safe-area-inset-left, 0px)) !important;
        padding-right: max(6px, env(safe-area-inset-right, 0px)) !important;
        padding-bottom: max(4px, env(safe-area-inset-bottom, 0px)) !important;
        box-sizing: border-box !important;
    }

    .aiz-mobile-bottom-nav .row {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        flex-wrap: nowrap !important;
        justify-content: space-evenly !important;
    }

    .aiz-mobile-bottom-nav .col,
    .aiz-mobile-bottom-nav .col-auto {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        max-width: none !important;
        padding-left: 2px !important;
        padding-right: 2px !important;
        text-align: center !important;
    }

    .aiz-mobile-bottom-nav a {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .aiz-mobile-bottom-nav .fs-10 {
        font-size: 9px !important;
        line-height: 1.15 !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }

    /* WhatsApp / floating buttons above bottom nav */
    .sc-q8c6tt-3,
    #gb-widget,
    .wa-widget-send-button {
        right: max(10px, env(safe-area-inset-right, 0px)) !important;
        bottom: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
    }

    /* Hide mobile list action icons (cart / compare / wishlist) */
    .arbuda-listing-page .aiz-p-hov-icon-mobile {
        display: none !important;
    }
}

@media (max-width: 991.98px) {
    .arbuda-listing-page {
        overflow-x: clip;
    }

    .arbuda-listing-page > .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: max(10px, env(safe-area-inset-left, 0px)) !important;
        padding-right: max(10px, env(safe-area-inset-right, 0px)) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    /* Bootstrap .row uses margin -15px — that is what shifts listing LEFT.
       Form sits between container and row, so target form > .row explicitly. */
    .arbuda-listing-page > .container > form > .row,
    .arbuda-listing-page > .container form > .row.gutters-5,
    .arbuda-listing-page #products-row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .arbuda-listing-page > .container > form > .row {
        justify-content: center !important;
    }

    .arbuda-listing-page .text-left.mb-3,
    .arbuda-listing-page .breadcrumb-wrapper,
    .arbuda-listing-page .d-flex.align-items-center.mb-3 {
        text-align: center !important;
        justify-content: center !important;
    }

    .arbuda-listing-page .breadcrumb {
        justify-content: center !important;
        flex-wrap: wrap;
    }

    .arbuda-listing-page .arbuda-listing-sidebar-col {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .arbuda-listing-page .col-xl-9 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .arbuda-listing-page .arbuda-listing-products-wrap {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    .arbuda-listing-page .arbuda-listing-toolbar,
    .arbuda-listing-page .arbuda-listing-toolbar-stack {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    /* Perfect 2-column centered grid — full width inside padded container */
    .arbuda-listing-page #products-row {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        border: 1px solid #dee2e6 !important;
        border-radius: 4px;
        overflow: hidden;
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
        box-sizing: border-box !important;
    }

    .arbuda-listing-page #products-row > .col {
        flex: none !important;
        max-width: none !important;
        width: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        border-right: 1px solid #dee2e6 !important;
        border-bottom: 1px solid #dee2e6 !important;
        box-sizing: border-box !important;
    }

    .arbuda-listing-page #products-row > .col:nth-child(2n) {
        border-right: none !important;
    }

    .arbuda-listing-page .aiz-filter-sidebar.collapse-sidebar-wrap {
        width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
        right: 0 !important;
    }

    .arbuda-listing-page .aiz-filter-sidebar .collapse-sidebar {
        width: min(92vw, 360px) !important;
        max-width: min(92vw, 360px) !important;
        right: 0 !important;
        left: auto !important;
    }

    /* Footer: kill Bootstrap row -15px margins that shift content left */
    footer .container,
    footer .layout-container,
    .arbuda-page-footer .container,
    .arbuda-page-footer .layout-container {
        padding-left: max(12px, env(safe-area-inset-left, 0px)) !important;
        padding-right: max(12px, env(safe-area-inset-right, 0px)) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
        text-align: center !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .arbuda-page-footer .row,
    footer .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        justify-content: center !important;
    }

    .arbuda-page-footer .row > [class*="col"],
    footer .row > [class*="col"] {
        padding-left: 8px !important;
        padding-right: 8px !important;
        text-align: center !important;
        float: none !important;
    }

    .arbuda-page-footer .row.text-start,
    .arbuda-page-footer .row.text-start > [class*="col"] {
        text-align: center !important;
    }

    .arbuda-page-footer .list-unstyled {
        padding-left: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .arbuda-page-footer .col-6 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    .arbuda-footer-logo-col,
    .arbuda-newsletter-col,
    .arbuda-social-wrap {
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }
}

@media (max-width: 575.98px) {
    .logo-bar-area .arbuda-header-logo {
        max-width: min(44vw, 165px) !important;
        height: 44px !important;
        max-height: 44px !important;
    }

    .arbuda-listing-page > .container {
        padding-left: max(8px, env(safe-area-inset-left, 0px)) !important;
        padding-right: max(8px, env(safe-area-inset-right, 0px)) !important;
    }
}

@media (min-width: 1200px) {
    body {
        padding-bottom: 0;
    }
}