/* ========== RENK YÖNETİMİ – Tüm tema renkleri buradan ========== */
        :root {
            --color-primary: #0F5C46;
            --color-primary-light: #0F6B4F;
            --color-secondary: #22805F;
            --color-accent: #0C4A39;
            --color-surface: #F4F4F1;
            --color-surface-card: #FFFFFF;
            --color-text: #1C1C1A;
            --color-muted: #6E6D66;
            --color-scrollbar-track: #F4F4F1;
            --color-scrollbar-thumb: #9C9B93;
            --color-scrollbar-thumb-hover: #6E6D66;
            --color-ad-placeholder-from: #EEF2EF;
            --color-ad-placeholder-to: #E1E9E4;
            --color-ad-placeholder-border: #9FBFAF;
            --color-primary-rgb: 15, 92, 70;
            --color-highlight: #F2B705;
            --color-highlight-ink: #3D2E00;
            --color-line: #E2E1DC;
            --shadow-listing-hover: 0 12px 28px -10px rgba(28, 28, 26, 0.14);
        }

        /* ========== TURUNCU TEMA ========== */
        [data-theme="orange"] {
            --color-primary: #EA580C;
            --color-primary-light: #F97316;
            --color-secondary: #FB923C;
            --color-accent: #C2410C;
            --color-surface: #FFF7ED;
            --color-surface-card: #FFFFFF;
            --color-text: #1C1C1A;
            --color-muted: #78716C;
            --color-scrollbar-track: #FFF7ED;
            --color-scrollbar-thumb: #FDBA74;
            --color-scrollbar-thumb-hover: #EA580C;
            --color-ad-placeholder-from: #FFEDD5;
            --color-ad-placeholder-to: #FED7AA;
            --color-ad-placeholder-border: #EA580C;
            --color-primary-rgb: 234, 88, 12;
            --shadow-listing-hover: 0 20px 40px -12px rgba(234, 88, 12, 0.15), 0 0 0 1px rgba(234, 88, 12, 0.08);
        }
        [data-theme="orange"] .category-item .category-row:hover {
            background: linear-gradient(90deg, rgba(234, 88, 12, 0.08) 0%, rgba(234, 88, 12, 0.03) 100%) !important;
            border-left-color: #EA580C;
            box-shadow: 0 2px 8px -2px rgba(234, 88, 12, 0.2);
        }
        [data-theme="orange"] .category-item .category-row:hover .category-icon-wrap {
            background: rgba(234, 88, 12, 0.15) !important;
            color: #EA580C !important;
        }
        [data-theme="orange"] .category-item .category-row:hover .category-name {
            color: #C2410C !important;
        }
        /* Tema: hero fotoğrafları korunur; sadece marka rengi değişir */

        /* ========== DARK MODE ========== */
        [data-theme="dark"] {
            --color-primary: #4C9E7C;
            --color-primary-light: #7FBDA1;
            --color-secondary: #38BDF8;
            --color-accent: #22805F;
            --color-surface: #1C1C1A;
            --color-surface-card: #2A2A27;
            --color-text: #EFEFEB;
            --color-muted: #9C9B93;
            --color-scrollbar-track: #2A2A27;
            --color-scrollbar-thumb: #55544E;
            --color-scrollbar-thumb-hover: #6E6D66;
            --color-ad-placeholder-from: #1E3A5F;
            --color-ad-placeholder-to: #2A2A27;
            --color-ad-placeholder-border: #3F3E3A;
            --color-primary-rgb: 96, 165, 250;
            --shadow-listing-hover: 0 20px 40px -12px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(76, 158, 124, 0.2);
        }
        [data-theme="dark"] .category-item .category-row:hover {
            background: linear-gradient(90deg, rgba(76, 158, 124, 0.12) 0%, rgba(76, 158, 124, 0.04) 100%) !important;
            border-left-color: #4C9E7C;
            box-shadow: 0 2px 8px -2px rgba(76, 158, 124, 0.25);
        }
        [data-theme="dark"] .category-item .category-row:hover .category-icon-wrap {
            background: rgba(76, 158, 124, 0.2) !important;
            color: #7FBDA1 !important;
        }
        [data-theme="dark"] .category-item .category-row:hover .category-name {
            color: #7FBDA1 !important;
        }
        [data-theme="dark"] .hero-slide::before {
            background: linear-gradient(105deg, rgba(18, 18, 17, 0.88) 0%, rgba(18, 18, 17, 0.5) 50%, rgba(18, 18, 17, 0.25) 100%);
        }
        /* Dark: arka plan ve metin override */
        [data-theme="dark"] .bg-white { background-color: var(--color-surface-card) !important; }
        [data-theme="dark"] .bg-slate-50 { background-color: #2A2A27 !important; }
        [data-theme="dark"] .bg-slate-100 { background-color: #3F3E3A !important; }
        [data-theme="dark"] .bg-slate-200\/60 { background-color: rgba(63, 62, 58, 0.6) !important; }
        [data-theme="dark"] .text-slate-900 { color: #EFEFEB !important; }
        [data-theme="dark"] .text-slate-800 { color: #E2E1DC !important; }
        [data-theme="dark"] .text-slate-700 { color: #CBCAC3 !important; }
        [data-theme="dark"] .text-slate-600 { color: #9C9B93 !important; }
        [data-theme="dark"] .text-slate-500 { color: #9C9B93 !important; }
        [data-theme="dark"] .text-slate-400 { color: #6E6D66 !important; }
        [data-theme="dark"] .border-slate-200 { border-color: #3F3E3A !important; }
        [data-theme="dark"] .border-slate-100 { border-color: #3F3E3A !important; }
        [data-theme="dark"] .divide-slate-100 > * { border-color: #3F3E3A !important; }
        [data-theme="dark"] .divide-slate-200 > * { border-color: #3F3E3A !important; }
        [data-theme="dark"] .ring-slate-200\/50 { --tw-ring-color: rgba(63, 62, 58, 0.5) !important; }
        [data-theme="dark"] input::placeholder { color: #6E6D66; }
        [data-theme="dark"] .hover\:bg-slate-100:hover { background-color: #3F3E3A !important; }
        [data-theme="dark"] .hover\:bg-slate-200:hover { background-color: #55544E !important; }
        [data-theme="dark"] .hover\:text-slate-900:hover { color: #EFEFEB !important; }
        [data-theme="dark"] .bg-gradient-to-r.from-slate-800 { background: linear-gradient(to right, #2A2A27, #1C1C1A) !important; }
        [data-theme="dark"] .from-slate-800.via-slate-800 { background-color: #2A2A27 !important; }
        [data-theme="dark"] .bg-teal-50\/80 { background-color: rgba(20, 184, 166, 0.15) !important; }
        [data-theme="dark"] .border-teal-200\/80 { border-color: rgba(20, 184, 166, 0.3) !important; }
        [data-theme="dark"] .text-teal-900 { color: #99F6E4 !important; }
        [data-theme="dark"] .text-teal-700\/90 { color: rgba(153, 246, 228, 0.9) !important; }
        [data-theme="dark"] .hover\:bg-teal-100\/90:hover { background-color: rgba(20, 184, 166, 0.2) !important; }
        [data-theme="dark"] .hover\:border-teal-300\/60:hover { border-color: rgba(20, 184, 166, 0.4) !important; }
        [data-theme="dark"] .bg-primary\/5 { background-color: rgba(76, 158, 124, 0.08) !important; }
        [data-theme="dark"] .group-hover\:bg-primary\/5:hover { background-color: rgba(76, 158, 124, 0.08) !important; }
        [data-theme="dark"] .group-hover\:bg-primary\/20:hover { background-color: rgba(76, 158, 124, 0.2) !important; }
        [data-theme="dark"] .bg-slate-50\/80 { background-color: rgba(42, 42, 39, 0.8) !important; }
        [data-theme="dark"] .focus\:bg-white:focus { background-color: var(--color-surface-card) !important; }
        [data-theme="dark"] .focus\:border-primary:focus { border-color: var(--color-primary) !important; }
        [data-theme="dark"] .bg-slate-100 { background-color: #3F3E3A !important; }
        [data-theme="dark"] .selection\:bg-primary\/10 { background-color: rgba(76, 158, 124, 0.15); }
        [data-theme="dark"] .selection\:bg-primary\/20 { background-color: rgba(76, 158, 124, 0.2); }
        [data-theme="dark"] .selection\:text-primary { color: #7FBDA1; }
        [data-theme="dark"] .selection\:text-accent { color: #4C9E7C; }
        [data-theme="dark"] .open\:bg-blue-50\/30 { background-color: rgba(76, 158, 124, 0.15); }
        [data-theme="dark"] .open\:text-primary { color: #7FBDA1; }
        [data-theme="dark"] .mobile-menu { background-color: var(--color-surface) !important; }
        [data-theme="dark"] #mobileMenu .bg-white { background-color: var(--color-surface-card) !important; }
        [data-theme="dark"] #mobileMenu .border-slate-200 { border-color: #3F3E3A !important; }
        [data-theme="dark"] #mobileMenu .text-slate-600 { color: #9C9B93 !important; }
        [data-theme="dark"] #mobileMenu .bg-slate-100 { background-color: #3F3E3A !important; }
        [data-theme="dark"] #mobileMenu .text-slate-700 { color: #CBCAC3 !important; }
        [data-theme="dark"] .sticky.bg-white { background-color: var(--color-surface-card) !important; }
        [data-theme="dark"] .sticky.border-b { border-color: #3F3E3A !important; }
        [data-theme="dark"] .sticky-nav {
            background: rgba(28, 28, 26, 0.98) !important;
            border-bottom-color: #3F3E3A !important;
            box-shadow: 0 1px 0 rgba(255,255,255,0.06);
        }
        [data-theme="dark"] .sticky-nav .text-slate-900 { color: #EFEFEB !important; }
        [data-theme="dark"] .sticky-nav .text-muted { color: #9C9B93 !important; }
        [data-theme="dark"] .shadow-sm { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); }
        [data-theme="dark"] .ad-placeholder { color: rgba(76, 158, 124, 0.5); }
        [data-theme="dark"] footer { background: linear-gradient(to bottom, #2A2A27, #1C1C1A) !important; border-color: #3F3E3A !important; }
        [data-theme="dark"] footer .text-slate-600 { color: #9C9B93 !important; }
        [data-theme="dark"] footer .text-slate-500 { color: #6E6D66 !important; }
        [data-theme="dark"] footer .border-slate-200 { border-color: #3F3E3A !important; }
        [data-theme="dark"] footer .border-slate-100 { border-color: #3F3E3A !important; }
        [data-theme="dark"] .theme-btn:hover { background: rgba(255,255,255,0.08); }
        [data-theme="dark"] .bg-surface { background-color: var(--color-surface) !important; }
        [data-theme="dark"] .bg-slate-800 { background-color: #1C1C1A !important; }
        [data-theme="dark"] .border-slate-700\/50 { border-color: #3F3E3A !important; }
        [data-theme="orange"] .bg-surface { background-color: var(--color-surface) !important; }

        /* Vitrin kategori kartları: Dark */
        [data-theme="dark"] .vitrin-cat-header {
            background: linear-gradient(to right, #2A2A27 0%, rgba(63, 62, 58, 0.4) 100%) !important;
            border-bottom-color: #3F3E3A !important;
        }
        [data-theme="dark"] .vitrin-cat-header h2,
        [data-theme="dark"] .vitrin-cat-header .text-slate-900 { color: #EFEFEB !important; }
        [data-theme="dark"] .vitrin-cat-header .text-slate-400 { color: #9C9B93 !important; }
        [data-theme="dark"] .vitrin-cat-section .bg-blue-100 { background-color: rgba(34, 128, 95, 0.22) !important; }
        [data-theme="dark"] .vitrin-cat-section .text-blue-600 { color: #7FBDA1 !important; }
        [data-theme="dark"] .vitrin-cat-section .bg-emerald-100 { background-color: rgba(16, 185, 129, 0.22) !important; }
        [data-theme="dark"] .vitrin-cat-section .text-emerald-600 { color: #6EE7B7 !important; }
        [data-theme="dark"] .vitrin-cat-section .bg-violet-100 { background-color: rgba(139, 92, 246, 0.22) !important; }
        [data-theme="dark"] .vitrin-cat-section .text-violet-600 { color: #A78BFA !important; }
        [data-theme="dark"] .vitrin-cat-section .bg-amber-100 { background-color: rgba(245, 158, 11, 0.22) !important; }
        [data-theme="dark"] .vitrin-cat-section .text-amber-600 { color: #FCD34D !important; }
        [data-theme="dark"] .vitrin-cat-section .bg-rose-100 { background-color: rgba(244, 63, 94, 0.22) !important; }
        [data-theme="dark"] .vitrin-cat-section .text-rose-600 { color: #FDA4AF !important; }
        [data-theme="dark"] .vitrin-cat-section .hover\:bg-primary\/5:hover { background-color: rgba(76, 158, 124, 0.12) !important; }

        /* Vitrin kategori kartları: Turuncu */
        [data-theme="orange"] .vitrin-cat-header {
            background: linear-gradient(to right, #ffffff 0%, rgba(255, 247, 237, 0.95) 100%) !important;
            border-bottom-color: #fed7aa !important;
        }
        [data-theme="orange"] .vitrin-cat-section .border-slate-200 { border-color: #fed7aa !important; }
        [data-theme="orange"] .vitrin-cat-section .border-slate-100 { border-color: #ffedd5 !important; }
        [data-theme="orange"] .vitrin-cat-section a.text-primary:hover { color: #C2410C !important; }
        [data-theme="orange"] .vitrin-cat-section .hover\:bg-primary\/5:hover { background-color: rgba(234, 88, 12, 0.08) !important; }

        .theme-btn { color: var(--color-muted); background: transparent; }
        .theme-btn:hover { color: var(--color-text); background: rgba(0,0,0,0.05); }
        .theme-btn.active { background: var(--color-primary); color: white; }
        /* Üst bar tema butonları (koyu arka plan) */
        .theme-btn-top.active { background: rgba(255,255,255,0.95) !important; color: #1C1C1A !important; }

        ::-webkit-scrollbar {
            width: 6px;
            height: 6px;
        }
        ::-webkit-scrollbar-track {
            background: var(--color-scrollbar-track);
        }
        ::-webkit-scrollbar-thumb {
            background: var(--color-scrollbar-thumb);
            border-radius: 3px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: var(--color-scrollbar-thumb-hover);
        }
        
        .subcategory-menu {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
            opacity: 0;
        }
        
        .subcategory-menu.open {
            max-height: 400px;
            opacity: 1;
        }
        
        .category-arrow {
            transition: transform 0.3s ease;
        }
        
        .category-arrow.open {
            transform: rotate(90deg);
        }
        
        .ad-placeholder {
            background: linear-gradient(135deg, var(--color-ad-placeholder-from) 0%, var(--color-ad-placeholder-to) 100%);
            border: 2px dashed var(--color-ad-placeholder-border);
        }
        
        .hero-slider {
            position: relative;
            overflow: hidden;
            height: 180px;
            border-radius: 1rem;
            box-shadow: 0 10px 30px -16px rgba(28, 28, 26, 0.35);
        }
        @media (min-width: 640px) {
            .hero-slider { height: 240px; border-radius: 1.5rem; }
        }
        @media (min-width: 768px) { .hero-slider { height: 280px; } }
        
        .hero-slide {
            position: absolute;
            inset: 0;
            opacity: 0;
            transition: opacity 0.55s ease-in-out;
            background-size: cover;
            background-position: center;
        }
        
        .hero-slide.active {
            opacity: 1;
        }

        .hero-slide::before {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(105deg, rgba(8, 18, 40, 0.82) 0%, rgba(8, 18, 40, 0.45) 48%, rgba(8, 18, 40, 0.2) 100%);
            z-index: 0;
        }
        .hero-slide--grad::before { display: none; }

        .hero-slide > div {
            position: relative;
            z-index: 1;
        }

        .hero-slide h2 {
            font-family: Archivo, system-ui, sans-serif;
            letter-spacing: -0.02em;
        }

        .home-stage { position: relative; margin-bottom: 1.25rem; }
        .home-hero.hero-slider {
            height: 220px;
            border-radius: 1.15rem;
            box-shadow: 0 18px 40px -24px rgba(28, 28, 26, 0.45);
        }
        @media (min-width: 640px) { .home-hero.hero-slider { height: 300px; } }
        @media (min-width: 1024px) { .home-hero.hero-slider { height: 380px; border-radius: 1.5rem; } }
        .home-hero .hero-slide::before {
            background: linear-gradient(105deg, rgba(6, 14, 32, 0.88) 0%, rgba(6, 14, 32, 0.42) 52%, rgba(6, 14, 32, 0.12) 100%);
        }
        .home-hero .hero-slide--grad {
            background: radial-gradient(1200px 420px at 12% 20%, rgba(43, 108, 237, 0.55), transparent 55%),
                linear-gradient(135deg, #0b1b3a 0%, #123a7a 48%, #0F5C46 100%);
        }
        .home-hero-copy { max-width: 36rem; }
        .home-hero-kicker {
            display: inline-flex; align-items: center; gap: 0.4rem;
            font-size: 0.7rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;
            color: rgba(255,255,255,0.82); margin-bottom: 0.55rem;
        }
        .home-hero-copy h2 { font-size: 1.55rem; line-height: 1.15; margin-bottom: 0.4rem; }
        @media (min-width: 640px) { .home-hero-copy h2 { font-size: 2.15rem; } }
        @media (min-width: 1024px) { .home-hero-copy h2 { font-size: 2.55rem; } }
        .home-hero-copy p { font-size: 0.9rem; color: rgba(255,255,255,0.82); margin-bottom: 1rem; max-width: 28rem; }
        .home-hero-cta {
            display: inline-flex; align-items: center; gap: 0.45rem;
            background: #fff; color: #1C1C1A; font-weight: 800; font-size: 0.8125rem;
            padding: 0.65rem 1.1rem; border-radius: 0.7rem; text-decoration: none;
            box-shadow: 0 8px 20px -10px rgba(0,0,0,0.4);
        }
        .home-hero-cta:hover { background: #F7F7F5; color: #1C1C1A; }
        .home-navbtn {
            position: absolute; top: 50%; transform: translateY(-50%);
            width: 2.5rem; height: 2.5rem; border: 0; border-radius: 999px;
            background: rgba(255,255,255,0.16); color: #fff; backdrop-filter: blur(8px);
            display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 2;
        }
        .home-navbtn:hover { background: rgba(255,255,255,0.28); }
        .home-navbtn--prev { left: 0.75rem; }
        .home-navbtn--next { right: 0.75rem; }
        .home-dots {
            position: absolute; left: 50%; bottom: 5.75rem; transform: translateX(-50%);
            display: flex; gap: 0.4rem; z-index: 2;
        }
        @media (min-width: 1024px) { .home-dots { bottom: 6.25rem; } }
        .home-dot {
            width: 0.45rem; height: 0.45rem; border: 0; border-radius: 999px;
            background: rgba(255,255,255,0.4); cursor: pointer; padding: 0;
        }
        .home-dot.is-on { background: #fff; width: 1.35rem; }

        .home-search-dock {
            position: relative; z-index: 3; margin: -2.4rem auto 0; max-width: 52rem;
            background: #fff; border: 1px solid #E2E1DC; border-radius: 1.1rem;
            box-shadow: 0 18px 40px -22px rgba(28, 28, 26, 0.35);
            padding: 0.65rem;
        }
        .home-search { display: flex; align-items: stretch; gap: 0.5rem; }
        .home-search input[type="search"] {
            flex: 1; border: 0; background: #F7F7F5; border-radius: 0.75rem;
            padding: 0.85rem 1rem 0.85rem 2.6rem; font-size: 0.9375rem; outline: none;
            color: #1C1C1A;
        }
        .home-search { position: relative; }
        .home-search > i {
            position: absolute; left: 1.05rem; top: 50%; transform: translateY(-50%);
            color: #6E6D66; pointer-events: none; z-index: 1;
        }
        .home-search button {
            border: 0; background: var(--color-primary); color: #fff; font-weight: 800;
            font-size: 0.875rem; padding: 0 1.35rem; border-radius: 0.75rem; cursor: pointer;
            min-width: 5.5rem;
        }
        .home-search button:hover { background: var(--color-accent); }
        .home-stats {
            display: flex; flex-wrap: wrap; gap: 0.65rem; margin-top: 0.7rem; padding: 0 0.35rem 0.15rem;
        }
        .home-stats span {
            font-size: 0.75rem; color: #6E6D66; font-weight: 600;
            display: inline-flex; align-items: center; gap: 0.35rem;
        }
        .home-stats strong { color: #1C1C1A; }

        .home-quick {
            display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.55rem;
            margin: 1.1rem 0 0.25rem;
        }
        @media (min-width: 768px) { .home-quick { grid-template-columns: repeat(8, minmax(0, 1fr)); } }
        .home-quick a {
            display: flex; flex-direction: column; align-items: center; gap: 0.4rem;
            text-decoration: none; color: #1C1C1A; background: #fff;
            border: 1px solid #E2E1DC; border-radius: 0.9rem; padding: 0.7rem 0.35rem 0.75rem;
            transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
        }
        .home-quick a:hover {
            transform: translateY(-2px); border-color: rgba(var(--color-primary-rgb), 0.35);
            box-shadow: 0 10px 22px -14px rgba(28, 28, 26, 0.28); color: var(--color-primary);
        }
        .home-quick--flush { margin: 0; }
        .home-quick i {
            width: 2.35rem; height: 2.35rem; border-radius: 0.75rem;
            background: rgba(var(--color-primary-rgb), 0.1); color: var(--color-primary);
            display: flex; align-items: center; justify-content: center; font-size: 0.95rem;
        }
        .home-quick b { font-size: 0.7rem; font-weight: 700; text-align: center; line-height: 1.2; }

        .home-trust {
            display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.55rem; margin: 0.9rem 0 0.2rem;
        }
        @media (min-width: 768px) { .home-trust { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
        .home-trust article, .home-trust__link {
            background: #fff; border: 1px solid #e8edf5; border-radius: 0.85rem; padding: 0.7rem 0.8rem;
            display: flex; align-items: center; gap: 0.65rem; color: inherit; text-decoration: none;
        }
        .home-trust i {
            width: 2rem; height: 2rem; border-radius: 0.6rem; flex-shrink: 0;
            background: rgba(var(--color-primary-rgb), 0.1); color: var(--color-primary);
            display: flex; align-items: center; justify-content: center; font-size: 0.8rem;
        }
        .home-trust b { display: block; font-size: 0.75rem; color: #1C1C1A; }
        .home-trust small { color: #6E6D66; font-size: 0.68rem; }

        .home-cta {
            display: flex; align-items: center; gap: 0.85rem; text-decoration: none; color: inherit;
            background: linear-gradient(90deg, #ecfdf5 0%, #f0fdfa 100%);
            border: 1px solid #a7f3d0; border-radius: 1rem; padding: 0.85rem 1rem;
        }
        .home-cta:hover { box-shadow: 0 10px 22px -16px rgba(15, 118, 110, 0.45); color: inherit; }
        .home-cta__ico {
            width: 2.5rem; height: 2.5rem; border-radius: 0.75rem; background: #14b8a6; color: #fff;
            display: flex; align-items: center; justify-content: center; flex-shrink: 0;
            box-shadow: 0 8px 16px -8px rgba(20, 184, 166, 0.7);
        }
        .home-cta b { display: block; font-size: 0.875rem; color: #134e4a; }
        .home-cta span { font-size: 0.75rem; color: #0f766e; }
        .home-cta > i { margin-left: auto; color: #0f766e; }

        .home-sec { background: #fff; border: 1px solid #E2E1DC; border-radius: 1.1rem; overflow: hidden; }
        .home-sec__head {
            display: flex; align-items: center; justify-content: space-between; gap: 0.75rem;
            padding: 0.85rem 1.05rem; border-bottom: 1px solid #EFEFEB;
        }
        .home-sec__title { display: flex; align-items: center; gap: 0.65rem; min-width: 0; }
        .home-sec__title i, .home-sec__ico {
            width: 2rem; height: 2rem; border-radius: 0.7rem; display: flex; align-items: center; justify-content: center;
            font-size: 0.8rem; flex-shrink: 0;
        }
        .home-sec__title h2 { font-size: 0.95rem; margin: 0; color: #1C1C1A; font-weight: 800; }
        .home-sec__title small { display: block; font-size: 0.68rem; color: #9C9B93; font-weight: 600; }
        .home-sec__more { font-size: 0.75rem; font-weight: 700; color: var(--color-primary); text-decoration: none; white-space: nowrap; }
        .home-sec__more:hover { text-decoration: underline; }
        .home-sec__body { padding: 0.85rem; }

        .home-feat {
            display: grid; grid-template-columns: 1.35fr 1fr; gap: 0.85rem; margin-bottom: 0.85rem;
            text-decoration: none; color: inherit; border: 1px solid #e8edf5; border-radius: 0.9rem; overflow: hidden;
        }
        @media (max-width: 720px) { .home-feat { grid-template-columns: 1fr; } }
        .home-feat:hover { border-color: rgba(var(--color-primary-rgb), 0.35); color: inherit; }
        .home-feat img { width: 100%; height: 11.5rem; object-fit: cover; background: #E2E1DC; display: block; }
        @media (min-width: 721px) { .home-feat img { height: 100%; min-height: 12.5rem; } }
        .home-feat__body { padding: 0.9rem 1rem; display: flex; flex-direction: column; justify-content: center; }
        .home-feat__body h3 { font-size: 1.05rem; font-weight: 800; margin: 0 0 0.35rem; }
        .home-feat__meta { font-size: 0.75rem; color: #6E6D66; margin-bottom: 0.55rem; }
        .home-feat__price { font-size: 1.2rem; font-weight: 800; color: var(--color-primary); }
        .home-feat__flags { display: flex; gap: 0.35rem; margin-bottom: 0.45rem; }
        .home-feat__flags .home-card__badge { position: static; }
        .home-feat__go {
            display: inline-flex; align-items: center; gap: 0.35rem; margin-top: 0.75rem;
            font-size: 0.78rem; font-weight: 700; color: var(--color-primary);
        }

        .home-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.7rem; }
        @media (min-width: 640px) { .home-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
        @media (min-width: 1024px) { .home-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
        .home-card {
            display: block; text-decoration: none; color: inherit; background: #fff;
            border: 1px solid #e8edf5; border-radius: 0.85rem; overflow: hidden;
            transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
        }
        .home-card:hover {
            transform: translateY(-3px); color: inherit;
            border-color: rgba(var(--color-primary-rgb), 0.28);
            box-shadow: var(--shadow-listing-hover);
        }
        .home-card__media { position: relative; height: 8.5rem; background: #E2E1DC; overflow: hidden; }
        @media (min-width: 640px) { .home-card__media { height: 9.5rem; } }
        .home-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease; }
        .home-card:hover .home-card__media img { transform: scale(1.06); }
        .home-card__badge {
            position: absolute; top: 0.45rem; left: 0.45rem; font-size: 0.6rem; font-weight: 800;
            color: #fff; background: #ef4444; border-radius: 999px; padding: 0.15rem 0.45rem;
        }
        .home-card__badge--feat { left: auto; right: 0.45rem; background: var(--color-primary); }
        .home-card__media-flags {
            position: absolute; left: 0.45rem; bottom: 0.45rem; z-index: 2;
            display: flex; flex-wrap: wrap; gap: 0.25rem;
        }
        .home-card__badge--media { position: static; background: rgba(28, 28, 26, 0.82); }
        .home-card__badge--360 { position: static; background: #0F5C46; }
        .home-card__fav {
            position: absolute; right: 0.45rem; bottom: 0.45rem; z-index: 2;
            width: 1.7rem; height: 1.7rem; padding: 0; border: 0; border-radius: 999px;
            background: rgba(255,255,255,0.92); color: #9C9B93;
            box-shadow: 0 4px 10px -4px rgba(28, 28, 26, 0.45);
            display: flex; align-items: center; justify-content: center;
            cursor: pointer; font-size: 0.72rem;
        }
        .home-card__fav:hover, .home-card__fav.is-on { color: #ef4444; }
        .home-card__body { padding: 0.6rem 0.65rem 0.7rem; }
        .home-card__body h3 { font-size: 0.8rem; font-weight: 800; line-height: 1.3; margin: 0 0 0.3rem; min-height: 2.05em; }
        .home-card__loc { font-size: 0.68rem; color: #6E6D66; margin-bottom: 0.35rem; }
        .home-card__row { display: flex; align-items: baseline; justify-content: space-between; gap: 0.4rem; }
        .home-card__price { font-size: 0.9rem; font-weight: 800; color: var(--color-primary); }
        .home-card__when { font-size: 0.62rem; color: #9C9B93; }

        .home-empty { text-align: center; padding: 2.5rem 1.25rem; }
        .home-empty i {
            width: 3rem; height: 3rem; border-radius: 1rem; margin: 0 auto 0.85rem;
            background: rgba(var(--color-primary-rgb), 0.1); color: var(--color-primary);
            display: flex; align-items: center; justify-content: center;
        }
        .home-empty h2 { font-size: 1.05rem; margin: 0 0 0.4rem; }
        .home-empty p { font-size: 0.85rem; color: #6E6D66; margin: 0 0 1rem; }
        .home-empty a {
            display: inline-flex; background: var(--color-primary); color: #fff; font-weight: 700;
            font-size: 0.8125rem; padding: 0.55rem 1rem; border-radius: 0.7rem; text-decoration: none;
        }

        .home-proj { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 0.7rem; }
        @media (max-width: 900px) { .home-proj { grid-template-columns: 1fr 1fr; } }
        @media (max-width: 560px) { .home-proj { grid-template-columns: 1fr; } }
        .home-proj a { display: block; text-decoration: none; color: inherit; border: 1px solid #e8edf5; border-radius: 0.85rem; overflow: hidden; }
        .home-proj a:hover { color: inherit; border-color: rgba(var(--color-primary-rgb), 0.3); }
        .home-proj img { width: 100%; height: 8.5rem; object-fit: cover; display: block; background: #E2E1DC; }
        .home-proj__lead img { height: 12.5rem; }
        .home-proj__pad { padding: 0.7rem 0.8rem 0.85rem; }
        .home-proj h3 { font-size: 0.85rem; font-weight: 800; margin: 0 0 0.25rem; }
        .home-proj p { font-size: 0.7rem; color: #6E6D66; margin: 0 0 0.4rem; }
        .home-proj strong { color: var(--color-primary); font-size: 0.8rem; }
        .home-pill {
            display: inline-block; font-size: 0.6rem; font-weight: 800; color: #fff;
            background: #16a34a; border-radius: 999px; padding: 0.15rem 0.45rem; margin-bottom: 0.35rem;
        }

        .home-events { display: flex; gap: 0.75rem; overflow-x: auto; padding-bottom: 0.25rem; }
        .home-events a {
            flex: 0 0 15.5rem; text-decoration: none; color: inherit;
            border: 1px solid #e8edf5; border-radius: 0.9rem; overflow: hidden; background: #fff;
        }
        .home-events a:hover { color: inherit; border-color: rgba(var(--color-primary-rgb), 0.3); }
        .home-events img { width: 100%; height: 8rem; object-fit: cover; display: block; background: #E2E1DC; }
        .home-events__media { position: relative; }
        .home-events__date {
            position: absolute; right: 0.5rem; bottom: 0.5rem; background: #fff; border-radius: 0.5rem;
            padding: 0.2rem 0.45rem; text-align: center; box-shadow: 0 6px 14px -8px rgba(28, 28, 26,0.4);
        }
        .home-events__date b { display: block; font-size: 0.75rem; color: var(--color-primary); }
        .home-events__date small { font-size: 0.58rem; color: #6E6D66; text-transform: uppercase; font-weight: 700; }
        .home-events h3 { font-size: 0.82rem; margin: 0 0 0.25rem; font-weight: 800; }
        .home-events p { font-size: 0.7rem; color: #6E6D66; margin: 0; }
        .home-events__pad { padding: 0.65rem 0.75rem 0.8rem; }
        .home-tag {
            position: absolute; top: 0.5rem; left: 0.5rem; font-size: 0.6rem; font-weight: 800;
            background: #7c3aed; color: #fff; border-radius: 999px; padding: 0.15rem 0.45rem;
        }

        .home-blog { display: grid; grid-template-columns: 1.35fr 1fr 1fr; gap: 0.7rem; }
        @media (max-width: 900px) { .home-blog { grid-template-columns: 1fr 1fr; } }
        @media (max-width: 560px) { .home-blog { grid-template-columns: 1fr; } }
        .home-blog a { display: block; text-decoration: none; color: inherit; border: 1px solid #e8edf5; border-radius: 0.9rem; overflow: hidden; }
        .home-blog a:hover { color: inherit; }
        .home-blog img { width: 100%; height: 8.5rem; object-fit: cover; display: block; background: #E2E1DC; }
        .home-blog__lead img { height: 13rem; }
        .home-blog__pad { padding: 0.75rem 0.85rem 0.9rem; }
        .home-blog h3 { font-size: 0.9rem; font-weight: 800; margin: 0 0 0.35rem; }
        .home-blog p { font-size: 0.75rem; color: #6E6D66; margin: 0 0 0.45rem; }
        .home-blog small { font-size: 0.68rem; color: #9C9B93; }

        .home-promo { display: grid; grid-template-columns: 1.6fr 1fr; gap: 0.75rem; }
        @media (max-width: 800px) { .home-promo { grid-template-columns: 1fr; } }
        .home-promo__ai, .home-promo__ex {
            position: relative; overflow: hidden; border-radius: 1rem; min-height: 10.5rem;
            display: flex; flex-direction: column; justify-content: flex-end; padding: 1.1rem;
            text-decoration: none; color: #fff;
        }
        .home-promo__ai { background: #1C1C1A; }
        .home-promo__ai img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.45; }
        .home-promo__ai > * { position: relative; z-index: 1; }
        .home-promo__ex {
            background: linear-gradient(160deg, #2A2A27, #1C1C1A); color: #fff;
        }
        .home-promo small { opacity: 0.8; font-size: 0.72rem; }
        .home-promo h3 { margin: 0.2rem 0 0.55rem; font-size: 1.05rem; }
        .home-promo__btn {
            display: inline-flex; align-self: flex-start; background: var(--color-primary); color: #fff;
            font-weight: 700; font-size: 0.75rem; padding: 0.4rem 0.8rem; border-radius: 0.5rem; text-decoration: none;
        }

        .home-chips { display: flex; flex-wrap: wrap; gap: 0.45rem; }
        .home-chips a {
            text-decoration: none; color: #3F3E3A; background: #F7F7F5; border: 1px solid #E2E1DC;
            border-radius: 999px; padding: 0.4rem 0.8rem; font-size: 0.78rem; font-weight: 600;
        }
        .home-chips a:hover { border-color: var(--color-primary); color: var(--color-primary); background: rgba(var(--color-primary-rgb), 0.06); }
        .home-campaigns { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 0.6rem; }
        .home-campaign {
            display: flex; flex-direction: column; gap: 0.15rem;
            text-decoration: none; color: inherit;
            background: #fff; border: 1px solid #E2E1DC; border-radius: 0.85rem;
            padding: 0.85rem 1rem;
        }
        .home-campaign:hover { border-color: rgba(var(--color-primary-rgb), 0.35); }
        .home-campaign__type {
            font-size: 0.62rem; font-weight: 800; letter-spacing: .04em;
            text-transform: uppercase; color: var(--color-primary);
        }
        .home-campaign__name { font-size: 0.85rem; font-weight: 800; line-height: 1.3; }
        .home-campaign__until { font-size: 0.68rem; color: #6E6D66; }
        .home-brands { display: flex; flex-wrap: wrap; gap: 0.5rem; }
        .home-brands a {
            text-decoration: none; color: #1C1C1A; background: #F7F7F5; border: 1px solid #E2E1DC;
            border-radius: 0.75rem; min-width: 5.5rem; height: 3rem; padding: 0 0.7rem;
            display: inline-flex; align-items: center; justify-content: center; gap: 0.35rem;
            font-weight: 800; font-size: 0.75rem;
        }
        .home-brands a:hover { border-color: var(--color-primary); color: var(--color-primary); }
        .home-brands a img { height: 1.05rem; width: auto; max-width: 3.5rem; object-fit: contain; }

        .home-cats-head {
            display: flex; align-items: center; gap: 0.5rem; padding: 0.85rem 1rem;
            border-bottom: 1px solid #EFEFEB; background: #F7F7F5;
        }
        .home-cats-head h3 { margin: 0; font-size: 0.9rem; font-weight: 800; }
        .home-ann {
            display: flex; align-items: center; gap: 0.55rem;
            background: #fff7ed; border: 1px solid #fed7aa; border-radius: 0.85rem;
            padding: 0.55rem 0.85rem; margin-bottom: 0.15rem;
            font-size: 0.78rem; color: #9a3412; font-weight: 600;
        }
        .home-ann i { color: #ea580c; }

        [data-theme="dark"] .home-search-dock,
        [data-theme="dark"] .home-quick a,
        [data-theme="dark"] .home-trust article,
        [data-theme="dark"] .home-trust__link,
        [data-theme="dark"] .home-sec,
        [data-theme="dark"] .home-card,
        [data-theme="dark"] .home-feat,
        [data-theme="dark"] .home-proj a,
        [data-theme="dark"] .home-events a,
        [data-theme="dark"] .home-blog a { background: var(--color-surface-card); border-color: #3F3E3A; }
        [data-theme="dark"] .home-search input[type="search"] { background: #1C1C1A; color: #EFEFEB; }
        [data-theme="dark"] .home-stats strong,
        [data-theme="dark"] .home-sec__title h2,
        [data-theme="dark"] .home-card__body h3,
        [data-theme="dark"] .home-trust b { color: #EFEFEB; }
        [data-theme="dark"] .home-card__fav { background: rgba(28, 28, 26, 0.88); color: #CBCAC3; }
        [data-theme="dark"] .home-cta { background: rgba(20, 184, 166, 0.12); border-color: rgba(45, 212, 191, 0.3); }
        [data-theme="dark"] .home-cta b { color: #99f6e4; }
        [data-theme="dark"] .home-chips a, [data-theme="dark"] .home-brands a { background: #1C1C1A; border-color: #3F3E3A; color: #E2E1DC; }
        
        .product-card {
            transition: transform 0.25s ease, box-shadow 0.25s ease;
        }
        
        .product-card:hover {
            transform: translateY(-3px);
            box-shadow: var(--shadow-listing-hover);
        }
        
        .brand-logo {
            filter: grayscale(100%);
            opacity: 0.6;
            transition: all 0.3s ease;
        }
        
        .brand-logo:hover {
            filter: grayscale(0%);
            opacity: 1;
        }
        
        .mobile-menu {
            transform: translateX(-100%);
            transition: transform 0.3s ease-in-out;
            pointer-events: none;
        }
        
        .mobile-menu.open {
            transform: translateX(0);
            pointer-events: auto;
        }
        
        .search-category-box {
            transition: box-shadow 0.2s, border-color 0.2s;
        }
        .search-category-box:hover {
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.08);
            border-color: rgba(var(--color-primary-rgb), 0.25);
        }

        .listing-card {
            transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
            border-radius: 0.85rem;
        }
        .listing-card:hover {
            transform: translateY(-3px);
            box-shadow: var(--shadow-listing-hover);
            border-color: rgba(var(--color-primary-rgb), 0.22);
        }
        .listing-card__img { position: relative; }
        .listing-card__badges {
            position: absolute; top: 0.4rem; left: 0.4rem;
            display: flex; flex-wrap: wrap; gap: 0.25rem; z-index: 1;
        }
        .listing-badge {
            font-size: 0.6rem; font-weight: 700; border-radius: 999px;
            padding: 0.15rem 0.45rem; line-height: 1.2;
            box-shadow: 0 1px 2px rgba(28, 28, 26, 0.12);
        }
        .listing-badge--down { background: #ecfdf5; color: #047857; }
        .listing-badge--ok { background: #EEF6F2; color: #0C4A39; }
        .listing-badge--ok i { font-size: 0.5rem; margin-right: 0.1rem; }
        .listing-badge--warn { background: #fff7ed; color: #c2410c; }
        .listing-badge--video { background: #1C1C1A; color: #fff; }
        .listing-badge--360 { background: #0F5C46; color: #fff; }
        .listing-badge--vitrin { background: #0f766e; color: #fff; }
        .listing-badge--urgent { background: #b91c1c; color: #fff; }
        .listing-badge--photo { background: #0C4A39; color: #fff; }
        .listing-card--highlight { border-color: #f59e0b; box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.25); }
        .listing-card em { background: #fef3c7; font-style: normal; font-weight: 800; color: inherit; }
        .search-suggest { display: flex; flex-wrap: wrap; gap: 0.4rem; justify-content: center; margin-top: 0.85rem; }
        .search-suggest a {
            text-decoration: none; font-size: 0.75rem; font-weight: 600; color: var(--color-primary);
            background: rgba(var(--color-primary-rgb), 0.08); border-radius: 999px; padding: 0.28rem 0.7rem;
        }
        .search-suggest a:hover { background: rgba(var(--color-primary-rgb), 0.16); }
        .contact-tpl { display: flex; flex-wrap: wrap; gap: 0.35rem; }
        .contact-tpl a, .contact-tpl button {
            font-size: 0.7rem; font-weight: 600; color: var(--color-primary); text-decoration: none;
            background: rgba(var(--color-primary-rgb), 0.08); border: 0; border-radius: 999px;
            padding: 0.28rem 0.65rem; cursor: pointer; line-height: 1.3;
        }
        .contact-tpl a:hover, .contact-tpl button:hover { background: rgba(var(--color-primary-rgb), 0.16); }
        .search-map { height: 28rem; width: 100%; border-radius: 0.85rem; border: 1px solid #E2E1DC; z-index: 1; }
        .search-map.map-solo { height: 36rem; }
        .loc-pick { position: relative; }
        .loc-pick__btn {
            width: 100%; text-align: left; border: 1px solid #E2E1DC; border-radius: 0.5rem;
            padding: 0.5rem 0.75rem; font-size: 0.875rem; background: #fff; cursor: pointer;
            color: #3F3E3A; line-height: 1.4;
        }
        .loc-pick__btn--tall { padding: 0.625rem 0.75rem; border-radius: 0.75rem; }
        .loc-pick__btn.is-open { border-color: var(--color-primary); box-shadow: 0 0 0 2px rgba(var(--color-primary-rgb), 0.18); }
        .loc-pick__btn:disabled { opacity: 0.55; cursor: not-allowed; background: #F7F7F5; }
        .loc-pick__panel {
            position: absolute; left: 0; right: 0; top: calc(100% + 4px); z-index: 50;
            background: #fff; border: 1px solid #E2E1DC; border-radius: 0.5rem;
            box-shadow: 0 12px 28px -10px rgba(28, 28, 26, 0.2);
            display: flex; flex-direction: column; max-height: 22rem;
        }
        .loc-pick__panel.is-hidden { display: none; }
        .loc-pick__search-wrap {
            display: flex; align-items: center; gap: 6px; padding: 8px;
            border-bottom: 1px solid #E2E1DC;
        }
        .loc-pick__search {
            flex: 1; border: 1px solid var(--color-primary); border-radius: 4px;
            padding: 6px 8px; font-size: 13px; outline: none; min-width: 0;
        }
        .loc-pick__close {
            border: 0; background: none; cursor: pointer; color: #6E6D66;
            font-size: 1.25rem; line-height: 1; padding: 0 4px;
        }
        .loc-pick__city { padding: 8px 12px; font-size: 13px; font-weight: 600; color: #55544E; background: #F7F7F5; }
        .loc-pick__list { overflow: auto; max-height: 16rem; }
        .loc-pick__item {
            display: flex; align-items: center; gap: 8px; padding: 7px 12px;
            font-size: 13px; cursor: pointer; margin: 0; color: #1C1C1A;
        }
        .loc-pick__item:hover { background: var(--color-primary); color: #fff; }
        .loc-pick__item.is-hidden { display: none; }
        .loc-pick__empty { padding: 12px; font-size: 12px; color: #9C9B93; margin: 0; }
        .near-km { margin-top: 8px; }
        .near-km--inline { margin-top: 0; min-width: 16rem; }
        .near-km__slider { width: 100%; accent-color: var(--color-primary); margin: 0 0 6px; }
        .near-km__row, .near-km__inline { display: flex; align-items: center; gap: 8px; }
        .near-km__inline .near-km__slider { margin: 0; flex: 1; min-width: 8rem; }
        .near-km__num {
            width: 4.5rem; border: 1px solid #E2E1DC; border-radius: 0.5rem;
            padding: 6px 8px; font-size: 13px; outline: none;
        }
        .near-km__num:focus { border-color: var(--color-primary); }
        .near-km__unit { font-size: 12px; color: #6E6D66; font-weight: 600; }
        .listing-map-layout { display: flex; flex-direction: column; gap: 12px; }
        .listing-map-side { background: #fff; border: 1px solid #E2E1DC; border-radius: 0.85rem; overflow: auto; max-height: 28rem; }
        .listing-map-row { display: flex; gap: 10px; padding: 10px 12px; border-bottom: 1px solid #EFEFEB; text-decoration: none; color: inherit; }
        .listing-map-row:hover { background: #F7F7F5; }
        .listing-map-row img { width: 4.5rem; height: 3.25rem; object-fit: cover; border-radius: 0.5rem; background: #E2E1DC; flex-shrink: 0; }
        @media (min-width: 768px) {
            .listing-map-layout { flex-direction: row; align-items: stretch; }
            .listing-map-layout .search-map { flex: 1 1 62%; height: 32rem; }
            .listing-map-side { flex: 0 0 36%; max-height: 32rem; }
        }
        .trend-wrap { background: #fff; border: 1px solid #E2E1DC; border-radius: 0.85rem; padding: 0.9rem 1rem; margin-bottom: 1rem; }
        .trend-wrap h3 { font-size: 0.8rem; font-weight: 700; color: #1C1C1A; margin: 0 0 0.5rem; }
        .trend-chart { width: 100%; height: 88px; display: block; }
        .draft-banner {
            background: #EEF6F2; border: 1px solid #AFD6C3; border-radius: 0.85rem;
            padding: 0.85rem 1rem; margin-bottom: 1rem;
        }
        .draft-banner p { margin: 0 0 0.4rem; font-size: 0.8rem; font-weight: 700; color: #062419; }
        .draft-banner a { font-size: 0.75rem; font-weight: 600; color: var(--color-primary); text-decoration: none; }
        .draft-banner__row { display: flex; align-items: center; gap: 0.6rem; padding: 0.15rem 0; }
        .draft-banner__row form { margin: 0; }
        .draft-banner__del {
            appearance: none; border: 0; background: none; padding: 0.1rem 0.35rem; border-radius: 0.4rem;
            font-size: 0.7rem; font-weight: 600; color: #6E6D66; cursor: pointer; display: inline-flex; align-items: center; gap: 0.25rem;
        }
        .draft-banner__del:hover { background: #FDECEA; color: #B42318; }
        .fav-expiry {
            background: #fff7ed; border: 1px solid #fed7aa; border-radius: 0.85rem;
            padding: 0.75rem 1rem; margin-bottom: 1rem; font-size: 0.8rem; color: #9a3412;
        }
        .btn-listen {
            font-size: 0.7rem; font-weight: 700; color: var(--color-primary); background: rgba(var(--color-primary-rgb), 0.08);
            border: 0; border-radius: 999px; padding: 0.25rem 0.65rem; cursor: pointer;
        }
        .hood-info { background: #F7F7F5; border: 1px solid #E2E1DC; border-radius: 0.75rem; padding: 0.85rem 1rem; margin-bottom: 1rem; }
        .hood-info ul { margin: 0.4rem 0 0; padding-left: 1.1rem; font-size: 0.8rem; color: #55544E; }

        /* Store/Public — banner yüksekliği Tailwind purge’da yoktu; sabit CSS */
        .store-public-hero {
            background: #fff;
            border: 1px solid #E2E1DC;
            border-radius: 1rem;
            overflow: hidden;
            box-shadow: 0 1px 2px rgba(28, 28, 26, 0.04);
            margin-bottom: 1.5rem;
        }
        .store-public-banner {
            position: relative;
            height: 8.5rem;
            max-height: 8.5rem;
            background: #EFEFEB;
            overflow: hidden;
        }
        @media (min-width: 640px) {
            .store-public-banner { height: 11rem; max-height: 11rem; }
        }
        .store-public-banner img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            display: block;
        }
        .store-public-banner-fade {
            position: absolute;
            inset: 0;
            background: linear-gradient(to top, rgba(0, 0, 0, 0.28), transparent 55%);
            pointer-events: none;
        }
        .store-public-banner--empty {
            background: linear-gradient(135deg, #EFEFEB 0%, #EEF6F2 50%, #F7F7F5 100%);
            height: 8.5rem;
            max-height: 8.5rem;
        }
        @media (min-width: 640px) {
            .store-public-banner--empty { height: 11rem; max-height: 11rem; }
        }
        .store-public-body {
            position: relative;
            padding: 0.75rem 1.25rem 1.25rem;
        }
        /* Avatar banner’ın üstüne biner; başlık/aksiyonlar beyaz alanda kalsın */
        .store-public-banner + .store-public-body {
            margin-top: -1.5rem;
            padding-top: 0;
        }
        .store-public-avatar {
            width: 4.25rem;
            height: 4.25rem;
            border-radius: 1rem;
            background: #fff;
            border: 2px solid #fff;
            box-shadow: 0 4px 14px rgba(28, 28, 26, 0.12);
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            font-size: 1.5rem;
            font-weight: 700;
            color: rgb(var(--color-primary-rgb));
            font-family: Archivo, system-ui, sans-serif;
            position: relative;
            z-index: 1;
            overflow: hidden;
        }
        .store-public-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
        @media (min-width: 640px) {
            .store-public-avatar { width: 4.75rem; height: 4.75rem; font-size: 1.75rem; }
            .store-public-body { padding-left: 2rem; padding-right: 2rem; padding-bottom: 1.5rem; }
            .store-public-banner + .store-public-body { margin-top: -1.75rem; }
        }
        .store-public-head {
            display: flex;
            flex-wrap: wrap;
            align-items: flex-end;
            gap: 0.75rem 1rem;
        }
        .store-public-banner + .store-public-body .store-public-head__meta,
        .store-public-banner + .store-public-body .store-public-head__actions {
            padding-top: 1.6rem;
        }
        @media (min-width: 640px) {
            .store-public-banner + .store-public-body .store-public-head__meta,
            .store-public-banner + .store-public-body .store-public-head__actions {
                padding-top: 1.85rem;
            }
        }
        .store-public-head__meta { flex: 1 1 12rem; min-width: 0; }
        .store-public-head__meta .store-public-meta-sep::before {
            content: "·";
            margin: 0 0.45rem;
            color: #9C9B93;
        }
        .store-public-head__actions { display: flex; flex-wrap: wrap; gap: 0.5rem; flex-shrink: 0; align-items: center; }
        .store-public-stats {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 0.75rem;
            max-width: 28rem;
            margin-top: 1.1rem;
        }
        .store-public-stat--wide { grid-column: span 2; }
        @media (min-width: 640px) {
            .store-public-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
            .store-public-stat--wide { grid-column: span 1; }
        }
        .store-public-stat {
            border-radius: 0.75rem;
            background: #F7F7F5;
            border: 1px solid #EFEFEB;
            padding: 0.6rem 0.75rem;
        }
        .store-public-stat__n { font-size: 1.125rem; font-weight: 700; color: #1C1C1A; line-height: 1.2; }
        .store-public-stat__l { font-size: 0.6875rem; color: #6E6D66; margin-top: 0.15rem; }

        .store-rep-card {
            border: 1px solid #E2E1DC;
            border-radius: 1rem;
            padding: 0.9rem;
            background: #fff;
        }
        .store-rep-avatar {
            width: 4.5rem;
            height: 4.5rem;
            border-radius: 1rem;
            background: #EFEFEB;
            color: #3F3E3A;
            font-weight: 700;
            font-size: 1.25rem;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            border: 1px solid #E2E1DC;
        }
        .store-rep-avatar img { width: 100%; height: 100%; object-fit: cover; }
        .store-rep-avatar--lg { width: 3.5rem; height: 3.5rem; border-radius: 0.9rem; font-size: 1.05rem; }
        .store-rep-public { margin: 1.5rem 0 1.75rem; }
        .store-rep-public-grid {
            list-style: none;
            padding: 0;
            margin: 0;
            display: grid;
            grid-template-columns: 1fr;
            gap: 0.75rem;
        }
        @media (min-width: 640px) {
            .store-rep-public-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        }
        @media (min-width: 1024px) {
            .store-rep-public-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
        }
        .store-rep-public-card {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            background: #fff;
            border: 1px solid #E2E1DC;
            border-radius: 1rem;
            padding: 0.85rem;
        }

        .store-public-tabs {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 0.25rem 0.5rem;
            padding: 0 1.25rem;
            border-top: 1px solid #E2E1DC;
            background: #F7F7F5;
        }
        @media (min-width: 640px) {
            .store-public-tabs { padding: 0 2rem; }
        }
        .store-public-tab {
            display: inline-flex;
            align-items: center;
            padding: 0.85rem 0.35rem;
            margin-right: 1rem;
            font-size: 0.875rem;
            font-weight: 600;
            color: #55544E;
            text-decoration: none;
            border-bottom: 2px solid transparent;
        }
        .store-public-tab:hover { color: #1C1C1A; }
        .store-public-tab.is-on {
            color: rgb(var(--color-primary-rgb));
            border-bottom-color: rgb(var(--color-primary-rgb));
        }
        .store-public-tabs__count {
            margin-left: auto;
            font-size: 0.8125rem;
            color: #6E6D66;
            padding: 0.85rem 0;
        }
        .store-msg { position: relative; }
        .store-msg > summary { list-style: none; }
        .store-msg > summary::-webkit-details-marker { display: none; }
        .store-msg__panel {
            position: absolute;
            right: 0;
            top: calc(100% + 0.5rem);
            z-index: 20;
            width: 18rem;
            background: #fff;
            border: 1px solid #E2E1DC;
            border-radius: 1rem;
            padding: 0.9rem;
            box-shadow: 0 10px 30px rgba(28, 28, 26, 0.12);
        }
        .store-public-toolbar {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            gap: 0.75rem;
            margin-bottom: 0.85rem;
        }
        .store-public-toolbar__right { display: flex; align-items: center; gap: 0.35rem; }
        .store-view-btn {
            width: 2.1rem;
            height: 2.1rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 0.6rem;
            border: 1px solid #E2E1DC;
            background: #fff;
            color: #6E6D66;
            text-decoration: none;
            font-size: 0.75rem;
        }
        .store-view-btn.is-on {
            background: #EFEFEB;
            color: #1C1C1A;
            border-color: #CBCAC3;
        }
        .store-public-filters {
            display: grid;
            grid-template-columns: 1fr;
            gap: 0.6rem;
            background: #fff;
            border: 1px solid #E2E1DC;
            border-radius: 1rem;
            padding: 0.85rem;
            margin-bottom: 1rem;
        }
        @media (min-width: 768px) {
            .store-public-filters { grid-template-columns: repeat(4, minmax(0, 1fr)); }
        }
        .store-public-select, .store-public-search {
            width: 100%;
            border: 1px solid #E2E1DC;
            border-radius: 0.75rem;
            padding: 0.55rem 0.75rem;
            font-size: 0.8125rem;
            background: #fff;
            color: #1C1C1A;
        }
        .store-price { position: relative; }
        .store-price > summary {
            position: relative;
            list-style: none;
            border: 1px solid #E2E1DC;
            border-radius: 0.75rem;
            padding: 0.55rem 1.75rem 0.55rem 0.75rem;
            font-size: 0.8125rem;
            background: #fff;
            color: #1C1C1A;
            cursor: pointer;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .store-price > summary::-webkit-details-marker { display: none; }
        .store-price > summary::after {
            content: "";
            position: absolute;
            right: 0.7rem;
            top: 1.05rem;
            border: 4px solid transparent;
            border-top-color: #9C9B93;
        }
        .store-price[open] > summary {
            border-color: rgba(var(--color-primary-rgb), 0.45);
            box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.12);
        }
        .store-price__panel {
            position: absolute;
            z-index: 25;
            top: calc(100% + 0.35rem);
            left: 0;
            width: 16.5rem;
            background: #fff;
            border: 1px solid #E2E1DC;
            border-radius: 0.85rem;
            padding: 0.75rem;
            box-shadow: 0 12px 28px rgba(28, 28, 26, 0.12);
        }
        .store-price__ccy {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 0.35rem;
            margin-bottom: 0.6rem;
        }
        .store-price__ccy label {
            margin: 0;
            cursor: pointer;
        }
        .store-price__ccy input {
            position: absolute;
            opacity: 0;
            pointer-events: none;
        }
        .store-price__ccy span {
            display: block;
            text-align: center;
            border: 1px solid #E2E1DC;
            border-radius: 0.45rem;
            padding: 0.4rem 0.15rem;
            font-size: 0.7rem;
            font-weight: 700;
            color: #55544E;
            background: #fff;
        }
        .store-price__ccy input:checked + span {
            background: rgb(var(--color-primary-rgb));
            border-color: rgb(var(--color-primary-rgb));
            color: #fff;
        }
        .store-price__range {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 0.45rem;
            margin-bottom: 0.65rem;
        }
        .store-price__range input {
            width: 100%;
            border: 1px solid #E2E1DC;
            border-radius: 0.5rem;
            padding: 0.45rem 0.55rem;
            font-size: 0.8125rem;
        }
        .store-price__ok {
            width: 100%;
            border: 0;
            border-radius: 0.5rem;
            padding: 0.55rem 0.75rem;
            background: rgb(var(--color-primary-rgb));
            color: #fff;
            font-size: 0.8125rem;
            font-weight: 700;
            cursor: pointer;
        }
        .store-public-search { grid-column: 1 / -1; }
        @media (min-width: 768px) {
            .store-public-search { grid-column: span 2; }
        }
        .store-public-check {
            display: flex;
            align-items: center;
            gap: 0.4rem;
            font-size: 0.75rem;
            color: #55544E;
            grid-column: 1 / -1;
        }
        .store-public-filter-actions {
            grid-column: 1 / -1;
            display: flex;
            justify-content: flex-end;
            align-items: center;
            gap: 0.75rem;
        }
        .store-public-catpath {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 0.3rem;
            font-size: 0.75rem;
            color: #6E6D66;
            margin-bottom: 0.65rem;
        }
        .store-public-catpath a {
            color: #0F5C46;
            font-weight: 600;
            text-decoration: none;
        }
        .store-public-catpath a:hover { text-decoration: underline; }
        .store-public-catpath strong { color: #1C1C1A; font-weight: 700; }
        .store-public-catpath__sep { color: #CBCAC3; }
        .store-public-catpath__clear {
            margin-left: 0.25rem;
            color: #9C9B93 !important;
            font-weight: 700;
        }
        .store-public-chips {
            display: flex;
            flex-wrap: wrap;
            gap: 0.45rem;
            margin-bottom: 1rem;
        }
        .store-public-chip {
            display: inline-flex;
            align-items: center;
            padding: 0.35rem 0.7rem;
            border-radius: 999px;
            border: 1px solid #E2E1DC;
            background: #F7F7F5;
            color: #3F3E3A;
            font-size: 0.75rem;
            font-weight: 600;
            text-decoration: none;
        }
        .store-public-chip.is-on, .store-public-chip:hover {
            border-color: rgba(var(--color-primary-rgb), 0.35);
            background: rgba(var(--color-primary-rgb), 0.08);
            color: rgb(var(--color-primary-rgb));
        }
        .store-public-table-wrap {
            overflow-x: auto;
            background: #fff;
            border: 1px solid #E2E1DC;
            border-radius: 1rem;
        }
        .store-public-table {
            width: 100%;
            border-collapse: collapse;
            font-size: 0.8125rem;
        }
        .store-public-table th {
            text-align: left;
            font-size: 0.75rem;
            font-weight: 700;
            color: #6E6D66;
            padding: 0.7rem 0.85rem;
            border-bottom: 1px solid #E2E1DC;
            background: #F7F7F5;
        }
        .store-public-table td {
            padding: 0.7rem 0.85rem;
            border-bottom: 1px solid #EFEFEB;
            color: #3F3E3A;
            vertical-align: middle;
        }
        .store-public-table tr:last-child td { border-bottom: 0; }
        .store-public-row {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            text-decoration: none;
            color: inherit;
        }
        .store-public-row img {
            width: 5.5rem;
            height: 4.1rem;
            object-fit: cover;
            border-radius: 0.5rem;
            background: #EFEFEB;
            flex-shrink: 0;
        }
        .store-public-row__title {
            display: block;
            font-weight: 600;
            color: #062419;
            line-height: 1.3;
        }
        .store-public-row:hover .store-public-row__title { text-decoration: underline; }
        .store-public-row__meta {
            display: block;
            font-size: 0.7rem;
            color: #6E6D66;
            margin-top: 0.2rem;
        }
        .store-public-price {
            font-weight: 700;
            color: #b91c1c;
            white-space: nowrap;
        }

        .me-nav {
            background: #fff;
            border: 1px solid #E2E1DC;
            border-radius: 1rem;
            padding: 0.45rem 0.4rem 0.35rem;
            font-size: 0.8125rem;
        }
        .me-nav__brand {
            font-size: 0.6875rem;
            font-weight: 800;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: #9C9B93;
            margin: 0;
            padding: 0.4rem 0.7rem 0.5rem;
        }
        .me-nav__group {
            border-top: 1px solid #EFEFEB;
            padding: 0.1rem 0;
        }
        .me-nav__group:first-of-type { border-top: 0; }
        .me-nav__sum {
            list-style: none;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 0.5rem;
            padding: 0.48rem 0.7rem;
            font-size: 0.6875rem;
            font-weight: 800;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            color: #9C9B93;
            user-select: none;
        }
        .me-nav__sum::-webkit-details-marker,
        .me-nav__sum::marker { display: none; content: ""; }
        .me-nav__sum::after {
            content: "";
            width: 0.38rem;
            height: 0.38rem;
            border-right: 1.5px solid #9C9B93;
            border-bottom: 1.5px solid #9C9B93;
            transform: rotate(45deg);
            transition: transform .15s;
            margin-top: -0.12rem;
            flex-shrink: 0;
        }
        .me-nav__group[open] > .me-nav__sum::after {
            transform: rotate(225deg);
            margin-top: 0.12rem;
        }
        .me-nav__links {
            display: flex;
            flex-direction: column;
            padding: 0 0.15rem 0.3rem;
        }
        .me-nav__link {
            display: flex;
            align-items: center;
            gap: 0.55rem;
            padding: 0.42rem 0.65rem;
            border-radius: 0.65rem;
            color: #55544E;
            text-decoration: none;
            line-height: 1.25;
        }
        .me-nav__link:hover { background: #F7F7F5; color: #1C1C1A; }
        .me-nav__link.is-on {
            background: rgba(var(--color-primary-rgb), 0.1);
            color: var(--color-primary);
            font-weight: 700;
        }
        .me-nav__link i {
            width: 1.05rem;
            text-align: center;
            font-size: 0.72rem;
            opacity: 0.75;
            flex-shrink: 0;
        }
        .me-nav__link.is-on i { opacity: 1; }
        .me-nav__out { color: #dc2626; }
        .me-nav__out:hover { background: #fef2f2; color: #b91c1c; }
        .me-nav__foot {
            border-top: 1px solid #EFEFEB;
            margin-top: 0.2rem;
            padding-top: 0.25rem;
        }
        @media (max-width: 1023px) {
            body:has(.me-nav) main > .grid {
                display: flex;
                flex-direction: column;
            }
            body:has(.me-nav) main > .grid > :first-child { order: 2; }
            body:has(.me-nav) main > .grid > :nth-child(2) { order: 1; }
        }
        @media (min-width: 1024px) {
            .me-nav {
                position: sticky;
                top: 5.5rem;
                max-height: calc(100vh - 6.5rem);
                overflow-y: auto;
            }
        }

        .msg-shell {
            display: grid;
            grid-template-columns: 1fr;
            min-height: 360px;
        }
        @media (min-width: 768px) {
            .msg-shell { grid-template-columns: 240px 1fr; min-height: 420px; }
        }
        .msg-list {
            border-bottom: 1px solid #EFEFEB;
            background: #F7F7F5;
            max-height: 220px;
            overflow-y: auto;
        }
        @media (min-width: 768px) {
            .msg-list {
                border-bottom: 0;
                border-right: 1px solid #EFEFEB;
                max-height: none;
            }
        }
        .msg-item {
            display: block;
            text-align: left;
            padding: 0.75rem;
            text-decoration: none;
            color: inherit;
            border-bottom: 1px solid #EFEFEB;
        }
        .msg-item:hover { background: #fff; }
        .msg-item.is-on { background: #fff; box-shadow: inset 3px 0 0 var(--color-primary); }
        .msg-unread {
            flex-shrink: 0;
            min-width: 1.25rem;
            height: 1.25rem;
            padding: 0 0.35rem;
            border-radius: 999px;
            background: var(--color-primary);
            color: #fff;
            font-size: 0.65rem;
            font-weight: 700;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }
        .msg-pane { display: flex; flex-direction: column; min-height: 280px; }
        .msg-pane-head {
            padding: 0.75rem 1rem;
            border-bottom: 1px solid #EFEFEB;
        }
        .msg-feed {
            flex: 1;
            padding: 1rem;
            display: flex;
            flex-direction: column;
            gap: 0.65rem;
            overflow-y: auto;
            max-height: 320px;
        }
        .msg-bubble {
            max-width: 80%;
            border-radius: 0.75rem;
            padding: 0.5rem 0.75rem;
            font-size: 0.875rem;
            line-height: 1.45;
        }
        .msg-bubble p { margin: 0; white-space: pre-wrap; word-break: break-word; }
        .msg-bubble time { display: block; margin-top: 0.25rem; font-size: 0.65rem; color: #9C9B93; }
        .msg-bubble.is-theirs { background: #F7F7F5; }
        .msg-bubble.is-mine {
            margin-left: auto;
            background: color-mix(in srgb, var(--color-primary) 12%, white);
        }
        .msg-warn { margin-top: 0.35rem !important; font-size: 0.7rem; color: #b45309; }
        .msg-compose {
            display: flex;
            gap: 0.5rem;
            padding: 0.75rem;
            border-top: 1px solid #EFEFEB;
        }
        .msg-input {
            flex: 1;
            border: 1px solid #E2E1DC;
            border-radius: 0.75rem;
            padding: 0.55rem 0.85rem;
            font-size: 0.875rem;
            outline: none;
        }
        .msg-input:focus { border-color: var(--color-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 18%, transparent); }
        .msg-send {
            width: 2.5rem;
            height: 2.5rem;
            border: 0;
            border-radius: 0.75rem;
            background: var(--color-primary);
            color: #fff;
            cursor: pointer;
        }
        .msg-send:hover { background: var(--color-accent); }
        .msg-empty {
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            color: #9C9B93;
            padding: 2rem;
        }
        .msg-empty i { font-size: 1.75rem; }

        .mine-head {
            display: flex;
            flex-wrap: wrap;
            align-items: flex-end;
            justify-content: space-between;
            gap: 1rem;
            margin-bottom: 1.25rem;
        }
        .mine-kicker {
            font-size: 0.6875rem;
            font-weight: 700;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: #9C9B93;
            margin: 0 0 0.2rem;
        }
        .mine-title {
            font-family: Archivo, system-ui, sans-serif;
            font-size: 1.5rem;
            font-weight: 700;
            letter-spacing: -0.03em;
            color: #1C1C1A;
            margin: 0;
            line-height: 1.2;
        }
        .mine-sub { margin: 0.35rem 0 0; font-size: 0.875rem; color: #6E6D66; }
        .mine-head__actions { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; }
        .mine-cta, .mine-ghost {
            display: inline-flex;
            align-items: center;
            gap: 0.4rem;
            text-decoration: none;
            font-size: 0.8125rem;
            font-weight: 700;
            border-radius: 0.75rem;
            padding: 0.6rem 0.95rem;
            line-height: 1.2;
        }
        .mine-cta { background: var(--color-primary); color: #fff; }
        .mine-cta:hover { filter: brightness(0.95); color: #fff; }
        .mine-ghost {
            background: #fff;
            color: #3F3E3A;
            border: 1px solid #E2E1DC;
        }
        .mine-ghost:hover { border-color: #CBCAC3; color: #1C1C1A; background: #F7F7F5; }
        .mine-stats {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 0.65rem;
            margin-bottom: 1.1rem;
        }
        @media (min-width: 720px) { .mine-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
        .mine-stat {
            display: flex;
            align-items: center;
            gap: 0.7rem;
            background: #fff;
            border: 1px solid #E2E1DC;
            border-radius: 1rem;
            padding: 0.8rem 0.9rem;
        }
        .mine-stat__icon {
            width: 2.25rem; height: 2.25rem; border-radius: 0.7rem;
            display: flex; align-items: center; justify-content: center; flex-shrink: 0;
            font-size: 0.8rem;
        }
        .mine-stat__icon--blue { background: #EEF6F2; color: #0F5C46; }
        .mine-stat__icon--amber { background: #fffbeb; color: #d97706; }
        .mine-stat__icon--green { background: #ecfdf5; color: #059669; }
        .mine-stat__icon--slate { background: #EFEFEB; color: #55544E; }
        .mine-stat__n { font-size: 1.05rem; font-weight: 800; color: #1C1C1A; line-height: 1.15; }
        .mine-stat__l { font-size: 0.6875rem; color: #6E6D66; margin-top: 0.1rem; }
        .mine-toolbar {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            gap: 0.75rem;
            background: #fff;
            border: 1px solid #E2E1DC;
            border-radius: 1rem;
            padding: 0.2rem 0.75rem 0.15rem 0.4rem;
            margin-bottom: 0.85rem;
        }
        .mine-tabs { display: flex; gap: 0.15rem; overflow-x: auto; min-width: 0; }
        .mine-tab {
            flex-shrink: 0;
            text-decoration: none;
            font-size: 0.8125rem;
            font-weight: 650;
            color: #6E6D66;
            padding: 0.7rem 0.7rem 0.65rem;
            border-bottom: 2px solid transparent;
        }
        .mine-tab:hover { color: #1C1C1A; }
        .mine-tab.is-on { color: var(--color-primary); border-bottom-color: var(--color-primary); }
        .mine-search {
            display: flex;
            align-items: center;
            gap: 0.45rem;
            background: #F7F7F5;
            border: 1px solid #E2E1DC;
            border-radius: 0.65rem;
            padding: 0.35rem 0.65rem;
            margin: 0.35rem 0 0.5rem;
            min-width: 11rem;
            flex: 1 1 12rem;
            max-width: 18rem;
        }
        .mine-search i { color: #9C9B93; font-size: 0.75rem; }
        .mine-search input { border: 0; outline: 0; background: transparent; font-size: 0.8125rem; width: 100%; color: #1C1C1A; }
        .mine-count { font-size: 0.75rem; color: #6E6D66; margin: 0 0 0.65rem; padding: 0 0.15rem; }
        .mine-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.65rem; }
        .mine-card {
            display: flex;
            gap: 0.9rem;
            background: #fff;
            border: 1px solid #E2E1DC;
            border-radius: 1rem;
            padding: 0.75rem;
            transition: border-color .15s, box-shadow .15s;
        }
        .mine-card:hover { border-color: rgba(var(--color-primary-rgb), 0.35); box-shadow: 0 8px 22px -16px rgba(28, 28, 26, .35); }
        .mine-card--live { border-left: 3px solid #10b981; }
        .mine-card--draft { border-left: 3px solid #9C9B93; }
        .mine-card--wait { border-left: 3px solid #f59e0b; }
        .mine-card--warn { border-left: 3px solid #f97316; }
        .mine-card--bad { border-left: 3px solid #ef4444; }
        .mine-card--sold { border-left: 3px solid #22805F; }
        .mine-card--muted { border-left: 3px solid #CBCAC3; }
        .mine-card__photo {
            position: relative;
            width: 8.5rem;
            height: 6.4rem;
            flex-shrink: 0;
            border-radius: 0.75rem;
            overflow: hidden;
            background: #EFEFEB;
            display: block;
        }
        .mine-card__photo img { width: 100%; height: 100%; object-fit: cover; }
        @media (max-width: 639px) { .mine-card { flex-direction: column; } .mine-card__photo { width: 100%; height: 10rem; } }
        .mine-badge {
            position: absolute; left: 0.4rem; top: 0.4rem;
            font-size: 0.65rem; font-weight: 800; letter-spacing: .02em;
            padding: 0.18rem 0.45rem; border-radius: 999px; background: #fff; color: #3F3E3A;
            box-shadow: 0 1px 2px rgba(28, 28, 26,.12);
        }
        .mine-badge--live { background: #ecfdf5; color: #047857; }
        .mine-badge--draft { background: #EFEFEB; color: #55544E; }
        .mine-badge--wait { background: #fffbeb; color: #b45309; }
        .mine-badge--warn { background: #fff7ed; color: #c2410c; }
        .mine-badge--bad { background: #fef2f2; color: #b91c1c; }
        .mine-badge--sold { background: #EEF6F2; color: #0C4A39; }
        .mine-badge--muted { background: #F7F7F5; color: #6E6D66; }
        .mine-card__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 0.55rem; }
        .mine-card__top { display: flex; justify-content: space-between; gap: 0.75rem; align-items: flex-start; }
        .mine-card__title {
            display: block;
            font-size: 0.95rem;
            font-weight: 750;
            color: #1C1C1A;
            text-decoration: none;
            line-height: 1.3;
        }
        .mine-card__title:hover { color: var(--color-primary); }
        .mine-card__meta {
            margin: 0.3rem 0 0;
            display: flex; flex-wrap: wrap; gap: 0.35rem 0.75rem;
            font-size: 0.75rem; color: #6E6D66;
        }
        .mine-card__meta i { font-size: 0.65rem; color: #9C9B93; margin-right: 0.15rem; }
        .mine-card__price {
            font-size: 1.05rem;
            font-weight: 800;
            color: var(--color-primary);
            white-space: nowrap;
            margin: 0;
        }
        .mine-card__price--empty {
            font-size: 0.75rem;
            font-weight: 650;
            color: #9C9B93;
        }
        .mine-reason {
            margin: 0;
            font-size: 0.75rem;
            line-height: 1.4;
            color: #9a3412;
            background: #fff7ed;
            border: 1px solid #fed7aa;
            border-radius: 0.65rem;
            padding: 0.5rem 0.7rem;
        }
        .mine-reason b {
            display: block;
            font-size: 0.65rem;
            letter-spacing: 0.03em;
            text-transform: uppercase;
            margin-bottom: 0.12rem;
            color: #c2410c;
        }
        [data-theme="dark"] .mine-reason {
            background: #431407;
            border-color: #9a3412;
            color: #fed7aa;
        }
        [data-theme="dark"] .mine-reason b { color: #fdba74; }
        .mine-card__foot {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            gap: 0.5rem;
            border-top: 1px solid #EFEFEB;
            padding-top: 0.55rem;
        }
        .mine-card__stats { display: flex; flex-wrap: wrap; gap: 0.75rem; font-size: 0.75rem; color: #6E6D66; }
        .mine-card__stats i { margin-right: 0.2rem; color: #9C9B93; }
        .mine-card__acts { display: flex; flex-wrap: wrap; gap: 0.3rem; }
        .mine-act {
            appearance: none; background: #F7F7F5; border: 1px solid #E2E1DC; color: #3F3E3A;
            font-size: 0.7rem; font-weight: 700; border-radius: 0.55rem;
            padding: 0.32rem 0.55rem; cursor: pointer; text-decoration: none;
            display: inline-flex; align-items: center; gap: 0.28rem; line-height: 1.2;
        }
        .mine-act:hover { background: #fff; border-color: #CBCAC3; color: #1C1C1A; }
        .mine-act--pri { background: rgba(var(--color-primary-rgb), 0.08); border-color: transparent; color: var(--color-primary); }
        .mine-act--pri:hover { background: rgba(var(--color-primary-rgb), 0.14); color: var(--color-primary); }
        .mine-act--ok { background: #ecfdf5; border-color: #a7f3d0; color: #047857; }
        .mine-act--mute { color: #6E6D66; }
        .mine-act--del { color: #B42318; }
        .mine-act--del:hover { background: #FDECEA; border-color: #F1B8B2; color: #912018; }
        .mine-card__acts form { margin: 0; }
        .mine-empty {
            background: #fff; border: 1px dashed #CBCAC3; border-radius: 1rem;
            padding: 2.4rem 1.25rem; text-align: center;
        }
        .mine-empty__icon {
            width: 3.2rem; height: 3.2rem; margin: 0 auto 0.75rem; border-radius: 1rem;
            background: #EEF6F2; color: var(--color-primary);
            display: flex; align-items: center; justify-content: center; font-size: 1.15rem;
        }
        .mine-empty h2 { font-size: 1.05rem; font-weight: 800; margin: 0 0 0.35rem; color: #1C1C1A; }
        .mine-empty p { margin: 0 0 1rem; color: #6E6D66; font-size: 0.875rem; }
        .mine-empty--filter { margin-top: 0.65rem; border-style: solid; }
        .is-hidden { display: none !important; }
        .mine-pager { display: flex; flex-wrap: wrap; gap: 0.35rem; justify-content: center; margin-top: 1rem; }
        .mine-page {
            min-width: 2.15rem; height: 2.15rem; padding: 0 0.5rem;
            display: inline-flex; align-items: center; justify-content: center;
            border-radius: 0.55rem; border: 1px solid #E2E1DC; background: #fff;
            color: #3F3E3A; text-decoration: none; font-size: 0.8125rem; font-weight: 650;
        }
        .mine-page.is-on { background: var(--color-primary); border-color: transparent; color: #fff; }

        .brand-wordmark {
            font-family: Archivo, system-ui, sans-serif;
            letter-spacing: -0.03em;
        }

        .search-shell:focus-within {
            border-color: rgb(var(--color-primary-rgb));
            box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.12);
            background: #fff;
        }
        .search-shell button[type="submit"] {
            z-index: 2;
        }

        /* Ana sayfa sol sütun: kategori + öne çıkan + reklam tek sticky blok; kaydırınca üst üste binmesin */
        .home-sidebar {
            position: relative;
            z-index: 2;
        }
        .home-sidebar-stack {
            position: sticky;
            top: 6rem;
            display: flex;
            flex-direction: column;
            max-height: calc(100vh - 7rem);
            overflow: hidden;
            isolation: isolate;
        }
        .home-sidebar-stack > * {
            position: relative;
            z-index: 0;
            flex-shrink: 0;
        }
        .home-sidebar-cats {
            display: flex;
            flex-direction: column;
            flex: 1 1 auto;
            min-height: 0;
            overflow: hidden;
        }
        .home-sidebar-cats #categoryList {
            max-height: none;
            flex: 1 1 auto;
            min-height: 0;
            overflow-y: auto;
        }
        .home-sidebar-ad,
        .home-sidebar-ad .site-ad-slot,
        .home-sidebar-ad .site-ad {
            position: relative;
            z-index: 0;
        }
        .home-sidebar .site-ad-box {
            height: 180px;
        }

        /* Kategori sidebar: kelime + Ara her zaman görünür, filtreler kayar */
        #categoryFilterForm {
            display: flex;
            flex-direction: column;
            max-height: calc(100vh - 18rem);
            overflow: hidden;
        }
        #categoryFilterForm .filter-scroll {
            flex: 1 1 auto;
            min-height: 0;
            overflow-y: auto;
        }

        .ad-placeholder {
            border-style: dashed;
            opacity: 0.85;
        }

        .site-ad { position: relative; display: block; overflow: hidden; background: #fff; }
        .site-ad img { display: block; width: 100%; height: 100%; object-fit: cover; }
        .site-ad-badge {
            position: absolute; top: 6px; right: 6px; z-index: 1;
            padding: 2px 6px; border-radius: 4px; background: #fbbf24; color: #78350f;
            font-size: 10px; font-weight: 700; letter-spacing: .02em;
        }
        .site-ad-slot { display: flex; flex-direction: column; gap: 12px; }
        .site-ad-slot-banner { margin: 8px 0 16px; }
        .site-ad-box { height: 250px; border-radius: 12px; border: 1px solid #E2E1DC; }
        .site-ad-slot[data-placement="listing_detail_sidebar"] .site-ad-box { height: 10rem; }
        @media (min-width: 1024px) {
            .site-ad-slot[data-placement="listing_detail_sidebar"] .site-ad-box { height: 12rem; }
        }
        .site-ad-banner { height: 90px; border-radius: 8px; border: 1px solid #E2E1DC; }
        .site-ad-wide { height: 96px; border-radius: 12px; border: 1px solid #E2E1DC; }
        .site-ad-slot-wide { margin: 16px 0 0; }
        .site-ad-preroll { height: 160px; border-radius: 12px; border: 1px solid #E2E1DC; }
        .site-ad-popup { margin-top: 12px; height: 80px; border-radius: 8px; overflow: hidden; }
        .site-ad-native {
            display: flex; align-items: center; gap: 16px; padding: 16px;
            border-radius: 12px; border: 1px solid #fde68a; background: #fff;
        }
        .site-ad-native img, .site-ad-native-img {
            width: 64px; height: 64px; border-radius: 12px; object-fit: cover; flex-shrink: 0;
        }
        .site-ad-native-copy { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
        .site-ad-native-title { font-weight: 700; font-size: 14px; color: #1C1C1A; }
        .site-ad-native-cta { font-size: 13px; font-weight: 600; color: #0d9488; }
        .site-ad-grid-span { grid-column: 1 / -1; }
        #escrowCreateForm {
            position: relative;
            z-index: 50;
        }
        .site-bottom-nav {
            pointer-events: none;
        }
        .site-bottom-nav > a {
            pointer-events: auto;
        }
        /* Sabit alt reklam. Masaüstünde sol altta durur (sağ altta yardım "?" düğmesi var); mobilde alt menünün
           üstünde tam genişlik. Kapat düğmesi kartın sağ üst köşesinde, hiçbir şeyin altında kalmaz. */
        .site-ad-sticky-wrap {
            position: fixed; left: 12px; right: 12px; bottom: 68px; z-index: 25;
            pointer-events: none;
        }
        .site-ad-sticky-wrap > * { pointer-events: auto; }
        .site-ad-sticky-wrap.is-closed { display: none; }
        /* Karşılaştırma tepsisi aynı yerde açılır; kullanıcı karşılaştırırken reklam geri çekilir. */
        body:has(.compare-tray:not(.is-hidden)) .site-ad-sticky-wrap { display: none; }
        @media (min-width: 1024px) {
            .site-ad-sticky-wrap { bottom: 16px; left: 16px; right: auto; width: 380px; }
        }
        .site-ad-sticky {
            position: relative; height: 60px; border-radius: 10px; border: 1px solid #E2E1DC; background: #fff;
            box-shadow: 0 8px 24px rgba(28, 28, 26,.15); display: flex; align-items: center; overflow: hidden;
        }
        .site-ad-sticky img { width: 84px; height: 60px; flex-shrink: 0; object-fit: cover; }
        .site-ad-sticky-title { padding: 0 2.6rem 0 10px; font-size: 12px; font-weight: 600; color: #1C1C1A; line-clamp: 2; }
        .site-ad-close {
            position: absolute; top: -10px; right: -8px; z-index: 2;
            width: 26px; height: 26px; border-radius: 999px; border: 1px solid #CBCAC3; background: #fff;
            color: #1C1C1A; font-size: 17px; line-height: 1; cursor: pointer; box-shadow: 0 2px 8px rgba(28, 28, 26,.18);
            display: flex; align-items: center; justify-content: center; padding: 0;
        }
        .site-ad-close:hover { background: #1C1C1A; color: #fff; border-color: #1C1C1A; }
        .site-ad-interstitial {
            position: fixed; inset: 0; z-index: 10003; background: rgba(0,0,0,.45);
            display: flex; align-items: center; justify-content: center; padding: 16px;
        }
        .site-ad-interstitial.hidden { display: none; }
        .site-ad-interstitial-card {
            position: relative; background: #fff; border-radius: 16px; overflow: hidden;
            max-width: 360px; width: 100%; box-shadow: 0 20px 40px rgba(0,0,0,.25);
        }
        .site-ad-interstitial-card img { width: 100%; height: 220px; object-fit: cover; display: block; }
        .site-ad-interstitial-title { padding: 12px 16px 0; font-weight: 700; font-size: 15px; color: #1C1C1A; }
        .site-ad-interstitial-skip {
            display: block; width: calc(100% - 24px); margin: 12px auto 16px;
            padding: 10px; border: 0; border-radius: 10px; background: #EFEFEB;
            font-weight: 600; font-size: 13px; cursor: pointer;
        }
        .site-ad-interstitial-x { position: absolute; top: 8px; left: 8px; z-index: 2; }

        .site-ann-info { background: #D7EBE1; color: #0c4a6e; border-bottom: 1px solid #bae6fd; }
        .site-ann-warning { background: #fffbeb; color: #78350f; border-bottom: 1px solid #fde68a; }
        .site-ann-inner {
            display: flex; align-items: flex-start; gap: 10px;
            max-width: 80rem; margin: 0 auto; padding: 10px 16px; font-size: 13px; line-height: 1.45;
        }
        .site-ann-icon { flex-shrink: 0; margin-top: 2px; opacity: .85; }
        .site-ann-text { flex: 1; min-width: 0; }
        .site-ann-title { font-weight: 700; margin-right: 6px; }
        .site-ann-body { opacity: .9; }
        .site-ann-body p { display: inline; margin: 0; }
        .site-ann-body a { color: inherit; font-weight: 600; text-decoration: underline; }
        .site-ann-close {
            flex-shrink: 0; width: 28px; height: 28px; border: 0; border-radius: 8px;
            background: transparent; color: inherit; font-size: 18px; line-height: 1; cursor: pointer; opacity: .6;
        }
        .site-ann-close:hover { opacity: 1; background: rgba(28, 28, 26,.06); }
        .site-brand-logo { height: 40px; width: auto; max-width: 140px; object-fit: contain; display: block; }
        .site-brand-logo--sm { height: 32px; max-width: 110px; }
        .site-maint { background: #7f1d1d; color: #fff; text-align: center; padding: 8px 16px; font-size: 13px; font-weight: 600; }
        .site-popup {
            position: fixed; inset: 0; z-index: 10002;
            display: flex; align-items: center; justify-content: center;
            padding: 16px; background: rgba(28, 28, 26, 0.55);
            backdrop-filter: blur(4px);
        }
        .site-popup.hidden { display: none; }
        .site-popup-card {
            width: 100%; max-width: 440px;
            background: #fff;
            border: 2px solid #9C9B93;
            border-radius: 16px;
            box-shadow: 0 24px 56px rgba(28, 28, 26, 0.32);
            overflow: hidden;
            display: flex;
            flex-direction: column;
        }
        .site-popup-head {
            display: flex; align-items: center; gap: 12px;
            padding: 14px 16px;
            background: #EFEFEB;
            border-bottom: 1px solid #CBCAC3;
        }
        .site-popup-title {
            flex: 1; margin: 0; min-width: 0;
            font-size: 16px; font-weight: 800; color: #1C1C1A; line-height: 1.3;
        }
        .site-popup-x {
            width: 36px; height: 36px; flex-shrink: 0;
            border: 1px solid #CBCAC3; border-radius: 10px;
            background: #fff; color: #55544E; cursor: pointer;
            display: inline-flex; align-items: center; justify-content: center;
            font-size: 14px;
        }
        .site-popup-x:hover { background: #fee2e2; color: #b91c1c; border-color: #fecaca; }
        .site-popup-media { border-bottom: 1px solid #E2E1DC; background: #1C1C1A; }
        .site-popup-media img { width: 100%; height: 168px; object-fit: cover; display: block; }
        .site-popup-body {
            padding: 16px 18px;
            background: #fff;
            border-bottom: 1px solid #E2E1DC;
        }
        .site-popup-copy { font-size: 14px; color: #55544E; line-height: 1.6; }
        .site-popup-copy p { margin: 0 0 8px; }
        .site-popup-copy p:last-child { margin-bottom: 0; }
        .site-popup-copy a { color: var(--color-primary); font-weight: 600; }
        .site-popup-foot {
            display: flex; gap: 8px; padding: 12px 16px;
            background: #F7F7F5;
        }
        .site-popup-btn {
            flex: 1; display: inline-flex; align-items: center; justify-content: center;
            min-height: 42px; padding: 0 14px; border-radius: 10px;
            font-size: 14px; font-weight: 700; cursor: pointer; text-align: center;
        }
        .site-popup-btn-primary {
            background: var(--color-primary); color: #fff; border: 0;
        }
        .site-popup-btn-primary:hover { filter: brightness(1.05); color: #fff; }
        .site-popup-btn-ghost {
            background: #fff; color: #3F3E3A; border: 1px solid #CBCAC3;
        }
        .site-popup-btn-ghost:hover { background: #EFEFEB; }

        .site-footer {
            margin-top: 2rem;
            background: linear-gradient(180deg, #EFEFEB 0%, #fff 48%);
            border-top: 1px solid #E2E1DC;
            position: relative;
            overflow: hidden;
        }
        .site-footer-accent {
            height: 3px; background: var(--color-primary);
        }
        .site-footer-inner {
            max-width: 80rem; margin: 0 auto; padding: 2rem 1rem 6.5rem;
        }
        @media (min-width: 1024px) {
            .site-footer-inner { padding-bottom: 2.5rem; }
        }
        .site-foot-brand { margin-bottom: 1.75rem; }
        .site-foot-logo {
            display: inline-flex; align-items: center; gap: 10px; color: inherit;
        }
        .site-foot-mark {
            width: 40px; height: 40px; border-radius: 12px;
            background: var(--color-primary); color: #fff;
            display: inline-flex; align-items: center; justify-content: center; font-size: 16px;
        }
        .site-foot-name { font-size: 18px; font-weight: 800; color: #1C1C1A; }
        .site-foot-tagline { margin: 8px 0 0; font-size: 13px; color: #6E6D66; max-width: 36rem; }
        .site-foot-grid {
            display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem 1.25rem;
        }
        @media (min-width: 768px) {
            .site-foot-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2rem; }
        }
        .site-foot-h {
            display: flex; align-items: center; gap: 8px;
            margin: 0 0 12px; font-size: 13px; font-weight: 800; color: #1C1C1A;
        }
        .site-foot-h i { color: var(--color-primary); font-size: 12px; opacity: .85; }
        .site-foot-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
        .site-foot-a { font-size: 13px; color: #6E6D66; }
        .site-foot-a:hover { color: var(--color-primary); }
        .site-foot-panel {
            display: grid; gap: 1.25rem;
            margin-top: 1.75rem; padding: 1.25rem;
            background: #fff; border: 1px solid #E2E1DC; border-radius: 16px;
        }
        @media (min-width: 768px) {
            .site-foot-panel { grid-template-columns: 1.4fr 1fr; align-items: center; }
        }
        .site-foot-news-copy { margin: 0 0 10px; font-size: 12px; color: #6E6D66; }
        .site-foot-news-msg { font-size: 12px; margin: 0 0 8px; }
        .site-foot-news-msg.is-ok { color: #059669; }
        .site-foot-news-msg.is-err { color: #dc2626; }
        .site-foot-form { display: flex; gap: 8px; }
        .site-foot-input {
            flex: 1; min-width: 0; height: 40px; padding: 0 12px;
            border: 1px solid #E2E1DC; border-radius: 10px; font-size: 13px; background: #F7F7F5;
        }
        .site-foot-input:focus { outline: none; border-color: var(--color-primary); background: #fff; }
        .site-foot-submit {
            height: 40px; padding: 0 14px; border: 0; border-radius: 10px;
            background: var(--color-primary); color: #fff; font-size: 13px; font-weight: 700; cursor: pointer;
        }
        .site-foot-soc { display: flex; flex-wrap: wrap; gap: 8px; }
        .site-soc {
            width: 40px; height: 40px; border-radius: 12px;
            background: #fff; color: #55544E; border: 1px solid #E2E1DC;
            display: inline-flex; align-items: center; justify-content: center;
            text-decoration: none; font-size: 14px; box-shadow: 0 1px 2px rgba(28, 28, 26,.04);
        }
        .site-soc:hover { background: var(--color-primary); color: #fff; border-color: var(--color-primary); }
        .site-foot-contact {
            display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 18px;
            margin-top: 1.5rem; padding: 1.25rem 0; border-top: 1px solid #E2E1DC;
        }
        .site-foot-chip {
            display: inline-flex; align-items: center; gap: 8px;
            font-size: 13px; color: #3F3E3A; font-weight: 500;
        }
        .site-foot-chip:hover { color: var(--color-primary); }
        .site-foot-chip-ico {
            width: 32px; height: 32px; border-radius: 999px;
            background: var(--color-primary); color: #fff;
            display: inline-flex; align-items: center; justify-content: center; font-size: 11px;
        }
        .site-foot-bar {
            display: flex; flex-direction: column; align-items: center; gap: 10px;
            padding-top: 1.25rem; border-top: 1px solid #E2E1DC; text-align: center;
        }
        @media (min-width: 768px) {
            .site-foot-bar { flex-direction: row; justify-content: space-between; text-align: left; }
        }
        .site-foot-copy { margin: 0; font-size: 12px; color: #6E6D66; font-weight: 600; }
        .site-foot-legal { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }
        .site-foot-legal a { font-size: 12px; color: #6E6D66; }
        .site-foot-legal a:hover { color: var(--color-primary); }

        [data-theme="dark"] .site-popup-card { background: #2A2A27; border-color: #55544E; }
        [data-theme="dark"] .site-popup-head { background: #1C1C1A; border-bottom-color: #3F3E3A; }
        [data-theme="dark"] .site-popup-title { color: #EFEFEB; }
        [data-theme="dark"] .site-popup-x { background: #2A2A27; border-color: #55544E; color: #CBCAC3; }
        [data-theme="dark"] .site-popup-x:hover { background: #7f1d1d; color: #fecaca; border-color: #991b1b; }
        [data-theme="dark"] .site-popup-body { background: #2A2A27; border-bottom-color: #3F3E3A; }
        [data-theme="dark"] .site-popup-copy { color: #9C9B93; }
        [data-theme="dark"] .site-popup-foot { background: #1C1C1A; }
        [data-theme="dark"] .site-popup-btn-ghost { background: #2A2A27; color: #E2E1DC; border-color: #55544E; }
        [data-theme="dark"] .site-footer { background: linear-gradient(180deg, #2A2A27 0%, #1C1C1A 100%); border-top-color: #3F3E3A; }
        [data-theme="dark"] .site-foot-name { color: #EFEFEB; }
        [data-theme="dark"] .site-foot-tagline,
        [data-theme="dark"] .site-foot-a,
        [data-theme="dark"] .site-foot-news-copy,
        [data-theme="dark"] .site-foot-copy,
        [data-theme="dark"] .site-foot-legal a { color: #9C9B93; }
        [data-theme="dark"] .site-foot-h { color: #EFEFEB; }
        [data-theme="dark"] .site-foot-panel { background: #2A2A27; border-color: #3F3E3A; }
        [data-theme="dark"] .site-foot-input { background: #1C1C1A; border-color: #3F3E3A; color: #E2E1DC; }
        [data-theme="dark"] .site-soc { background: #2A2A27; border-color: #3F3E3A; color: #CBCAC3; }
        [data-theme="dark"] .site-foot-contact,
        [data-theme="dark"] .site-foot-bar { border-top-color: #3F3E3A; }
        [data-theme="dark"] .site-foot-chip { color: #CBCAC3; }
        .site-page-slider { position: relative; border-radius: 12px; overflow: hidden; margin-bottom: 1rem; background: #1C1C1A; min-height: 120px; }
        .site-page-slider-slide { display: none; position: relative; }
        .site-page-slider-slide.is-on { display: block; }
        .site-page-slider-slide img { width: 100%; height: 140px; object-fit: cover; display: block; }
        .site-page-slider-cap {
            position: absolute; left: 12px; bottom: 12px; color: #fff; font-weight: 700; font-size: 14px;
            text-shadow: 0 1px 8px rgba(0,0,0,.55);
        }
        .site-page-slider-nav {
            position: absolute; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; border: 0;
            border-radius: 999px; background: rgba(28, 28, 26,.45); color: #fff; font-size: 18px; cursor: pointer;
        }
        .site-page-slider-nav.is-prev { left: 8px; }
        .site-page-slider-nav.is-next { right: 8px; }
        .sell-opt-list { display: grid; gap: 8px; }
        .sell-opt {
            display: flex; align-items: flex-start; gap: 10px; border: 1px solid #E2E1DC; border-radius: 10px;
            padding: 10px 12px; cursor: pointer; background: #fff;
        }
        .sell-opt:has(input:checked) { border-color: var(--color-primary); background: rgba(var(--color-primary-rgb), 0.06); }
        .sell-opt-body { flex: 1; display: flex; flex-direction: column; gap: 2px; font-size: 13px; color: #55544E; }
        .sell-opt-body strong { color: #1C1C1A; font-size: 14px; }
        .sell-opt-price { font-weight: 700; font-size: 13px; color: #1C1C1A; white-space: nowrap; }

        /* Tailwind scan misses homepage-only utilities used in Index.cshtml */
        .bg-teal-50\/80 { background-color: rgba(240, 253, 250, 0.85) !important; }
        .border-teal-200\/80 { border-color: rgba(153, 246, 228, 0.85) !important; }
        .text-teal-900 { color: #134e4a !important; }
        .text-teal-700\/90 { color: rgba(15, 118, 110, 0.9) !important; }
        .text-teal-600 { color: #0d9488 !important; }
        .bg-teal-500 { background-color: #14b8a6 !important; }
        .shadow-teal-500\/30 { --tw-shadow-color: rgba(20, 184, 166, 0.3); }
        .hover\:bg-teal-100\/90:hover { background-color: rgba(204, 251, 241, 0.92) !important; }
        .hover\:border-teal-300\/60:hover { border-color: rgba(94, 234, 212, 0.6) !important; }
        .bg-purple-100 { background-color: #f3e8ff !important; }
        .text-purple-600 { color: #9333ea !important; }
        .bg-purple-600 { background-color: #9333ea !important; }
        .bg-amber-100 { background-color: #fef3c7 !important; }
        .text-amber-600 { color: #d97706 !important; }
        .bg-amber-500 { background-color: #f59e0b !important; }
        .bg-green-500 { background-color: #22c55e !important; }
        .bg-red-500 { background-color: #ef4444 !important; }
        .bg-red-600 { background-color: #dc2626 !important; }
        .text-yellow-400 { color: #facc15 !important; }
        .bg-yellow-400 { background-color: #facc15 !important; }
        .from-slate-800 { --tw-gradient-from: #2A2A27; }
        .to-slate-900 { --tw-gradient-to: #1C1C1A; }
        .bg-gradient-to-br { background-image: linear-gradient(to bottom right, var(--tw-gradient-from, #2A2A27), var(--tw-gradient-to, #1C1C1A)); }
        .bg-white\/95 { background-color: rgba(255, 255, 255, 0.95) !important; }
        .bg-white\/20 { background-color: rgba(255, 255, 255, 0.2) !important; }
        .text-emerald-600 { color: #059669 !important; }
        .text-emerald-100 { color: #d1fae5 !important; }
        .text-blue-100 { color: #D7EBE1 !important; }

        .sticky-nav .brand-wordmark {
            transition: color 0.15s ease;
        }
        .vitrin-grid-card img {
            transition: transform 0.4s ease;
        }
        .vitrin-grid-card:hover img {
            transform: scale(1.05);
        }
        .no-scrollbar::-webkit-scrollbar { display: none; }
        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
        .events-scroll { scroll-snap-type: x mandatory; }
        .events-scroll > * { scroll-snap-align: start; }
        
        .badge {
            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
        }
        
        @keyframes pulse {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.8; }
        }
        
        .sticky-nav {
            position: sticky;
            top: 0;
            z-index: 80;
            isolation: isolate;
            transform: translateZ(0);
            backdrop-filter: blur(14px) saturate(1.1);
            background: #fff;
            box-shadow: 0 1px 0 rgba(28, 28, 26, 0.06);
        }

        /* ilan-detay.html ile aynı */
        .detail-tab.active { background: #fef3c7; color: #b45309; font-weight: 600; border-bottom: 2px solid #f59e0b; }
        .detail-tab:not(.active) { color: #6E6D66; background: transparent; border-bottom: 2px solid transparent; }
        .detail-tab:not(.active):hover { color: #1C1C1A; }
        .spec-row:nth-child(even) { background: #F7F7F5; }
        .spec-sidebar .spec-row { padding: 0.4rem 0.55rem; border-bottom: 1px solid #EFEFEB; margin: 0; }
        .spec-sidebar { margin: 0; }

        .detail-head { margin-bottom: 0.85rem; }
        .detail-crumb {
            display: flex; align-items: center; flex-wrap: wrap; gap: 0.35rem 0.4rem;
            font-size: 0.75rem; color: #6E6D66; margin-bottom: 0.55rem;
        }
        .detail-crumb a { color: #6E6D66; text-decoration: none; font-weight: 600; }
        .detail-crumb a:hover { color: var(--color-primary); }
        .detail-crumb i { font-size: 0.5rem; color: #CBCAC3; }
        .detail-crumb span { color: #3F3E3A; font-weight: 600; max-width: 28rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
        .detail-head__row { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 0.5rem 1rem; }
        .detail-head__title { min-width: 0; flex: 1; }
        .detail-head__title h1 { margin: 0; font-size: 1.15rem; font-weight: 800; color: #1C1C1A; line-height: 1.35; }
        @media (min-width: 768px) { .detail-head__title h1 { font-size: 1.35rem; } }
        .detail-head__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem; margin-top: 0.35rem; }
        .detail-head__no { font-size: 0.75rem; color: #9C9B93; font-weight: 600; }
        .detail-fav {
            display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem;
            padding: 0.5rem 0.9rem; border-radius: 0.5rem; font-size: 0.8125rem; font-weight: 700;
            border: 1px solid #fda4af; background: #fff1f2; color: #e11d48; cursor: pointer;
            transition: background .15s ease, color .15s ease, border-color .15s ease;
        }
        .detail-fav:hover { background: #e11d48; color: #fff; border-color: #e11d48; }
        .detail-fav.is-on { background: #e11d48; color: #fff; border-color: #be123c; }
        .detail-fav.is-on:hover { background: #be123c; border-color: #9f1239; }
        .detail-fav--block { width: 100%; padding: 0.55rem 0.5rem; font-size: 12px; }
        .detail-hold { margin-top: 0.65rem; border: 1px solid #fed7aa; background: #fff7ed; border-radius: 0.65rem; padding: 0.65rem 0.8rem; }

        .detail-3col {
            display: grid;
            grid-template-columns: 1fr;
            gap: 12px;
            align-items: start;
        }
        .detail-3col > * { min-width: 0; max-width: 100%; }
        @media (min-width: 900px) {
            .detail-3col {
                grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.92fr) minmax(240px, 0.78fr);
            }
        }
        .col-satici { display: flex; flex-direction: column; gap: 12px; }

        .detail-spec {
            background: #fff;
            border: 1px solid #E2E1DC;
            border-radius: 0.5rem;
            overflow: hidden;
        }
        .detail-spec__price {
            display: flex; align-items: center; justify-content: space-between;
            padding: 0.7rem 0.75rem 0.35rem;
        }
        .detail-spec__price > span { font-size: 1.35rem; font-weight: 800; color: #1C1C1A; letter-spacing: -0.02em; }
        .detail-spec__loc {
            margin: 0 0.75rem 0.45rem; font-size: 0.78rem; font-weight: 700; color: #dc2626;
        }
        .detail-spec__loc i { font-size: 0.65rem; margin-right: 0.2rem; }

        .detail-seller {
            background: #fff;
            border: 1px solid #E2E1DC;
            border-radius: 0.5rem;
            overflow: hidden;
        }
        .detail-seller__grid { display: flex; flex-direction: column; }
        .detail-seller__cell + .detail-seller__cell { border-top: 1px solid #E2E1DC; }
        .detail-seller__ident { background: #fff; color: #1C1C1A; padding: 0.85rem 0.9rem; }
        .detail-seller__avatar {
            width: 2.25rem; height: 2.25rem; border-radius: 50%; flex-shrink: 0;
            background: rgba(var(--color-primary-rgb), 0.1); color: var(--color-primary);
            display: flex; align-items: center; justify-content: center;
            font-size: 0.75rem; font-weight: 800; overflow: hidden; border: 1px solid #E2E1DC;
        }
        .detail-seller__avatar img { width: 100%; height: 100%; object-fit: cover; }
        .me-avatar {
            width: 4.5rem; height: 4.5rem; border-radius: 50%; flex-shrink: 0;
            background: rgba(var(--color-primary-rgb), 0.1); color: var(--color-primary);
            display: flex; align-items: center; justify-content: center;
            font-size: 1.35rem; font-weight: 800; overflow: hidden; border: 1px solid #E2E1DC;
        }
        .me-avatar img { width: 100%; height: 100%; object-fit: cover; }
        .detail-seller__meta, .detail-seller__actions { padding: 0.75rem 0.9rem; }
        .detail-seller__meta-row { display: flex; flex-direction: column; gap: 0.65rem; }
        .detail-seller__thumb {
            width: 2.25rem; height: 2.25rem; border-radius: 0.5rem;
            background: #EFEFEB; border: 1px solid #E2E1DC; overflow: hidden;
            display: flex; align-items: center; justify-content: center; color: #9C9B93; flex-shrink: 0;
        }
        .detail-seller__thumb img { width: 100%; height: 100%; object-fit: cover; }
        .detail-seller .store-rep-avatar { width: 2.25rem; height: 2.25rem; border-radius: 0.5rem; font-size: 0.75rem; }
        .detail-seller__stats { display: flex; flex-direction: column; gap: 0.3rem; margin-top: 0.55rem; font-size: 11px; }
        .detail-seller__actions { display: flex; flex-direction: column; gap: 6px; }
        .detail-seller__btns { display: flex; flex-direction: column; gap: 6px; }
        .detail-seller__btns > * { width: 100%; }
        .detail-seller .btn-slim { padding: 0.55rem 0.5rem; font-size: 12px; width: 100%; }
        .detail-seller__templates {
            display: flex; flex-direction: column; gap: 6px;
            border-top: 1px solid #E2E1DC; padding: 0.65rem 0.9rem;
        }
        .detail-seller__foot {
            display: flex; flex-direction: column; gap: 8px;
            border-top: 1px solid #E2E1DC; padding: 0.65rem 0.9rem; background: #F7F7F5;
        }
        .detail-seller__share { width: 1.75rem; height: 1.75rem; }
        .detail-photo {
            display: flex; flex-direction: column;
            background: #fff; border: 1px solid #E2E1DC; border-radius: 0.5rem; overflow: hidden;
        }
        .detail-photo__main {
            position: relative; cursor: pointer;
            height: 16rem; overflow: hidden;
            background: #E2E1DC;
        }
        @media (min-width: 900px) {
            .detail-photo__main { height: 22rem; max-height: 24rem; }
        }
        .detail-photo__main img {
            width: 100%; height: 100%; object-fit: cover; display: block;
        }
        .detail-photo__thumbs {
            display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px;
            padding: 0.45rem; border-top: 1px solid #EFEFEB; max-height: 8rem; overflow: auto;
            background: #fff;
        }
        .detail-thumb { aspect-ratio: 4 / 3; padding: 0; background: none; cursor: pointer; overflow: hidden; }
        .detail-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }

        @media (prefers-reduced-motion: reduce) {
            .hero-slide, .listing-card, .product-card, .vitrin-grid-card img { transition: none !important; }
        }
        /* Sidebar kategori hover - daha belirgin */
        .category-item .category-row {
            border-left: 3px solid transparent;
            transition: background 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
        }
        .category-item .category-row:hover {
            background: linear-gradient(90deg, rgba(12, 74, 57, 0.08) 0%, rgba(12, 74, 57, 0.03) 100%) !important;
            border-left-color: #0C4A39;
            box-shadow: 0 2px 8px -2px rgba(12, 74, 57, 0.2);
        }
        .category-item .category-row:hover .category-icon-wrap {
            background: rgba(12, 74, 57, 0.15) !important;
            color: #0C4A39 !important;
        }
        .category-item .category-row:hover .category-name {
            color: #0A3B2E !important;
        }

        /* kategori-detay.html ile aynı */
        .filter-section summary { list-style: none; cursor: pointer; }
        .filter-section summary::-webkit-details-marker { display: none; }
        .price-green { color: #059669; font-weight: 700; }
        .category-tree a, .category-tree .category-level { font-weight: 600; color: #0F5C46; }
        .category-tree {
            font-size: 0.8125rem;
            max-height: 18rem;
            overflow-y: auto;
            padding-right: 0.25rem;
        }
        .category-tree__item {
            display: flex;
            align-items: baseline;
            gap: 0.3rem;
            padding-top: 0.15rem;
            padding-bottom: 0.15rem;
            padding-right: 0.25rem;
            text-decoration: none;
            color: #1C1C1A;
            line-height: 1.45;
        }
        .category-tree__item.is-anc { font-weight: 600; color: #062419; }
        .category-tree__item.is-cur { font-weight: 700; color: #0F5C46; }
        .category-tree__item.is-child { font-weight: 400; color: #1C1C1A; }
        .category-tree__item.is-anc:hover,
        .category-tree__item.is-child:hover {
            color: #0F5C46;
            text-decoration: underline;
        }
        .category-tree__count { font-size: 0.75rem; color: #6E6D66; font-weight: 400; }
        .category-tree__d0 { padding-left: 0; }
        .category-tree__d1 { padding-left: 0.75rem; }
        .category-tree__d2 { padding-left: 1.5rem; }
        .category-tree__d3 { padding-left: 2.25rem; }
        .category-tree__d4 { padding-left: 3rem; }
        .category-tree__d5 { padding-left: 3.75rem; }
        .category-trim-item { display: flex; align-items: baseline; gap: 0.25rem; padding: 0.35rem 0.5rem; border-radius: 0.375rem; font-size: 0.875rem; color: #1C1C1A; cursor: pointer; text-decoration: none; }
        .category-trim-item:hover { background: #EFEFEB; color: #0F5C46; }
        .category-trim-item.active { background: rgba(15, 92, 70, 0.08); color: #0F5C46; text-decoration: underline; }
        .category-trim-item .count { font-size: 0.75rem; color: #6E6D66; font-weight: 400; }
        .view-btn.active { background: #0F5C46; color: white; }
        .view-btn:not(.active) { background: #EFEFEB; color: #6E6D66; }
        .view-btn:not(.active):hover { background: #E2E1DC; color: #1C1C1A; }
        .pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.375rem; }
        .pagination a, .pagination span { display: inline-flex; align-items: center; justify-content: center; min-width: 2.5rem; height: 2.5rem; padding: 0 0.5rem; border-radius: 0.375rem; font-size: 0.875rem; font-weight: 500; text-decoration: none; transition: all 0.15s; border: none; }
        .pagination .page-prev, .pagination .page-next { min-width: auto; padding: 0 0.75rem; }
        .pagination a { color: #3F3E3A; background: #E2E1DC; }
        .pagination a:hover:not(.disabled) { background: #CBCAC3; color: #0F5C46; }
        .pagination .page-current { background: #0F5C46; color: #fff; cursor: default; }
        .pagination .page-ellipsis { color: #9C9B93; cursor: default; }
        .pagination .page-prev, .pagination .page-next { color: #3F3E3A; background: #E2E1DC; }
        .pagination .page-prev:hover:not(.disabled), .pagination .page-next:hover:not(.disabled) { background: #CBCAC3; color: #0F5C46; }
        .pagination .page-prev.disabled, .pagination .page-next.disabled { opacity: 0.5; pointer-events: none; }
        .me-pager { margin-top: 1.5rem; }
        .msg-list .me-pager { margin: 0.75rem 0.5rem 1rem; }
        .msg-list .pagination a, .msg-list .pagination span { min-width: 2rem; height: 2rem; font-size: 0.75rem; }
        .pagination .page-prev span, .pagination .page-next span { font-size: 0.8125rem; }
        .per-page-btn { min-width: 2.5rem; height: 2.5rem; padding: 0 0.75rem; border-radius: 0.375rem; font-size: 0.875rem; font-weight: 500; border: none; background: #E2E1DC; color: #3F3E3A; cursor: pointer; transition: all 0.15s; display: inline-flex; align-items: center; justify-content: center; }
        .per-page-btn:hover { background: #CBCAC3; color: #0F5C46; }
        .per-page-btn.active { background: #0F5C46; color: #fff; cursor: default; }
        .scroll-touch { -webkit-overflow-scrolling: touch; }
        .result-card { transition: box-shadow 0.2s, border-color 0.2s; }
        .result-card:hover { box-shadow: 0 10px 25px -5px rgba(0,0,0,0.08); border-color: rgba(15, 92, 70, 0.3); }

        .store-dir-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; margin-bottom: 2rem; }
        .store-dir-search {
            display: flex; align-items: center; gap: 0.5rem;
            border: 1px solid #E2E1DC; background: #fff; border-radius: 0.75rem;
            padding: 0.5rem 0.75rem; width: 100%;
        }
        @media (min-width: 640px) { .store-dir-search { width: 20rem; } }
        .store-dir-search input { width: 100%; background: transparent; font-size: 0.875rem; outline: none; border: 0; }
        .store-dir-search button { flex-shrink: 0; font-size: 0.75rem; font-weight: 600; color: var(--color-primary); background: none; border: 0; cursor: pointer; }
        .store-dir-grid { display: grid; grid-template-columns: 1fr; gap: 1.25rem; }
        @media (min-width: 640px) { .store-dir-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
        @media (min-width: 1024px) { .store-dir-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
        .store-dir-card {
            background: #fff; border: 1px solid #E2E1DC; border-radius: 1rem;
            overflow: hidden; text-decoration: none; color: inherit; display: block;
            transition: box-shadow .15s ease;
        }
        .store-dir-card:hover { box-shadow: 0 8px 24px -12px rgba(28, 28, 26, .18); }
        .store-dir-card:hover .store-dir-card__name { color: var(--color-primary); }
        .store-dir-banner {
            height: 5.5rem; max-height: 5.5rem; background: #EFEFEB; overflow: hidden;
        }
        .store-dir-banner img { width: 100%; height: 100%; object-fit: cover; display: block; }
        .store-dir-banner--empty { background: linear-gradient(135deg, #EFEFEB 0%, #EEF6F2 50%, #F7F7F5 100%); }
        .store-dir-body { position: relative; padding: 0.5rem 1.25rem 1.25rem; margin-top: -1.5rem; }
        .store-dir-avatar {
            width: 3rem; height: 3rem; border-radius: 0.75rem; background: #fff;
            border: 1px solid #E2E1DC; display: flex; align-items: center; justify-content: center;
            font-weight: 700; color: var(--color-primary); box-shadow: 0 1px 2px rgba(28, 28, 26, .06);
        }
        .store-dir-card__name { font-weight: 600; margin-top: 0.75rem; color: #1C1C1A; }
        .store-dir-card__meta { font-size: 0.75rem; color: #6E6D66; margin-top: 0.25rem; }
        .seller-public-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.75rem; text-align: center; font-size: 0.875rem; }
        .seller-public-stats > div { border-radius: 0.75rem; background: #F7F7F5; padding: 0.75rem; }

        .sell-create-wrap { max-width: 72rem; margin: 1.5rem auto 3rem; padding: 0 1rem; }
        .sell-create-card {
            background: #fff; border: 1px solid #e5e7eb; border-radius: 0.5rem;
            padding: 1.25rem 1.5rem 1.75rem; box-shadow: 0 1px 2px rgba(28, 28, 26, .04);
        }
        .sell-create-top { display: flex; justify-content: flex-end; margin-bottom: 0.25rem; }
        .sell-create-tips { font-size: 0.8125rem; color: #0F5C46; text-decoration: none; }
        .sell-create-tips:hover { text-decoration: underline; }
        .sell-create-title { font-size: 1.125rem; font-weight: 700; color: #1C1C1A; margin: 0 0 1rem; }
        .sell-cat-grid {
            display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0.75rem;
        }
        @media (max-width: 960px) { .sell-cat-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
        @media (max-width: 640px) { .sell-cat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
        .sell-cat-card {
            appearance: none; background: #fff; border: 1px solid #e5e7eb; border-radius: 0.5rem;
            padding: 0 0.75rem 1rem; min-height: 7.25rem; cursor: pointer; text-align: center;
            display: flex; flex-direction: column; align-items: center; gap: 0.65rem;
            box-shadow: 0 1px 2px rgba(28, 28, 26, .04); color: inherit;
        }
        .sell-cat-card:hover { border-color: #CBCAC3; box-shadow: 0 6px 16px -10px rgba(28, 28, 26, .25); }
        .sell-cat-card__bar {
            display: block; height: 4px; width: calc(100% + 1.5rem); margin: 0 -0.75rem 0.15rem;
            border-radius: 0.5rem 0.5rem 0 0; background: #9C9B93;
        }
        .sell-cat-card__icon {
            width: 2.5rem; height: 2.5rem; border-radius: 999px; display: flex; align-items: center;
            justify-content: center; font-size: 1.125rem; background: #F7F7F5;
        }
        .sell-cat-card__name { font-size: 0.8125rem; font-weight: 600; color: #2A2A27; line-height: 1.3; }
        .sell-cat-card[data-i="0"] .sell-cat-card__bar { background: #f59e0b; }
        .sell-cat-card[data-i="0"] .sell-cat-card__icon { color: #f59e0b; }
        .sell-cat-card[data-i="1"] .sell-cat-card__bar { background: #ef4444; }
        .sell-cat-card[data-i="1"] .sell-cat-card__icon { color: #ef4444; }
        .sell-cat-card[data-i="2"] .sell-cat-card__bar { background: #14b8a6; }
        .sell-cat-card[data-i="2"] .sell-cat-card__icon { color: #14b8a6; }
        .sell-cat-card[data-i="3"] .sell-cat-card__bar { background: #8b5cf6; }
        .sell-cat-card[data-i="3"] .sell-cat-card__icon { color: #8b5cf6; }
        .sell-cat-card[data-i="4"] .sell-cat-card__bar { background: #a855f7; }
        .sell-cat-card[data-i="4"] .sell-cat-card__icon { color: #a855f7; }
        .sell-cat-card[data-i="5"] .sell-cat-card__bar { background: #22805F; }
        .sell-cat-card[data-i="5"] .sell-cat-card__icon { color: #22805F; }
        .sell-cat-card[data-i="6"] .sell-cat-card__bar { background: #22c55e; }
        .sell-cat-card[data-i="6"] .sell-cat-card__icon { color: #22c55e; }
        .sell-cat-card[data-i="7"] .sell-cat-card__bar { background: #84cc16; }
        .sell-cat-card[data-i="7"] .sell-cat-card__icon { color: #84cc16; }
        .sell-cat-card[data-i="8"] .sell-cat-card__bar { background: #06b6d4; }
        .sell-cat-card[data-i="8"] .sell-cat-card__icon { color: #06b6d4; }
        .sell-cat-card[data-i="9"] .sell-cat-card__bar { background: #f97316; }
        .sell-cat-card[data-i="9"] .sell-cat-card__icon { color: #f97316; }

        .sell-cat-crumb { display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem; margin: -0.25rem 0 0.85rem; font-size: 0.8125rem; }
        .sell-cat-crumb__item { appearance: none; background: none; border: 0; padding: 0; color: #0F5C46; cursor: pointer; font-weight: 600; }
        .sell-cat-crumb__item:hover { text-decoration: underline; }
        .sell-cat-crumb__sep { color: #9C9B93; }
        .sell-cat-drill { display: flex; align-items: stretch; gap: 0.75rem; flex-wrap: wrap; }
        .sell-cat-cols { display: flex; gap: 0.5rem; flex: 1 1 16rem; overflow-x: auto; min-height: 16rem; }
        .sell-cat-col {
            min-width: 11.5rem; max-width: 14rem; flex: 1; border: 1px solid #e5e7eb; background: #fff;
            max-height: 22rem; overflow-y: auto;
        }
        .sell-cat-col__item {
            appearance: none; width: 100%; display: block; text-align: left; background: #fff; border: 0;
            border-bottom: 1px solid #EFEFEB; padding: 0.55rem 1.75rem 0.55rem 0.75rem; font-size: 0.8125rem;
            color: #1C1C1A; cursor: pointer; position: relative;
        }
        .sell-cat-col__item:hover { background: #F7F7F5; }
        .sell-cat-col__item.is-selected {
            background: #e5e7eb; font-weight: 600;
        }
        .sell-cat-col__item.is-selected::after {
            content: ""; position: absolute; right: 0.6rem; top: 50%; width: 0.4rem; height: 0.4rem;
            border-right: 2px solid #6E6D66; border-bottom: 2px solid #6E6D66;
            transform: translateY(-60%) rotate(-45deg);
        }
        .sell-cat-done {
            width: 14.5rem; flex: 0 0 14.5rem; border: 1px solid #e5e7eb; border-radius: 0.5rem;
            box-shadow: 0 8px 24px -12px rgba(28, 28, 26, .28); padding: 1.75rem 1.25rem 1.25rem;
            text-align: center; background: #fff; align-self: flex-start;
        }
        .sell-cat-done__icon {
            width: 3.25rem; height: 3.25rem; margin: 0 auto 0.85rem; border-radius: 999px;
            background: #22c55e; color: #fff; display: flex; align-items: center; justify-content: center;
            font-size: 1.35rem;
        }
        .sell-cat-done__text { font-size: 0.8125rem; color: #3F3E3A; margin: 0 0 1rem; }
        .sell-cat-done__btn {
            display: inline-flex; align-items: center; justify-content: center; min-width: 6.5rem;
            background: #0F5C46; color: #fff; text-decoration: none; font-weight: 600; font-size: 0.875rem;
            padding: 0.5rem 1.25rem; border-radius: 0.35rem;
        }
        .sell-cat-done__btn:hover { background: #0C4A39; color: #fff; }

        .sell-cat-or {
            display: flex; align-items: center; gap: 0.75rem; margin: 1.5rem 0 1rem; color: #6E6D66; font-size: 0.8125rem;
        }
        .sell-cat-or::before, .sell-cat-or::after { content: ""; flex: 1; height: 1px; background: #e5e7eb; }
        .sell-cat-chips { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: -0.35rem 0 0.85rem; justify-content: center; }
        .sell-cat-chip {
            appearance: none; border: 0; background: #3F3E3A; color: #fff; font-size: 0.75rem; font-weight: 600;
            padding: 0.3rem 0.7rem; border-radius: 0.25rem; cursor: pointer;
        }
        .sell-cat-search-block { max-width: 28rem; }
        .sell-cat-search-title { font-size: 1rem; font-weight: 700; color: #1C1C1A; margin: 0 0 0.65rem; display: flex; align-items: center; gap: 0.45rem; }
        .sell-cat-search-title i { color: #6E6D66; font-size: 0.95rem; }
        .sell-cat-search { position: relative; }
        .sell-cat-search input {
            width: 100%; border: 1px solid #CBCAC3; border-radius: 0.25rem; padding: 0.55rem 0.75rem;
            font-size: 0.8125rem; outline: none; background: #fff;
        }
        .sell-cat-search input:focus { border-color: #9C9B93; }
        .sell-cat-search-hint { margin: 0.45rem 0 0; font-size: 0.75rem; color: #6E6D66; }
        .sell-cat-suggest {
            list-style: none; margin: 0.25rem 0 0; padding: 0.25rem 0; position: absolute; left: 0; right: 0; z-index: 20;
            background: #fff; border: 1px solid #e5e7eb; border-radius: 0.35rem; box-shadow: 0 10px 24px -12px rgba(28, 28, 26,.35);
            max-height: 16rem; overflow-y: auto;
        }
        .sell-cat-suggest li button {
            appearance: none; width: 100%; text-align: left; background: none; border: 0; padding: 0.5rem 0.75rem;
            cursor: pointer; display: flex; flex-direction: column; gap: 0.1rem;
        }
        .sell-cat-suggest li button:hover { background: #F7F7F5; }
        .sell-cat-suggest__name { font-size: 0.8125rem; font-weight: 600; color: #1C1C1A; }
        .sell-cat-suggest__path { font-size: 0.7rem; color: #6E6D66; }
        .sell-cat-suggest__empty { padding: 0.65rem 0.75rem; font-size: 0.8125rem; color: #6E6D66; }

        .sell-locked-cat {
            display: flex; align-items: flex-start; justify-content: space-between; gap: 0.75rem;
            border: 1px solid #E2E1DC; border-radius: 0.75rem; padding: 0.75rem 1rem; background: #F7F7F5;
        }
        .sell-locked-cat__name { font-size: 0.875rem; font-weight: 600; color: #1C1C1A; }
        .sell-locked-cat__path { font-size: 0.75rem; color: #6E6D66; margin-top: 0.15rem; }
        .sell-locked-cat__change { font-size: 0.75rem; color: #0F5C46; text-decoration: none; white-space: nowrap; }
        .sell-locked-cat__change:hover { text-decoration: underline; }
        .sell-create-top { gap: 1rem; }
        .sell-fields { padding-top: 0.25rem; }
        .sell-fields__title { font-size: 0.75rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #6E6D66; margin: 0.5rem 0 0.75rem; }
        .sell-fields__grid { display: grid; grid-template-columns: 1fr; gap: 0.75rem; }
        @media (min-width: 640px) { .sell-fields__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

        /* —— İlan verme sihirbazı (adım 2+) —— */
        .sell-wiz { max-width: 920px; margin: 0 auto; padding: 1.15rem 1rem 6rem; }
        .sell-wiz--wide { max-width: 72rem; }
        .sell-steps {
            display: flex; align-items: flex-start; justify-content: space-between;
            margin: 0.25rem 0 1.35rem; padding: 0 0.15rem; position: relative;
        }
        .sell-steps__item {
            flex: 1; display: flex; flex-direction: column; align-items: center; gap: 0.4rem;
            text-decoration: none; color: inherit; position: relative; min-width: 0;
        }
        .sell-steps__item:not(:last-child)::after {
            content: ""; position: absolute; top: 13px; left: calc(50% + 16px); right: calc(-50% + 16px);
            height: 3px; background: #d8dde3; z-index: 0;
        }
        .sell-steps__item.is-done:not(:last-child)::after,
        .sell-steps__item.is-current:not(:last-child)::after { background: #2ea44f; }
        .sell-steps__num {
            width: 28px; height: 28px; border-radius: 999px; display: flex; align-items: center;
            justify-content: center; font-size: 0.8rem; font-weight: 700; position: relative; z-index: 1;
            background: #cfd4da; color: #fff; border: 2px solid #cfd4da;
        }
        .sell-steps__item.is-done .sell-steps__num {
            background: #2ea44f; border-color: #2ea44f; color: #fff; font-size: 0;
        }
        .sell-steps__item.is-done .sell-steps__num::after {
            content: ""; width: 7px; height: 12px; border-right: 2px solid #fff; border-bottom: 2px solid #fff;
            transform: rotate(45deg) translate(-1px, -1px);
        }
        .sell-steps__item.is-current .sell-steps__num {
            background: #fff; color: #2ea44f; border-color: #2ea44f;
        }
        .sell-steps__label {
            font-size: 0.72rem; color: #8b95a1; text-align: center; line-height: 1.2;
            white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;
        }
        .sell-steps__item.is-current .sell-steps__label { color: #3F3E3A; font-weight: 600; }
        .sell-steps__item.is-done .sell-steps__label { color: #6E6D66; }
        @media (max-width: 720px) {
            .sell-steps__label { display: none; }
            .sell-steps { margin-bottom: 0.85rem; }
        }

        .sell-info {
            display: flex; gap: 0.65rem; align-items: flex-start;
            border: 1px solid #7eb6d6; background: #f4fafd; color: #1e4b66;
            border-radius: 0.25rem; padding: 0.7rem 0.85rem; font-size: 0.8125rem; line-height: 1.45;
            margin-bottom: 1.35rem;
        }
        .sell-info i { color: #22805F; margin-top: 0.1rem; flex-shrink: 0; }

        .sell-sec {
            display: flex; align-items: baseline; justify-content: space-between; gap: 0.75rem;
            margin: 0 0 0.55rem;
        }
        .sell-sec h2 { font-size: 1.05rem; font-weight: 700; color: #2A2A27; margin: 0; }
        .sell-sec__link { font-size: 0.8125rem; color: #0F5C46; text-decoration: none; }
        .sell-sec__link:hover { text-decoration: underline; }

        .sell-card {
            background: #fff; border: 1px solid #e6e8eb; border-radius: 0.15rem;
            padding: 1.1rem 1.25rem 1.25rem; margin-bottom: 1.35rem;
        }
        .sell-crumb-card {
            display: flex; align-items: center; gap: 0.75rem;
        }
        .sell-crumb-card__icon {
            width: 2.15rem; height: 2.15rem; border-radius: 999px; background: #fff7ed; color: #f59e0b;
            display: flex; align-items: center; justify-content: center; font-size: 1rem; flex-shrink: 0;
        }
        .sell-crumb-card__path { font-size: 0.875rem; color: #3F3E3A; font-weight: 500; }

        .sell-hint {
            font-size: 0.75rem; color: #6E6D66; text-align: right; margin: 0 0 0.85rem;
        }
        .sell-hint a { color: #0F5C46; text-decoration: none; }
        .sell-hint a:hover { text-decoration: underline; }

        .sell-field { max-width: 28rem; margin-bottom: 1.15rem; }
        .sell-field--full { max-width: none; }
        .sell-field__lab {
            display: flex; align-items: center; justify-content: space-between; gap: 0.5rem;
            font-size: 0.8125rem; font-weight: 600; color: #2A2A27; margin-bottom: 0.4rem;
        }
        .sell-req { color: #e11d48; }
        .sell-help {
            font-size: 0.75rem; color: #0F5C46; text-decoration: none; font-weight: 500;
            display: inline-flex; align-items: center; gap: 0.25rem;
        }
        .sell-help:hover { text-decoration: underline; }
        .sell-input, .sell-select, .sell-wiz textarea.sell-input {
            width: 100%; border: 1px solid #c9ced6; border-radius: 0.2rem; background: #fff;
            padding: 0.5rem 0.7rem; font-size: 0.875rem; outline: none; color: #1C1C1A;
            min-height: 2.35rem;
        }
        .sell-input:focus, .sell-select:focus, .sell-wiz textarea.sell-input:focus {
            border-color: #4C9E7C; box-shadow: 0 0 0 3px rgba(34, 128, 95, .12);
        }
        .sell-input:disabled, .sell-select:disabled { background: #eef0f3; color: #6E6D66; cursor: not-allowed; }
        .sell-wiz .sell-fields { padding-top: 0.15rem; }
        .sell-wiz .sell-fields__title { display: none; }
        .sell-wiz .sell-fields__grid { grid-template-columns: 1fr; gap: 0; }
        .sell-wiz .sell-fields__grid > div { max-width: 22rem; margin-bottom: 1.15rem; }

        .sell-detail-info { padding: 0; overflow: hidden; }
        .sell-acc { border-bottom: 1px solid #eef0f3; }
        .sell-acc:last-child { border-bottom: 0; }
        .sell-acc:not([open]) > .sell-acc__sum { background: #f7f8fa; }
        .sell-acc__sum {
            list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: flex-start;
            gap: 0.4rem; padding: 0.85rem 1.15rem; font-size: 0.875rem; font-weight: 600; color: #0A3B2E;
            user-select: none;
        }
        .sell-acc__sum::-webkit-details-marker { display: none; }
        .sell-acc__sum::after {
            content: ""; width: 0.45rem; height: 0.45rem; border-right: 1.5px solid #9C9B93; border-bottom: 1.5px solid #9C9B93;
            transform: rotate(45deg); margin-left: auto; flex-shrink: 0; transition: transform .15s ease;
        }
        .sell-acc[open] > .sell-acc__sum::after { transform: rotate(-135deg) translate(-1px, -1px); }
        .sell-acc__title { display: inline-flex; align-items: center; gap: 0.15rem; }
        .sell-acc__meta { display: inline-flex; align-items: center; gap: 0.35rem; font-weight: 500; color: #6E6D66; }
        .sell-acc__count { font-size: 0.75rem; color: #6E6D66; font-weight: 500; }
        .sell-acc__ok { color: #16a34a; font-size: 0.9rem; font-weight: 800; line-height: 1; }
        .sell-acc__body { padding: 0 1.15rem 1rem; }
        .sell-acc__grid {
            display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.55rem 1rem;
            padding: 0.15rem 0 0.85rem;
        }
        @media (max-width: 840px) { .sell-acc__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
        @media (max-width: 620px) { .sell-acc__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
        .sell-acc__opt {
            display: flex; align-items: center; gap: 0.45rem; font-size: 0.8125rem; font-weight: 400; color: #3F3E3A;
            cursor: pointer; min-height: 1.4rem;
        }
        .sell-acc__opt input, .sell-acc__skip input {
            -webkit-appearance: none; appearance: none; width: 15px; height: 15px; margin: 0; flex-shrink: 0;
            border: 1px solid #9C9B93; border-radius: 2px; background: #fff; cursor: pointer; position: relative;
        }
        .sell-acc__opt input:checked {
            background: #f59e0b; border-color: #f59e0b;
        }
        .sell-acc__opt input:checked::after {
            content: ""; position: absolute; left: 4px; top: 1px; width: 5px; height: 8px;
            border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg);
        }
        .sell-acc__opt input:disabled { opacity: .45; cursor: not-allowed; }
        .sell-acc__foot {
            display: flex; align-items: center; justify-content: space-between; gap: 0.75rem;
            padding-top: 0.75rem; border-top: 1px solid #eef0f3;
        }
        .sell-acc__skip { display: flex; align-items: center; gap: 0.45rem; font-size: 0.8125rem; color: #6E6D66; cursor: pointer; }
        .sell-acc__skip.is-off { opacity: .45; cursor: default; }
        .sell-acc__skip input:checked { background: #9C9B93; border-color: #9C9B93; }
        .sell-acc__skip input:disabled { opacity: .55; cursor: not-allowed; }
        .sell-acc__next {
            appearance: none; background: #fff; color: #0F5C46; border: 1px solid #7FBDA1; border-radius: 0.2rem;
            padding: 0.35rem 0.85rem; font-size: 0.8125rem; font-weight: 600; cursor: pointer;
        }
        .sell-acc__next:hover { background: #EEF6F2; }
        .sell-sec .sell-help::before {
            content: "?"; display: inline-flex; align-items: center; justify-content: center;
            width: 0.95rem; height: 0.95rem; margin-right: 0.28rem; border: 1px solid currentColor;
            border-radius: 999px; font-size: 0.65rem; font-weight: 700; line-height: 1;
        }
        .sell-lock-row { display: flex; align-items: center; gap: 0.45rem; max-width: 22rem; }
        .sell-lock-row .sell-select, .sell-lock-row .sell-input { flex: 1; }
        .sell-lock {
            width: 1.35rem; height: 1.35rem; color: #6E6D66; display: inline-flex; align-items: center;
            justify-content: center; position: relative; flex-shrink: 0;
        }
        .sell-lock:hover .sell-lock__tip, .sell-lock:focus .sell-lock__tip { opacity: 1; transform: translateY(0); }
        .sell-lock__tip {
            position: absolute; left: calc(100% + 8px); top: 50%; transform: translateY(-50%) translateX(-4px);
            background: #0F5C46; color: #fff; font-size: 0.75rem; font-weight: 600; white-space: nowrap;
            padding: 0.55rem 0.8rem; border-radius: 0.35rem; opacity: 0; pointer-events: none;
            transition: .15s ease; z-index: 5; box-shadow: 0 8px 20px -10px rgba(15, 92, 70, .6);
        }
        .sell-lock__tip::before {
            content: ""; position: absolute; left: -5px; top: 50%; transform: translateY(-50%);
            border: 6px solid transparent; border-right-color: #0F5C46; border-left: 0;
        }

        .sell-editor { border: 1px solid #c9ced6; border-radius: 0.2rem; background: #fff; }
        .sell-editor:focus-within { border-color: #4C9E7C; box-shadow: 0 0 0 3px rgba(34, 128, 95, .12); }
        .sell-editor__bar {
            display: flex; flex-wrap: wrap; gap: 0.2rem; padding: 0.4rem 0.5rem;
            border-bottom: 1px solid #eef0f3; background: #fafbfc;
        }
        .sell-editor__bar button {
            appearance: none; width: 1.7rem; height: 1.7rem; border: 1px solid transparent; background: #fff;
            color: #6E6D66; border-radius: 0.2rem; cursor: pointer; font-size: 0.75rem;
        }
        .sell-editor__bar button:hover { border-color: #dbe3ee; color: #2A2A27; }
        .sell-editor textarea {
            width: 100%; min-height: 12.5rem; border: 0; resize: vertical; padding: 0.75rem 0.85rem;
            font-size: 0.875rem; outline: none; background: transparent;
        }
        .sell-editor__ph { font-size: 0.75rem; color: #9C9B93; padding: 0 0.85rem 0.75rem; }

        .sell-price { display: flex; gap: 0.5rem; max-width: 22rem; align-items: stretch; }
        .sell-price .sell-input { flex: 1; }
        .sell-price .sell-select { width: 4.75rem; flex: 0 0 4.75rem; }
        .sell-price-row { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; margin-bottom: 0.65rem; }
        .sell-warn { font-size: 0.75rem; color: #55544E; line-height: 1.45; margin: 0.15rem 0 0.4rem; max-width: 46rem; }
        .sell-warn strong { color: #1C1C1A; }

        .sell-addr__head {
            display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; margin-bottom: 0.85rem;
        }
        .sell-addr__head h2 { display: inline-flex; align-items: center; gap: 0.4rem; font-size: 1.05rem; margin: 0; }
        .sell-addr__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.85rem; }
        .sell-addr__grid .sell-field__lab { justify-content: flex-start; gap: 0.2rem; }
        @media (max-width: 720px) { .sell-addr__grid { grid-template-columns: 1fr; } }
        .sell-addr__search { margin: 0.85rem 0 0; font-size: 0.8125rem; }
        .sell-addr__search a { color: #0F5C46; text-decoration: none; }
        .sell-addr__search a:hover { text-decoration: underline; }
        .sell-map { margin-top: 1rem; }
        .sell-map__bar {
            display: flex; align-items: center; justify-content: space-between; gap: 0.75rem;
            margin-bottom: 0.5rem; font-size: 0.8125rem; font-weight: 600; color: #1C1C1A;
        }
        .sell-map__locate {
            border: 1px solid #CBCAC3; background: #fff; color: #0F5C46; font-size: 0.75rem;
            font-weight: 600; border-radius: 0.5rem; padding: 0.35rem 0.7rem; cursor: pointer;
        }
        .sell-map__locate:hover { background: #EEF6F2; }
        .sell-map__canvas {
            height: 17.5rem; width: 100%; border-radius: 0.65rem; border: 1px solid #E2E1DC;
            z-index: 1; background: #E2E1DC;
        }
        .sell-map__hint { margin: 0.5rem 0 0; font-size: 0.75rem; color: #6E6D66; }

        .sell-photos {
            background: #4a4d52; color: #fff; border-radius: 0.15rem; padding: 1.15rem 1.25rem 1rem;
            margin-bottom: 1.35rem; position: relative;
        }
        .sell-photos__grid {
            display: grid; grid-template-columns: 10.5rem 10.5rem 1fr; gap: 0.85rem; align-items: start;
        }
        @media (max-width: 800px) { .sell-photos__grid { grid-template-columns: 1fr; } }
        .sell-drop {
            border: 1px dashed #8b9098; border-radius: 0.2rem; min-height: 6.5rem;
            display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.35rem;
            cursor: pointer; text-align: center; padding: 0.75rem; color: #dbe4f0; background: transparent;
        }
        .sell-drop:hover, .sell-drop.is-over { border-color: #7FBDA1; background: rgba(255,255,255,.04); }
        .sell-drop.is-busy { opacity: 0.65; pointer-events: none; }
        .sell-file-host {
            position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
            overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
        }
        .sell-upload-status { margin: 0.65rem 0 0; font-size: 0.75rem; color: #AFD6C3; }
        .sell-upload-status.is-err { color: #fecaca; }
        .sell-upload-status--light { color: #3F3E3A; }
        .sell-upload-status--light.is-err { color: #b91c1c; }
        .sell-drop i { font-size: 1.45rem; color: #7dd3fc; }
        .sell-drop span { font-size: 0.8125rem; font-weight: 700; color: #7FBDA1; line-height: 1.25; }
        .sell-drop small { font-size: 0.7rem; color: #CBCAC3; }
        .sell-drop--light {
            background: #fff; color: #2A2A27; border-color: #d1d5db; min-height: 6.5rem;
        }
        .sell-drop--light i { color: #22805F; }
        .sell-drop--light span { color: #0F5C46; }
        .sell-drop--light small { color: #6E6D66; }
        .sell-photos__promo { position: relative; padding: 0.15rem 1.5rem 0 0.35rem; }
        .sell-photos__promo h3 {
            font-family: Georgia, "Times New Roman", serif; font-size: 1.25rem; font-weight: 700;
            line-height: 1.25; margin: 0 0 0.55rem; color: #fff;
        }
        .sell-photos__promo p { font-size: 0.75rem; color: #E2E1DC; line-height: 1.5; margin: 0; }
        .sell-photos__close {
            appearance: none; position: absolute; top: 0; right: 0; background: none; border: 0;
            color: #fff; font-size: 1.1rem; cursor: pointer; line-height: 1;
        }
        .sell-photos__count { margin-top: 0.85rem; font-size: 0.75rem; color: #E2E1DC; }
        .sell-photos__bar { height: 4px; background: #2f3236; border-radius: 99px; margin: 0.4rem 0 0.85rem; overflow: hidden; }
        .sell-photos__bar > i { display: block; height: 100%; background: #4C9E7C; width: 0; }
        .sell-photos__thumbs { display: flex; flex-wrap: wrap; gap: 0.45rem; margin: 0.5rem 0 0.75rem; }
        .sell-photos__thumb { width: 4.5rem; height: 4.5rem; border-radius: 0.2rem; overflow: hidden; position: relative; background: #2f3236; }
        .sell-photos__thumb img { width: 100%; height: 100%; object-fit: cover; }
        .sell-photos__thumb form { position: absolute; inset: auto 0.2rem 0.2rem auto; }
        .sell-photos__thumb button {
            appearance: none; background: #dc2626; color: #fff; border: 0; font-size: 0.65rem;
            padding: 0.1rem 0.3rem; border-radius: 0.15rem; cursor: pointer;
        }
        .sell-photos__boost { display: flex; align-items: flex-start; gap: 0.45rem; font-size: 0.75rem; color: #E2E1DC; }
        .sell-photos__boost input { margin-top: 0.15rem; }
        .sell-photos__boost strong { color: #fca5a5; }

        .sell-video-card { position: relative; }
        .sell-video-card .sell-video-row { display: flex; gap: 1rem; align-items: center; }
        @media (max-width: 640px) { .sell-video-card .sell-video-row { flex-direction: column; align-items: stretch; } }
        .sell-video-card .sell-drop { width: 10.5rem; flex-shrink: 0; }
        .sell-video-card p { font-size: 0.875rem; color: #3F3E3A; margin: 0; line-height: 1.5; }
        .sell-video-list { margin-top: 0.85rem; display: grid; gap: 0.45rem; }
        .sell-video-item {
            display: flex; align-items: center; justify-content: space-between; gap: 0.75rem;
            border: 1px solid #eef0f3; border-radius: 0.25rem; padding: 0.45rem 0.65rem; font-size: 0.8125rem;
        }

        .sell-contact h3 { font-size: 0.95rem; font-weight: 700; margin: 0 0 0.85rem; }
        .sell-radios { display: flex; flex-wrap: wrap; gap: 1.25rem; font-size: 0.875rem; margin-bottom: 0.85rem; }
        .sell-radios label { display: inline-flex; align-items: center; gap: 0.4rem; cursor: pointer; }
        .sell-contact-box {
            border: 1px solid #e6e8eb; padding: 0.85rem 1rem; max-width: 28rem; margin-bottom: 1rem;
        }
        .sell-contact-box dl { margin: 0; display: grid; grid-template-columns: 12.5rem 1fr; gap: 0.7rem 0.85rem; font-size: 0.8125rem; align-items: center; }
        .sell-contact-box dt { color: #6E6D66; }
        .sell-contact-box dd { margin: 0; color: #1C1C1A; }
        .sell-msg { display: flex; align-items: flex-start; gap: 0.5rem; font-size: 0.8125rem; color: #3F3E3A; padding-top: 0.85rem; border-top: 1px solid #eef0f3; }
        .sell-msg input { margin-top: 0.15rem; }

        .sell-foot {
            display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 1rem;
            padding: 0.35rem 0 0.5rem;
        }
        .sell-foot label { display: flex; align-items: flex-start; gap: 0.45rem; font-size: 0.8125rem; color: #3F3E3A; }
        .sell-foot label input { margin-top: 0.2rem; }
        .sell-btn {
            appearance: none; background: #0F5C46; color: #fff; border: 0; border-radius: 0.25rem;
            padding: 0.65rem 1.6rem; font-weight: 700; font-size: 0.9rem; cursor: pointer; min-width: 8.5rem;
        }
        .sell-btn:hover { background: #0C4A39; }
        .sell-btn:disabled { opacity: .55; cursor: not-allowed; }
        .sell-btn--ghost { background: #EFEFEB; color: #1C1C1A; }
        .sell-btn--ghost:hover { background: #E2E1DC; }
        .sell-extra { margin-top: -0.4rem; margin-bottom: 1.35rem; }

        .exp-box { padding: 1.1rem 1.15rem 1.2rem; }
        .exp-box form { display: flex; flex-direction: column; gap: 0.85rem; }
        .exp-box__title { font-size: 1rem; font-weight: 800; color: #1C1C1A; margin: 0; letter-spacing: .02em; text-transform: uppercase; }
        .exp-box__title i { color: #f97316; margin-right: 0.4rem; }
        .exp-lead { margin: 0; font-size: 0.78rem; color: #6E6D66; }
        .exp-toolbar { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: flex-start; justify-content: space-between; margin-bottom: 0.75rem; }
        .exp-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.6rem 1rem; margin-bottom: 0.85rem; }
        .exp-legend { display: flex; flex-wrap: wrap; gap: 0.65rem 1rem; font-size: 0.72rem; font-weight: 700; color: #6E6D66; margin: 0; }
        .exp-lg { display: inline-flex; width: 1.05rem; height: 1.05rem; border-radius: 999px; margin-right: 0.28rem; vertical-align: -3px; color: #fff; font-size: 0.55rem; font-style: normal; font-weight: 800; align-items: center; justify-content: center; }
        .exp-lg--0 { background: #55544E; }
        .exp-lg--1 { background: #22805F; }
        .exp-lg--2 { background: #f59e0b; }
        .exp-lg--3 { background: #ef4444; }
        .exp-lg--0::after { content: "O"; }
        .exp-lg--1::after { content: "L"; }
        .exp-lg--2::after { content: "B"; }
        .exp-lg--3::after { content: "D"; }
        .exp-all { appearance: none; border: 1px solid #86efac; background: #ecfdf5; color: #047857; font-size: 0.75rem; font-weight: 800; border-radius: 999px; padding: 0.4rem 0.85rem; cursor: pointer; white-space: nowrap; }
        .exp-all.is-on { background: #10b981; color: #fff; border-color: #10b981; }
        .exp-layout { display: grid; grid-template-columns: minmax(0, 17rem) minmax(0, 1fr); gap: 1.25rem; align-items: start; }
        @media (max-width: 860px) { .exp-layout { grid-template-columns: 1fr; } }
        .exp-car { position: relative; width: 100%; max-width: 17rem; background: #000; border-radius: 1.15rem; overflow: hidden; }
        .exp-car__stage { position: relative; width: 100%; }
        .exp-car__img { width: 100%; height: auto; display: block; }
        .exp-dot { position: absolute; width: 1.55rem; height: 1.55rem; transform: translate(-50%, -50%); border-radius: 999px; border: 2px solid #fff; background: #55544E; color: #fff; font-size: 0.65rem; font-weight: 800; line-height: 1; display: flex; align-items: center; justify-content: center; padding: 0; cursor: pointer; box-shadow: 0 2px 8px rgba(0,0,0,.25); }
        .exp-dot[data-cond="1"] { background: #22805F; }
        .exp-dot[data-cond="2"] { background: #f59e0b; }
        .exp-dot[data-cond="3"] { background: #ef4444; }
        .exp-dot[data-code="on_tampon"] { left: 50%; top: 5.5%; }
        .exp-dot[data-code="motor_kaputu"] { left: 50%; top: 20%; }
        .exp-dot[data-code="sol_on_camurluk"] { left: 13%; top: 18%; }
        .exp-dot[data-code="sag_on_camurluk"] { left: 87%; top: 18%; }
        .exp-dot[data-code="sol_on_kapi"] { left: 16%; top: 40%; }
        .exp-dot[data-code="sag_on_kapi"] { left: 84%; top: 40%; }
        .exp-dot[data-code="tavan"] { left: 50%; top: 48%; }
        .exp-dot[data-code="sol_arka_kapi"] { left: 16%; top: 56%; }
        .exp-dot[data-code="sag_arka_kapi"] { left: 84%; top: 56%; }
        .exp-dot[data-code="sol_arka_camurluk"] { left: 13%; top: 80%; }
        .exp-dot[data-code="sag_arka_camurluk"] { left: 87%; top: 80%; }
        .exp-dot[data-code="bagaj_kapagi"] { left: 50%; top: 78%; }
        .exp-dot[data-code="arka_tampon"] { left: 50%; top: 93%; }
        .exp-box--detail { background: #fff; border: 1px solid #e8edf2; border-radius: 1.1rem; padding: 1.15rem 1.25rem 1.35rem; }
        .exp-box--compact { padding: 0.65rem 0.7rem; margin-top: 0.65rem; background: #fff; border: 1px solid #E2E1DC; border-radius: 0.75rem; }
        .exp-box--compact .exp-box__title { font-size: 0.78rem; }
        .exp-box--compact .exp-legend { font-size: 0.65rem; }
        .exp-box--compact .exp-layout { grid-template-columns: minmax(0, 9.5rem) minmax(0, 1fr); gap: 0.55rem; }
        .exp-box--compact .exp-car { max-width: 9.5rem; }
        .exp-box--compact .exp-dot { width: 1.05rem; height: 1.05rem; font-size: 0.48rem; border-width: 1px; }
        @media (max-width: 640px) { .exp-box--compact .exp-layout { grid-template-columns: 1fr; } }
        .exp-side { min-width: 0; display: flex; flex-direction: column; gap: 0.7rem; }
        .exp-chips { display: flex; flex-wrap: wrap; gap: 0.4rem; }
        .exp-chip { display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.72rem; font-weight: 700; border-radius: 999px; padding: 0.28rem 0.65rem; }
        .exp-chip[hidden] { display: none; }
        .exp-chip--0 { background: #EFEFEB; color: #55544E; }
        .exp-chip--1 { background: #EEF6F2; color: #0F5C46; }
        .exp-chip--2 { background: #fffbeb; color: #d97706; }
        .exp-chip--3 { background: #fef2f2; color: #dc2626; }
        .exp-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.45rem; }
        @media (max-width: 720px) { .exp-grid { grid-template-columns: 1fr; } }
        .exp-card { display: flex; align-items: center; justify-content: space-between; gap: 0.45rem; padding: 0.55rem 0.7rem; background: #F7F7F5; border: 1px solid #eef2f6; border-radius: 0.7rem; font-size: 0.78rem; }
        .exp-card__name { font-weight: 700; color: #1C1C1A; }
        .exp-card__status { font-weight: 700; color: #6E6D66; display: inline-flex; align-items: center; gap: 0.28rem; }
        .exp-card__status::before { content: ""; width: 0.55rem; height: 0.55rem; border-radius: 999px; background: #9C9B93; }
        .exp-card[data-cond="0"] .exp-card__status::before { background: #6E6D66; }
        .exp-card[data-cond="1"] { background: #EEF6F2; border-color: #AFD6C3; }
        .exp-card[data-cond="1"] .exp-card__status { color: #0F5C46; }
        .exp-card[data-cond="1"] .exp-card__status::before { background: #22805F; }
        .exp-card[data-cond="2"] { background: #fffbeb; border-color: #fde68a; }
        .exp-card[data-cond="2"] .exp-card__status { color: #d97706; }
        .exp-card[data-cond="2"] .exp-card__status::before { background: #f59e0b; }
        .exp-card[data-cond="3"] { background: #fef2f2; border-color: #fecaca; }
        .exp-card[data-cond="3"] .exp-card__status { color: #dc2626; }
        .exp-card[data-cond="3"] .exp-card__status::before { background: #ef4444; }
        .exp-rows__h { font-size: 0.82rem; font-weight: 800; color: #1C1C1A; margin: 0; }
        .exp-rows { display: flex; flex-direction: column; gap: 0.45rem; max-height: 28rem; overflow-y: auto; padding-right: 0.2rem; }
        .exp-row { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; flex-wrap: wrap; padding: 0.5rem 0.7rem; background: #F7F7F5; border: 1px solid #E2E1DC; border-radius: 0.65rem; font-size: 0.78rem; font-weight: 700; color: #1C1C1A; }
        .exp-pills { display: flex; flex-wrap: wrap; gap: 0.2rem; }
        .exp-pills button { appearance: none; border: 1px solid #E2E1DC; background: #fff; color: #6E6D66; font-size: 0.65rem; font-weight: 700; border-radius: 999px; padding: 0.22rem 0.5rem; cursor: pointer; }
        [data-exp-view] .exp-pills button { cursor: default; pointer-events: none; }
        .exp-pills button.is-on[data-set="0"] { background: #55544E; border-color: #55544E; color: #fff; }
        .exp-pills button.is-on[data-set="1"] { background: #22805F; border-color: #22805F; color: #fff; }
        .exp-pills button.is-on[data-set="2"] { background: #f59e0b; border-color: #f59e0b; color: #fff; }
        .exp-pills button.is-on[data-set="3"] { background: #ef4444; border-color: #ef4444; color: #fff; }
        .exp-sum { background: #F7F7F5; border: 1px solid #E2E1DC; border-radius: 0.75rem; padding: 0.85rem 0.95rem; }
        .exp-sum__h { margin: 0 0 0.45rem; font-size: 0.75rem; font-weight: 800; color: #1C1C1A; }
        .exp-sum__row { margin: 0 0 0.3rem; font-size: 0.72rem; font-weight: 700; }
        .exp-sum__row--1 { color: #0F5C46; }
        .exp-sum__row--2 { color: #d97706; }
        .exp-sum__row--3 { color: #dc2626; }
        .exp-sum__ok { margin: 0; font-size: 0.78rem; font-weight: 800; color: #059669; }
        .exp-tip { margin-top: 0.15rem; font-size: 0.75rem; color: #3F3E3A; background: #fff; border: 1px solid #E2E1DC; border-radius: 0.5rem; padding: 0.4rem 0.55rem; }
        .sell-feat-notes { display: grid; gap: 0.75rem; }
        .sell-feat-note {
            display: flex; align-items: flex-start; gap: 0.75rem;
            padding: 0.7rem 0.8rem; border: 1px solid #eef0f3; border-radius: 0.35rem; background: #F7F7F5;
        }
        .sell-feat-note i { color: #f97316; margin-top: 0.15rem; width: 1.1rem; text-align: center; }
        .sell-feat-note strong { display: block; font-size: 0.8125rem; color: #1C1C1A; }
        .sell-feat-note p { margin: 0.15rem 0 0; font-size: 0.75rem; color: #6E6D66; }
        .sell-quality { background: #eaf4ff; border-color: #c5def5; }
        .sell-quality ul { margin: 0; padding-left: 1.1rem; }
        .sell-quality__head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; }
        .sell-quality__head h2 { margin: 0; font-size: 0.9rem; font-weight: 700; color: #1C1C1A; }
        .sell-quality__num { font-size: 1.5rem; font-weight: 800; color: #1C1C1A; line-height: 1; }
        .sell-quality__bar { height: 8px; background: #E2E1DC; border-radius: 99px; overflow: hidden; margin: 0.55rem 0 0.65rem; }
        .sell-quality__bar > i { display: block; height: 100%; width: 0; background: #ef4444; transition: width 0.2s ease, background 0.2s ease; }
        .sell-quality__bar.is-mid > i { background: #f59e0b; }
        .sell-quality__bar.is-ok > i { background: #16a34a; }
        .sell-quality__meta { font-size: 0.75rem; color: #6E6D66; margin: 0 0 0.5rem; }

        .sell-preview-hero {
            display: grid; grid-template-columns: 16rem 1fr; gap: 1.25rem; align-items: start;
        }
        @media (max-width: 720px) { .sell-preview-hero { grid-template-columns: 1fr; } }
        .sell-preview-hero img { width: 100%; aspect-ratio: 4/3; object-fit: cover; background: #eef0f3; border-radius: 0.2rem; }
        .sell-preview-hero h1 { font-size: 1.25rem; font-weight: 700; margin: 0 0 0.35rem; }
        .sell-preview-price { font-size: 1.35rem; font-weight: 800; color: #2A2A27; }
        .sell-thanks { text-align: center; padding: 2.5rem 1rem 3rem; }
        .sell-thanks__icon {
            width: 4.25rem; height: 4.25rem; margin: 0 auto 1rem; border-radius: 999px; background: #2ea44f;
            color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.85rem;
        }
        .sell-placeholder { text-align: center; padding: 2rem 1rem; }
        .sell-placeholder p { color: #55544E; font-size: 0.9rem; max-width: 28rem; margin: 0 auto 1.25rem; line-height: 1.55; }

        .sell-create-wrap { padding-top: 0.25rem; }

        /* —— Destek / yardım merkezi —— */
        .help-page { max-width: 880px; margin: 0 auto; padding: 1.35rem 1rem 6rem; }
        .help-page .sell-field__lab { justify-content: flex-start; }
        .help-page .sell-field { margin-bottom: 1rem; }
        .help-page #supportForm { scroll-margin-top: 5.5rem; }
        .help-hero {
            display: flex; align-items: center; justify-content: space-between; gap: 1rem;
            margin-bottom: 1.35rem;
        }
        .help-hero__copy h1 { font-size: 1.65rem; font-weight: 800; color: #1C1C1A; margin: 0 0 0.35rem; }
        .help-hero__copy p { margin: 0; color: #6E6D66; font-size: 0.9rem; line-height: 1.5; }
        .help-hero__icon {
            width: 3.25rem; height: 3.25rem; border-radius: 0.85rem; flex-shrink: 0;
            background: rgba(var(--color-primary-rgb), 0.1); color: var(--color-primary);
            display: flex; align-items: center; justify-content: center; font-size: 1.35rem;
        }
        .help-topics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.75rem; margin-bottom: 1.35rem; }
        @media (max-width: 720px) { .help-topics { grid-template-columns: 1fr; } }
        .help-topic {
            display: block; text-decoration: none; color: inherit; background: #fff;
            border: 1px solid #e6e8eb; border-radius: 0.5rem; padding: 1rem 1.05rem;
            transition: border-color .15s ease, box-shadow .15s ease;
        }
        .help-topic:hover { border-color: rgba(var(--color-primary-rgb), 0.35); box-shadow: 0 8px 20px -14px rgba(28, 28, 26,.35); }
        .help-topic i { color: var(--color-primary); font-size: 1.15rem; margin-bottom: 0.55rem; display: block; }
        .help-topic strong { display: block; font-size: 0.9rem; color: #1C1C1A; }
        .help-topic span { display: block; font-size: 0.75rem; color: #6E6D66; margin-top: 0.2rem; }
        .help-faq details { border-bottom: 1px solid #eef0f3; padding: 0.7rem 0; }
        .help-faq details:last-child { border-bottom: 0; }
        .help-faq summary { cursor: pointer; font-weight: 600; font-size: 0.9rem; color: #2A2A27; list-style: none; }
        .help-faq summary::-webkit-details-marker { display: none; }
        .help-faq summary::after { content: "+"; float: right; color: #9C9B93; font-weight: 500; }
        .help-faq details[open] summary::after { content: "–"; }
        .help-faq p { margin: 0.45rem 0 0; font-size: 0.8125rem; color: #6E6D66; line-height: 1.5; }
        .help-attach {
            border: 1px dashed #CBCAC3; border-radius: 0.35rem; padding: 0.85rem;
            display: flex; align-items: center; gap: 0.75rem; cursor: pointer; background: #F7F7F5;
        }
        .help-attach:hover { border-color: #7FBDA1; background: #f8fbff; }
        .help-attach i { color: var(--color-primary); font-size: 1.1rem; }
        .help-attach__txt { font-size: 0.8125rem; color: #3F3E3A; }
        .help-attach__txt small { display: block; color: #9C9B93; margin-top: 0.15rem; }
        .help-files { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 0.55rem; }
        .help-file {
            font-size: 0.75rem; background: #EEF6F2; color: #062419; border-radius: 999px;
            padding: 0.2rem 0.55rem; display: inline-flex; align-items: center; gap: 0.35rem;
        }
        .help-file button { appearance: none; border: 0; background: none; color: #6E6D66; cursor: pointer; }
        .help-ticket { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 0.95rem 1.1rem; }
        .help-ticket + .help-ticket { border-top: 1px solid #eef0f3; }
        .help-badge {
            font-size: 0.7rem; font-weight: 700; border-radius: 999px; padding: 0.2rem 0.55rem; white-space: nowrap;
        }
        .help-badge--open { background: #ecfdf5; color: #047857; }
        .help-badge--progress { background: #EEF6F2; color: #0C4A39; }
        .help-badge--done { background: #EFEFEB; color: #55544E; }
        .help-search {
            display: flex; align-items: center; gap: 0.65rem;
            background: #fff; border: 1px solid #e6e8eb; border-radius: 0.5rem;
            padding: 0.75rem 1rem; margin-bottom: 1.1rem;
        }
        .help-search i { color: #9C9B93; }
        .help-search input { flex: 1; border: 0; outline: 0; font-size: 0.9rem; background: transparent; color: #1C1C1A; }
        .help-alert { border-radius: 0.5rem; padding: 0.7rem 0.9rem; font-size: 0.875rem; margin-bottom: 1rem; }
        .help-alert--ok { background: #ecfdf5; color: #047857; }
        .help-alert--err { background: #fef2f2; color: #b91c1c; }
        .help-faq h2 { font-size: 1rem; font-weight: 700; color: #1C1C1A; margin: 0 0 0.35rem; }
        .help-hint { font-size: 0.75rem; color: #6E6D66; margin: 0.35rem 0 0; }
        .help-textarea { min-height: 8.5rem; resize: vertical; }
        .help-form-actions {
            display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.75rem;
            padding-top: 0.35rem;
        }
        .help-attach.is-busy { opacity: .6; pointer-events: none; }
        .help-empty { padding: 2.5rem 1.25rem; text-align: center; }
        .help-empty p { color: #6E6D66; font-size: 0.9rem; margin: 0 0 1rem; }
        .help-empty .sell-btn { display: inline-flex; text-decoration: none; }
        .help-table { width: 100%; border-collapse: collapse; font-size: 0.875rem; min-width: 28rem; }
        .help-table th {
            text-align: left; color: #6E6D66; font-weight: 500; font-size: 0.75rem;
            padding: 0.75rem 1.1rem; border-bottom: 1px solid #eef0f3;
        }
        .help-table td { padding: 0.9rem 1.1rem; border-bottom: 1px solid #EFEFEB; vertical-align: middle; }
        .help-table tr:last-child td { border-bottom: 0; }
        .help-table a { color: #1C1C1A; text-decoration: none; font-weight: 600; }
        .help-table a:hover { color: var(--color-primary); }
        .help-table__no { color: #6E6D66; font-variant-numeric: tabular-nums; white-space: nowrap; }
        .help-table__date { color: #6E6D66; font-size: 0.8125rem; white-space: nowrap; }
        .help-detail-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 0.65rem; font-size: 0.8125rem; color: #6E6D66; margin-bottom: 1rem; }
        .help-detail-body { margin: 0; font-size: 0.9rem; line-height: 1.6; color: #2A2A27; white-space: pre-wrap; }
        .help-reply h3 { font-size: 0.9rem; font-weight: 700; margin: 0 0 0.45rem; color: #1C1C1A; }
        .help-reply p { margin: 0; font-size: 0.875rem; color: #3F3E3A; line-height: 1.55; white-space: pre-wrap; }
        a.help-file { text-decoration: none; }

        /* —— İletişim —— */
        .contact-page { max-width: 1040px; }
        .contact-grid {
            display: grid;
            grid-template-columns: minmax(0, 1.45fr) minmax(16.5rem, 0.85fr);
            gap: 1.15rem;
            align-items: start;
        }
        @media (max-width: 840px) { .contact-grid { grid-template-columns: 1fr; } }
        .contact-form-card { margin-bottom: 0; }
        .contact-form-card__title { font-size: 1.05rem; font-weight: 700; color: #1C1C1A; margin: 0 0 0.25rem; }
        .contact-form-card__lead { margin: 0 0 1.15rem; font-size: 0.8125rem; color: #6E6D66; line-height: 1.5; }
        .contact-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1rem; }
        @media (max-width: 640px) { .contact-fields { grid-template-columns: 1fr; } }
        .contact-chips { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-bottom: 0.55rem; }
        .contact-chip {
            appearance: none; border: 1px solid #E2E1DC; background: #F7F7F5; color: #3F3E3A;
            border-radius: 999px; padding: 0.28rem 0.7rem; font-size: 0.75rem; font-weight: 600; cursor: pointer;
        }
        .contact-chip:hover { border-color: rgba(var(--color-primary-rgb), 0.4); color: var(--color-primary); }
        .contact-chip.is-on {
            background: rgba(var(--color-primary-rgb), 0.1); border-color: transparent; color: var(--color-primary);
        }
        .contact-aside { display: grid; gap: 0.75rem; }
        .contact-channel {
            display: flex; align-items: flex-start; gap: 0.85rem;
            background: #fff; border: 1px solid #e6e8eb; border-radius: 0.5rem;
            padding: 0.95rem 1.05rem; text-decoration: none; color: inherit;
            transition: border-color .15s ease, box-shadow .15s ease;
        }
        .contact-channel:hover {
            border-color: rgba(var(--color-primary-rgb), 0.35);
            box-shadow: 0 8px 20px -14px rgba(28, 28, 26, .35);
        }
        .contact-channel__icon {
            width: 2.4rem; height: 2.4rem; border-radius: 0.7rem; flex-shrink: 0;
            background: rgba(var(--color-primary-rgb), 0.1); color: var(--color-primary);
            display: flex; align-items: center; justify-content: center; font-size: 1rem;
        }
        .contact-channel strong { display: block; font-size: 0.9rem; color: #1C1C1A; }
        .contact-channel span span { display: block; font-size: 0.75rem; color: #6E6D66; margin-top: 0.15rem; line-height: 1.4; }
        .contact-faq { margin-bottom: 0; }
        .contact-page .help-form-actions { align-items: flex-start; }
        .contact-page .help-form-actions .help-hint { max-width: 16rem; }

        [data-theme="dark"] .contact-form-card__title,
        [data-theme="dark"] .help-hero__copy h1,
        [data-theme="dark"] .contact-channel strong { color: #EFEFEB; }
        [data-theme="dark"] .contact-form-card,
        [data-theme="dark"] .contact-channel,
        [data-theme="dark"] .contact-faq { background: var(--color-surface-card); border-color: #3F3E3A; }
        [data-theme="dark"] .contact-chip { background: #1C1C1A; border-color: #3F3E3A; color: #CBCAC3; }
        [data-theme="dark"] .contact-chip.is-on { background: rgba(var(--color-primary-rgb), 0.16); color: #7FBDA1; }
        [data-theme="dark"] .help-page .sell-input,
        [data-theme="dark"] .help-page .sell-select { background: #1C1C1A; border-color: #3F3E3A; color: #EFEFEB; }

        /* —— Blog —— */
        .blog-page { max-width: 1040px; }
        .blog-chips { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-bottom: 1.15rem; }
        .blog-chip {
            appearance: none; text-decoration: none; border: 1px solid #E2E1DC; background: #fff;
            color: #3F3E3A; border-radius: 999px; padding: 0.32rem 0.8rem; font-size: 0.75rem; font-weight: 600;
        }
        .blog-chip:hover { border-color: rgba(var(--color-primary-rgb), 0.4); color: var(--color-primary); }
        .blog-chip.is-on { background: rgba(var(--color-primary-rgb), 0.1); border-color: transparent; color: var(--color-primary); }
        .blog-cat {
            position: absolute; top: 0.65rem; left: 0.65rem; background: #f59e0b; color: #fff;
            font-size: 0.65rem; font-weight: 700; letter-spacing: .02em; padding: 0.2rem 0.55rem; border-radius: 999px;
        }
        .blog-featured {
            display: grid; grid-template-columns: 1.2fr 1fr; gap: 0; overflow: hidden; text-decoration: none; color: inherit;
            background: #fff; border: 1px solid #e6e8eb; border-radius: 0.6rem; margin-bottom: 1.15rem;
            transition: border-color .15s ease, box-shadow .15s ease;
        }
        .blog-featured:hover { border-color: rgba(var(--color-primary-rgb), 0.35); box-shadow: 0 12px 28px -16px rgba(28, 28, 26,.4); }
        .blog-featured__img { position: relative; min-height: 14rem; background: #eef0f3; }
        .blog-featured__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
        .blog-featured__copy { padding: 1.25rem 1.35rem; display: flex; flex-direction: column; justify-content: center; }
        .blog-featured__copy h2 { margin: 0 0 0.45rem; font-size: 1.25rem; font-weight: 800; color: #1C1C1A; line-height: 1.3; }
        .blog-excerpt, .blog-featured__copy .blog-excerpt { margin: 0 0 0.85rem; font-size: 0.875rem; color: #6E6D66; line-height: 1.5; }
        .blog-more { font-size: 0.75rem; font-weight: 700; color: var(--color-primary); }
        .blog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.9rem; }
        .blog-card {
            display: flex; flex-direction: column; background: #fff; border: 1px solid #e6e8eb; border-radius: 0.55rem;
            overflow: hidden; text-decoration: none; color: inherit;
            transition: border-color .15s ease, box-shadow .15s ease;
        }
        .blog-card:hover { border-color: rgba(var(--color-primary-rgb), 0.35); box-shadow: 0 10px 22px -16px rgba(28, 28, 26,.4); }
        .blog-card__img { position: relative; aspect-ratio: 16 / 9; background: #eef0f3; overflow: hidden; }
        .blog-card__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
        .blog-card__body { padding: 0.85rem 0.95rem 1rem; display: flex; flex-direction: column; gap: 0.4rem; flex: 1; }
        .blog-card__body h3 { margin: 0; font-size: 0.95rem; font-weight: 700; color: #1C1C1A; line-height: 1.35; }
        .blog-card__body p { margin: 0; font-size: 0.75rem; color: #6E6D66; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
        .blog-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 0.65rem; font-size: 0.75rem; color: #9C9B93; margin: 0 0 0.45rem; }
        .blog-meta i { margin-right: 0.2rem; }
        .blog-card .blog-meta { margin: auto 0 0; justify-content: space-between; }
        .blog-pager { display: flex; align-items: center; justify-content: center; gap: 1rem; margin-top: 1.35rem; font-size: 0.8125rem; }
        .blog-pager a { color: var(--color-primary); font-weight: 700; text-decoration: none; }
        .blog-pager span { color: #6E6D66; }
        .blog-back { display: inline-block; font-size: 0.8125rem; color: var(--color-primary); text-decoration: none; font-weight: 600; margin-bottom: 0.85rem; }
        .blog-detail { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(16rem, 0.8fr); gap: 1.15rem; align-items: start; }
        .blog-detail .blog-back, .blog-detail .help-alert, .blog-detail .help-empty { grid-column: 1 / -1; }
        .blog-article { background: #fff; border: 1px solid #e6e8eb; border-radius: 0.6rem; overflow: hidden; }
        .blog-article__hero { position: relative; aspect-ratio: 16 / 7; background: #eef0f3; }
        .blog-article__hero img { width: 100%; height: 100%; object-fit: cover; display: block; }
        .blog-article__body { padding: 1.25rem 1.35rem 1.6rem; }
        .blog-article__body h1 { margin: 0 0 0.55rem; font-size: 1.55rem; font-weight: 800; color: #1C1C1A; line-height: 1.25; }
        .blog-lead { font-size: 0.95rem; color: #55544E; line-height: 1.55; margin: 0 0 1.1rem; }
        .blog-prose { font-size: 0.925rem; color: #2A2A27; line-height: 1.7; }
        .blog-prose p { margin: 0 0 0.85rem; }
        .blog-prose--plain { white-space: pre-wrap; }
        .blog-tags { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 1.25rem; }
        .blog-tags a { font-size: 0.75rem; color: var(--color-primary); text-decoration: none; background: rgba(var(--color-primary-rgb), 0.08); border-radius: 999px; padding: 0.2rem 0.6rem; }
        .blog-aside { display: grid; gap: 0.75rem; }
        .blog-aside__title { font-size: 0.95rem; font-weight: 700; color: #1C1C1A; margin: 0 0 0.65rem; }
        .blog-related { list-style: none; margin: 0; padding: 0; }
        .blog-related li + li { border-top: 1px solid #eef0f3; }
        .blog-related a { display: flex; gap: 0.7rem; padding: 0.55rem 0; text-decoration: none; color: inherit; }
        .blog-related img { width: 4.25rem; height: 3.1rem; object-fit: cover; border-radius: 0.3rem; flex-shrink: 0; background: #eef0f3; }
        .blog-related strong { display: block; font-size: 0.8125rem; color: #1C1C1A; line-height: 1.3; }
        .blog-related small { display: block; font-size: 0.7rem; color: #9C9B93; margin-top: 0.2rem; }
        @media (max-width: 840px) {
            .blog-featured, .blog-detail { grid-template-columns: 1fr; }
            .blog-grid { grid-template-columns: 1fr 1fr; }
            .blog-article__hero { aspect-ratio: 16 / 9; }
        }
        @media (max-width: 560px) { .blog-grid { grid-template-columns: 1fr; } }
        [data-theme="dark"] .blog-chip { background: #1C1C1A; border-color: #3F3E3A; color: #CBCAC3; }
        [data-theme="dark"] .blog-chip.is-on { background: rgba(var(--color-primary-rgb), 0.16); color: #7FBDA1; }
        [data-theme="dark"] .blog-featured,
        [data-theme="dark"] .blog-card,
        [data-theme="dark"] .blog-article { background: var(--color-surface-card); border-color: #3F3E3A; }
        [data-theme="dark"] .blog-featured__copy h2,
        [data-theme="dark"] .blog-card__body h3,
        [data-theme="dark"] .blog-article__body h1,
        [data-theme="dark"] .blog-aside__title,
        [data-theme="dark"] .blog-related strong { color: #EFEFEB; }
        [data-theme="dark"] .blog-prose { color: #E2E1DC; }
        [data-theme="dark"] .blog-related li + li { border-color: #3F3E3A; }

        .events-page .event-card .blog-cat { background: #7c3aed; }
        .event-date {
            position: absolute; bottom: 0.65rem; right: 0.65rem;
            background: rgba(255,255,255,.96); border-radius: 0.45rem;
            padding: 0.28rem 0.5rem; text-align: center; min-width: 2.6rem;
            box-shadow: 0 6px 14px -8px rgba(28, 28, 26,.45);
        }
        .event-date strong { display: block; font-size: 0.85rem; color: var(--color-primary); line-height: 1.05; }
        .event-date span { display: block; font-size: 0.6rem; color: #6E6D66; font-weight: 700; text-transform: uppercase; letter-spacing: .02em; }
        .event-free { font-size: 0.7rem; font-weight: 700; color: #047857; }
        .event-aside-line { margin: 0 0 0.55rem; font-size: 0.8125rem; color: #55544E; line-height: 1.45; }
        .event-aside-line i { width: 1rem; color: var(--color-primary); margin-right: 0.35rem; }
        .event-actions { display: flex; flex-direction: column; gap: 0.45rem; margin-top: 0.85rem; }
        .event-actions .sell-btn { width: 100%; justify-content: center; text-decoration: none; }
        .event-cancel {
            appearance: none; border: 0; background: none; cursor: pointer;
            font-size: 0.75rem; font-weight: 600; color: #b91c1c; padding: 0.35rem;
        }
        .event-cancel:hover { text-decoration: underline; }
        [data-theme="dark"] .event-date { background: #1C1C1A; }
        [data-theme="dark"] .event-date span { color: #9C9B93; }
        [data-theme="dark"] .event-aside-line { color: #CBCAC3; }

        .verify-list { list-style: none; margin: 0; padding: 0; }
        .verify-row {
            display: flex; align-items: center; gap: 0.85rem;
            padding: 0.85rem 0; border-bottom: 1px solid #eef0f3;
        }
        .verify-row:last-child { border-bottom: 0; }
        .verify-mark {
            width: 1.65rem; height: 1.65rem; border-radius: 999px; flex-shrink: 0;
            display: inline-flex; align-items: center; justify-content: center; font-size: 0.7rem;
        }
        .verify-mark--ok { background: #ecfdf5; color: #059669; }
        .verify-mark--no { background: #EFEFEB; color: #9C9B93; }
        .verify-copy { display: flex; flex-direction: column; gap: 0.1rem; min-width: 0; flex: 1; }
        .verify-copy strong { font-size: 0.9rem; color: #1C1C1A; font-weight: 700; }
        .verify-state--ok { font-size: 0.75rem; color: #059669; font-weight: 600; }
        .verify-state--no { font-size: 0.75rem; color: #9C9B93; font-weight: 600; }
        .verify-action { font-size: 0.75rem; font-weight: 600; color: var(--color-primary); text-decoration: none; white-space: nowrap; }
        .verify-action:hover { text-decoration: underline; }

        .compare-add {
            position: absolute; top: 0.4rem; right: 0.4rem; z-index: 2;
            width: 1.75rem; height: 1.75rem; border-radius: 999px; border: 0;
            background: rgba(255,255,255,.94); color: #55544E; cursor: pointer;
            display: inline-flex; align-items: center; justify-content: center;
            font-size: 0.7rem; box-shadow: 0 2px 8px rgba(28, 28, 26,.12);
        }
        .compare-add.is-on { background: var(--color-primary); color: #fff; }
        .compare-add--inline { position: static; box-shadow: none; border: 1px solid #E2E1DC; }
        .compare-add--text {
            position: static; width: auto; height: auto; border-radius: 0.75rem;
            padding: 0.5rem 0.75rem; gap: 0.4rem; font-size: 0.8125rem; font-weight: 500;
            color: #55544E; background: transparent; box-shadow: none;
        }
        .compare-add--text:hover { background: rgba(var(--color-primary-rgb), 0.06); color: var(--color-primary); }
        .compare-tray {
            position: fixed; left: 50%; transform: translateX(-50%);
            bottom: 4.25rem; z-index: 40; width: min(92vw, 42rem);
        }
        @media (min-width: 1024px) { .compare-tray { bottom: 1.25rem; } }
        .compare-tray.is-hidden { display: none; }
        .compare-tray__inner {
            display: flex; align-items: center; gap: 0.65rem; flex-wrap: wrap;
            background: #1C1C1A; color: #fff; border-radius: 0.9rem;
            padding: 0.65rem 0.85rem; box-shadow: 0 12px 32px -12px rgba(28, 28, 26,.55);
        }
        .compare-tray__label { font-size: 0.75rem; font-weight: 700; white-space: nowrap; }
        .compare-tray__items { display: flex; gap: 0.35rem; flex: 1; min-width: 0; flex-wrap: wrap; }
        .compare-tray__chip {
            border: 0; background: #2A2A27; color: #E2E1DC; border-radius: 999px;
            padding: 0.2rem 0.55rem; font-size: 0.7rem; cursor: pointer; max-width: 9rem;
            overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
        }
        .compare-tray__go {
            background: var(--color-primary); color: #fff; text-decoration: none;
            font-size: 0.75rem; font-weight: 700; border-radius: 0.55rem; padding: 0.4rem 0.7rem;
        }
        .compare-tray__go.is-off { opacity: 0.45; pointer-events: none; }
        .compare-tray__clear {
            border: 0; background: none; color: #9C9B93; cursor: pointer; font-size: 0.7rem;
        }
        .compare-table-wrap { overflow-x: auto; background: #fff; border: 1px solid #E2E1DC; border-radius: 0.85rem; }
        .compare-table { width: 100%; border-collapse: collapse; min-width: 36rem; }
        .compare-table th, .compare-table td {
            padding: 0.85rem 1rem; border-bottom: 1px solid #eef0f3; text-align: left;
            font-size: 0.8125rem; color: #3F3E3A; vertical-align: top;
        }
        .compare-table tbody th { width: 7rem; color: #6E6D66; font-weight: 600; background: #F7F7F5; }
        .compare-table__card { display: flex; flex-direction: column; gap: 0.45rem; color: #1C1C1A; }
        .compare-table__card img { width: 100%; height: 7rem; object-fit: cover; border-radius: 0.5rem; background: #EFEFEB; }
        .compare-table__card strong { font-size: 0.8125rem; line-height: 1.35; }

        .mortgage-box {
            margin-top: 0.75rem; padding-top: 0.75rem; border-top: 1px solid #E2E1DC;
        }
        .mortgage-box__title { margin: 0 0 0.5rem; font-size: 0.75rem; font-weight: 700; color: #1C1C1A; }
        .mortgage-row { display: grid; grid-template-columns: 1fr; gap: 0.4rem; }
        @media (min-width: 640px) { .mortgage-row { grid-template-columns: 1fr 1fr 1fr; } }
        .mortgage-row label { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.65rem; color: #6E6D66; font-weight: 600; }
        .mortgage-row input {
            border: 1px solid #E2E1DC; border-radius: 0.5rem; padding: 0.4rem 0.5rem;
            font-size: 0.8125rem; color: #1C1C1A;
        }
        .mortgage-box__btn {
            margin-top: 0.5rem; border: 0; border-radius: 0.5rem; cursor: pointer;
            background: var(--color-primary); color: #fff; font-size: 0.75rem; font-weight: 700;
            padding: 0.4rem 0.75rem;
        }
        .mortgage-box__out {
            margin: 0.5rem 0 0; white-space: pre-line; font-size: 0.7rem; color: #3F3E3A;
            background: #F7F7F5; border-radius: 0.5rem; padding: 0.5rem 0.6rem;
        }
        .change-sum {
            display: flex; flex-wrap: wrap; gap: 0.35rem 0.75rem;
            margin-bottom: 0.5rem; font-size: 0.65rem; color: #6E6D66;
        }
        .virtour { padding: 0.55rem 0.75rem; border-top: 1px solid #E2E1DC; background: #fff; }
        .virtour__title { margin: 0 0 0.35rem; font-size: 0.7rem; font-weight: 700; color: #1C1C1A; }
        .virtour__frame { width: 100%; height: 10rem; border: 0; border-radius: 0.5rem; background: #1C1C1A; }
        .virtour__frame--lg { height: 16rem; }
        @media (min-width: 768px) { .virtour__frame--lg { height: 20rem; } }
        .virtour__link { display: inline-flex; align-items: center; gap: 0.35rem; font-size: 0.75rem; font-weight: 600; color: var(--color-primary); }

        .listing-video { padding: 0.55rem 0.75rem; border-top: 1px solid #E2E1DC; background: #fff; }
        .listing-video__title { margin: 0 0 0.35rem; font-size: 0.7rem; font-weight: 700; color: #1C1C1A; }
        .listing-video__player { width: 100%; max-height: 14rem; border-radius: 0.5rem; background: #1C1C1A; }
        .listing-pano { background: #0b1220; }
        .pano-stage { position: relative; height: 16rem; background: #1C1C1A; overflow: hidden; }
        @media (min-width: 768px) { .pano-stage { height: 22rem; } }
        .pano-stage canvas { width: 100%; height: 100%; display: block; }
        .pano-play {
            position: absolute; inset: 0; z-index: 2;
            display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.35rem;
            border: 0; background: rgba(28, 28, 26, 0.38); color: #fff; cursor: pointer;
            font-size: 0.78rem; font-weight: 700;
        }
        .pano-play i { font-size: 2rem; }
        .pano-hint { margin: 0; padding: 0.4rem 0.75rem 0.65rem; font-size: 0.65rem; color: #CBCAC3; }
        .media-tabs { display: flex; border-bottom: 1px solid #E2E1DC; background: #fff; }
        .media-tabs button {
            flex: 1; border: 0; background: transparent; padding: 0.5rem 0.35rem;
            font-size: 0.7rem; font-weight: 700; color: #6E6D66; cursor: pointer;
        }
        .media-tabs button.is-on { color: var(--color-primary); box-shadow: inset 0 -2px 0 var(--color-primary); }
        .detail-photo__flags {
            position: absolute; left: 0.5rem; bottom: 0.5rem; z-index: 2;
            display: flex; flex-wrap: wrap; gap: 0.3rem; pointer-events: none;
        }
        .listing-title-flags { display: flex; flex-wrap: wrap; gap: 0.3rem; margin-top: 0.4rem; }
        .media-flag {
            font-size: 0.62rem; font-weight: 800; color: #fff; background: rgba(28, 28, 26, 0.82);
            border-radius: 999px; padding: 0.16rem 0.5rem;
        }
        .media-flag--360 { background: #0F5C46; }
        .quality-meter { display: flex; align-items: center; gap: 0.45rem; margin-top: 0.5rem; max-width: 16rem; }
        .quality-meter__lbl { font-size: 0.68rem; color: #6E6D66; font-weight: 600; }
        .quality-meter__bar { flex: 1; height: 0.4rem; background: #E2E1DC; border-radius: 999px; overflow: hidden; }
        .quality-meter__bar i { display: block; height: 100%; background: #f59e0b; }
        .quality-meter--ok .quality-meter__bar i { background: #10b981; }
        .quality-meter--low .quality-meter__bar i { background: #ef4444; }
        .quality-meter__n { font-size: 0.72rem; font-weight: 800; color: #1C1C1A; }
        .detail-spec__stats {
            display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem 0.65rem;
            margin: 0 0 0.4rem; padding: 0 0.75rem;
            font-size: 0.7rem; color: #6E6D66;
        }
        .fomo-chip {
            display: inline-flex; align-items: center; gap: 0.25rem; flex-shrink: 0;
            background: #fff7ed; color: #c2410c; border-radius: 999px;
            padding: 0.12rem 0.5rem; font-weight: 700; white-space: nowrap; line-height: 1.2;
        }
        .detail-seller .contact-tpl { flex-direction: column; align-items: stretch; }
        .detail-seller .contact-tpl a { white-space: normal; line-height: 1.3; }
        .detail-spec > .flex, .detail-spec > .change-sum { padding-left: 0.75rem; padding-right: 0.75rem; }
        .detail-spec details, .detail-spec > a { margin: 0 0.75rem 0.65rem; display: block; }
        .detail-spec .costs-table { margin: 0 0.75rem 0.5rem; width: calc(100% - 1.5rem); }
        .col-satici .site-ad-slot, .col-satici .site-ad { max-width: 100%; }
        .mortgage {
            margin: 0.55rem 0.65rem 0.75rem; padding: 0.6rem 0.65rem;
            border: 1px solid #E2E1DC; border-radius: 0.5rem;
            background: #F7F7F5;
        }
        .mortgage__title {
            margin: 0 0 0.2rem; font-size: 0.78rem; font-weight: 800; color: #062419;
            display: flex; align-items: center; gap: 0.35rem;
        }
        .mortgage__hint { margin: 0 0 0.55rem; font-size: 0.65rem; color: #6E6D66; line-height: 1.35; }
        .mortgage__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.4rem; }
        .mortgage__grid label {
            display: flex; flex-direction: column; gap: 0.15rem;
            font-size: 0.62rem; font-weight: 700; color: #55544E;
        }
        .mortgage__grid label:first-child { grid-column: 1 / -1; }
        .mortgage__grid input, .mortgage__grid select {
            font-size: 0.75rem; font-weight: 600; color: #1C1C1A;
            border: 1px solid #CBCAC3; border-radius: 0.45rem; padding: 0.35rem 0.45rem; background: #fff;
        }
        .mortgage__btn {
            margin-top: 0.5rem; width: 100%; border: 0; border-radius: 0.5rem;
            background: var(--color-primary); color: #fff; font-size: 0.75rem; font-weight: 800;
            padding: 0.48rem 0.6rem; cursor: pointer;
        }
        .mortgage__out { margin-top: 0.55rem; display: none; gap: 0.25rem; }
        .mortgage__out.is-on { display: grid; }
        .mortgage__row { display: flex; justify-content: space-between; font-size: 0.72rem; color: #55544E; }
        .mortgage__row b { color: #0C4A39; }
        .mortgage__err { margin-top: 0.4rem; font-size: 0.68rem; color: #b91c1c; display: none; }

        .costs-table { width: 100%; margin-top: 0.75rem; border-top: 1px solid #E2E1DC; border-collapse: collapse; }
        .costs-table caption { caption-side: top; text-align: left; padding: 0.6rem 0 0.35rem; font-size: 0.7rem; font-weight: 700; color: #1C1C1A; }
        .costs-table th, .costs-table td { padding: 0.35rem 0; font-size: 0.75rem; border-bottom: 1px solid #EFEFEB; }
        .costs-table th { color: #6E6D66; font-weight: 500; text-align: left; }
        .costs-table td { color: #1C1C1A; font-weight: 600; text-align: right; }

        .listing-status {
            display: inline-block; margin-left: 0.4rem; vertical-align: middle;
            font-size: 0.65rem; font-weight: 700; letter-spacing: 0.02em;
            padding: 0.15rem 0.45rem; border-radius: 999px;
        }
        .listing-status--sold { background: #fef2f2; color: #b91c1c; }
        .listing-status--hold { background: #fff7ed; color: #c2410c; }
        .listing-gone { display: flex; align-items: center; gap: 0.5rem; }
        .listing-gone--sold { background: #fef2f2; border-color: #fecaca; color: #991b1b; }

        .appeal-box { margin-top: 0.75rem; padding-top: 0.75rem; border-top: 1px solid #E2E1DC; }
        .appeal-box__title { margin: 0 0 0.25rem; font-size: 0.75rem; font-weight: 700; color: #1C1C1A; }
        .appeal-box__hint { margin: 0 0 0.5rem; font-size: 0.7rem; color: #6E6D66; }
        .appeal-box__btn {
            border: 0; border-radius: 0.5rem; cursor: pointer;
            background: var(--color-primary); color: #fff; font-size: 0.75rem; font-weight: 700;
            padding: 0.4rem 0.75rem;
        }

        .dup-alert { margin: 0 0 1rem; padding: 0.75rem 0.9rem; background: #fff7ed; border: 1px solid #fed7aa; border-radius: 0.75rem; }
        .dup-alert__lead { margin: 0 0 0.35rem; font-size: 0.8rem; font-weight: 700; color: #9a3412; }
        .dup-alert__list { margin: 0; padding-left: 1.1rem; font-size: 0.8rem; }
        .dup-alert__list a { color: var(--color-primary); }

        .recaptcha-wrap { margin: 0.75rem 0; }

        .appt-cal { background: #fff; border: 1px solid #E2E1DC; border-radius: 1rem; padding: 0.85rem; }
        .appt-cal__nav { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.65rem; }
        .appt-cal__nav a { color: var(--color-primary); text-decoration: none; font-weight: 700; padding: 0.2rem 0.5rem; }
        .appt-cal__nav strong { font-size: 0.95rem; text-transform: capitalize; }
        .appt-cal__week, .appt-cal__grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 0.25rem; }
        .appt-cal__week span { font-size: 0.65rem; font-weight: 700; color: #9C9B93; text-align: center; padding: 0.2rem 0; }
        .appt-cal__cell {
            min-height: 4.5rem; border: 1px solid #EFEFEB; border-radius: 0.45rem;
            padding: 0.25rem; background: #fafbfc;
        }
        .appt-cal__cell--empty { background: transparent; border-color: transparent; }
        .appt-cal__cell.is-today { border-color: var(--color-primary); background: rgba(var(--color-primary-rgb), 0.06); }
        .appt-cal__num { display: block; font-size: 0.7rem; font-weight: 700; color: #3F3E3A; margin-bottom: 0.15rem; }
        .appt-cal__item {
            display: block; font-size: 0.6rem; line-height: 1.25; border-radius: 0.25rem;
            padding: 0.1rem 0.25rem; margin-bottom: 0.12rem; text-decoration: none;
            overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
            background: #E2E1DC; color: #3F3E3A;
        }
        .appt-cal__item--confirmed { background: #d1fae5; color: #047857; }
        .appt-cal__item--rejected, .appt-cal__item--cancelled { background: #fee2e2; color: #b91c1c; }
        .appt-cal__more { font-size: 0.6rem; color: #6E6D66; }

        .store-appt-card, .store-appt { margin: 0; padding: 0; list-style: none; }
        .store-appt-card { background: #fff; border: 1px solid #E2E1DC; border-radius: 1rem; padding: 1rem 1.15rem; }
        .store-appt__row {
            display: flex; align-items: flex-start; justify-content: space-between; gap: 0.75rem;
            padding: 0.75rem 0; border-bottom: 1px solid #EFEFEB;
        }
        .store-appt__row:last-child { border-bottom: 0; padding-bottom: 0; }
        .store-appt__row:first-child { padding-top: 0; }
        .store-appt__title { font-size: 0.875rem; font-weight: 700; color: #1C1C1A; text-decoration: none; }
        .store-appt__title:hover { color: var(--color-primary); }
        .store-appt__meta { margin: 0.2rem 0 0; font-size: 0.75rem; color: #6E6D66; }
        .store-appt__actions { display: flex; gap: 0.4rem; flex-shrink: 0; }
        .store-appt__ok, .store-appt__no {
            border: 0; border-radius: 0.5rem; cursor: pointer; font-size: 0.7rem; font-weight: 700;
            padding: 0.35rem 0.65rem;
        }
        .store-appt__ok { background: #059669; color: #fff; }
        .store-appt__no { background: #fef2f2; color: #b91c1c; }

        .store-media { display: grid; gap: 0.6rem; }
        .store-media.is-busy { opacity: 0.7; pointer-events: none; }
        .store-media__preview {
            position: relative;
            border-radius: 0.9rem;
            overflow: hidden;
            border: 1px solid #E2E1DC;
            background: #F7F7F5;
            aspect-ratio: 16 / 6;
            max-height: 10rem;
        }
        .store-media__preview img { width: 100%; height: 100%; object-fit: cover; display: block; }
        .store-media__remove {
            position: absolute; top: 0.5rem; right: 0.5rem;
            border: 0; border-radius: 0.5rem; cursor: pointer;
            background: rgba(28, 28, 26, 0.8); color: #fff;
            font-size: 0.7rem; font-weight: 700; padding: 0.3rem 0.55rem;
        }
        .store-media__drop {
            display: flex; flex-direction: column; align-items: center; justify-content: center;
            gap: 0.15rem; cursor: pointer; text-align: center;
            border: 1px dashed #CBCAC3; border-radius: 0.9rem;
            background: #F7F7F5; padding: 1rem 0.75rem;
        }
        .store-media__drop:hover, .store-media__drop.is-over { border-color: #7FBDA1; background: #EEF6F2; }
        .store-media__drop span { font-size: 0.8125rem; font-weight: 700; color: #0F5C46; }
        .store-media__drop small { font-size: 0.7rem; color: #6E6D66; }
        .store-media__drop--sm { padding: 0.7rem 0.5rem; }
        .store-media__status { margin: 0; font-size: 0.75rem; color: #047857; }
        .store-media__status.is-err { color: #b91c1c; }
        .store-media--avatar { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; }
        .store-media--avatar .store-media__drop { flex: 1; min-width: 10rem; }

        /* —— Ödeme (checkout) —— */
        .chk {
            display: grid; grid-template-columns: minmax(0, 1fr) 19.5rem; gap: 1rem; align-items: start;
        }
        @media (max-width: 840px) { .chk { grid-template-columns: 1fr; } }
        .chk-alert {
            border-radius: 0.75rem; padding: 0.7rem 0.9rem; font-size: 0.8125rem; margin-bottom: 0.85rem;
        }
        .chk-alert--err { background: #fff1f2; color: #9f1239; border: 1px solid #fecdd3; }
        .chk-main, .chk-pay {
            background: #fff; border: 1px solid #e6e8eb; border-radius: 0.85rem;
        }
        .chk-listing {
            display: flex; gap: 0.85rem; align-items: center;
            padding: 1rem 1.15rem; border-bottom: 1px solid #eef0f3;
        }
        .chk-listing__img {
            width: 4.25rem; height: 3.15rem; border-radius: 0.5rem; overflow: hidden; flex-shrink: 0;
            background: #EFEFEB; color: #9C9B93; display: flex; align-items: center; justify-content: center;
        }
        .chk-listing__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
        .chk-listing__meta { min-width: 0; }
        .chk-kicker {
            font-size: 0.68rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
            color: #6E6D66; margin: 0 0 0.15rem;
        }
        .chk-listing__meta h3 {
            margin: 0; font-size: 0.95rem; font-weight: 800; color: #1C1C1A;
            white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
        }
        .chk-listing__meta p { margin: 0.15rem 0 0; font-size: 0.75rem; color: #6E6D66; }
        .chk-block { padding: 1rem 1.15rem 1.15rem; }
        .chk-block + .chk-block { border-top: 1px solid #eef0f3; }
        .chk-block h3 { margin: 0 0 0.75rem; font-size: 0.82rem; font-weight: 800; color: #1C1C1A; }
        .chk-items { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.45rem; }
        .chk-items li {
            display: grid; grid-template-columns: 2.15rem minmax(0, 1fr) auto; gap: 0.7rem; align-items: center;
            padding: 0.65rem 0.7rem; border: 1px solid #eef0f3; border-radius: 0.7rem; background: #F7F7F5;
        }
        .chk-ico {
            width: 2.15rem; height: 2.15rem; border-radius: 0.55rem;
            background: rgba(var(--color-primary-rgb), 0.1); color: var(--color-primary);
            display: flex; align-items: center; justify-content: center; font-size: 0.85rem;
        }
        .chk-item__body { min-width: 0; display: flex; flex-direction: column; gap: 0.1rem; }
        .chk-item__body strong { font-size: 0.84rem; color: #1C1C1A; }
        .chk-item__body span { font-size: 0.72rem; color: #6E6D66; }
        .chk-item__price { font-size: 0.84rem; font-weight: 800; color: #1C1C1A; white-space: nowrap; }
        .chk-note {
            margin: 0.75rem 0 0; font-size: 0.75rem; color: #6E6D66; line-height: 1.45;
            display: flex; gap: 0.4rem; align-items: flex-start;
        }
        .chk-note i { color: var(--color-primary); margin-top: 0.12rem; }
        .chk-empty {
            display: flex; flex-direction: column; align-items: flex-start; gap: 0.35rem;
            padding: 0.85rem 0.9rem; border-radius: 0.7rem; background: #F7F7F5; border: 1px dashed #dbe3ee;
        }
        .chk-empty i { color: #9C9B93; }
        .chk-empty p { margin: 0; font-size: 0.8125rem; color: #55544E; }
        .chk-empty a { font-size: 0.8rem; font-weight: 700; color: var(--color-primary); text-decoration: none; }
        .chk-empty a:hover { text-decoration: underline; }
        .chk-side { position: sticky; top: 5.5rem; }
        .chk-pay { padding: 1.05rem 1.1rem 1.15rem; }
        .chk-pay h3 { margin: 0 0 0.85rem; font-size: 0.95rem; font-weight: 800; color: #1C1C1A; }
        .chk-coupon { margin-bottom: 0.95rem; }
        .chk-coupon.is-ok .sell-input { border-color: #86efac; background: #f0fdf4; }
        .chk-coupon__row { display: flex; gap: 0.45rem; }
        .chk-coupon__row .sell-input { min-width: 0; }
        .chk-coupon__btn {
            appearance: none; border: 1px solid var(--color-primary); background: var(--color-primary); color: #fff;
            border-radius: 0.25rem; padding: 0 0.95rem; font-weight: 700; font-size: 0.8rem; cursor: pointer; white-space: nowrap;
        }
        .chk-coupon__btn:hover { filter: brightness(0.96); }
        .chk-coupon__msg { margin: 0.4rem 0 0; font-size: 0.75rem; }
        .chk-coupon__msg.is-ok { color: #047857; }
        .chk-coupon__msg.is-err { color: #b91c1c; }
        .chk-coupon__msg[hidden] { display: none !important; }
        .chk-sum { margin: 0; display: grid; gap: 0.4rem; }
        .chk-sum > div { display: flex; justify-content: space-between; gap: 0.75rem; font-size: 0.8125rem; color: #55544E; }
        .chk-sum > div[hidden] { display: none !important; }
        .chk-sum dd { margin: 0; font-weight: 700; color: #1C1C1A; }
        .chk-sum__disc dd { color: #047857; }
        .chk-sum__total {
            margin-top: 0.35rem; padding-top: 0.65rem; border-top: 1px dashed #E2E1DC;
            font-size: 0.95rem !important; color: #1C1C1A !important; align-items: baseline;
        }
        .chk-sum__total dt { font-weight: 800; }
        .chk-sum__total dd { font-size: 1.15rem; font-weight: 800; color: var(--color-primary); }
        .chk-pay__btn { width: 100%; min-width: 0; margin-top: 0.95rem; display: flex; justify-content: center; }
        .chk-trust {
            margin: 0.65rem 0 0; font-size: 0.7rem; color: #6E6D66; text-align: center;
            display: flex; align-items: center; justify-content: center; gap: 0.35rem;
        }
        .chk-trust i { color: #16a34a; }

/* Kategori sayfası sol sütun: filtre formu ve yan reklam birlikte yapışkan. Önceden yalnız form yapışkandı,
   altındaki reklam kaydırınca formun üstüne biniyordu. Sütun ekrandan uzunsa kendi içinde kayar. */
@media (min-width: 1024px) {
    .cat-aside-sticky {
        position: sticky; top: 6rem;
        max-height: calc(100vh - 7rem); overflow-y: auto; overscroll-behavior: contain;
        scrollbar-width: thin; padding-bottom: 0.25rem;
    }
}
        .sell-cat-empty-branch {
            margin: 0.75rem 0 0; padding: 0.7rem 0.9rem; border-radius: 0.5rem;
            background: #FDF3E1; color: #A15C07; font-size: 0.85rem; font-weight: 600;
        }
        .sell-cat-empty-branch[hidden] { display: none; }