/* ==========================================================================
   Makina.az — Per-page native mobile layouts (≤1024px only)
   Desktop styles in design/*.css stay unchanged.
   ========================================================================== */

/* Desktop-də gizlidir — yalnız mobil scroll-da header altında çıxır */
.m-cat-strip {
    display: none !important;
}

@media (max-width: 1024px) {
    .m-cat-strip {
        display: block !important;
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        top: 0;
        z-index: 850 !important;
        width: 100% !important;
        max-width: 100vw !important;
        margin: 0 !important;
        background: #fff !important;
        border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
        box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
        transform: translate3d(0, -120%, 0);
        opacity: 0;
        pointer-events: none;
        transition: transform 0.2s ease, opacity 0.2s ease;
        will-change: transform;
    }

    .m-cat-strip.is-visible {
        transform: translate3d(0, 0, 0);
        opacity: 1;
        pointer-events: auto;
    }

    .m-cat-strip__track {
        display: flex;
        flex-wrap: nowrap;
        gap: 2px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding: 8px 10px 10px;
        scroll-snap-type: x proximity;
    }

    .m-cat-strip__track::-webkit-scrollbar {
        display: none;
    }

    .m-cat-strip__item {
        flex: 0 0 auto;
        width: 74px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 6px;
        text-decoration: none;
        color: #1f2937;
        border: 0;
        background: transparent;
        padding: 0;
        cursor: pointer;
        scroll-snap-align: start;
        font: inherit;
    }

    .m-cat-strip__icon {
        width: 56px;
        height: 56px;
        border-radius: 18px;
        background: #f3f4f6;
        display: grid;
        place-items: center;
        overflow: hidden;
        box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.04);
    }

    .m-cat-strip__icon img {
        width: 70%;
        height: 70%;
        object-fit: contain;
        display: block;
    }

    .m-cat-strip__icon i {
        font-size: 1.15rem;
        color: #64748b;
    }

    .m-cat-strip__icon--wanted {
        background: #fff7ed;
    }

    .m-cat-strip__icon--wanted i {
        color: #ea580c;
    }

    .m-cat-strip__icon--tires {
        background: #f1f5f9;
    }

    .m-cat-strip__icon--tires i {
        color: #0f172a;
    }

    .m-cat-strip__icon--all {
        background: #eff6ff;
    }

    .m-cat-strip__icon--all i {
        color: #2563eb;
    }

    .m-cat-strip__name {
        font-size: 11px;
        font-weight: 650;
        line-height: 1.2;
        text-align: center;
        max-width: 100%;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        min-height: calc(1.2em * 2);
    }

    .m-cat-strip__item.is-active .m-cat-strip__icon {
        box-shadow: inset 0 0 0 2px #f7971c;
        background: #fff7ed;
    }

    .m-cat-strip__item.is-active .m-cat-strip__name {
        color: #c2410c;
    }

    /* ========== HOME hero search — mobil: kompakt + səliqəli ========== */
    /* Mobil hero: yuxarı şəkil, kart yarısı ağ fonda — minimal */
    .search-section {
        --hero-band: 148px !important;
        --hero-hang: 54px !important;
        position: relative !important;
        padding: 0 !important;
        margin: 0 0 var(--hero-hang) !important;
        min-height: var(--hero-band) !important;
        height: var(--hero-band) !important;
        aspect-ratio: auto !important;
        max-height: none !important;
        align-items: flex-end !important;
        justify-content: flex-end !important;
        border-radius: 0 !important;
        background: #1a1208 !important;
        background-image: none !important;
        animation: none !important;
        display: flex !important;
        overflow: visible !important;
        isolation: isolate !important;
        box-sizing: border-box !important;
    }

    .search-section__bg {
        display: block !important;
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center 32% !important;
        z-index: 0 !important;
        pointer-events: none !important;
    }

    .search-section__shade {
        display: block !important;
        position: absolute !important;
        inset: 0 !important;
        z-index: 1 !important;
        pointer-events: none !important;
        background:
            linear-gradient(180deg, rgba(10, 14, 20, 0.22) 0%, rgba(10, 14, 20, 0.10) 45%, rgba(10, 14, 20, 0.40) 100%) !important;
    }

    .search-section__stage,
    .search-section__floats {
        display: none !important;
    }

    .search-section__inner {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        max-width: 100% !important;
        justify-content: flex-end !important;
        padding-bottom: 0 !important;
        transform: translateY(46%) !important;
    }

    .search-section__top,
    .search-section__copy {
        display: none !important;
    }

    .search-section .container {
        padding: 0 12px !important;
        margin: 0 auto !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Başlıq + elan sayı eyni sətirdə — tablar altta tam enində */
    .search-section .search-panel__title {
        grid-area: title !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: left !important;
        min-width: 0 !important;
    }

    .search-section .search-panel__headline {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: baseline !important;
        gap: 5px !important;
        margin: 0 !important;
        min-width: 0 !important;
        font-size: 15px !important;
        font-weight: 650 !important;
        line-height: 1.25 !important;
        color: #334155 !important;
        text-shadow: none !important;
    }

    .search-section .search-panel__headline-static {
        color: #334155 !important;
        font-weight: 600 !important;
        white-space: nowrap !important;
    }

    .search-section .search-panel__headline-words {
        color: var(--primary, #f7971c) !important;
        font-weight: 700 !important;
        min-width: 4.2em !important;
    }

    .search-section .search-panel__headline-word {
        color: inherit !important;
    }

    .search-section .search-panel__hint {
        display: none !important;
    }

    .search-section__form {
        position: relative !important;
        z-index: 5 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 0 !important;
    }

    .search-section .search-panel {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-areas:
            "title count"
            "tabs tabs" !important;
        align-items: center !important;
        column-gap: 8px !important;
        row-gap: 8px !important;
        padding: 12px !important;
        border-radius: 16px !important;
        background: #fff !important;
        border: 0 !important;
        box-shadow: 0 12px 28px rgba(15, 23, 42, 0.14) !important;
        backdrop-filter: none !important;
        overflow: visible !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        font-family: inherit !important;
    }

    .search-section .search-panel__body,
    .search-section .btn-search {
        display: none !important;
    }

    .search-section .search-panel__head {
        display: contents !important;
    }

    .search-section .search-panel__count {
        grid-area: count !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 3px !important;
        flex: 0 0 auto !important;
        width: auto !important;
        margin: 0 !important;
        min-height: 28px !important;
        padding: 0 8px !important;
        border-radius: 999px !important;
        background: #f8fafc !important;
        border: 1px solid #eef2f6 !important;
        color: #64748b !important;
        font-size: 11px !important;
        font-weight: 550 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        cursor: pointer !important;
        box-shadow: none !important;
        appearance: none !important;
        -webkit-appearance: none !important;
        font-family: inherit !important;
        align-self: center !important;
    }

    .search-section .search-panel__count i:not(.search-panel__count-go) {
        display: none !important;
    }

    .search-section .search-panel__count strong {
        display: inline !important;
        color: #334155 !important;
        font-weight: 700 !important;
        font-variant-numeric: tabular-nums;
        line-height: 1 !important;
    }

    .search-section .search-panel__count > span:not(.search-panel__count-cta) {
        display: inline !important;
        color: #64748b !important;
        font-weight: 500 !important;
        line-height: 1 !important;
    }

    .search-section .search-panel__count-cta {
        display: none !important;
    }

    .search-section .search-panel__count-go {
        display: inline-flex !important;
        margin-left: 1px !important;
        font-size: 9px !important;
        color: #94a3b8 !important;
        opacity: 1 !important;
    }

    .search-section .tab-label-full {
        display: none !important;
    }

    .search-section .tab-label-short {
        display: inline !important;
    }

    .search-section .search-panel .tabs-container {
        grid-area: tabs !important;
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 4px !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        flex: none !important;
        min-width: 0 !important;
        border-bottom: 0 !important;
        overflow: visible !important;
        background: transparent !important;
        border-radius: 0 !important;
    }

    .search-section .search-panel .tabs-container::-webkit-scrollbar {
        display: none;
    }

    .search-section .search-panel .tabs-container input {
        display: none !important;
    }

    .search-section .search-panel .tabs-container label,
    .search-section .search-panel .tab-chip {
        flex: none !important;
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0 !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 7px 2px !important;
        min-height: 32px !important;
        height: auto !important;
        font-family: inherit !important;
        font-size: 12px !important;
        font-weight: 550 !important;
        line-height: 1.1 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        border-radius: 999px !important;
        background: transparent !important;
        border: 1px solid transparent !important;
        color: #64748b !important;
        box-shadow: none !important;
        text-shadow: none !important;
        position: relative !important;
        letter-spacing: -0.02em !important;
        cursor: pointer !important;
        box-sizing: border-box !important;
    }

    .search-section .search-panel .tab-chip i {
        display: none !important;
    }

    .search-section .search-panel .tabs-container input:checked + label::after,
    .search-section .search-panel .tabs-container input:checked + .tab-chip::after {
        display: none !important;
        content: none !important;
    }

    .search-section .search-panel .tabs-container input:checked + label,
    .search-section .search-panel .tabs-container input:checked + .tab-chip {
        background: #fff7ed !important;
        border-color: #fed7aa !important;
        color: #c2410c !important;
        font-weight: 700 !important;
        box-shadow: none !important;
    }

    .searchable-select-sheet-backdrop {
        position: fixed !important;
        inset: 0 !important;
        z-index: 6100 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: rgba(15, 23, 42, 0.42) !important;
        -webkit-backdrop-filter: blur(2px);
        backdrop-filter: blur(2px);
        cursor: pointer;
        opacity: 0;
        transition: opacity 0.18s ease;
    }

    .searchable-select-sheet-backdrop.is-visible {
        opacity: 1 !important;
    }

    .searchable-select-sheet-backdrop[hidden] {
        display: none !important;
    }

    html.has-searchable-sheet,
    html.has-searchable-sheet body {
        overflow: hidden !important;
    }

    /* Empty / oversized hero carousel → short banner or hide empty */
    .main-site-wrapper-container {
        margin: 6px 0 0 !important;
        padding: 0 10px !important;
    }

    /* Home category sidebar / list — kill desktop air */
    .home-layout,
    .index-layout,
    .main-content-area,
    .equipment-section,
    .sidebar-categories,
    .ms-categories-block {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .sidebar-categories,
    .ms-categories-block,
    .categories-card,
    .home-categories-card {
        margin: 8px 0 !important;
        padding: 10px 12px !important;
        border-radius: 12px !important;
    }

    .central-hero-carousel-display-area,
    .home-banner--carousel {
        height: 180px !important;
        min-height: 180px !important;
        max-height: 180px !important;
        border-radius: 14px !important;
        margin: 0 0 12px !important;
        box-shadow: none !important;
        background: #1f2937 !important;
    }

    .central-hero-carousel-display-area:not(:has(.carousel-slide-element)),
    .home-banner--carousel:not(:has(.carousel-slide-element)) {
        display: none !important;
    }

    .home-banner__slide-title,
    .carousel-main-display-title {
        font-size: 14px !important;
        padding: 0 !important;
        text-align: left !important;
    }

    .home-banner__slide-bar {
        padding: 10px 12px !important;
    }

    .home-banner__dots,
    .carousel-dots {
        bottom: 52px !important;
    }

    .carousel-control-btn-prev,
    .carousel-control-btn-next,
    .home-banner__nav {
        width: 30px !important;
        height: 30px !important;
        font-size: 12px !important;
    }

    .equipment-header h2,
    .home-section-title,
    .section-title,
    .equipment-section-title {
        font-size: 15px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .equipment-header--compact {
        gap: 6px !important;
        margin-bottom: 8px !important;
    }

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

    .product-section--compact .equipment-tabs.filter-wrapper {
        justify-content: flex-start !important;
        margin: 0 !important;
        gap: 5px !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch;
    }

    .product-section--compact .equipment-tabs.filter-wrapper::-webkit-scrollbar {
        display: none !important;
    }

    .product-section--compact .equipment-tab-link.f-btn {
        flex: 0 0 auto !important;
        min-height: 28px !important;
        padding: 4px 10px !important;
        font-size: 11px !important;
        border-radius: 999px !important;
        background: #fff !important;
        color: #64748b !important;
        border: 1px solid #e8ecf1 !important;
        box-shadow: none !important;
    }

    .product-section--compact .equipment-tab-link.f-btn.active,
    .product-section--compact .equipment-tab-link.f-btn:hover {
        color: #d97706 !important;
        border-color: rgba(245, 158, 11, 0.45) !important;
        background: rgba(245, 158, 11, 0.1) !important;
        box-shadow: none !important;
    }

    .product-section-header {
        align-items: center !important;
        margin-bottom: 8px !important;
        padding: 0 2px !important;
    }

    .product-section-header .home-section-title {
        margin: 0 !important;
    }

    .product-section-all {
        font-size: 12px !important;
    }

    .equipment-tabs,
    .filter-wrapper {
        gap: 5px !important;
        margin-bottom: 8px !important;
        padding: 0 !important;
    }

    .equipment-tab-link,
    .f-btn {
        min-height: 28px !important;
        padding: 4px 10px !important;
        font-size: 11px !important;
        border-radius: 999px !important;
    }

    /* Icon grid hidden — category chips in main stack already cover this */
    .home-category-icons-grid {
        display: none !important;
    }

    .premium-hero-banner {
        margin: 10px !important;
        border-radius: 14px !important;
        min-height: 0 !important;
        padding: 16px 14px !important;
    }

    .premium-hero-banner .main-slogan {
        font-size: 18px !important;
        margin: 6px 0 !important;
    }

    /* ========== LISTINGS / WANTED / SPARE / FAVORITES / LANDINGS ========== */
    .listings-page {
        padding: 0 !important;
        margin: 0 !important;
    }

    .listings-page > .container {
        padding: 0 8px !important;
        margin: 0 !important;
    }

    .listings-layout--unified {
        display: block !important;
        padding: 0 !important;
        margin: 0 !important;
        gap: 0 !important;
    }

    /* Fixed filter drawer must not leave an empty column/gap */
    .listings-layout__left {
        display: contents !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: 0 !important;
    }

    .listings-layout__right {
        margin: 0 !important;
        padding: 0 !important;
        gap: 4px !important;
    }

    .listings-main-top {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 4px !important;
        margin: 4px 0 6px !important;
        padding: 0 !important;
    }

    .listings-main-controls {
        display: contents !important;
        margin: 0 !important;
    }

    .listings-main-head {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: baseline !important;
        gap: 6px !important;
        order: 1 !important;
        min-height: 0 !important;
    }

    /* Title is redundant with Satış tab — keep only count */
    .listings-main-head__title {
        display: none !important;
    }

    .listings-results-count {
        font-size: 12px !important;
        color: #666 !important;
        margin: 0 !important;
        line-height: 1.2 !important;
    }

    .listings-results-count strong {
        font-size: 12px !important;
        color: #222 !important;
    }

    .listings-back-all {
        margin: 0 !important;
        font-size: 12px !important;
    }

    .listings-toolbar {
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch !important;
        gap: 6px !important;
        width: 100% !important;
        order: 2 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .listings-sort {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        display: flex !important;
        align-items: center !important;
        gap: 0 !important;
        margin: 0 !important;
        border: 1px solid #e5e7eb !important;
        border-radius: 10px !important;
        background: #fff !important;
        padding: 0 8px !important;
        min-height: 36px !important;
    }

    .listings-sort__label {
        display: none !important;
    }

    .listings-sort__select {
        width: 100% !important;
        border: none !important;
        background: transparent !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        min-height: 34px !important;
        padding: 0 !important;
        color: #222 !important;
    }

    .listings-filter-toggle {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        flex: 0 0 auto !important;
        min-height: 36px !important;
        padding: 0 12px !important;
        border-radius: 10px !important;
        border: 1px solid #e5e7eb !important;
        background: #fff !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        box-shadow: none !important;
    }

    .listings-section-nav {
        display: flex !important;
        width: 100% !important;
        gap: 4px !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        order: 3 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .listings-section-nav::-webkit-scrollbar { display: none; }

    .listings-section-nav__item {
        flex: 1 1 0 !important;
        justify-content: center !important;
        min-height: 34px !important;
        border-radius: 8px !important;
        padding: 0 6px !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        gap: 4px !important;
    }

    .listings-section-nav__item i {
        font-size: 10px !important;
    }

    .listings-section-title,
    .listings-section-title--compact {
        font-size: 12px !important;
        margin: 8px 0 4px !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
    }

    .listings-premium-block {
        margin: 0 0 6px !important;
        padding: 0 0 6px !important;
        border-bottom: 1px solid #f0f0f0 !important;
    }

    .listings-premium-more {
        margin: 6px 0 0 !important;
    }

    .listings-premium-more .btn,
    .listings-premium-more a {
        width: 100% !important;
        min-height: 36px !important;
        justify-content: center !important;
        border-radius: 10px !important;
        font-size: 12px !important;
        padding: 8px 10px !important;
    }

    .listings-inline-ad,
    .listings-between-ad,
    .ad-slot--between_listings,
    .product-grid > .listings-between-ad,
    .product-grid--dense > .listings-between-ad,
    .catalog-grid > .listings-between-ad,
    .equipment-section .listings-between-ad,
    .product-section .listings-between-ad {
        grid-column: 1 / -1 !important;
        justify-self: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 8px 0 !important;
        padding: 0 !important;
        border-radius: 14px !important;
        overflow: hidden !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
    }

    .listings-between-ad:not(.listings-vip-poster),
    .listings-inline-ad:not(.listings-vip-poster),
    .ad-slot--between_listings:not(.listings-vip-poster) {
        background: #111 !important;
    }

    .listings-vip-poster {
        background: transparent !important;
    }

    .listings-between-ad a,
    .listings-inline-ad a,
    .listings-vip-poster__media {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        line-height: 0 !important;
    }

    /* Şəkilli reklam — həmişə ekranın tam eni (max-height eni kəsməsin) */
    .listings-vip-poster--image,
    .listings-vip-poster__media {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .listings-between-ad img,
    .listings-inline-ad img,
    .ad-slot--between_listings img,
    .listings-vip-poster__media img,
    .listings-vip-poster--image img {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        object-fit: cover !important;
        object-position: center !important;
        border-radius: 12px !important;
    }

    .listings-vip-poster a.listings-vip-poster__inner {
        line-height: 1.4 !important;
        min-height: 132px !important;
        padding: 20px 16px !important;
        gap: 14px !important;
        border-radius: 16px !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .listings-vip-poster__copy {
        gap: 7px !important;
    }

    .listings-vip-poster__title {
        font-size: 1.08rem !important;
        line-height: 1.25 !important;
    }

    .listings-vip-poster__text {
        font-size: 0.84rem !important;
        line-height: 1.45 !important;
    }

    .listings-vip-poster__note {
        font-size: 0.8rem !important;
        line-height: 1.35 !important;
    }

    .listings-vip-poster__cta {
        width: 100% !important;
        justify-content: center !important;
        min-height: 42px !important;
    }

    .listings-between-ad__fallback,
    .listings-inline-ad__fallback {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
        padding: 10px 12px !important;
        color: #fff !important;
        font-size: 13px !important;
        line-height: 1.3 !important;
    }

    .active-filter-chips,
    .filter-chips {
        margin: 0 !important;
        padding: 0 0 4px !important;
        gap: 4px !important;
    }

    /* Dense listing cards — maximize info per screen */
    .listings-main .product-grid,
    .listings-main .product-grid--dense,
    .listings-premium-block .product-grid,
    .listings-page .product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
        margin: 0 !important;
    }

    .listings-main .product-card,
    .listings-premium-block .product-card {
        border-radius: 0 !important;
        border: none !important;
        box-shadow: none !important;
        overflow: visible !important;
        background: transparent !important;
        height: auto !important;
        transform: none !important;
        gap: 6px !important;
    }

    .listings-main .product-card .product-img-wrap,
    .listings-premium-block .product-card .product-img-wrap {
        position: relative !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: 4 / 3 !important;
        overflow: hidden !important;
        border-radius: 14px !important;
        background: #f3f4f6 !important;
    }

    .listings-main .product-card .product-img-wrap .product-img,
    .listings-premium-block .product-card .product-img-wrap .product-img {
        border-radius: 14px !important;
    }

    .listings-main .product-card .product-info,
    .listings-premium-block .product-card .product-info {
        padding: 0 2px 2px !important;
        gap: 2px !important;
        background: transparent !important;
    }

    .listings-main .product-card .product-price,
    .listings-premium-block .product-card .product-price {
        font-size: 12px !important;
        margin: 0 !important;
        line-height: 1.1 !important;
    }

    .listings-main .product-card .product-title,
    .listings-premium-block .product-card .product-title {
        font-size: 11px !important;
        line-height: 1.2 !important;
        display: block !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        -webkit-line-clamp: unset !important;
        min-height: 0 !important;
        margin: 0 !important;
        color: #444 !important;
    }

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

    .listings-main .product-card--shop .product-title,
    .listings-premium-block .product-card--shop .product-title {
        display: -webkit-box !important;
        white-space: normal !important;
        -webkit-line-clamp: 2 !important;
        min-height: calc(1.2em * 2) !important;
    }

    .listings-main {
        margin: 0 !important;
        padding: 0 !important;
        gap: 0 !important;
    }

    .listings-page .pagination,
    .listings-page .adm-pagination,
    .listings-main + nav,
    .listings-main .pagination {
        margin: 10px 0 4px !important;
        padding: 0 !important;
    }

    /* Badges: flex row on image, never stacked/overlapping */
    .listings-main .product-card__badges,
    .listings-premium-block .product-card__badges {
        top: 6px !important;
        left: 6px !important;
        right: auto !important;
        bottom: auto !important;
        max-width: calc(100% - 44px) !important;
        gap: 4px !important;
    }

    .listings-main .product-card__badges .badge-premium,
    .listings-main .product-card__badges .badge-satis,
    .listings-main .product-card__badges .badge-icare,
    .listings-premium-block .product-card__badges .badge-premium,
    .listings-premium-block .product-card__badges .badge-satis,
    .listings-premium-block .product-card__badges .badge-icare {
        position: static !important;
        writing-mode: horizontal-tb !important;
        transform: none !important;
        inset: auto !important;
        width: auto !important;
        height: auto !important;
        max-width: 100% !important;
        padding: 3px 6px !important;
        font-size: 9px !important;
        font-weight: 800 !important;
        letter-spacing: 0 !important;
        border-radius: 6px !important;
        white-space: nowrap !important;
        line-height: 1.2 !important;
        gap: 3px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .listings-main .product-card__badges .badge-premium--icon,
    .listings-main .product-card__badges .badge-boosted--icon,
    .listings-premium-block .product-card__badges .badge-premium--icon,
    .listings-premium-block .product-card__badges .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;
        overflow: visible !important;
        display: inline-flex !important;
    }

    .listings-main .product-card .badge-satis i,
    .listings-main .product-card .badge-icare i,
    .listings-premium-block .product-card .badge-satis i,
    .listings-premium-block .product-card .badge-icare i {
        display: none !important;
    }

    /*
     * İl solda + Satış/İcarə sağda.
     * Ağ badge açıq şəkildə itirdi — tünd kontrast + yüksək specificity.
     */
    .listings-main .product-card .card-badges-bottom,
    .listings-main .product-card.product-card--shop .card-badges-bottom,
    .listings-premium-block .product-card .card-badges-bottom,
    .listings-premium-block .product-card.product-card--shop .card-badges-bottom,
    .product-grid .product-card .card-badges-bottom,
    .product-card.product-card--shop .card-badges-bottom,
    .product-card .card-badges-bottom {
        position: absolute !important;
        left: 6px !important;
        right: 6px !important;
        bottom: 6px !important;
        top: auto !important;
        z-index: 12 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 4px !important;
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: none !important;
    }

    .listings-main .product-card .card-badges-bottom .badge-year,
    .listings-main .product-card .card-badges-bottom .badge-type,
    .listings-main .product-card.product-card--shop .card-badges-bottom .badge-year,
    .listings-main .product-card.product-card--shop .card-badges-bottom .badge-type,
    .listings-premium-block .product-card .card-badges-bottom .badge-year,
    .listings-premium-block .product-card .card-badges-bottom .badge-type,
    .listings-premium-block .product-card.product-card--shop .card-badges-bottom .badge-year,
    .listings-premium-block .product-card.product-card--shop .card-badges-bottom .badge-type,
    .product-grid .product-card .card-badges-bottom .badge-year,
    .product-grid .product-card .card-badges-bottom .badge-type,
    .product-card.product-card--shop .card-badges-bottom .badge-year,
    .product-card.product-card--shop .card-badges-bottom .badge-type,
    .product-card .card-badges-bottom .badge-year,
    .product-card .card-badges-bottom .badge-type {
        position: static !important;
        inset: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        display: inline-flex !important;
        align-items: center !important;
        width: auto !important;
        height: auto !important;
        min-height: 18px !important;
        max-width: 48% !important;
        margin: 0 !important;
        padding: 3px 7px !important;
        border-radius: 999px !important;
        border: 0 !important;
        font-size: 10px !important;
        font-weight: 800 !important;
        line-height: 1.15 !important;
        letter-spacing: 0.01em !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        opacity: 1 !important;
        visibility: visible !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        background: rgba(15, 23, 42, 0.88) !important;
        color: #fff !important;
    }

    .listings-main .product-card.product-card--shop .card-badges-bottom .badge-year--empty,
    .product-card .card-badges-bottom .badge-year--empty {
        visibility: hidden !important;
        padding: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
    }

    .listings-main .product-card.product-card--shop .card-badges-bottom .type-rent,
    .product-card.product-card--shop .card-badges-bottom .type-rent,
    .product-card .card-badges-bottom .type-rent {
        background: #0e7490 !important;
        color: #fff !important;
    }

    .listings-main .product-card.product-card--shop .card-badges-bottom .type-sale,
    .product-card.product-card--shop .card-badges-bottom .type-sale,
    .product-card .card-badges-bottom .type-sale {
        background: #c2410c !important;
        color: #fff !important;
    }

    .listings-main .product-card .action-btns,
    .listings-premium-block .product-card .action-btns {
        display: none !important;
    }

    .listings-sidebar {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: min(92vw, 360px) !important;
        z-index: 1250 !important;
        transform: translateX(105%) !important;
        transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1) !important;
        background: #fff !important;
        box-shadow: -8px 0 30px rgba(0, 0, 0, 0.18) !important;
        padding: env(safe-area-inset-top, 0) 0 calc(var(--app-bottom-h, 64px) + env(safe-area-inset-bottom, 0)) !important;
        overflow: hidden !important;
    }

    .listings-sidebar.is-open {
        transform: translateX(0) !important;
    }

    .listings-filter-backdrop.is-visible {
        z-index: 1240 !important;
    }

    .listings-sidebar .filter-panel {
        height: 100% !important;
        max-height: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        padding-bottom: 0 !important;
    }

    .listings-sidebar .filter-panel form {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
    }

    .listings-sidebar .filter-panel__scroll {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow-y: auto !important;
    }

    .listings-sidebar .filter-panel__actions {
        flex: 0 0 auto !important;
        position: sticky !important;
        bottom: 0 !important;
        z-index: 10 !important;
        background: #fff !important;
        box-shadow: 0 -12px 28px rgba(15, 23, 42, 0.12) !important;
        padding: 12px 12px calc(12px + env(safe-area-inset-bottom, 0px)) !important;
        margin: 0 -12px 0 !important;
    }

    .active-filter-chips,
    .filter-chips {
        display: flex !important;
        gap: 6px !important;
        overflow-x: auto !important;
        padding: 0 0 10px !important;
        scrollbar-width: none;
    }

    .active-filter-chips::-webkit-scrollbar { display: none; }

    .wanted-list,
    .wanted-results {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .wanted-list > .listings-between-ad,
    .wanted-list > .listings-empty-state,
    .wanted-results > .listings-between-ad,
    .wanted-results > .listings-empty-state {
        grid-column: 1 / -1 !important;
    }

    .wanted-list-item,
    .wanted-card {
        border-radius: 12px !important;
        padding: 0 !important;
        background: #fff !important;
        border: 1px solid #e8e8e8 !important;
    }

    .wanted-page .wanted-hero {
        padding: 12px !important;
        margin-bottom: 10px !important;
    }

    /* ========== LISTING DETAIL (tap.az-style mobile stack) ========== */
    .page-listing-detail {
        background: #f2f3f5 !important;
    }

    .page-listing-detail .ld-wrap.container,
    .page-listing-detail .container.ld-wrap {
        padding-left: 0 !important;
        padding-right: 0 !important;
        max-width: none !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        background: #f2f3f5 !important;
    }

    .page-listing-detail .ld-main,
    .page-listing-detail .ld-main__left,
    .page-listing-detail .ld-sidebar,
    .page-listing-detail .ld-panel {
        display: contents !important;
    }

    .page-listing-detail .ld-topbar {
        order: 1;
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
        margin: 0 !important;
        padding: 4px 8px !important;
        min-height: 0 !important;
        background: #fff !important;
        border-bottom: 1px solid #eceff2 !important;
    }

    .page-listing-detail .ld-back {
        width: 28px !important;
        min-height: 28px !important;
        height: 28px !important;
        padding: 0 !important;
        border-radius: 50% !important;
        border: 1px solid #e8eaed !important;
        box-shadow: none !important;
        justify-content: center !important;
    }

    .page-listing-detail .ld-back span {
        display: none !important;
    }

    .page-listing-detail .ld-back i {
        font-size: 11px !important;
    }

    .page-listing-detail .ld-breadcrumb {
        flex: 1 !important;
        padding: 0 !important;
        margin: 0 !important;
        font-size: 11px !important;
        line-height: 1.2 !important;
        color: #8a9199 !important;
        background: transparent !important;
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .page-listing-detail .ld-breadcrumb span {
        margin: 0 3px !important;
    }

    .page-listing-detail .ld-breadcrumb::-webkit-scrollbar { display: none; }

    .page-listing-detail .ld-title-row {
        order: 99;
        display: none !important;
    }

    .page-listing-detail .ld-stat-strip {
        display: none !important;
    }

    .page-listing-detail .ld-gallery {
        order: 2;
        margin: 0 !important;
        border-radius: 0 !important;
        background: #fff !important;
    }

    .page-listing-detail .ld-gallery__main,
    .page-listing-detail .bh-main-view-container {
        position: relative !important;
        border-radius: 0 !important;
        background: #e8eaed !important;
    }

    .page-listing-detail .ld-gallery__main img,
    .page-listing-detail .bh-main-viewport-frame {
        width: 100% !important;
        max-height: none !important;
        height: auto !important;
        aspect-ratio: 4 / 3 !important;
        object-fit: cover !important;
        border-radius: 0 !important;
        display: block !important;
    }

    .page-listing-detail .ld-gallery__thumbs {
        display: none !important;
    }

    .page-listing-detail .ld-gallery__count {
        right: 10px !important;
        bottom: 10px !important;
        left: auto !important;
        top: auto !important;
        background: rgba(15, 23, 42, 0.55) !important;
        color: #fff !important;
        border-radius: 8px !important;
        padding: 4px 8px !important;
        font-size: 12px !important;
        font-weight: 700 !important;
    }

    .page-listing-detail .ld-gallery__flags {
        position: absolute;
        left: 10px;
        bottom: 10px;
        display: flex;
        gap: 6px;
        z-index: 2;
    }

    .page-listing-detail .ld-gallery__flag {
        width: 28px;
        height: 28px;
        display: grid;
        place-items: center;
        border-radius: 8px;
        color: #fff;
        font-size: 12px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.18);
    }

    .page-listing-detail .ld-gallery__flag--premium {
        background: #f59e0b;
    }

    .page-listing-detail .ld-gallery__flag--boost {
        background: #2563eb;
    }

    /* Qiymət + başlıq */
    .page-listing-detail .ld-m-head {
        order: 3;
        display: block !important;
        padding: 14px 14px 12px !important;
        background: #fff !important;
        margin: 0 !important;
    }

    .page-listing-detail .ld-m-head__price {
        margin: 0 0 6px !important;
        font-size: 26px !important;
        font-weight: 800 !important;
        letter-spacing: -0.03em !important;
        color: #111827 !important;
        line-height: 1.15 !important;
    }

    .page-listing-detail .ld-m-head__price span {
        font-size: 15px !important;
        font-weight: 650 !important;
        color: #6b7280 !important;
    }

    .page-listing-detail .ld-m-head__title {
        margin: 0 !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 1.35 !important;
        color: #1f2937 !important;
    }

    .page-listing-detail .ld-panel__price-block {
        display: none !important;
    }

    /* Parametrlər — cədvəl kartı */
    .page-listing-detail .ld-section--specs {
        order: 4;
        margin: 8px 10px 0 !important;
        padding: 4px 14px !important;
        background: #fff !important;
        border-radius: 14px !important;
        border: 1px solid #e8eaed !important;
    }

    .page-listing-detail .ld-section--specs .ld-section__title {
        display: none !important;
    }

    .page-listing-detail .ld-section--specs .ld-spec-grid {
        display: block !important;
        margin: 0 !important;
    }

    .page-listing-detail .ld-section--specs .ld-spec-pair {
        display: flex !important;
        justify-content: space-between !important;
        align-items: baseline !important;
        gap: 16px !important;
        grid-template-columns: none !important;
        padding: 12px 0 !important;
        border-bottom: 1px solid #f0f1f3 !important;
        font-size: 14px !important;
    }

    .page-listing-detail .ld-section--specs .ld-spec-pair:last-child {
        border-bottom: 0 !important;
    }

    .page-listing-detail .ld-section--specs .ld-spec-pair dt {
        flex: 0 1 auto !important;
        color: #9aa0a6 !important;
        font-weight: 500 !important;
        font-size: 13px !important;
    }

    .page-listing-detail .ld-section--specs .ld-spec-pair dd {
        flex: 0 1 auto !important;
        text-align: right !important;
        color: #1f2937 !important;
        font-weight: 650 !important;
        word-break: break-word !important;
    }

    /* CTA düymələri */
    .page-listing-detail .ld-panel__cta {
        order: 5;
        margin: 8px 10px 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
    }

    .page-listing-detail .ld-panel__cta-row {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
    }

    .page-listing-detail .ld-panel__cta-row .ld-panel__btn {
        flex: 1 1 0 !important;
        flex-direction: row !important;
        min-width: 0 !important;
        min-height: 48px !important;
        padding: 12px 8px !important;
        border-radius: 12px !important;
        font-size: 13px !important;
        font-weight: 750 !important;
        gap: 6px !important;
    }

    .page-listing-detail .ld-panel__cta-row .ld-panel__btn-label {
        display: inline !important;
        white-space: nowrap !important;
    }

    .page-listing-detail .ld-panel__btn--green {
        background: #22c55e !important;
        box-shadow: none !important;
    }

    .page-listing-detail .ld-panel__btn--wa {
        background: #25d366 !important;
        border-color: #25d366 !important;
        color: #fff !important;
    }

    .page-listing-detail .ld-panel__btn--wa i {
        color: #fff !important;
    }

    .page-listing-detail .ld-panel__btn--ghost {
        background: #3b82f6 !important;
        border-color: #3b82f6 !important;
        color: #fff !important;
    }

    .page-listing-detail .ld-panel__hint,
    .page-listing-detail .ld-contact-hint {
        margin: 0 10px !important;
        border-radius: 12px !important;
    }

    /* Təhlükəsizlik bildirişi — satıcı/mağaza profilinin yanında */
    .page-listing-detail .safety-notice--panel {
        order: 8;
        margin: 8px 10px 0 !important;
        border-radius: 12px !important;
    }

    /* Təsvir + Davamını oxu */
    .page-listing-detail .ld-section--desc {
        order: 6;
        margin: 8px 10px 0 !important;
        padding: 14px !important;
        background: #fff !important;
        border-radius: 14px !important;
        border: 1px solid #e8eaed !important;
    }

    .page-listing-detail .ld-section--desc .ld-section__title {
        display: none !important;
    }

    .page-listing-detail .ld-description {
        margin: 0 !important;
        font-size: 14px !important;
        line-height: 1.55 !important;
        color: #374151 !important;
    }

    .page-listing-detail .ld-description.is-clamped:not(.is-expanded) .ld-description__text {
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 5 !important;
        overflow: hidden !important;
        white-space: pre-line !important;
    }

    .page-listing-detail .ld-description__more {
        display: inline-block !important;
        margin-top: 8px !important;
        padding: 0 !important;
        border: 0 !important;
        background: none !important;
        color: #2563eb !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        font-family: inherit !important;
        cursor: pointer !important;
    }

    .page-listing-detail .ld-description__more[hidden] {
        display: none !important;
    }

    /* Satıcı */
    .page-listing-detail .ld-panel__seller {
        order: 7;
        margin: 8px 10px 0 !important;
        padding: 14px !important;
        background: #fff !important;
        border-radius: 14px !important;
        border: 1px solid #e8eaed !important;
    }

    .page-listing-detail .ld-panel__seller-label {
        display: none !important;
    }

    /* Meta + promote */
    .page-listing-detail .ld-panel__stats {
        order: 9;
        margin: 8px 10px 0 !important;
        padding: 12px 14px !important;
        background: #fff !important;
        border-radius: 14px !important;
        border: 1px solid #e8eaed !important;
        color: #9aa0a6 !important;
        font-size: 12px !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px 10px !important;
    }

    .page-listing-detail .ld-panel__promote {
        order: 10;
        margin: 8px 10px 0 !important;
        padding: 10px !important;
        background: #fff !important;
        border-radius: 14px !important;
        border: 1px solid #e8eaed !important;
    }

    .page-listing-detail .ld-panel__promote-title {
        margin-bottom: 8px !important;
        font-size: 12px !important;
        gap: 6px !important;
    }

    .page-listing-detail .ld-panel__promote-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 6px !important;
    }

    .page-listing-detail .ld-promo-card {
        flex-direction: row !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 8px !important;
        min-width: 0 !important;
        min-height: 0 !important;
        border-radius: 12px !important;
    }

    .page-listing-detail .ld-promo-card__icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px !important;
        font-size: 12px !important;
    }

    .page-listing-detail .ld-promo-card__body {
        gap: 1px !important;
    }

    .page-listing-detail .ld-promo-card__body strong {
        font-size: 12px !important;
        line-height: 1.15 !important;
    }

    .page-listing-detail .ld-promo-card__body small {
        font-size: 10px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        line-height: 1.2 !important;
    }

    .page-listing-detail .ld-panel-cb {
        order: 10;
        margin: 8px 10px 0 !important;
        border-radius: 14px !important;
    }

    .page-listing-detail .ld-section:not(.ld-section--specs):not(.ld-section--desc) {
        order: 11;
        margin: 8px 10px 0 !important;
        padding: 14px !important;
        background: #fff !important;
        border-radius: 14px !important;
    }

    .page-listing-detail .ld-related {
        order: 20;
        margin: 12px 10px 20px !important;
        padding: 14px 0 0 !important;
    }

    .page-listing-detail .ld-reviews {
        order: 21;
        margin: 8px 10px 24px !important;
        padding: 14px !important;
        background: #fff !important;
        border-radius: 14px !important;
    }

    .listing-sticky-cta,
    .ld-sticky-cta {
        display: flex !important;
        gap: 10px !important;
        padding: 10px 12px !important;
        background: #fff !important;
        border-top: 1px solid #eceff3 !important;
        box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.08) !important;
    }

    .listing-sticky-cta .btn,
    .ld-sticky-cta .btn,
    .listing-sticky-cta a,
    .ld-sticky-cta a {
        flex: 1 !important;
        min-height: 48px !important;
        height: 48px !important;
        border-radius: 12px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        font-weight: 800 !important;
        font-size: 15px !important;
    }

    /* ========== COMPARE ========== */
    .page-compare .compare-page {
        padding: 10px 12px 20px !important;
    }

    .page-compare .compare-page__header {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 10px !important;
    }

    .page-compare .compare-page__title {
        font-size: 20px !important;
        margin: 0 !important;
    }

    .page-compare .compare-page__subtitle {
        display: none !important;
    }

    .page-compare .compare-page__header-actions {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
    }

    .page-compare .compare-page__header-actions .compare-btn {
        min-height: 42px !important;
        justify-content: center !important;
        font-size: 12px !important;
    }

    .page-compare .compare-table-wrap {
        display: none !important;
    }

    .page-compare .compare-mobile {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }

    .page-compare .compare-mobile-card {
        background: #fff !important;
        border: 1px solid #e8e8e8 !important;
        border-radius: 14px !important;
        overflow: hidden !important;
        padding: 12px !important;
    }

    /* ========== SHOPS ========== */
    .shops-page,
    .shops-index {
        padding: 10px 12px !important;
    }

    .shops-grid,
    .shop-grid,
    .shop-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .shop-card,
    .seller-card {
        border-radius: 12px !important;
        overflow: hidden !important;
    }

    .shops-page .shop-card__cover {
        height: 48px !important;
    }

    .shops-page .shop-card__logo {
        width: 40px !important;
        height: 40px !important;
        margin-top: -20px !important;
        border-width: 2px !important;
    }

    .shops-page .shop-card__body {
        padding: 6px 8px 10px !important;
        gap: 3px !important;
    }

    .shops-page .shop-card__name {
        font-size: 0.82rem !important;
    }

    .shops-page .shop-card__meta {
        font-size: 0.68rem !important;
        gap: 6px !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .shops-page .shop-card__package {
        top: 6px !important;
        right: 6px !important;
        padding: 2px 6px !important;
        font-size: 8px !important;
    }

    .shops-page .shop-card__go {
        width: 22px !important;
        height: 22px !important;
        right: 6px !important;
        bottom: 6px !important;
        font-size: 10px !important;
    }

    .shops-page .shop-card__body {
        padding-bottom: 28px !important;
    }

    .shop-show .shop-tabs,
    .store-tabs {
        display: flex !important;
        gap: 6px !important;
        overflow-x: auto !important;
        scrollbar-width: none;
        padding-bottom: 8px !important;
    }

    .shop-show .product-grid,
    .favorites-page .product-grid,
    .ld-related__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
    }

    /* ========== BLOG ========== */
    .blogs-page,
    .blog-index,
    .mkn-blogs-page {
        padding: 10px 12px !important;
    }

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

    .blog-card,
    .mkn-blog-card {
        border-radius: 14px !important;
        overflow: hidden !important;
    }

    .blog-detail,
    .mkn-article-main,
    .article-content {
        padding: 12px !important;
        font-size: 15px !important;
        line-height: 1.6 !important;
    }

    .blog-detail h1,
    .mkn-article-main h1 {
        font-size: 22px !important;
        line-height: 1.25 !important;
    }

    /* ========== CONTACT / ABOUT / LEGAL ========== */
    .contact-layout,
    .contact-grid,
    .contact-page__grid {
        display: block !important;
    }

    .contact-form,
    .contact-info,
    .contact-map {
        width: 100% !important;
        margin-bottom: 12px !important;
        border-radius: 14px !important;
    }

    .contact-form input,
    .contact-form textarea,
    .contact-form select {
        min-height: 44px !important;
        border-radius: 12px !important;
    }

    .contact-form button,
    .contact-form .btn {
        width: 100% !important;
        min-height: 48px !important;
        border-radius: 12px !important;
    }

    .about-page .about-grid,
    .about-stats,
    .about-features {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .legal-page,
    .page-legal {
        padding: 12px !important;
        font-size: 14px !important;
        line-height: 1.6 !important;
    }

    /* ========== AUTH / LOGIN / REGISTER ========== */
    .makina-login-scope {
        min-height: 0 !important;
        background: #fff !important;
        display: block !important;
    }

    .makina-login-scope .login-banner,
    .makina-contact-scope .contact-banner,
    .makina-about-scope .about-banner {
        padding: 10px 12px !important;
        text-align: left !important;
        animation: none !important;
        background: linear-gradient(90deg, #1a2a6c, #b21f1f) !important;
        background-size: auto !important;
    }

    .makina-login-scope .banner-title,
    .makina-contact-scope .banner-title,
    .makina-about-scope .banner-title {
        font-size: 15px !important;
        font-weight: 700 !important;
        margin: 0 !important;
        letter-spacing: 0 !important;
        line-height: 1.2 !important;
    }

    .makina-login-scope .banner-breadcrumb,
    .makina-contact-scope .banner-breadcrumb,
    .makina-about-scope .banner-breadcrumb {
        display: none !important;
    }

    .makina-login-scope .login-content-area {
        display: block !important;
        flex: none !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        padding: 10px 12px 8px !important;
        background: #fff !important;
    }

    .makina-login-scope .login-card {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 12px 0 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        border: none !important;
        background: transparent !important;
    }

    .makina-login-scope .card-title {
        font-size: 16px !important;
        margin-bottom: 12px !important;
        text-align: left !important;
    }

    .makina-login-scope .login-form {
        gap: 12px !important;
    }

    .makina-login-scope .custom-input {
        padding: 11px 12px !important;
        font-size: 14px !important;
        border-radius: 10px !important;
    }

    .makina-login-scope .submit-btn {
        min-height: 44px !important;
        padding: 10px !important;
        border-radius: 10px !important;
        font-size: 15px !important;
        margin-top: 2px !important;
    }

    .makina-login-scope .login-footer-links {
        margin-top: 12px !important;
        text-align: left !important;
    }

    .makina-login-scope .link-forgot {
        margin-bottom: 8px !important;
    }

    .auth-page,
    .login-page,
    .register-page,
    .notice-add-page {
        padding: 8px 12px 12px !important;
        min-height: auto !important;
    }

    .auth-card,
    .login-card,
    .register-wrapper,
    .registration-card,
    .notice-add-card {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 12px 0 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        border: none !important;
    }

    .auth-card button,
    .login-card button,
    .registration-card button,
    .notice-add-card button,
    .auth-card .btn,
    .login-card .btn,
    .makina-login-scope .submit-btn {
        width: 100% !important;
        min-height: 44px !important;
        border-radius: 10px !important;
    }

    /* ========== WIZARD / FORMS ========== */
    .wizard-shell,
    .wizard-page {
        padding: 8px 12px !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .wizard-steps,
    .wizard-stepper,
    .wizard-stage-bar {
        gap: 6px !important;
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
        padding-bottom: 8px !important;
        -webkit-overflow-scrolling: touch;
    }

    .wizard-type-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .wizard-form .form-row--2,
    .wizard-tech-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
    }

    .wizard-pick-grid,
    .wizard-pick-grid--cats,
    .wizard-pick-grid--brands {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .wizard-pick-grid--years {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .wizard-pick-grid--condition {
        grid-template-columns: 1fr !important;
    }

    .wizard-type-card {
        min-height: 72px !important;
        border-radius: 14px !important;
        padding: 14px 12px !important;
    }

    .wizard-pick {
        min-height: 0 !important;
        border-radius: 14px !important;
        padding: 12px 10px !important;
    }

    .wizard-pick--tile {
        min-height: 96px !important;
        padding: 12px 10px !important;
    }

    .wizard-stage__title {
        font-size: 1.25rem !important;
    }

    .wizard-stage__search,
    .wizard-form input,
    .wizard-form select,
    .wizard-form textarea {
        font-size: 16px !important;
        max-width: 100% !important;
    }

    .wizard-card {
        border-radius: 14px !important;
        padding: 14px 12px !important;
        box-shadow: none !important;
        border: 1px solid #e8e8e8 !important;
    }

    .wizard-sticky-bar,
    .listing-form-actions {
        display: flex !important;
        gap: 8px !important;
        padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0)) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        background: #fff !important;
        box-shadow: 0 -4px 14px rgba(15, 23, 42, 0.06) !important;
    }

    .wizard-photo-thumb,
    .listing-form-photo-thumb {
        touch-action: pan-y !important;
        box-shadow: none !important;
        transition: none !important;
    }

    .wizard-stage-nav {
        box-shadow: none !important;
    }

    .wizard-stage-bar {
        overscroll-behavior-x: contain;
        -webkit-overflow-scrolling: touch;
    }

    .wizard-sticky-bar .btn,
    .listing-form-actions .btn {
        flex: 1 !important;
        min-height: 46px !important;
        border-radius: 12px !important;
    }

    .listing-form,
    .page-listing-form {
        padding: 8px 12px 100px !important;
    }

    .listing-form .form-grid,
    .listing-form .grid,
    .wizard-fields-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .photo-upload-grid,
    .wizard-photos-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    /* ========== ADS ORDER / PAYMENT ========== */
    .ads-order-page,
    .payment-redirect-page,
    body .max-w-3xl,
    body .max-w-2xl {
        max-width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .ads-order-form .grid,
    .ads-order-form [class*="grid-cols"] {
        display: block !important;
    }

    .ads-order-form button,
    .ads-order-form .btn,
    .payment-redirect-page button {
        width: 100% !important;
        min-height: 48px !important;
    }

    /* ========== SEARCH / SPARE PARTS ========== */
    .search-hero,
    .sp-hero,
    .spare-parts-hero {
        margin: 8px 10px 12px !important;
        padding: 14px 12px !important;
        border-radius: 14px !important;
    }

    .spare-cat-acc {
        margin-bottom: 12px !important;
        padding: 10px !important;
    }

    /* ========== WANTED OFFER FORM ========== */
    .wanted-offer-page,
    .wanted-offer-form {
        padding: 10px 12px !important;
    }

    .wanted-offer-form .form-row,
    .wanted-offer-form .grid {
        display: block !important;
    }

    .wanted-offer-form button,
    .wanted-offer-form .btn {
        width: 100% !important;
        min-height: 48px !important;
    }
}