/**
 * Header responsive — masaüstü ≥1025px | mobil+tablet ≤1024px (2 satır)
 * Token: assets/css/tokens.css — mobil 0–767 | tablet 768–1024 | masaüstü 1025+
 * Dokunulmaz: .mobile-menu-toggle, .mobile-bottom-nav*, .mobile-category-drawer*
 */

.mobile-header-divider,
.mobile-header-actions,
.mobile-header-pills,
.mobile-header-cart-wrap {
    display: none;
}

.mobile-logo-cluster {
    display: contents;
}

@media (min-width: 1025px) {
    .mobile-header-divider {
        display: none !important;
    }

    .header-container,
    header .header-container {
        display: grid !important;
        /* Logo genişliği kadar + arama sabit; sağda boş 1fr yalnızca menüye */
        grid-template-columns: max-content minmax(280px, 520px) minmax(0, 1fr);
        grid-template-areas: 'hdr-logo hdr-search hdr-user';
        align-items: center;
        gap: clamp(20px, 2.2vw, 32px);
        padding-left: clamp(12px, 2.5vw, 40px) !important;
        padding-right: clamp(12px, 2.5vw, 40px) !important;
        min-width: 0;
        width: 100%;
        max-width: var(--container-max, 1600px);
        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box;
        position: relative;
        overflow-x: visible;
        overflow-y: visible;
    }

    header {
        /* PC: logo üst/alt çizgi (top-nav + header border) arasında, arama sağında */
        --header-pad-y: 4px;
        --header-logo-h: 76px;
        --header-logo-w: 232px;
        --header-search-h: 44px;
        --header-icon-h: 52px;
        min-height: calc(var(--header-logo-h) + var(--header-pad-y) * 2) !important;
        padding-top: var(--header-pad-y) !important;
        padding-bottom: var(--header-pad-y) !important;
        box-sizing: border-box;
        width: 100%;
        overflow-x: clip;
        overflow-y: visible;
        box-sizing: border-box;
    }

    header .header-container {
        align-items: center !important;
    }

    /* Arama: orta sütun — dar pencerede küçülür, sağ blok taşmaz */
    header .header-container > .search-container {
        grid-area: hdr-search;
        z-index: 1 !important;
        margin-left: 0 !important;
        min-width: 0 !important;
        width: 100% !important;
        max-width: 520px !important;
        justify-self: start;
        flex-shrink: 0;
    }

    header .header-container > .mobile-logo-cluster,
    header .header-container > .mobile-logo-cluster > .logo-container,
    header .header-container > .mobile-logo-cluster > .logo-container .site-logo-wrap {
        position: relative !important;
        z-index: 30 !important;
        isolation: isolate;
        overflow: visible !important;
    }

    header .header-container > .search-container {
        z-index: 1 !important;
    }

    header .header-container > .mobile-menu-toggle {
        display: none !important;
    }

    /* Giriş bloğu: 3. sütun — kategori şeridiyle aynı sağ hiza */
    header .header-container > .mobile-header-actions {
        grid-area: hdr-user;
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
        justify-self: end;
        min-width: 0;
        max-width: 100%;
        margin: 0 !important;
        margin-left: auto !important;
        overflow: hidden;
    }

    header .header-container > .mobile-header-actions .auth-buttons {
        margin-left: 0 !important;
        flex: 0 1 auto !important;
        flex-shrink: 1 !important;
        min-width: 0 !important;
        max-width: 100%;
        overflow: hidden;
    }

    header .header-container .nav-section {
        z-index: 5 !important;
        flex-shrink: 1 !important;
        min-width: 0 !important;
        max-width: 100%;
        overflow: hidden;
    }

    .mobile-header-pills {
        display: none !important;
    }

    .mobile-header-cart-wrap {
        display: none !important;
    }

    .mobile-logo-cluster {
        grid-area: hdr-logo;
        display: flex !important;
        align-items: center;
        justify-content: flex-start;
        flex: 0 0 auto;
        flex-shrink: 0;
        min-width: max-content;
        max-width: none;
        margin-right: clamp(8px, 1vw, 16px);
        padding-right: 4px;
        overflow: visible;
        visibility: visible !important;
        opacity: 1 !important;
    }

    header .header-search-desktop-only,
    header .header-container > .search-container,
    header .header-container > .header-search-desktop-only {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        left: auto !important;
        width: 100% !important;
        max-width: 520px !important;
        min-width: 0 !important;
        height: auto !important;
        max-height: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        pointer-events: auto !important;
        clip: auto !important;
        flex: none !important;
        align-items: center !important;
    }

    header .header-container > .search-container .search-wrapper {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    header .header-container > .search-container .search-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex: 1 1 auto !important;
    }

    header .header-container > .auth-buttons {
        flex-shrink: 1 !important;
        min-width: 0 !important;
        gap: clamp(6px, 1vw, 15px);
    }

    /* Dar masaüstü: profil metni gizle, nav-section sığsın (main.css ile uyumlu) */
    @media (min-width: 1025px) and (max-width: 1200px) {
        header .header-container .nav-section .divider {
            display: none !important;
        }
    }

    @media (min-width: 1025px) and (max-width: 1080px) {
        header .header-container .header-cart-wrap {
            display: none !important;
        }
    }

    /* PC: logo solda, arama kutusunun solunda, satır ortasında */
    header .header-container > .mobile-logo-cluster > .logo-container {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        height: auto !important;
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        pointer-events: auto !important;
        overflow: visible !important;
        background: none !important;
        flex-shrink: 0;
        min-width: max-content;
        line-height: normal;
    }

    header .header-container > .mobile-logo-cluster > .logo-container .site-logo-wrap {
        display: inline-flex !important;
        align-items: center !important;
        overflow: visible !important;
        line-height: 0 !important;
        background: transparent !important;
        vertical-align: middle !important;
        z-index: 31 !important;
        width: var(--header-logo-w, 232px) !important;
        height: var(--header-logo-h, 76px) !important;
        max-width: min(var(--header-logo-w, 232px), 30vw) !important;
        flex-shrink: 0;
    }

    header .header-container > .mobile-logo-cluster > .logo-container .site-logo-wrap img.site-logo {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        background: transparent !important;
        object-fit: contain !important;
        object-position: left center !important;
        transform: none !important;
        position: relative;
        z-index: 1;
    }

    header .header-container > .search-container,
    header .header-container > .search-container .search-wrapper {
        min-height: var(--header-search-h) !important;
        height: var(--header-search-h) !important;
    }

    header .header-container > .search-container input#searchBox.search-box {
        min-height: var(--header-search-h) !important;
        height: var(--header-search-h) !important;
        line-height: var(--header-search-h) !important;
    }

    header .header-container > .search-container input#searchBox.search-box::placeholder {
        line-height: var(--header-search-h) !important;
    }

    header .header-container > .mobile-logo-cluster > .logo-container .site-logo:not(img) g,
    header .header-container > .mobile-logo-cluster > .logo-container .site-logo path {
        fill: #ffffff !important;
    }

    body.light-mode header .header-container > .mobile-logo-cluster > .logo-container .site-logo g,
    body.light-mode header .header-container > .mobile-logo-cluster > .logo-container .site-logo path {
        fill: #1a1f2e !important;
    }

    /* Masaüstü: giriş/kayıt yalnızca metin */
    header .header-container .auth-buttons .mobile-auth-btn__ico {
        display: none !important;
    }
}

@media (max-width: 1024px) {
    /* Varsayılan display:none’u ez — logo sağı sepet */
    .mobile-header-cart-wrap,
    header .header-container > .mobile-header-cart-wrap {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    :root {
        --mhdr-bg: var(--header-strip-bg, #14151a);
        --mhdr-surface: var(--chrome-control-bg, #1a1c23);
        --mhdr-surface-hover: var(--surface-hover, #1a1c23);
        --mhdr-border: var(--header-strip-border, #2d3139);
        --mhdr-logo: #e8eaed;
        --mhdr-icon: #94a3b8;
        --mhdr-action-surface: var(--mhdr-surface);
        --mhdr-action-surface-hover: var(--mhdr-surface-hover);
        --mhdr-profile-bg: var(--chrome-control-bg, #1a1c23);
        --mhdr-cart-icon: #f0c040;
        --mhdr-cart-bg: var(--mhdr-action-surface);
        --mhdr-cart-bg-hover: var(--mhdr-action-surface-hover);
    }

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

    header {
        --header-logo-w: 180px;
        --header-logo-h: 46px;
        padding: 0;
        overflow: visible !important;
        background: var(--mhdr-bg) !important;
        background-color: var(--mhdr-bg) !important;
        border-bottom: none !important;
        box-shadow: none !important;
    }

    body.light-mode header {
        /* PC header ile aynı: body.light-mode --header-strip-bg (#ffffff) */
        --mhdr-bg: var(--header-strip-bg, #ffffff);
        --mhdr-surface: #d8dde5;
        --mhdr-border: var(--header-strip-border, rgba(74, 158, 255, 0.15));
        --mhdr-logo: #6b7280;
        --mhdr-icon: #4b5563;
        --mhdr-action-surface: #e2e5eb;
        --mhdr-action-surface-hover: #d5dae3;
        --mhdr-profile-bg: #e2e5eb;
        --mhdr-cart-icon: #c9920a;
        --mhdr-cart-bg: var(--mhdr-action-surface);
        --mhdr-cart-bg-hover: var(--mhdr-action-surface-hover);
    }

    /* main.css / ilanlar.css header alt çizgisini mobilde kapat */
    body.dark-mode header,
    body.light-mode header {
        border-bottom: none !important;
        box-shadow: none !important;
    }

    header .header-container {
        --mhdr-divider-gap: 8px;
        --mhdr-divider-gap-top: 20px;
        --mhdr-divider-gap-bottom: 4px;
        display: grid !important;
        grid-template-columns: 38px minmax(0, 1fr) 38px;
        grid-template-rows: auto auto auto;
        grid-template-areas:
            'mhdr-menu mhdr-logo mhdr-cart'
            'mhdr-divider mhdr-divider mhdr-divider'
            'mhdr-actions mhdr-actions mhdr-actions';
        align-items: center;
        overflow: visible !important;
        row-gap: 0;
        padding: 10px max(12px, env(safe-area-inset-right)) 10px max(12px, env(safe-area-inset-left)) !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        background: var(--mhdr-bg) !important;
        background-color: var(--mhdr-bg) !important;
    }

    /* Misafir: giriş yapmış ile aynı 3 satır — logo altında ayırıcı çizgi, sonra Giriş/Kayıt */
    header .header-container.header-container--mobile-guest,
    header .header-container:has(.mobile-header-actions--guest) {
        grid-template-rows: auto auto auto;
        grid-template-areas:
            'mhdr-menu mhdr-logo mhdr-cart'
            'mhdr-divider mhdr-divider mhdr-divider'
            'mhdr-actions mhdr-actions mhdr-actions';
        row-gap: 0;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    header .header-container.header-container--mobile-guest > .mobile-header-actions,
    header .header-container:has(.mobile-header-actions--guest) > .mobile-header-actions {
        min-height: 0 !important;
        height: auto !important;
        align-self: center;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Mobil/tablet: arama + İlan Ekle yok (yalnızca PC header) */
    header .header-search-desktop-only,
    header .header-container > .search-container,
    header .header-container > .header-search-desktop-only,
    header .search-container .search-wrapper,
    header .search-container .search-box,
    header .search-container .add-listing-btn,
    header .search-container .search-icon,
    header .search-container .search-suggestions,
    header .search-container .search-results {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        position: absolute !important;
        left: -9999px !important;
        width: 0 !important;
        height: 0 !important;
        max-width: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
        clip: rect(0, 0, 0, 0) !important;
        border: 0 !important;
    }

    header .header-container > .mobile-menu-toggle {
        grid-area: mhdr-menu;
        justify-self: start;
        align-self: center;
        z-index: 3;
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
        padding: 0 !important;
        background: var(--mhdr-surface) !important;
        border-radius: 10px !important;
        gap: 4px !important;
        box-sizing: border-box !important;
    }

    header .header-container > .mobile-menu-toggle span {
        width: 18px;
        height: 2px;
        background: var(--mhdr-icon);
    }

    body.light-mode header .header-container > .mobile-menu-toggle {
        background: var(--mhdr-surface) !important;
    }

    /* Logo — üst satırda tam ortada (hamburger | LOGO | sepet) */
    header .header-container > .mobile-logo-cluster {
        grid-area: mhdr-logo;
        justify-self: center;
        align-self: center;
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: auto;
        max-width: 100%;
        min-width: 0;
        height: auto;
        margin: 0 auto;
        padding: 0;
        z-index: 20 !important;
        position: relative;
        isolation: isolate;
        pointer-events: none;
        background: none !important;
        line-height: 0;
        overflow: visible !important;
    }

    header .header-container > .mobile-logo-cluster > * {
        pointer-events: auto;
    }

    /* Sepet — en sağ, saydam sarı kutu + sarı ikon (hamburger boyutu/köşe) */
    header .header-container > .mobile-header-cart-wrap {
        grid-area: mhdr-cart;
        justify-self: end;
        align-self: center;
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative;
        flex-shrink: 0;
        margin: 0;
        align-items: center;
        justify-content: center;
        z-index: 3;
    }

    header .header-container > .mobile-header-cart-wrap .header-cart-link {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid var(--mhdr-border) !important;
        border-radius: 10px !important;
        -webkit-border-radius: 10px !important;
        background: var(--mhdr-cart-bg) !important;
        background-color: var(--mhdr-cart-bg) !important;
        color: var(--mhdr-cart-icon) !important;
        transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease !important;
        font-size: 18px !important;
        line-height: 1 !important;
        box-shadow: none !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
    }

    header .header-container > .mobile-header-cart-wrap .header-cart-link i {
        color: var(--mhdr-cart-icon) !important;
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    header .header-container > .mobile-header-cart-wrap .header-cart-link:hover i {
        color: var(--mhdr-cart-icon) !important;
    }

    header .header-container > .mobile-header-cart-wrap .header-cart-link:hover {
        background: var(--mhdr-cart-bg-hover) !important;
        background-color: var(--mhdr-cart-bg-hover) !important;
        border-color: rgba(74, 158, 255, 0.35) !important;
        box-shadow: 0 0 0 1px rgba(74, 158, 255, 0.12) !important;
        color: var(--mhdr-cart-icon) !important;
        transform: none !important;
    }

    body.light-mode header .header-container > .mobile-header-cart-wrap .header-cart-link,
    body.light-mode header .header-container > .mobile-header-cart-wrap .header-cart-link i {
        color: var(--mhdr-cart-icon) !important;
    }

    body.light-mode header .header-container > .mobile-header-cart-wrap .header-cart-link {
        background: var(--mhdr-cart-bg) !important;
        background-color: var(--mhdr-cart-bg) !important;
    }

    header .header-container > .mobile-header-cart-wrap .yer6-header-cart-badge {
        top: 2px !important;
        right: 2px !important;
        min-width: 15px !important;
        height: 15px !important;
        line-height: 15px !important;
        font-size: 9px !important;
        border: 2px solid var(--mhdr-bg) !important;
    }

    /* Kutu satır genişliğine uzamasın — sadece SVG içeriği kadar yer kaplasın */
    header .header-container > .mobile-logo-cluster > .logo-container {
        position: static !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        width: fit-content !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 auto !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        pointer-events: auto !important;
        overflow: visible !important;
        z-index: 21 !important;
        position: relative;
        visibility: visible !important;
        opacity: 1 !important;
        line-height: 0;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    header .header-container > .mobile-logo-cluster > .logo-container .site-logo-wrap {
        display: inline-block !important;
        overflow: visible !important;
        margin: 0 auto !important;
        line-height: 0 !important;
        background: transparent !important;
        z-index: 22 !important;
        position: relative;
    }

    header .header-container > .mobile-logo-cluster > .logo-container .site-logo-wrap img.site-logo {
        display: block !important;
        width: min(var(--header-logo-w, 180px), 72vw) !important;
        height: auto !important;
        max-height: var(--header-logo-h, 46px) !important;
        max-width: min(92vw, 280px) !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        transform: none !important;
        vertical-align: middle;
        position: relative;
        z-index: 1;
    }

    header .header-container > .mobile-logo-cluster > .logo-container .site-logo g,
    header .header-container > .mobile-logo-cluster > .logo-container .site-logo path,
    body.light-mode header .header-container > .mobile-logo-cluster > .logo-container .site-logo g,
    body.light-mode header .header-container > .mobile-logo-cluster > .logo-container .site-logo path {
        fill: var(--mhdr-logo) !important;
    }

    header .header-container > .mobile-header-divider {
        grid-area: mhdr-divider;
        position: relative;
        z-index: 0;
        --mhdr-divider-gap-top: 20px;
        --mhdr-divider-gap-bottom: 4px;
        display: block !important;
        width: calc(100% + max(12px, env(safe-area-inset-left)) + max(12px, env(safe-area-inset-right)));
        max-width: none !important;
        height: auto;
        min-height: 0;
        margin: 0;
        margin-left: calc(-1 * max(12px, env(safe-area-inset-left)));
        margin-right: calc(-1 * max(12px, env(safe-area-inset-right)));
        padding-top: var(--mhdr-divider-gap-top) !important;
        padding-bottom: var(--mhdr-divider-gap-bottom) !important;
        padding-inline: 0 !important;
        border: none;
        background-color: transparent;
        background-image: linear-gradient(var(--mhdr-border), var(--mhdr-border));
        background-size: 100% 1px;
        background-position: center center;
        background-repeat: no-repeat;
        box-sizing: border-box;
    }

    @supports (height: 0.5px) {
        header .header-container > .mobile-header-divider {
            background-size: 100% 0.5px;
        }
    }

    /* Giriş yapmış mobil: logo altı çizginin hemen altı kısa (misafir 4px kalır) */
    header .header-container:not(.header-container--mobile-guest):not(:has(.mobile-header-actions--guest)) > .mobile-header-divider {
        --mhdr-divider-gap-bottom: 0;
        padding-bottom: 0 !important;
    }

    header .header-container:not(.header-container--mobile-guest):not(:has(.mobile-header-actions--guest)) > .mobile-header-actions {
        align-self: start;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    header .header-container:not(.header-container--mobile-guest):not(:has(.mobile-header-actions--guest)) .mobile-header-pills,
    header .header-container:not(.header-container--mobile-guest):not(:has(.mobile-header-actions--guest)) .auth-buttons {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* Alt şerit: sol pill + sağ ikonlar — çizgi ile arada ekstra boşluk yok */
    header .header-container > .mobile-header-actions {
        grid-area: mhdr-actions;
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        gap: 6px;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        margin: 0 !important;
        padding: 0 !important;
        align-self: start;
        overflow-x: visible;
        box-sizing: border-box;
    }

    .mobile-header-pills {
        display: flex !important;
        align-items: center;
        gap: 5px;
        flex: 1 1 auto;
        min-width: 0;
        max-width: 58%;
        overflow: hidden;
    }

    header .header-container .auth-buttons {
        display: flex !important;
        flex: 0 0 auto;
        min-width: 0;
        max-width: none;
        margin: 0 0 0 auto !important;
        padding: 0 !important;
        gap: 4px !important;
        width: auto !important;
        overflow: visible;
        justify-content: flex-end;
    }

    /* Giriş yokken pill yok — Giriş/Kayıt sağda, eski kompakt boyut */
    header .header-container > .mobile-header-actions--guest {
        justify-content: flex-end;
    }

    header .header-container > .mobile-header-actions--guest .auth-buttons {
        flex: 0 1 auto;
        width: auto !important;
        justify-content: flex-end;
        gap: 6px !important;
    }

    header .header-container > .mobile-header-actions--guest .auth-buttons button.login-btn,
    header .header-container > .mobile-header-actions--guest .auth-buttons button.register-btn {
        flex: 0 0 auto;
        width: auto !important;
        min-width: 0;
        flex-shrink: 0;
        border-radius: 10px !important;
        -webkit-border-radius: 10px !important;
        transform: none !important;
        box-shadow: none !important;
    }

    header .header-container > .mobile-header-actions--guest .auth-buttons button.login-btn:hover,
    header .header-container > .mobile-header-actions--guest .auth-buttons button.register-btn:hover {
        transform: none !important;
        box-shadow: none !important;
        border-radius: 10px !important;
    }

    /* —— Pill —— */
    .mobile-hdr-pill {
        display: inline-flex !important;
        align-items: center;
        gap: 5px;
        height: 32px;
        padding: 0 11px;
        border-radius: 999px;
        text-decoration: none;
        font-size: 11px;
        font-weight: 700;
        line-height: 1;
        white-space: nowrap;
        border: none;
        box-shadow: none;
        flex-shrink: 1;
        min-width: 0;
        max-width: 48vw;
    }

    .mobile-hdr-pill__ico {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.28);
        font-size: 9px;
        color: #fff;
        flex-shrink: 0;
    }

    .mobile-hdr-pill__txt {
        color: #fff;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .mobile-hdr-pill--bakiye {
        background: #21c76f;
        max-width: min(34vw, 128px);
    }

    .mobile-hdr-pill--ilan {
        background: #f5a300;
        padding: 0 9px;
        flex-shrink: 0;
    }

    .mobile-hdr-pill--ilan .mobile-hdr-pill__ico {
        width: 15px;
        height: 15px;
        border-radius: 4px;
        background: #fff;
        color: #f5a300;
        font-size: 9px;
    }

    /* —— Sağ blok —— */
    .mobile-header-actions .auth-buttons .nav-section {
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
        min-width: 0;
    }

    .mobile-header-actions .auth-buttons .header-cart-wrap,
    .mobile-header-actions .auth-buttons .divider,
    .mobile-header-actions .auth-buttons .user-menu-container {
        display: none !important;
    }

    .mobile-header-actions .auth-buttons .hamburger-menu-wrapper.header-account-menu-wrapper {
        order: 3;
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
        flex-shrink: 0;
        min-width: auto;
        position: relative;
        z-index: 3;
    }

    .mobile-header-actions .auth-buttons .messages-wrapper {
        order: 1;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
        max-width: 38px !important;
        max-height: 38px !important;
        margin: 0 !important;
        padding: 0 !important;
        flex-shrink: 0 !important;
        box-sizing: border-box !important;
    }

    .mobile-header-actions .auth-buttons .notification-wrapper {
        order: 2;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
        max-width: 38px !important;
        max-height: 38px !important;
        margin: 0 !important;
        padding: 0 !important;
        flex-shrink: 0 !important;
        box-sizing: border-box !important;
    }

    .mobile-header-actions .auth-buttons .nav-item {
        padding: 0 !important;
    }

    /* Mesaj / bildirim — açık kutu, gri ikon */
    .mobile-header-actions .auth-buttons .messages-icon-container,
    .mobile-header-actions .auth-buttons .notification-icon-container {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        max-width: 36px !important;
        max-height: 36px !important;
        border-radius: 10px !important;
        -webkit-border-radius: 10px !important;
        background: var(--mhdr-action-surface) !important;
        background-color: var(--mhdr-action-surface) !important;
        border: 1px solid var(--mhdr-border) !important;
        box-shadow: none !important;
        padding: 0 !important;
        transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease !important;
    }

    .mobile-header-actions .auth-buttons .messages-wrapper:hover .messages-icon-container,
    .mobile-header-actions .auth-buttons .notification-wrapper:hover .notification-icon-container {
        background: var(--mhdr-action-surface-hover) !important;
        background-color: var(--mhdr-action-surface-hover) !important;
        border-color: rgba(74, 158, 255, 0.35) !important;
        box-shadow: 0 0 0 1px rgba(74, 158, 255, 0.12) !important;
    }

    .mobile-header-actions .auth-buttons .messages-icon-container > div,
    .mobile-header-actions .auth-buttons .notification-icon-container > div {
        display: none !important;
    }

    .mobile-header-actions .auth-buttons .messages-icon,
    .mobile-header-actions .auth-buttons .notification-icon {
        color: var(--mhdr-icon) !important;
        stroke: var(--mhdr-icon) !important;
        fill: none !important;
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
        min-height: 18px !important;
        max-width: 18px !important;
        max-height: 18px !important;
        flex-shrink: 0 !important;
        display: block !important;
    }

    .mobile-header-actions .auth-buttons .messages-wrapper:hover .messages-icon,
    .mobile-header-actions .auth-buttons .notification-wrapper:hover .notification-icon {
        color: var(--mhdr-icon) !important;
        stroke: var(--mhdr-icon) !important;
    }

    .mobile-header-actions .auth-buttons .notification-count,
    .mobile-header-actions .auth-buttons .message-count {
        top: 2px !important;
        right: 2px !important;
        min-width: 15px !important;
        height: 15px !important;
        padding: 0 3px !important;
        font-size: 9px !important;
        line-height: 15px !important;
        border-radius: 8px !important;
        background: #ef4444 !important;
        border: 2px solid var(--mhdr-bg) !important;
    }

    /* Mobil: mesaj/bildirim ile aynı yüzey (mhdr-action-surface) */
    .mobile-header-actions .auth-buttons .header-account-trigger {
        min-height: 38px !important;
        height: 38px !important;
        max-height: 38px !important;
        max-width: min(132px, 34vw) !important;
        padding: 3px 8px 3px 3px !important;
        gap: 7px !important;
        border-radius: 10px !important;
        -webkit-border-radius: 10px !important;
        border: none !important;
        background: var(--mhdr-action-surface) !important;
        background-color: var(--mhdr-action-surface) !important;
        box-shadow: none !important;
    }

    .mobile-header-actions .auth-buttons .header-account-trigger:hover {
        background: var(--mhdr-action-surface-hover) !important;
        background-color: var(--mhdr-action-surface-hover) !important;
    }

    body.light-mode .mobile-header-actions .auth-buttons .header-account-trigger {
        background: var(--mhdr-action-surface) !important;
        background-color: var(--mhdr-action-surface) !important;
    }

    body.light-mode .mobile-header-actions .auth-buttons .header-account-trigger:hover {
        background: var(--mhdr-action-surface-hover) !important;
        background-color: var(--mhdr-action-surface-hover) !important;
    }

    .mobile-header-actions .auth-buttons .header-account-trigger__avatar {
        width: 28px !important;
        height: 28px !important;
        border-radius: 50% !important;
    }

    .mobile-header-actions .auth-buttons .header-account-trigger__avatar:has(> img[src*="/avatar/animated/"]),
    .mobile-header-actions .auth-buttons .header-account-trigger__avatar:has(> img[src$=".gif"]),
    .mobile-header-actions .auth-buttons .header-account-trigger__avatar.seller-avatar-wrap:has(img[src*="/avatar/animated/"]) {
        width: 30px !important;
        height: 30px !important;
        flex: 0 0 30px !important;
        border-radius: 50% !important;
    }

    .mobile-header-actions .auth-buttons .header-account-trigger__avatar img[src*="/avatar/animated/"],
    .mobile-header-actions .auth-buttons .header-account-trigger__avatar img[src$=".gif"] {
        border-radius: 50% !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    .mobile-header-actions .auth-buttons .header-account-trigger__avatar img {
        border-radius: 50% !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    .mobile-header-actions .auth-buttons .header-account-trigger__name,
    .mobile-header-actions .auth-buttons .header-account-trigger__chev {
        display: none !important;
    }

    .mobile-header-actions .auth-buttons .header-account-trigger__meta {
        flex: 1 1 auto;
        min-width: 0;
        align-items: flex-start;
        justify-content: center;
    }

    .mobile-header-actions .auth-buttons .header-account-trigger__balance {
        font-size: 12px !important;
        font-weight: 700 !important;
        color: #4ade80 !important;
        max-width: none;
        overflow: visible;
        text-overflow: clip;
        white-space: nowrap;
    }

    body.light-mode .mobile-header-actions .auth-buttons .header-account-trigger__balance {
        color: #16a34a !important;
    }

    header .header-container > .mobile-header-actions .auth-buttons button.login-btn,
    header .header-container > .mobile-header-actions .auth-buttons button.register-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;
        height: 32px !important;
        padding: 0 10px 0 8px !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        border-radius: 10px !important;
        -webkit-border-radius: 10px !important;
        -moz-border-radius: 10px !important;
        color: #fff !important;
        border: none !important;
        transform: none !important;
        box-shadow: none !important;
        transition: background-color 0.2s ease, opacity 0.2s ease !important;
        white-space: nowrap;
    }

    header .header-container > .mobile-header-actions .auth-buttons .mobile-auth-btn__ico {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 16px;
        height: 16px;
        flex-shrink: 0;
        border-radius: 4px;
        background: rgba(255, 255, 255, 0.28);
        font-size: 9px;
        line-height: 1;
        color: #fff;
    }

    header .header-container > .mobile-header-actions .auth-buttons button.register-btn .mobile-auth-btn__ico {
        background: #fff;
        color: #f5a300;
    }

    header .header-container > .mobile-header-actions .auth-buttons .mobile-auth-btn__txt {
        color: inherit;
        font-size: inherit;
        font-weight: inherit;
        line-height: 1;
    }

    header .header-container > .mobile-header-actions .auth-buttons button.login-btn:hover,
    header .header-container > .mobile-header-actions .auth-buttons button.register-btn:hover,
    header .header-container > .mobile-header-actions .auth-buttons button.login-btn:focus-visible,
    header .header-container > .mobile-header-actions .auth-buttons button.register-btn:focus-visible {
        border-radius: 10px !important;
        -webkit-border-radius: 10px !important;
        -moz-border-radius: 10px !important;
        transform: none !important;
        box-shadow: none !important;
        opacity: 0.92;
    }

    header .header-container > .mobile-header-actions .auth-buttons button.register-btn {
        background: #f5a300 !important;
    }

    header .header-container > .mobile-header-actions .auth-buttons button.login-btn {
        background: #21c76f !important;
    }

    .mobile-auth-row {
        display: none !important;
    }
}

/* Geniş cep telefonları: pill ve giriş butonları biraz daha ferah */
@media (min-width: 480px) and (max-width: 1024px) {
    .mobile-hdr-pill {
        height: 34px;
        padding: 0 13px;
        font-size: 12px;
        gap: 6px;
    }

    .mobile-hdr-pill--bakiye {
        max-width: min(36vw, 132px);
    }

    header .header-container > .mobile-header-actions--guest .auth-buttons button.login-btn,
    header .header-container > .mobile-header-actions--guest .auth-buttons button.register-btn {
        height: 34px !important;
        padding: 0 14px 0 10px !important;
        font-size: 12px !important;
        gap: 6px !important;
    }

    header .header-container > .mobile-header-actions .auth-buttons .mobile-auth-btn__ico {
        width: 17px;
        height: 17px;
        font-size: 10px;
    }
}

@media (max-width: 360px) {
    .mobile-hdr-pill--bakiye .mobile-hdr-pill__txt {
        display: none;
    }

    .mobile-hdr-pill--bakiye {
        width: 28px;
        padding: 0;
        justify-content: center;
        max-width: none;
    }

    header .header-container > .mobile-logo-cluster > .logo-container .site-logo-wrap img.site-logo {
        width: min(150px, 68vw) !important;
        max-height: 40px !important;
    }
}

/* Sayfa CSS (ilanlar vb.) sonradan yüklenirse arama satırı boşluk bırakmasın */
@media (max-width: 1024px) {
    header .header-container > .header-search-desktop-only,
    header .header-container > .search-container.header-search-desktop-only,
    header .header-search-desktop-only.search-container {
        display: none !important;
        grid-row: unset !important;
        grid-column: unset !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}