/* ==========================================================================
   Makina.az — Mobile app shell (≤1024px)
   Desktop layout unchanged. Same brand tokens, app-like chrome.
   ========================================================================== */

.app-drawer,
.app-drawer-backdrop,
.app-bottom-nav,
.app-menu-btn,
.app-header-actions,
.app-post-btn,
.app-search-sheet,
.app-search-backdrop {
    display: none;
}

@media (max-width: 1024px) {
    :root {
        --app-bottom-h: 58px;
        --app-bottom-gap: 10px;
        --app-top-h: 48px;
        /* min 12px: gesture bar env=0 olanda da yazılar kəsilməsin */
        --app-safe-bottom: max(10px, env(safe-area-inset-bottom, 0px));
    }

    /* Mobil scroll: overflow-x:hidden + overscroll none bəzi telefonlarda səhifəni donudur */
    html {
        scroll-behavior: auto;
        overflow-x: clip;
        overflow-y: auto;
        height: auto;
        min-height: 100%;
    }

    body {
        padding-bottom: calc(var(--app-bottom-h) + var(--app-bottom-gap) + var(--app-safe-bottom) + 8px);
        -webkit-overflow-scrolling: touch;
        overflow-x: clip;
        overflow-y: auto !important;
        height: auto !important;
        min-height: 100%;
        position: static !important;
        overscroll-behavior-y: auto;
    }

    body.app-drawer-open,
    body.app-search-open,
    body.cat-catalog-open,
    body.listings-filter-open,
    html.has-searchable-sheet,
    html.has-searchable-sheet body {
        overflow: hidden !important;
    }

    .app-bottom-nav,
    .wizard-sticky-bar,
    .listing-form-sticky-bar,
    .listing-form-sticky-bar--account,
    .main-header {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    /* Kill desktop page chrome padding (was ~30–46px empty gap under search) */
    .site-main {
        min-height: 0 !important;
        padding: 0 0 8px !important;
    }

    /* notices.css leaves 30px above every product-grid — kill it */
    .product-grid,
    .product-grid--dense,
    .listings-main .product-grid,
    .listings-main .product-grid--dense {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    /* --- Hide desktop chrome pieces --- */
    .promo-bar {
        display: none !important;
    }

    .main-nav {
        display: none !important;
    }

    .main-header .user-actions,
    .main-header .lang-switcher {
        display: none !important;
    }

    .fixed-social-buttons {
        display: none !important;
    }

    /* --- App top bar: logo LEFT | menu RIGHT, search on row below --- */
    .main-header {
        position: sticky;
        top: 0;
        z-index: 900;
        background: #fff !important;
        border-bottom: 1px solid var(--border, #e0e0e0);
        box-shadow: none;
        min-height: 0;
        padding: 0 !important;
    }

    .main-header > .container {
        padding-left: 12px;
        padding-right: 12px;
    }

    .main-header .header-grid {
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        align-items: center !important;
        gap: 8px 10px !important;
        min-height: 0 !important;
        padding: 8px 0 10px !important;
    }

    .main-header .logo {
        justify-self: start !important;
        grid-column: 1 !important;
        grid-row: 1 !important;
        order: 0 !important;
    }

    .main-header .logo img {
        height: 28px !important;
        max-width: 160px !important;
        width: auto !important;
        object-fit: contain !important;
    }

    .main-header .logo-text {
        font-size: 18px;
        font-weight: 800;
        color: var(--primary, #f7971c);
    }

    .main-header .search-wrapper {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        order: 3 !important;
        margin: 0 !important;
        max-width: none !important;
        width: 100% !important;
    }

    .main-header .search-input {
        height: 40px;
        font-size: 14px;
        border-radius: 12px;
        padding-left: 40px !important;
        padding-right: 88px !important;
    }

    .main-header .search-wrapper__icon {
        left: 14px !important;
        font-size: 13px !important;
    }

    .main-header .search-btn {
        width: 34px !important;
        min-width: 34px !important;
        height: 34px !important;
        border-radius: 10px !important;
        font-size: 12px !important;
        padding: 0 !important;
    }

    .main-header .search-input {
        padding-right: 48px !important;
    }

    /* Header actions: + elan + hesab — RIGHT side */
    .app-header-actions {
        display: inline-flex !important;
        align-items: center;
        gap: 8px;
        grid-column: 2 !important;
        grid-row: 1 !important;
        justify-self: end !important;
        position: relative !important;
        z-index: 910 !important;
    }

    .app-post-btn {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border-radius: 11px;
        background: linear-gradient(145deg, #f7971c, #ea580c);
        color: #fff !important;
        font-size: 16px;
        text-decoration: none;
        box-shadow: 0 4px 12px rgba(234, 88, 12, 0.28);
        transition: transform 0.15s ease, filter 0.15s ease;
    }

    .app-post-btn:active {
        transform: scale(0.96);
        filter: brightness(1.05);
    }

    .app-account-btn {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border: none;
        border-radius: 11px;
        background: #f1f5f9;
        color: #0f172a;
        font-size: 16px;
        text-decoration: none;
        padding: 0;
    }

    .app-account-btn:active,
    .app-account-btn.is-active {
        background: #fff7ed;
        color: #c2410c;
    }

    .app-menu-btn {
        display: none !important;
    }

    /* Pages with hero search — hide duplicate header search (kills the stretched double bar) */
    body:has(.search-section) .main-header .search-wrapper {
        display: none !important;
    }

    body:has(.search-section) .main-header .header-grid {
        grid-template-columns: 1fr auto !important;
        padding: 8px 0 !important;
    }

    /*
     * Drawer MUST be display:none when closed.
     * display:flex while “off-screen” was taking ~320px in the document flow
     * (layout shift + logo clipped + hamburger clicks blocked).
     */
    .app-drawer-backdrop {
        display: none !important;
        position: fixed !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        background: rgba(15, 23, 42, 0.5) !important;
        z-index: 100000 !important;
        border: 0 !important;
        padding: 0 !important;
    }

    .app-drawer-backdrop.is-open {
        display: block !important;
    }

    .app-drawer {
        display: none !important;
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        left: auto !important;
        bottom: 0 !important;
        width: min(86vw, 320px) !important;
        max-width: 320px !important;
        height: 100vh !important;
        height: 100dvh !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: #fff !important;
        z-index: 100001 !important;
        flex-direction: column !important;
        box-shadow: -8px 0 30px rgba(0, 0, 0, 0.18) !important;
        padding-bottom: var(--app-safe-bottom) !important;
        overflow: hidden !important;
        transform: translateX(100%);
        transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .app-drawer.is-open {
        display: flex !important;
        transform: translateX(0) !important;
    }

    .app-drawer__head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 16px 14px 12px;
        border-bottom: 1px solid var(--border, #e0e0e0);
        min-height: var(--app-top-h);
    }

    .app-drawer__brand {
        display: flex;
        align-items: center;
        font-weight: 800;
        font-size: 18px;
        color: var(--dark, #333);
        text-decoration: none;
    }

    .app-drawer__brand img {
        height: 30px;
        display: block;
    }

    .app-drawer__brand-dot {
        color: var(--primary, #f7971c);
    }

    .app-drawer__close {
        width: 36px;
        height: 36px;
        border: none;
        border-radius: 10px;
        background: var(--gray-100, #f4f6f9);
        font-size: 22px;
        line-height: 1;
        cursor: pointer;
        color: var(--dark, #333);
    }

    .app-drawer__body {
        overflow-y: auto;
        padding: 8px 10px 24px;
        -webkit-overflow-scrolling: touch;
    }

    .app-drawer__cta {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        margin: 4px 0 10px;
        padding: 12px 14px;
        border-radius: 12px;
        background: linear-gradient(135deg, #f59e0b, #ea580c);
        color: #fff !important;
        text-decoration: none;
        font-weight: 750;
        font-size: 14px;
        box-shadow: 0 8px 18px rgba(234, 88, 12, 0.25);
    }

    .app-drawer__quick {
        display: flex;
        flex-direction: column;
        gap: 6px;
        margin: 0 0 4px;
        padding: 8px;
        border: 1px solid #eef2f6;
        border-radius: 14px;
        background: #f8fafc;
    }

    .app-drawer__quick-link {
        display: flex;
        align-items: center;
        gap: 12px;
        min-height: 44px;
        padding: 8px 10px;
        border-radius: 10px;
        background: #fff;
        color: #0f172a;
        text-decoration: none;
        font-size: 14px;
        font-weight: 700;
    }

    .app-drawer__quick-link > i {
        width: 22px;
        text-align: center;
        color: #f7971c;
        font-size: 16px;
        flex-shrink: 0;
    }

    .app-drawer__quick-link > span:not(.app-drawer__badge) {
        flex: 1;
        min-width: 0;
    }

    .app-drawer__quick-link:active {
        background: #fff7ed;
    }

    .app-drawer__nav {
        display: flex;
        flex-direction: column;
        gap: 2px;
        margin-bottom: 4px;
    }

    .app-drawer__label {
        margin: 14px 4px 6px;
        font-size: 11px;
        font-weight: 750;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: #94a3b8;
    }

    .app-drawer__link {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
        padding: 11px 12px;
        border-radius: 10px;
        color: #0f172a;
        text-decoration: none;
        font-size: 14px;
        font-weight: 600;
    }

    .app-drawer__link > span:not(.app-drawer__badge):not(.app-drawer__icon) {
        flex: 1;
        min-width: 0;
    }

    .app-drawer__auth {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        margin: 12px 0 8px;
    }

    .app-drawer__auth-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 11px 12px;
        border-radius: 11px;
        background: #0f172a;
        color: #fff;
        text-decoration: none;
        font-weight: 700;
        font-size: 13px;
    }

    .app-drawer__auth-btn--ghost {
        background: #fff;
        color: #0f172a;
        border: 1px solid #e2e8f0;
    }

    .app-drawer__link > i,
    .app-drawer__icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 22px;
        height: 22px;
        text-align: center;
        color: var(--primary, #f7971c);
        font-size: 15px;
        line-height: 1;
    }

    .app-drawer__icon img {
        width: 20px;
        height: 20px;
        object-fit: contain;
        display: block;
    }

    .app-drawer__icon i {
        display: inline-block;
        width: auto;
        color: inherit;
        font-size: inherit;
    }

    .app-drawer__link:active {
        background: var(--primary-50, #fff7ed);
    }

    .app-drawer__badge {
        margin-left: auto;
        min-width: 20px;
        height: 20px;
        padding: 0 6px;
        border-radius: 999px;
        background: var(--primary, #f7971c);
        color: #fff;
        font-size: 11px;
        font-weight: 700;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .app-drawer__langs {
        display: flex;
        gap: 8px;
        margin: 18px 8px 8px;
    }

    .app-drawer__langs a {
        flex: 1;
        text-align: center;
        padding: 10px;
        border-radius: 10px;
        background: var(--gray-100, #f4f6f9);
        font-weight: 700;
        font-size: 13px;
        text-decoration: none;
        color: var(--dark, #333);
    }

    .app-drawer__langs a.is-active {
        background: var(--primary, #f7971c);
        color: #fff;
    }

    body.app-drawer-open {
        overflow: hidden;
    }

    /* --- Bottom nav — floating pill --- */
    .app-bottom-nav {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        align-items: end;
        position: fixed;
        left: 12px;
        right: 12px;
        bottom: calc(var(--app-bottom-gap) + var(--app-safe-bottom));
        z-index: 1100;
        box-sizing: border-box;
        height: var(--app-bottom-h);
        min-height: var(--app-bottom-h);
        padding: 6px 6px 8px;
        /* Solid bg — backdrop-filter mobil scroll-u donudur */
        background: #fff;
        border: 1px solid rgba(15, 23, 42, 0.08);
        border-radius: 22px;
        box-shadow:
            0 8px 20px rgba(15, 23, 42, 0.1),
            0 1px 4px rgba(15, 23, 42, 0.04);
    }

    .app-bottom-nav__item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
        text-decoration: none;
        color: #94a3b8;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.01em;
        height: 100%;
        min-height: 0;
        position: relative;
        -webkit-tap-highlight-color: transparent;
        line-height: 1;
        padding: 0;
        border: 0;
        background: transparent;
        border-radius: 14px;
    }

    .app-bottom-nav__item i {
        font-size: 17px;
        line-height: 1;
    }

    .app-bottom-nav__item span {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 0 2px;
    }

    .app-bottom-nav__item.is-active {
        color: var(--primary, #f7971c);
    }

    .app-bottom-nav__item--cta {
        justify-content: flex-end;
        padding-bottom: 0;
        font: inherit;
        cursor: pointer;
        appearance: none;
        -webkit-appearance: none;
        color: #94a3b8;
    }

    .app-bottom-nav__item--cta.is-active {
        color: var(--primary, #f7971c);
    }

    .app-bottom-nav__cta {
        width: 46px;
        height: 46px;
        margin-top: -22px;
        margin-bottom: 2px;
        border-radius: 50%;
        background: #ea580c;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 17px;
        box-shadow: 0 8px 18px rgba(234, 88, 12, 0.38);
        border: 3px solid #fff;
        flex-shrink: 0;
    }

    .app-bottom-nav__item--cta span:not(.app-bottom-nav__cta) {
        margin-top: 0;
        font-size: 10px;
        font-weight: 700;
    }

    /* --- Mobile search sheet --- */
    .app-search-backdrop {
        display: none;
        position: fixed;
        inset: 0;
        z-index: 1390;
        background: rgba(15, 23, 42, 0.45);
    }

    .app-search-backdrop.is-open {
        display: block;
    }

    .app-search-sheet {
        display: flex;
        flex-direction: column;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1400;
        max-height: min(90dvh, 720px);
        padding: 6px 0 0;
        border-radius: 24px 24px 0 0;
        background:
            linear-gradient(180deg, #ffffff 0%, #f7f8fa 46%, #f3f4f6 100%);
        box-shadow: 0 -18px 48px rgba(15, 23, 42, 0.2);
        transform: translateY(110%);
        transition: transform 0.28s ease, visibility 0.28s ease;
        overflow: hidden;
        pointer-events: none;
        visibility: hidden;
    }

    .app-search-sheet.is-open {
        transform: translateY(0);
        pointer-events: auto;
        visibility: visible;
    }

    .app-search-sheet__handle {
        width: 36px;
        height: 4px;
        margin: 6px auto 10px;
        border-radius: 999px;
        background: #d5dbe5;
    }

    .app-search-sheet__head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin: 0 16px 12px;
        padding-bottom: 12px;
        border-bottom: 1px solid rgba(15, 23, 42, 0.06);
    }

    .app-search-sheet__head h2 {
        margin: 0;
        font-size: 1.22rem;
        font-weight: 850;
        color: #0f172a;
        letter-spacing: -0.03em;
        line-height: 1.15;
    }

    .app-search-sheet__close {
        width: 36px;
        height: 36px;
        border: 1px solid #e5e7eb;
        border-radius: 12px;
        background: #fff;
        color: #475569;
        display: inline-grid;
        place-items: center;
        cursor: pointer;
    }

    .app-search-sheet__form {
        display: flex;
        flex-direction: column;
        min-height: 0;
        flex: 1 1 auto;
    }

    .app-search-sheet__scroll {
        display: grid;
        gap: 14px;
        padding: 0 16px 12px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        min-height: 0;
        flex: 1 1 auto;
    }

    .app-search-sheet__chips {
        display: flex;
        gap: 4px;
        overflow-x: auto;
        scrollbar-width: none;
        padding: 4px;
        border-radius: 14px;
        background: rgba(15, 23, 42, 0.04);
        border: 1px solid rgba(15, 23, 42, 0.05);
    }

    .app-search-sheet__chips::-webkit-scrollbar {
        display: none;
    }

    .app-search-chip {
        flex: 1 0 auto;
        min-height: 36px;
        padding: 0 12px;
        border-radius: 10px;
        border: 0;
        background: transparent;
        color: #64748b;
        font-size: 13px;
        font-weight: 750;
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        white-space: nowrap;
    }

    .app-search-chip.is-active {
        background: #fff;
        color: #0f172a;
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08), 0 4px 12px rgba(15, 23, 42, 0.06);
    }

    .app-search-chip.is-active[data-app-search-section="sale"],
    .app-search-chip.is-active[data-app-search-section="rent"],
    .app-search-chip.is-active[data-app-search-section="all"] {
        color: #c2410c;
    }

    .app-search-sheet__field {
        position: relative;
        display: flex;
        align-items: center;
        min-height: 50px;
        padding: 0 14px 0 44px;
        border: 1px solid #e5e7eb;
        border-radius: 16px;
        background: #fff;
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
    }

    .app-search-sheet__field:focus-within {
        border-color: rgba(234, 88, 12, 0.45);
        box-shadow: 0 0 0 4px rgba(234, 88, 12, 0.1);
    }

    .app-search-sheet__field > i {
        position: absolute;
        left: 15px;
        color: #94a3b8;
        font-size: 15px;
        pointer-events: none;
    }

    .app-search-sheet__field input {
        width: 100%;
        border: 0;
        background: transparent;
        outline: none;
        font-size: 15px;
        font-weight: 600;
        color: #0f172a;
        min-height: 48px;
    }

    .app-search-sheet__select {
        display: grid;
        gap: 6px;
        min-width: 0;
    }

    .app-search-sheet__select span {
        font-size: 11px;
        font-weight: 750;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        color: #94a3b8;
    }

    .app-search-sheet__select select {
        width: 100%;
        min-height: 46px;
        padding: 0 36px 0 12px;
        border: 1px solid #e5e7eb;
        border-radius: 12px;
        background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8.5L1.5 4h9z'/%3E%3C/svg%3E") no-repeat right 12px center;
        appearance: none;
        font-size: 14px;
        font-weight: 650;
        color: #0f172a;
        outline: none;
    }

    .app-search-sheet__eyebrow {
        margin: 0 0 3px;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: #ea580c;
    }

    .app-search-cats {
        display: grid;
        gap: 10px;
    }

    .app-search-cats__head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
    }

    .app-search-cats__head > span {
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: #94a3b8;
    }

    .app-search-cats__clear {
        border: 0;
        background: transparent;
        color: #ea580c;
        font-size: 12px;
        font-weight: 750;
        cursor: pointer;
        padding: 0;
    }

    .app-search-cats__clear.is-active {
        color: #0f172a;
    }

    .app-search-cats__track {
        display: flex;
        gap: 10px;
        overflow-x: auto;
        padding: 2px 2px 4px;
        margin: 0 -2px;
        scroll-snap-type: x proximity;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .app-search-cats__track::-webkit-scrollbar {
        display: none;
    }

    .app-search-cat {
        flex: 0 0 84px;
        width: 84px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        padding: 10px 6px 8px;
        border: 1px solid #e8edf3;
        border-radius: 16px;
        background: #fff;
        cursor: pointer;
        scroll-snap-align: start;
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
        transition: border-color 0.15s ease, background 0.15s ease, transform 0.15s ease;
    }

    .app-search-cat:active {
        transform: scale(0.98);
    }

    .app-search-cat__icon {
        width: 48px;
        height: 48px;
        border-radius: 14px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #f8fafc;
        color: #ea580c;
        font-size: 18px;
        overflow: hidden;
        border: 1px solid #eef2f6;
    }

    .app-search-cat__icon img {
        width: 30px;
        height: 30px;
        object-fit: contain;
        display: block;
    }

    .app-search-cat__name {
        font-size: 11px;
        font-weight: 700;
        color: #334155;
        line-height: 1.2;
        text-align: center;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        min-height: 2.4em;
    }

    .app-search-cat.is-active {
        border-color: rgba(234, 88, 12, 0.4);
        background: #fffaf5;
    }

    .app-search-cat.is-active .app-search-cat__icon {
        background: #fff7ed;
        border-color: #fed7aa;
        color: #c2410c;
    }

    .app-search-cat.is-active .app-search-cat__name {
        color: #9a3412;
    }

    .app-search-panel {
        display: grid;
        gap: 12px;
        padding: 14px;
        border: 1px solid #e8edf3;
        border-radius: 18px;
        background: #fff;
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
    }

    .app-search-panel__title {
        margin: 0;
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: #94a3b8;
    }

    .app-search-filters {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .app-search-cond {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .app-search-cond__label {
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: #64748b;
    }

    .app-search-cond__grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }

    .app-search-cond__opt {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 6px;
        min-height: 68px;
        margin: 0;
        padding: 10px 6px;
        border: 1.5px solid #e2e8f0;
        border-radius: 14px;
        background: #f8fafc;
        color: #334155;
        font-size: 12px;
        font-weight: 700;
        line-height: 1.15;
        text-align: center;
        cursor: pointer;
        user-select: none;
        -webkit-tap-highlight-color: transparent;
        transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
    }

    .app-search-cond__opt i {
        font-size: 1.05rem;
        color: #94a3b8;
    }

    .app-search-cond__opt input {
        position: absolute;
        opacity: 0;
        width: 1px;
        height: 1px;
        margin: 0;
        pointer-events: none;
    }

    .app-search-cond__opt:has(input:checked),
    .app-search-cond__opt.is-active {
        border-color: #ea580c;
        background: #fff7ed;
        color: #c2410c;
        box-shadow: 0 0 0 3px rgba(234, 88, 12, 0.12);
    }

    .app-search-cond__opt:has(input:checked) i,
    .app-search-cond__opt.is-active i {
        color: #ea580c;
    }

    .app-search-cond__opt--new:has(input:checked),
    .app-search-cond__opt--new.is-active {
        border-color: #22c55e;
        background: #f0fdf4;
        color: #15803d;
        box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.12);
    }

    .app-search-cond__opt--new:has(input:checked) i,
    .app-search-cond__opt--new.is-active i {
        color: #16a34a;
    }

    .app-search-cond__opt--used:has(input:checked),
    .app-search-cond__opt--used.is-active {
        border-color: #f59e0b;
        background: #fffbeb;
        color: #b45309;
        box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.14);
    }

    .app-search-cond__opt--used:has(input:checked) i,
    .app-search-cond__opt--used.is-active i {
        color: #d97706;
    }

    .app-search-prices {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .app-search-sheet__mini {
        display: grid;
        gap: 6px;
        min-width: 0;
    }

    .app-search-sheet__mini span {
        font-size: 11px;
        font-weight: 750;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        color: #94a3b8;
    }

    .app-search-sheet__mini input {
        width: 100%;
        min-height: 46px;
        padding: 0 12px;
        border: 1px solid #e5e7eb;
        border-radius: 12px;
        background: #fff;
        font-size: 14px;
        font-weight: 650;
        color: #0f172a;
        outline: none;
        box-sizing: border-box;
    }

    .app-search-sheet__mini input:focus {
        border-color: rgba(234, 88, 12, 0.45);
        box-shadow: 0 0 0 4px rgba(234, 88, 12, 0.1);
    }

    .app-search-sheet__actions {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 10px;
        align-items: center;
        margin-top: auto;
        padding: 12px 16px calc(14px + var(--app-safe-bottom, 0px));
        border-top: 1px solid rgba(15, 23, 42, 0.06);
        background: #fff;
    }

    .app-search-sheet__reset {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 50px;
        padding: 0 16px;
        border-radius: 14px;
        border: 1px solid #e5e7eb;
        background: #fff;
        color: #64748b;
        font-size: 13px;
        font-weight: 750;
        text-decoration: none;
    }

    .app-search-sheet__submit {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-height: 50px;
        border: 0;
        border-radius: 14px;
        background: #ea580c;
        color: #fff;
        font-family: inherit;
        font-size: 14.5px;
        font-weight: 750;
        letter-spacing: -0.01em;
        line-height: 1.2;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
        cursor: pointer;
        box-shadow: 0 10px 24px rgba(234, 88, 12, 0.28);
    }

    .app-search-sheet__submit i,
    .app-search-sheet__submit span {
        font: inherit;
        font-weight: 700;
        letter-spacing: inherit;
        color: inherit;
    }

    .app-search-sheet__submit i {
        font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", FontAwesome !important;
        font-weight: 900 !important;
        font-size: 14px;
        line-height: 1;
    }

    #app-search-sheet .searchable-select {
        width: 100%;
        position: relative;
    }

    #app-search-sheet .searchable-select__dropdown.is-sheet-mobile {
        display: flex !important;
        flex-direction: column !important;
        z-index: 6200 !important;
        border: 1px solid #e8edf3 !important;
        background: #fff !important;
        overflow: hidden !important;
    }

    #app-search-sheet .searchable-select__dropdown.is-sheet-mobile::before {
        content: '';
        display: block;
        width: 36px;
        height: 4px;
        margin: 10px auto 2px;
        border-radius: 99px;
        background: #e2e8f0;
        flex: 0 0 auto;
    }

    #app-search-sheet .searchable-select__dropdown .searchable-select__option-icon {
        display: none !important;
    }

    #app-search-sheet .searchable-select__option {
        min-height: 44px;
        padding: 11px 14px;
        border-radius: 10px;
        color: #334155;
        font-weight: 500;
    }

    #app-search-sheet .searchable-select__option.is-selected {
        background: #f1f5f9;
        color: #1e293b;
        font-weight: 650;
    }

    #app-search-sheet .searchable-select__option:hover,
    #app-search-sheet .searchable-select__option:active {
        background: #f8fafc;
    }

    body.app-search-open {
        overflow: hidden;
    }

    /* --- Dense 2-col cards: ~6–8 listings per phone viewport --- */
    .product-grid,
    .listings-main .product-grid,
    .listings-main .product-grid--dense,
    .ld-related__grid,
    .shop-show .product-grid,
    .catalog-grid,
    .product-section .catalog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
    }

    /* Home catalog cards — clean Tap.az-style dense tiles */
    .catalog-grid .card,
    .product-section .catalog-grid .card {
        border-radius: 12px !important;
        border: 1px solid #e8e8e8 !important;
        box-shadow: none !important;
        height: auto !important;
        transform: none !important;
        background: #fff !important;
        overflow: hidden !important;
    }

    .catalog-grid .card:hover {
        transform: none !important;
        box-shadow: none !important;
    }

    .catalog-grid .card-link {
        display: flex !important;
        flex-direction: column !important;
    }

    .catalog-grid .card-img-box {
        height: 96px !important;
        min-height: 96px !important;
        background: #f3f4f6 !important;
    }

    .catalog-grid .card-img-box img {
        object-fit: cover !important;
    }

    .catalog-grid .card-body {
        padding: 8px 8px 10px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 4px !important;
    }

    .catalog-grid .card-meta-row,
    .catalog-grid .card-category,
    .catalog-grid .card-brand,
    .catalog-grid .btn-details,
    .catalog-grid .card-top-actions,
    .catalog-grid .badge-status {
        display: none !important;
    }

    .catalog-grid .card-actions {
        display: flex !important;
        opacity: 1 !important;
        transform: none !important;
        pointer-events: auto !important;
    }

    .catalog-grid .card-footer {
        display: contents !important;
        padding: 0 !important;
        border: none !important;
        margin: 0 !important;
    }

    /* Price first, then title */
    .catalog-grid .price-tag {
        order: -1 !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        line-height: 1.15 !important;
        color: #111 !important;
        margin: 0 !important;
    }

    .catalog-grid .price-tag span {
        font-size: 11px !important;
        font-weight: 700 !important;
        color: #666 !important;
    }

    .catalog-grid .card-title {
        order: 0 !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        line-height: 1.25 !important;
        margin: 0 !important;
        min-height: 0 !important;
        color: #333 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    /* Compact horizontal chips — no tall/vertical ribbons */
    .catalog-grid .badge-type,
    .catalog-grid .badge-type.type-sale,
    .catalog-grid .badge-type.type-rent,
    .catalog-grid .badge-type.type-wanted,
    .catalog-grid .badge-type.type-spare,
    .card-img-box .badge-type {
        position: absolute !important;
        writing-mode: horizontal-tb !important;
        text-orientation: mixed !important;
        transform: none !important;
        inset: auto !important;
        top: 6px !important;
        left: 6px !important;
        right: auto !important;
        bottom: auto !important;
        width: auto !important;
        height: auto !important;
        min-height: 0 !important;
        max-width: calc(100% - 48px) !important;
        padding: 2px 7px !important;
        border-radius: 999px !important;
        font-size: 9.5px !important;
        font-weight: 650 !important;
        line-height: 1.2 !important;
        letter-spacing: 0.01em !important;
        white-space: nowrap !important;
        backdrop-filter: blur(6px) !important;
        -webkit-backdrop-filter: blur(6px) !important;
        box-shadow: none !important;
        z-index: 4 !important;
    }

    .catalog-grid .badge-type.type-sale {
        background: #fff !important;
        color: #e08610 !important;
        border: 1px solid #f7971c !important;
    }

    .catalog-grid .badge-type.type-rent {
        background: #fff !important;
        color: #2563eb !important;
        border: 1px solid #3b82f6 !important;
    }

    .catalog-grid .badge-type.type-wanted {
        background: #fff !important;
        color: #8e44ad !important;
        border: 1px solid #8e44ad !important;
    }

    .catalog-grid .badge-type.type-spare {
        background: #fff !important;
        color: #e67e22 !important;
        border: 1px solid #e67e22 !important;
    }

    .catalog-grid .badge-year,
    .card-img-box .badge-year {
        position: absolute !important;
        inset: auto !important;
        top: 6px !important;
        right: 6px !important;
        left: auto !important;
        bottom: auto !important;
        width: auto !important;
        height: auto !important;
        padding: 3px 6px !important;
        border-radius: 6px !important;
        font-size: 10px !important;
        font-weight: 700 !important;
        background: rgba(17, 17, 17, 0.72) !important;
        color: #fff !important;
        z-index: 4 !important;
    }

    /* Listing product-cards (elanlar, related, favorites…) */
    .product-card,
    .listings-main .product-card,
    .equipment-section .product-card {
        border-radius: 10px !important;
        overflow: hidden;
        box-shadow: none !important;
        border: 1px solid #ececec !important;
        transform: none !important;
    }

    .product-card:hover,
    .equipment-section .product-card:hover {
        transform: none !important;
        box-shadow: none !important;
    }

    .product-card .product-img-wrap,
    .listings-main .product-card .product-img-wrap {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: 4 / 3 !important;
    }

    .product-card .product-img,
    .listings-main .product-card .product-img {
        height: 100% !important;
        width: 100% !important;
        object-fit: cover !important;
    }

    .product-card .product-info,
    .listings-main .product-card .product-info {
        padding: 5px 6px 7px !important;
    }

    .product-card .product-price,
    .listings-main .product-card .product-price {
        font-size: 12px !important;
        font-weight: 800 !important;
        margin-bottom: 2px !important;
        line-height: 1.15 !important;
    }

    .product-card .product-title,
    .listings-main .product-card .product-title {
        font-size: 11px !important;
        line-height: 1.25 !important;
        font-weight: 600 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        white-space: normal !important;
        text-overflow: unset !important;
        min-height: calc(1.25em * 2) !important;
        margin: 0 !important;
    }

    .product-card .badge-premium,
    .product-card .badge-satis,
    .product-card .badge-icare,
    .product-card .badge-axtariram,
    .product-card .badge-ehtiyat,
    .listings-main .product-card .badge-premium,
    .listings-main .product-card .badge-satis,
    .listings-main .product-card .badge-icare,
    .listings-main .product-card .badge-axtariram,
    .listings-main .product-card .badge-ehtiyat {
        writing-mode: horizontal-tb !important;
        transform: none !important;
        width: auto !important;
        height: auto !important;
        inset: auto !important;
        font-size: 9px !important;
        padding: 3px 7px !important;
        border-radius: 6px !important;
        top: 6px !important;
        left: 6px !important;
        white-space: nowrap !important;
    }

    .product-card .badge-premium--icon,
    .product-card .badge-boosted--icon,
    .listings-main .product-card .badge-premium--icon,
    .listings-main .product-card .badge-boosted--icon {
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        min-height: 20px !important;
        padding: 0 !important;
        border-radius: 50% !important;
        font-size: 9px !important;
    }

    .product-card .badge-premium,
    .listings-main .product-card .badge-premium {
        right: 6px !important;
        left: auto !important;
    }

    .product-card .badge-year,
    .listings-main .product-card .badge-year {
        inset: auto !important;
        top: auto !important;
        bottom: 6px !important;
        left: 6px !important;
        right: auto !important;
        width: auto !important;
        height: auto !important;
        font-size: 9px !important;
        padding: 2px 6px !important;
    }

    /* Action buttons off-grid for density; tap card to open */
    .product-card .action-btns {
        display: none !important;
    }

    /* Shop-style cards — square photo like emlakaxtar */
    .product-card--shop .product-img-wrap,
    .card--shop .card-img-box {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: 4 / 3 !important;
        padding: 0 !important;
        background: #eef1f5 !important;
    }

    .product-card--shop .product-info,
    .card--shop .card-body {
        padding: 8px 8px 10px !important;
        gap: 4px !important;
    }

    .product-card--shop .product-title,
    .card--shop .card-title,
    .card--shop .card-title a {
        font-size: 11px !important;
        min-height: calc(1.25em * 2) !important;
        -webkit-line-clamp: 2 !important;
        white-space: normal !important;
    }

    .product-card--shop .product-price,
    .card--shop .price-tag {
        font-size: 13px !important;
    }

    .product-card--shop .card-action-bar {
        display: grid !important;
        grid-template-columns: 32px 32px 32px minmax(0, 1fr) !important;
        gap: 5px !important;
        padding-top: 6px !important;
    }

    .product-card--shop .card-action-bar .btn-card-action {
        width: 32px !important;
        height: 32px !important;
        display: inline-flex !important;
    }

    .product-card--shop .card-action-bar__cta {
        min-height: 32px !important;
        height: 32px !important;
        max-height: 32px !important;
        font-size: 11px !important;
        padding: 0 8px !important;
    }

    .product-card--shop .card-badge-ring {
        min-width: 30px !important;
        height: 30px !important;
        font-size: 8px !important;
    }

    .product-card--shop .card-video-pill {
        font-size: 9px !important;
        padding: 2px 7px !important;
    }

    /* Home premium/boosted: downward grid */
    .equipment-section--grid #equipmentMainGrid,
    .equipment-section--grid .product-grid,
    .equipment-carousel-inner {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        padding: 0 !important;
        overflow: visible !important;
        transform: none !important;
    }

    .equipment-carousel-inner .product-card,
    .equipment-section .equipment-carousel-inner .product-card,
    .equipment-section--grid .product-card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        flex: none !important;
        scroll-snap-align: unset !important;
    }

    .equipment-carousel-inner .product-card .product-img-wrap,
    .equipment-section--grid .product-card .product-img-wrap {
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 4 / 3 !important;
    }

    .equipment-carousel-inner .product-card .product-img,
    .equipment-section--grid .product-card .product-img {
        height: 100% !important;
        width: 100% !important;
        object-fit: cover !important;
    }

    .equipment-nav {
        display: none !important;
    }

    /* Footer — compact app footer (keep link columns, denser) */
    .site-footer {
        padding: 20px 14px 12px !important;
        margin-top: 8px !important;
        border-top: 1px solid var(--border, #e0e0e0);
        background: #fff !important;
    }

    .site-footer .footer-container {
        display: block !important;
        padding: 0 !important;
        gap: 0 !important;
    }

    .site-footer .footer-brand-section {
        margin-bottom: 14px !important;
        text-align: center !important;
    }

    .site-footer .footer-logo {
        font-size: 20px !important;
        margin-bottom: 8px !important;
    }

    .site-footer .footer-description {
        display: block !important;
        font-size: 12px !important;
        line-height: 1.45 !important;
        margin: 0 auto 10px !important;
        max-width: 32em !important;
        color: #777 !important;
    }

    .site-footer .footer-socials {
        display: flex !important;
        justify-content: center !important;
        gap: 10px !important;
        margin-bottom: 4px !important;
    }

    .site-footer .footer-links-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 14px 18px !important;
        margin: 0 0 16px !important;
    }

    .site-footer .footer-column h3 {
        font-size: 13px !important;
        margin: 0 0 8px !important;
    }

    .site-footer .footer-column ul li {
        margin-bottom: 6px !important;
    }

    .site-footer .footer-column ul li a {
        font-size: 12px !important;
    }

    .site-footer .footer-shell {
        padding-bottom: 20px !important;
    }

    .site-footer .footer-bottom__inner {
        padding: 14px 14px calc(14px + var(--app-safe-bottom, 0px)) !important;
    }

    /* Compare bar: hidden by default; only .active sits above bottom nav */
    .compare-bar {
        bottom: -220px !important;
        pointer-events: none !important;
        z-index: 1090 !important; /* below bottom nav (1100) when hidden */
    }

    .compare-bar.active {
        bottom: calc(var(--app-bottom-h) + var(--app-bottom-gap) + var(--app-safe-bottom) + 10px) !important;
        pointer-events: auto !important;
        z-index: 1120 !important;
        padding: 0 10px !important;
    }

    .compare-bar.active .compare-bar__inner {
        padding: 10px 12px !important;
        border-radius: 14px !important;
        gap: 10px !important;
    }

    .compare-bar.active .compare-bar__btn {
        min-height: 40px !important;
        padding: 8px 12px !important;
        font-size: 12px !important;
    }

    .listing-sticky-cta {
        bottom: calc(var(--app-bottom-h) + var(--app-bottom-gap) + var(--app-safe-bottom) + 6px) !important;
        z-index: 1090 !important;
        padding-bottom: 10px !important;
    }

    .listing-sticky-cta--contact {
        gap: 10px !important;
    }

    .listing-sticky-cta--contact .listing-sticky-cta__actions {
        width: 100%;
        gap: 10px !important;
    }

    .listing-sticky-cta--contact .listing-sticky-cta__btn {
        min-height: 48px !important;
        height: 48px !important;
        border-radius: 12px !important;
        font-size: 15px !important;
        font-weight: 800 !important;
    }

    /* Elan səhifəsində + FAB sticky barın içinə girməsin */
    .page-listing-detail .app-bottom-nav {
        z-index: 1100 !important;
        overflow: visible;
    }

    .page-listing-detail .app-bottom-nav__cta {
        margin-top: -20px !important;
        width: 44px !important;
        height: 44px !important;
        font-size: 16px !important;
        box-shadow: 0 6px 14px rgba(234, 88, 12, 0.35) !important;
    }

    .page-listing-detail .app-bottom-nav__item--cta {
        justify-content: flex-end !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .page-listing-detail .site-main,
    .page-listing-detail .ld-wrap,
    .page-listing-detail .bh-product-master-wrapper {
        padding-bottom: calc(var(--app-bottom-h) + var(--app-bottom-gap) + var(--app-safe-bottom) + 72px) !important;
    }

    /* Home stack: carousel → promo. Categories = icon grid below (not a stretched strip). */
    .main-site-wrapper-container {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        margin: 8px auto !important;
        padding: 0 10px !important;
        max-width: none !important;
        width: 100% !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    /* Desktop category panel gone; left slot is compact ad card */
    .home-cat-panel,
    .navigation-sidebar-category-section {
        display: none !important;
    }

    .home-left-ad {
        order: 0;
        position: static !important;
        height: 140px !important;
        width: 100% !important;
        border-radius: 14px !important;
    }

    .home-left-ad__fallback-icon {
        margin: 0 0 4px !important;
        width: 40px !important;
        height: 40px !important;
    }

    .home-left-ad__fallback strong {
        font-size: 0.95rem !important;
    }

    .central-hero-carousel-display-area {
        order: 1;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        height: 200px !important;
    }

    .central-hero-carousel-display-area .carousel-caption-text-holder {
        max-width: calc(100% - 24px) !important;
        margin: 0 0 14px 12px !important;
        padding: 8px 12px !important;
    }

    .central-hero-carousel-display-area .carousel-main-display-title {
        font-size: 0.85rem !important;
    }

    .central-hero-carousel-display-area .carousel-cta-chip {
        display: none !important;
    }

    .promotional-marketing-sidebar-aside {
        display: block !important;
        order: 2;
        position: static !important;
        top: auto !important;
        height: auto !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .home-cat-grid {
        margin: 4px auto 18px !important;
        padding: 0 10px !important;
    }

    .home-cat-grid__head {
        margin-bottom: 10px !important;
    }

    .home-cat-grid__head h2 {
        font-size: 1.1rem !important;
    }

    .home-cat-grid__list {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .home-cat-card {
        min-height: 132px !important;
        padding: 12px !important;
    }

    .home-cat-card__img {
        height: 64px !important;
    }

    .home-cat-card__title {
        font-size: 0.88rem !important;
    }

    .home-cat-tile {
        min-height: 108px !important;
        height: 100% !important;
        padding: 10px 6px 12px !important;
    }

    .home-cat-tile__name {
        font-size: 0.7rem !important;
        min-height: calc(1.3em * 2) !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    /* Legacy icon grid (if any) */
    .home-category-icons-grid {
        display: none !important;
    }

    /* Desktop "Şok təklif" → full-width horizontal promo strip */
    .promo-sidebar-card {
        height: auto !important;
        min-height: 0 !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px 12px !important;
        padding: 12px !important;
        border-radius: 14px !important;
        text-align: left !important;
        box-shadow: none !important;
    }

    .promo-sidebar-card .discount-blob {
        width: 52px !important;
        height: 52px !important;
        font-size: 11px !important;
        position: static !important;
        transform: none !important;
        animation: none !important;
        flex-shrink: 0 !important;
    }

    .promo-sidebar-card .promo-image-container {
        margin: 0 !important;
        flex-shrink: 0 !important;
    }

    .promo-sidebar-card .promo-product-img {
        width: 64px !important;
        height: 64px !important;
        object-fit: contain !important;
        animation: none !important;
        filter: none !important;
    }

    .promo-sidebar-card h3 {
        font-size: 14px !important;
        margin: 0 !important;
        flex: 1 1 120px !important;
    }

    .promo-sidebar-card > p {
        flex: 1 1 100% !important;
        font-size: 12px !important;
        margin: 0 !important;
        opacity: 0.85 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    .promo-sidebar-card .timer-flex {
        margin: 0 !important;
        gap: 4px !important;
        justify-content: flex-start !important;
    }

    .promo-sidebar-card .t-unit {
        min-width: 34px !important;
        padding: 4px !important;
        font-size: 10px !important;
    }

    .promo-sidebar-card .buy-now-btn {
        margin: 0 0 0 auto !important;
        padding: 10px 12px !important;
        font-size: 12px !important;
        white-space: nowrap !important;
        border-radius: 10px !important;
    }

    .listings-section-title {
        font-size: 16px !important;
        margin: 10px 0 8px !important;
    }

    .container {
        padding-left: 12px;
        padding-right: 12px;
    }

    .site-main > .container {
        padding-top: 0 !important;
    }

    /* Listing filters — full-bleed sheet feel */
    .listings-filters,
    .filter-sidebar,
    .listings-layout__left .filter-panel {
        border-radius: 16px 16px 0 0 !important;
    }

    .listings-toolbar,
    .listings-sort-bar {
        position: static !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
        backdrop-filter: none !important;
    }

    /* Compare — card stack hint */
    .compare-table,
    .compare-table-wrap table {
        font-size: 12px !important;
    }

    .compare-table th:first-child,
    .compare-table td:first-child {
        position: sticky;
        left: 0;
        background: #fff;
        z-index: 1;
    }

    /* Auth — kill desktop full-viewport centering (huge empty gaps) */
    .makina-login-scope {
        min-height: 0 !important;
    }

    .auth-page,
    .login-page,
    .register-page {
        padding: 0 !important;
    }

    /* Listing detail — app sections */
    .ld-actions,
    .bh-actions,
    .product-detail-actions {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 8px !important;
    }

    .ld-actions .btn,
    .bh-actions .btn,
    .product-detail-actions .btn {
        width: 100%;
        min-height: 44px;
        justify-content: center;
    }

    /* Messages / chat in account */
    .account-content .overflow-x-auto {
        margin-left: -4px;
        margin-right: -4px;
    }

    .page-account .account-quick-nav a {
        min-height: 36px;
        display: inline-flex;
        align-items: center;
        border-radius: 999px;
        padding: 8px 14px;
        background: #fff;
        border: 1px solid #e5e7eb;
        color: #555;
        font-size: 13px;
        font-weight: 700;
        text-decoration: none;
        white-space: nowrap;
    }

    .page-account .account-quick-nav a.is-active {
        background: #fff7ed;
        border-color: #fed7aa;
        color: #c56d00;
    }

    /* --- Forms / auth / contact / about / blog / shops / wanted --- */
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="tel"],
    input[type="number"],
    input[type="search"],
    select,
    textarea {
        font-size: 16px !important; /* prevent iOS zoom */
    }

    .page-wizard .app-bottom-nav {
        display: none !important;
    }

    .page-wizard {
        padding-bottom: 88px !important;
    }

    .wizard-sticky-bar {
        bottom: 0 !important;
        padding-bottom: env(safe-area-inset-bottom, 0px);
        z-index: 1150 !important;
    }

    .page-account {
        padding-bottom: calc(var(--app-bottom-h) + var(--app-bottom-gap) + var(--app-safe-bottom) + 12px);
    }

    .page-account .account-menu-toggle,
    .page-account .account-sidebar,
    .page-account .account-sidebar-backdrop {
        display: none !important;
    }

    .page-account .account-quick-nav {
        display: flex !important;
        gap: 8px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding: 8px 12px 10px;
        margin: 0;
        position: relative;
        top: auto;
        z-index: 1;
        background: #f4f6f9;
    }

    .page-account .account-quick-nav::-webkit-scrollbar {
        display: none;
    }

    .page-account .account-content {
        width: 100%;
    }

    .app-drawer__logout {
        margin: 4px 0 0;
    }

    .app-drawer__link--danger {
        width: 100%;
        border: none;
        background: transparent;
        color: #dc2626;
        cursor: pointer;
        font: inherit;
        text-align: left;
    }

    .app-drawer__link--danger i {
        color: #dc2626;
    }

    .contact-page,
    .about-page,
    .page-contact,
    .page-about {
        padding-bottom: 8px;
    }

    .blog-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .mkn-detailed-grid-wrapper,
    .mkn-article-main {
        padding: 0 !important;
    }

    .shops-grid,
    .shop-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .sp-hero,
    .spare-parts-hero {
        padding: 16px 12px !important;
        border-radius: 12px !important;
    }

    .listings-filter-drawer,
    .filter-panel,
    .listings-layout__left {
        padding-bottom: calc(var(--app-bottom-h) + 16px) !important;
    }

    .profile-overlap .header-banner {
        height: 120px !important;
    }

    .store-identity {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
    }

    .auth-card,
    .login-card,
    .register-wrapper,
    .registration-card {
        margin: 12px auto !important;
        max-width: 100% !important;
        border-radius: 14px !important;
        box-shadow: none !important;
        border: 1px solid var(--border, #e0e0e0) !important;
    }

    .page-listing-detail .ld-main,
    .bh-product-master-wrapper {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .ld-gallery,
    .bh-gallery,
    .product-gallery {
        border-radius: 0 !important;
    }

    .ld-price,
    .bh-price,
    .product-detail-price {
        font-size: 22px !important;
        font-weight: 800 !important;
    }

    .ad-sidebar,
    .listings-side-ad,
    .ad-left,
    .ad-right {
        display: none !important;
    }

    .corporate-partnership-branding-slider-section {
        margin: 8px 0 !important;
    }

    .individual-partner-logo-item {
        min-width: 72px !important;
        height: 48px !important;
    }

    .home-category-icons-grid .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .account-content .overflow-x-auto {
        margin-left: -4px;
        margin-right: -4px;
    }
}

/* Desktop: hide app chrome entirely */
@media (min-width: 1025px) {
    .app-menu-btn,
    .app-header-actions,
    .app-post-btn,
    .app-drawer,
    .app-drawer-backdrop,
    .app-bottom-nav,
    .app-search-sheet,
    .app-search-backdrop {
        display: none !important;
    }
}