/* Site stilleri: site.css + me-ui.css + brand.css birleşimi (tools/css-purge.py). Sıra önemlidir. */
/* ===== site.css ===== */
/* ========== 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);
        }
::-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);
        }
.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-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-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__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; }
.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--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; }
.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; }
.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-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-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;
            }
}
.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;
        }
.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;
        }
.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); }
.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-700\/90 { color: rgba(15, 118, 110, 0.9) !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; }
.bg-yellow-400 { background-color: #facc15 !important; }
.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; }
.sticky-nav .brand-wordmark {
            transition: color 0.15s ease;
        }
.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; }
.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 { 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 { 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; }
.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; }
.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-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-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-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-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-video-card { position: relative; }
.sell-video-card p { font-size: 0.875rem; color: #3F3E3A; margin: 0; line-height: 1.5; }
.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-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; }
/* —— 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-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; }
/* —— 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; }
}
.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; }
.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; }
.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;
        }
.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__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; }

/* ===== me-ui.css ===== */
/* Hesabım sayfaları ortak tasarım sistemi (Views/Me/*, _MeNav kullanan sayfalar). _Layout her sayfada yükler.
   Tailwind utility sınıflarına bağımlı değil; tema renkleri site.css değişkenlerinden gelir .
   Bileşenler: acc (sayfa kökü), acc-head (sayfa başlığı), acc-card, acc-sec (form bölümü), acc-field / acc-input,
   acc-choice (seçim kartı), acc-switch, acc-list / acc-row, acc-badge, acc-empty, acc-alert, acc-btn, acc-danger,
   acc-savebar. */
.acc {
    --acc-card: var(--color-surface-card, #fff);
    --acc-text: var(--color-text, #1C1C1A);
    --acc-muted: var(--color-muted, #6E6D66);
    --acc-line: rgba(110, 109, 102, 0.2);
    --acc-soft: rgba(110, 109, 102, 0.07);
    --acc-primary: var(--color-primary, #0F5C46);
    --acc-primary-rgb: var(--color-primary-rgb, 15, 92, 70);
    --acc-ok: #1E7A4A;
    --acc-ok-bg: rgba(30, 122, 74, 0.1);
    --acc-warn: #b45309;
    --acc-warn-bg: rgba(217, 119, 6, 0.1);
    --acc-err: #b91c1c;
    --acc-err-bg: rgba(220, 38, 38, 0.08);
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    color: var(--acc-text);
}
/* ---------- kart ---------- */
.acc-card {
    background: var(--acc-card);
    border: 1px solid var(--acc-line);
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(28, 28, 26, 0.04);
}
/* ---------- üst kart (kimlik) ---------- */
.acc-hero {
    padding: 1.5rem;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1.25rem 1.5rem;
    align-items: center;
    position: relative;
    overflow: hidden;
}
.acc-hero::before {
    content: "";
    position: absolute; inset: 0 0 auto 0; height: 9rem;
    background: linear-gradient(180deg, rgba(var(--acc-primary-rgb), 0.12), rgba(var(--acc-primary-rgb), 0));
    pointer-events: none;
}
.acc-hero > * { position: relative; }
.acc-avatar {
    width: 6rem; height: 6rem; border-radius: 50%;
    background: rgba(var(--acc-primary-rgb), 0.12);
    color: var(--acc-primary);
    display: flex; align-items: center; justify-content: center;
    font-size: 2.1rem; font-weight: 800;
    border: 4px solid var(--acc-card);
    box-shadow: 0 6px 18px -6px rgba(28, 28, 26, 0.25);
    overflow: hidden;
}
.acc-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.acc-avatar-wrap { position: relative; width: 6rem; height: 6rem; }
.acc-avatar-btn {
    position: absolute; right: -0.15rem; bottom: -0.15rem;
    width: 2.1rem; height: 2.1rem; border-radius: 50%;
    background: var(--acc-primary); color: #fff;
    border: 3px solid var(--acc-card);
    display: flex; align-items: center; justify-content: center;
    font-size: 0.8rem; cursor: pointer;
    transition: transform 0.15s ease;
}
.acc-avatar-btn:hover { transform: scale(1.06); }
.acc-avatar-btn:focus-within { outline: 2px solid var(--acc-primary); outline-offset: 2px; }
.acc-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.acc-id { min-width: 0; }
.acc-id h1 {
    margin: 0;
    font-family: Archivo, system-ui, sans-serif;
    font-size: 1.45rem; font-weight: 800; line-height: 1.2;
    overflow-wrap: anywhere;
}
.acc-id__mail { margin: 0.2rem 0 0.65rem; font-size: 0.875rem; color: var(--acc-muted); overflow-wrap: anywhere; }
.acc-chips { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.acc-chip {
    display: inline-flex; align-items: center; gap: 0.35rem;
    padding: 0.28rem 0.6rem; border-radius: 999px;
    font-size: 0.75rem; font-weight: 700; line-height: 1;
    background: var(--acc-soft); color: var(--acc-muted);
    text-decoration: none; white-space: nowrap;
}
.acc-chip i { font-size: 0.7rem; }
.acc-chip--type { background: rgba(var(--acc-primary-rgb), 0.1); color: var(--acc-primary); }
.acc-chip--ok { background: var(--acc-ok-bg); color: var(--acc-ok); }
.acc-chip--todo { background: var(--acc-warn-bg); color: var(--acc-warn); }
a.acc-chip--todo:hover { background: rgba(217, 119, 6, 0.18); }
.acc-hero__side {
    grid-column: 1 / -1;
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.9rem;
    padding-top: 1.1rem; border-top: 1px solid var(--acc-line);
}
.acc-progress { flex: 1 1 16rem; min-width: 0; }
.acc-progress__top { display: flex; justify-content: space-between; gap: 0.75rem; font-size: 0.8125rem; font-weight: 700; margin-bottom: 0.4rem; }
.acc-progress__top span:last-child { color: var(--acc-primary); }
.acc-progress__bar { height: 0.45rem; border-radius: 999px; background: var(--acc-soft); overflow: hidden; }
.acc-progress__bar > span { display: block; height: 100%; border-radius: inherit; background: var(--acc-primary); transition: width 0.4s ease; }
.acc-progress__hint { margin: 0.4rem 0 0; font-size: 0.75rem; color: var(--acc-muted); }
.acc-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 0.45rem;
    min-height: 2.6rem; padding: 0 1.1rem; border-radius: 6px;
    font-size: 0.875rem; font-weight: 700; text-decoration: none; cursor: pointer;
    border: 1px solid transparent; transition: background 0.15s ease, border-color 0.15s ease, opacity 0.15s ease;
    white-space: nowrap;
}
.acc-btn--primary { background: var(--acc-primary); color: #fff; }
.acc-btn--primary:hover { opacity: 0.92; color: #fff; }
.acc-btn--primary[disabled] { opacity: 0.6; cursor: progress; }
.acc-btn--ghost { background: transparent; color: var(--acc-text); border-color: var(--acc-line); }
.acc-btn--ghost:hover { background: var(--acc-soft); color: var(--acc-text); }
/* ---------- uyarılar ---------- */
.acc-alert {
    display: flex; gap: 0.6rem; align-items: flex-start;
    padding: 0.8rem 1rem; border-radius: 6px; font-size: 0.875rem; font-weight: 600;
}
.acc-alert--ok { background: var(--acc-ok-bg); color: var(--acc-ok); }
.acc-alert--err { background: var(--acc-err-bg); color: var(--acc-err); }
/* ---------- form bölümleri ---------- */
.acc-form { display: flex; flex-direction: column; gap: 1.25rem; }
.acc-sec { padding: 1.4rem 1.5rem 1.5rem; }
.acc-sec__head { display: flex; gap: 0.85rem; align-items: flex-start; margin-bottom: 1.15rem; }
.acc-sec__icon {
    width: 1.25rem; flex-shrink: 0; padding-top: 0.15rem;
    display: flex; justify-content: center;
    color: var(--acc-primary); font-size: 1rem;
}
.acc-sec__head h2 { margin: 0; font-size: 1.02rem; font-weight: 800; }
.acc-sec__head p { margin: 0.15rem 0 0; font-size: 0.8125rem; color: var(--acc-muted); }
.acc-grid { display: grid; grid-template-columns: 1fr; gap: 1rem; }
@media (min-width: 640px) {
.acc-grid { grid-template-columns: 1fr 1fr; }
.acc-grid--3 { grid-template-columns: 2fr 1fr 1.2fr; }
.acc-span2 { grid-column: 1 / -1; }
}
.acc-field { display: flex; flex-direction: column; gap: 0.35rem; min-width: 0; }
.acc-field > label, .acc-legend {
    font-size: 0.8125rem; font-weight: 700; color: var(--acc-text);
    display: flex; align-items: baseline; gap: 0.35rem;
}
.acc-opt { font-weight: 500; color: var(--acc-muted); font-size: 0.75rem; }
.acc-help { margin: 0; font-size: 0.75rem; color: var(--acc-muted); }
.acc-input {
    width: 100%; min-height: 2.75rem; padding: 0.55rem 0.8rem;
    border-radius: 6px; border: 1px solid var(--acc-line);
    background: var(--acc-card); color: var(--acc-text);
    font-size: 0.9rem; outline: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.acc-input:hover { border-color: rgba(110, 109, 102, 0.4); }
.acc-input:focus { border-color: var(--acc-primary); box-shadow: 0 0 0 3px rgba(var(--acc-primary-rgb), 0.15); }
.acc-input[readonly], .acc-input:disabled { background: var(--acc-soft); color: var(--acc-muted); cursor: not-allowed; }
.acc-input-wrap { position: relative; }
.acc-input-wrap .acc-input { padding-right: 6.75rem; }
.acc-input-wrap .acc-chip { position: absolute; right: 0.55rem; top: 50%; transform: translateY(-50%); }
/* ---------- seçim kartları (radyo) ---------- */
.acc-choices { display: grid; grid-template-columns: 1fr; gap: 0.65rem; border: 0; padding: 0; margin: 0; min-width: 0; }
@media (min-width: 520px) {
.acc-choices { grid-template-columns: 1fr 1fr; }
}
.acc-choice { position: relative; display: block; width: 100%; cursor: pointer; }
.acc-choice input { position: absolute; opacity: 0; pointer-events: none; }
.acc-choice__box {
    display: flex; gap: 0.75rem; align-items: center;
    padding: 0.85rem 0.95rem; border-radius: 6px;
    border: 1.5px solid var(--acc-line); background: var(--acc-card);
    transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
    height: 100%;
}
.acc-choice:hover .acc-choice__box { border-color: rgba(var(--acc-primary-rgb), 0.45); }
.acc-choice input:checked + .acc-choice__box {
    border-color: var(--acc-primary);
    background: rgba(var(--acc-primary-rgb), 0.06);
    box-shadow: 0 0 0 3px rgba(var(--acc-primary-rgb), 0.1);
}
.acc-choice input:focus-visible + .acc-choice__box { outline: 2px solid var(--acc-primary); outline-offset: 2px; }
.acc-choice__icon {
    width: 2.25rem; height: 2.25rem; flex-shrink: 0; border-radius: 5px;
    display: flex; align-items: center; justify-content: center;
    background: var(--acc-soft); color: var(--acc-muted); font-size: 0.9rem;
}
.acc-choice input:checked + .acc-choice__box .acc-choice__icon { background: var(--acc-primary); color: #fff; }
.acc-choice__title { display: block; font-size: 0.875rem; font-weight: 800; }
.acc-choice__desc { display: block; font-size: 0.75rem; color: var(--acc-muted); margin-top: 0.1rem; overflow-wrap: anywhere; }
.acc-corp {
    margin-top: 1rem; padding: 1.1rem; border-radius: 8px;
    background: var(--acc-soft); border: 1px dashed var(--acc-line);
}
.acc-corp[hidden] { display: none; }
.acc-corp__title { margin: 0 0 0.85rem; font-size: 0.8125rem; font-weight: 800; color: var(--acc-muted); }
/* ---------- kaydet çubuğu ---------- */
.acc-savebar {
    position: sticky; bottom: 0.75rem; z-index: 20;
    display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; flex-wrap: wrap;
    padding: 0.8rem 1rem 0.8rem 1.25rem;
    background: var(--acc-card); border: 1px solid var(--acc-line); border-radius: 8px;
    box-shadow: 0 10px 30px -12px rgba(28, 28, 26, 0.3);
}
.acc-savebar__msg { font-size: 0.8125rem; color: var(--acc-muted); display: flex; align-items: center; gap: 0.45rem; }
.acc-savebar__msg .is-dirty { display: none; color: var(--acc-warn); font-weight: 700; }
.acc-savebar.is-dirty .acc-savebar__msg .is-clean { display: none; }
.acc-savebar.is-dirty .acc-savebar__msg .is-dirty { display: inline-flex; align-items: center; gap: 0.4rem; }
.acc-savebar__actions { display: flex; gap: 0.5rem; margin-left: auto; }
.acc-savebar [data-reset] { display: none; }
.acc-savebar.is-dirty [data-reset] { display: inline-flex; }
/* ---------- alt kartlar (projeler, satın alımlar) ---------- */
.acc-block__head {
    display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem;
    padding: 1.15rem 1.5rem; border-bottom: 1px solid var(--acc-line);
}
.acc-block__head h2 { margin: 0; font-size: 1.02rem; font-weight: 800; }
.acc-block__head p { margin: 0.15rem 0 0; font-size: 0.8125rem; color: var(--acc-muted); }
.acc-block__link { font-size: 0.8125rem; font-weight: 700; color: var(--acc-primary); text-decoration: none; white-space: nowrap; }
.acc-block__link:hover { text-decoration: underline; }
.acc-block__body { padding: 1.15rem 1.5rem; }
.acc-actions { display: flex; flex-wrap: wrap; gap: 0.5rem; }
@media (max-width: 639px) {
.acc-hero { grid-template-columns: 1fr; justify-items: center; text-align: center; padding: 1.25rem; }
.acc-hero::before { height: 7rem; }
.acc-chips { justify-content: center; }
.acc-sec { padding: 1.2rem 1.1rem 1.25rem; }
.acc-block__head, .acc-block__body { padding-left: 1.1rem; padding-right: 1.1rem; }
.acc-savebar { bottom: 0.5rem; padding: 0.7rem 0.8rem; }
.acc-savebar__actions { width: 100%; }
.acc-savebar__actions .acc-btn { flex: 1; }
}
/* ================= Ortak sayfa bileşenleri ================= */
/* Sayfa başlığı */
.acc-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 0.75rem 1rem; }
.acc-head__title { display: flex; align-items: center; gap: 0.85rem; min-width: 0; }
/* Sayfa başlığında dekoratif ikon karesi yok: başlık metni yeterli. */
.acc-head__icon { display: none; }
.acc-head h1 {
    margin: 0; font-family: Archivo, system-ui, sans-serif;
    font-size: 1.4rem; font-weight: 800; line-height: 1.2; color: var(--acc-text);
}
.acc-head p { margin: 0.15rem 0 0; font-size: 0.875rem; color: var(--acc-muted); }
.acc-head__actions { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.acc-count {
    display: inline-flex; align-items: center; justify-content: center; min-width: 1.6rem; height: 1.35rem;
    padding: 0 0.45rem; border-radius: 999px; margin-left: 0.4rem; vertical-align: middle;
    background: rgba(var(--acc-primary-rgb), 0.1); color: var(--acc-primary);
    font-family: Archivo, system-ui, sans-serif; font-size: 0.75rem; font-weight: 800;
}
.acc-count:empty { display: none; }
/* Buton varyantları */
.acc-btn--sm { min-height: 2.1rem; padding: 0 0.8rem; font-size: 0.8125rem; border-radius: 5px; }
.acc-btn--danger { background: var(--acc-err-bg); color: var(--acc-err); }
.acc-btn--danger:hover { background: rgba(220, 38, 38, 0.15); color: var(--acc-err); }
.acc-btn--success { background: var(--acc-ok); color: #fff; }
.acc-btn--success:hover { opacity: 0.92; color: #fff; }
.acc-btn--soft { background: rgba(var(--acc-primary-rgb), 0.1); color: var(--acc-primary); }
.acc-btn--soft:hover { background: rgba(var(--acc-primary-rgb), 0.16); color: var(--acc-primary); }
.acc-inline { display: inline; margin: 0; }
/* Uyarı varyantları */
.acc-alert--info { background: rgba(var(--acc-primary-rgb), 0.08); color: var(--acc-primary); }
.acc-alert--warn { background: var(--acc-warn-bg); color: var(--acc-warn); }
.acc-alert i { margin-top: 0.15rem; }
/* Liste */
.acc-list { list-style: none; margin: 0; padding: 0; }
.acc-row {
    display: flex; align-items: center; gap: 0.9rem;
    padding: 0.95rem 1.25rem; border-top: 1px solid var(--acc-line);
}
.acc-list > .acc-row:first-child, .acc-card > .acc-row:first-child { border-top: 0; }
.acc-row--top { align-items: flex-start; }
.acc-row.is-unread { background: rgba(var(--acc-primary-rgb), 0.05); }
.acc-list > .acc-row:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; }
.acc-list > .acc-row:last-child { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; }
.acc-card > .acc-list { border-radius: inherit; }
.acc-row.is-unread .acc-row__title::before {
    content: ""; display: inline-block; width: 0.5rem; height: 0.5rem; border-radius: 50%;
    background: var(--acc-primary); margin-right: 0.45rem; vertical-align: middle;
}
.acc-row__icon {
    width: 2.5rem; height: 2.5rem; flex-shrink: 0; border-radius: 6px;
    display: flex; align-items: center; justify-content: center;
    background: transparent; color: var(--acc-muted); font-size: 1rem; overflow: hidden;
}
.acc-row__icon--primary { color: var(--acc-primary); }
.acc-row__icon--round { background: var(--acc-soft); }
.acc-row__icon--round { border-radius: 50%; font-weight: 800; }
.acc-row__body { flex: 1; min-width: 0; }
.acc-row__title { margin: 0; font-size: 0.9rem; font-weight: 700; color: var(--acc-text); overflow-wrap: anywhere; }
a.acc-row__title, .acc-row__title a { color: var(--acc-text); text-decoration: none; }
a.acc-row__title:hover, .acc-row__title a:hover { color: var(--acc-primary); }
.acc-row__sub { margin: 0.15rem 0 0; font-size: 0.8125rem; color: var(--acc-muted); overflow-wrap: anywhere; }
.acc-row__text { margin: 0.4rem 0 0; font-size: 0.8125rem; color: var(--acc-text); line-height: 1.5; overflow-wrap: anywhere; }
.acc-row__meta { margin: 0.3rem 0 0; font-size: 0.75rem; color: var(--acc-muted); display: flex; flex-wrap: wrap; gap: 0.25rem 0.75rem; }
.acc-row__meta i { margin-right: 0.25rem; opacity: 0.7; }
.acc-row__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem; flex-shrink: 0; }
.acc-row__price { font-size: 1rem; font-weight: 800; color: var(--acc-text); white-space: nowrap; }
/* Rozet */
.acc-badge {
    display: inline-flex; align-items: center; gap: 0.3rem; padding: 0.22rem 0.55rem; border-radius: 999px;
    font-size: 0.7rem; font-weight: 800; line-height: 1.2; white-space: nowrap;
    background: var(--acc-soft); color: var(--acc-muted);
}
.acc-badge--ok { background: var(--acc-ok-bg); color: var(--acc-ok); }
.acc-badge--warn { background: var(--acc-warn-bg); color: var(--acc-warn); }
.acc-badge--err { background: var(--acc-err-bg); color: var(--acc-err); }
.acc-badge--info { background: rgba(var(--acc-primary-rgb), 0.1); color: var(--acc-primary); }
/* Boş durum */
.acc-empty-state { text-align: center; padding: 2.75rem 1.5rem; }
.acc-empty-state__icon {
    margin: 0 auto 0.75rem;
    display: flex; align-items: center; justify-content: center;
    color: var(--acc-muted); font-size: 1.75rem; opacity: 0.7;
}
.acc-empty-state h3 { margin: 0; font-size: 1rem; font-weight: 800; color: var(--acc-text); }
.acc-empty-state p { margin: 0.35rem auto 0; max-width: 28rem; font-size: 0.875rem; color: var(--acc-muted); }
.acc-empty-state .acc-btn { margin-top: 1.1rem; }
/* Açma-kapama anahtarı (checkbox) */
.acc-switch { display: inline-flex; align-items: center; gap: 0.55rem; cursor: pointer; font-size: 0.8125rem; font-weight: 600; color: var(--acc-text); user-select: none; }
.acc-switch input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.acc-switch__track {
    position: relative; width: 2.35rem; height: 1.35rem; flex-shrink: 0; border-radius: 999px;
    background: rgba(110, 109, 102, 0.35); transition: background 0.15s ease;
}
.acc-switch__track::after {
    content: ""; position: absolute; top: 0.15rem; left: 0.15rem; width: 1.05rem; height: 1.05rem; border-radius: 50%;
    background: #fff; box-shadow: 0 1px 3px rgba(28, 28, 26, 0.3); transition: transform 0.15s ease;
}
.acc-switch input:checked + .acc-switch__track { background: var(--acc-primary); }
.acc-switch input:checked + .acc-switch__track::after { transform: translateX(1rem); }
.acc-switch input:focus-visible + .acc-switch__track { outline: 2px solid var(--acc-primary); outline-offset: 2px; }
/* Grup başlığı (liste içinde) */
.acc-group-title {
    margin: 0; padding: 0.85rem 1.25rem 0.45rem; font-size: 0.8125rem; font-weight: 700; color: var(--acc-muted);
}
/* Tehlikeli işlem kutusu */
.acc-danger { border-color: rgba(220, 38, 38, 0.25); }
.acc-danger .acc-sec__icon { color: var(--acc-err); }
/* Kod / kopyala */
.acc-code {
    display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap;
    padding: 1.1rem 1.25rem; border-radius: 8px; border: 1.5px dashed rgba(var(--acc-primary-rgb), 0.4);
    background: rgba(var(--acc-primary-rgb), 0.05);
}
.acc-code__label { margin: 0; font-size: 0.75rem; font-weight: 700; color: var(--acc-muted); }
.acc-code__value { margin: 0.15rem 0 0; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 1.6rem; font-weight: 800; letter-spacing: 0.15em; color: var(--acc-primary); }
.acc-copy { display: flex; gap: 0.5rem; flex-wrap: wrap; }
.acc-copy .acc-input { flex: 1 1 16rem; }
/* Kart içi alt bilgi kutusu */
.acc-note { margin-top: 0.6rem; padding: 0.65rem 0.85rem; border-radius: 6px; background: rgba(var(--acc-primary-rgb), 0.06); font-size: 0.8125rem; }
.acc-note__label { display: block; font-size: 0.7rem; font-weight: 800; color: var(--acc-primary); margin-bottom: 0.15rem; }
/* İnce ayraç */
.acc-divider { height: 1px; background: var(--acc-line); margin: 1.25rem 0; border: 0; }
/* Sayfalama hizalama */
.acc .me-pager { margin-top: 0.25rem; }
@media (max-width: 639px) {
.acc-head h1 { font-size: 1.2rem; }
.acc-row { padding: 0.85rem 1rem; flex-wrap: wrap; }
.acc-row__actions { width: 100%; justify-content: flex-end; }
.acc-row--compact .acc-row__actions { width: auto; }
}

/* ===== brand.css ===== */
/* Marka katmanı — site.css'ten sonra yüklenir (yalnızca herkese açık _Layout).
   Amaç: hazır şablon görünümünden çıkıp sade, bilgi odaklı bir ilan sitesi dili.
   - Tek yazı ailesi (Archivo); başlıklar hafif dar (font-stretch) — tabela/ilan panosu karakteri.
   - Gölge yerine ince çizgi, küçük köşeler, kart kaldırma (translateY) efekti yok.
   - Dekoratif ikon kareleri, büyük harfli etiketler ve "→" okları yok.
   - Sarı (--color-highlight) yalnızca vitrin/doping gibi öne çıkarılmış içerikte kullanılır. */
:root {
    --brand-line: #E2E1DC;
    --brand-line-strong: #CBCAC3;
    --brand-ink: #1C1C1A;
    --brand-sub: #6E6D66;
}
body {
    font-family: Archivo, system-ui, sans-serif;
    background: var(--color-surface);
    color: var(--brand-ink);
    -webkit-font-smoothing: antialiased;
}
h1, h2, .font-display, .hero-slide h2 {
    font-family: Archivo, system-ui, sans-serif;
    font-stretch: 88%;
    letter-spacing: -0.005em;
}
/* Büyük harfli, harf aralıklı küçük etiketler: cümle düzenine çevrilir. */
.uppercase { text-transform: none; }
.tracking-wide, .tracking-wider, .tracking-widest { letter-spacing: normal; }
/* Fiyatlar: rakamlar hizalı ve sitenin en belirgin öğesi. */
.listing-card .text-primary,
.listing-card [class*="price"],
[class*="price"] { font-variant-numeric: tabular-nums; }
/* ---------- Duyuru bandı ---------- */
.site-ann-info { background: #fff; color: var(--brand-ink); border-bottom: 1px solid var(--brand-line); box-shadow: inset 3px 0 0 var(--color-primary); }
.site-ann-info .site-ann-icon { color: var(--color-primary); }
/* ---------- Üst bar ve başlık ---------- */
#topBarGuest, #topBarUser { background: #1C1C1A; border-bottom-color: #2A2A27; }
/* ---------- Ana sayfa vitrini ---------- */
.home-hero.hero-slider { border-radius: 8px; box-shadow: none; }
@media (min-width: 1024px) {
.home-hero.hero-slider { border-radius: 8px; }
}
.home-hero .hero-slide::before {
    background: linear-gradient(0deg, rgba(18, 18, 17, 0.78) 0%, rgba(18, 18, 17, 0.35) 45%, rgba(18, 18, 17, 0.05) 100%);
}
.home-hero .hero-slide--grad { background: #0A3B2E; }
.home-hero-kicker { display: none; }
/* site.css'teki ".hero-slide > div { position: relative }" yazı katmanını üste yapıştırıyordu. */
.home-hero .hero-slide > .absolute { position: absolute; padding-bottom: 2.75rem; }
.home-hero-copy h2 { font-weight: 700; font-stretch: 85%; }
.home-hero-cta {
    border-radius: 6px; box-shadow: none; font-weight: 700;
    background: var(--color-highlight); color: var(--color-highlight-ink);
}
.home-hero-cta:hover { background: #FFC61A; color: var(--color-highlight-ink); }
.home-navbtn { border-radius: 6px; backdrop-filter: none; background: rgba(18, 18, 17, 0.45); }
.home-navbtn:hover { background: rgba(18, 18, 17, 0.7); }
@media (max-width: 639px) {
.home-navbtn { display: none; }
.home-dots { left: auto; right: 1rem; transform: none; }
}
.home-dot { border-radius: 2px; }
.home-dot.is-on { width: 1.1rem; }
.home-search-dock {
    border-radius: 8px; border: 1px solid var(--brand-line-strong);
    box-shadow: 0 6px 18px rgba(28, 28, 26, 0.08);
}
.home-search input[type="search"] { border-radius: 5px; background: #F4F4F1; }
.home-search button { border-radius: 5px; font-weight: 700; }
.home-stats span > i { display: none; }
.home-stats { column-gap: 1.1rem; row-gap: 0.35rem; }
.home-quick a { border-radius: 6px; transition: border-color 0.15s ease, color 0.15s ease; }
.home-quick a:hover { transform: none; box-shadow: none; border-color: var(--color-primary); }
.home-quick i { width: auto; height: 1.6rem; border-radius: 0; background: none; font-size: 1.15rem; }
/* "İlanım burada yer alsın" — öne çıkarma çağrısı: marka sarısı. */
.home-cta {
    background: #FFF6D6; border: 1px solid #F2D16B; border-radius: 6px;
}
.home-cta:hover { box-shadow: none; border-color: var(--color-highlight); }
.home-cta__ico { background: none; box-shadow: none; color: #8A6A00; width: auto; height: auto; border-radius: 0; font-size: 1.1rem; }
.home-cta b { color: #3D2E00; }
.home-cta span { color: #6B5410; }
.home-cta > i { color: #8A6A00; }
.home-ann { border-radius: 6px; }
/* Bölüm kartları: başlıktaki ikon karesi kalkar, başlık + sayı + metin linki kalır. */
.home-sec { border-radius: 8px; }
.home-sec__head { padding: 0.8rem 1rem; }
.home-sec__title i, .home-sec__ico { display: none; }
.home-sec__title h2 { font-size: 1.05rem; font-weight: 700; }
.home-sec__title small { color: var(--brand-sub); font-weight: 500; font-size: 0.75rem; }
.home-sec__more { font-weight: 600; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(var(--color-primary-rgb), 0.35); }
.home-sec__more i { display: none; }
.home-sec__more:hover { text-decoration-color: currentColor; }
.home-brands a { border-radius: 6px; }
.home-cats-head { background: #fff; }
.home-cats-head h3 { font-weight: 700; font-size: 0.95rem; }
.home-cats-head > i { display: none; }
/* ---------- İlan kartları ---------- */
.listing-card { border-radius: 6px; transition: border-color 0.15s ease; }
.listing-card:hover { transform: none; box-shadow: none; border-color: var(--brand-line-strong); }
.listing-badge { border-radius: 3px; box-shadow: none; font-weight: 700; }
.listing-badge--vitrin { background: var(--color-highlight); color: var(--color-highlight-ink); }
.listing-card--highlight { border-color: var(--color-highlight); box-shadow: inset 0 0 0 1px var(--color-highlight); }
.listing-card em { background: #FFF1B8; }
.search-category-box:hover { box-shadow: none; }
.search-suggest a { border-radius: 4px; }
/* ---------- Kategori menüsü ---------- */
.category-item .category-row:hover {
    background: #F4F4F1 !important;
    box-shadow: none !important;
}
.category-icon-wrap {
    background: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    color: var(--brand-sub);
}
.category-item .category-row:hover .category-icon-wrap { color: var(--color-primary) !important; }
/* Hareket tercihine saygı. */
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}
/* ---------- İlan detayı ---------- */
.spec-sidebar .spec-row { font-size: 0.875rem; padding-top: 0.45rem; padding-bottom: 0.45rem; border-bottom: 1px solid #EFEFEB; }
.spec-sidebar .spec-row > dd { font-weight: 600; }
.detail-seller__share--fb { background: #1877F2; }
.detail-seller__share--fb:hover { background: #166FE5; }
/* Fiyat tek satırda kalsın ("TL" alt satıra düşmesin). */
.listing-card .text-primary, .store-public-price, .mine-card__price { white-space: nowrap; }
/* ---------- İlan detayı: özellik etiketleri, işlem butonları, açılır pencereler ---------- */
.ld-linkbtn {
    border: 0; background: none; padding: 0; margin-left: 0.6rem;
    font-size: 0.8125rem; font-weight: 600; color: var(--color-primary);
    text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(var(--color-primary-rgb), 0.35);
    cursor: pointer; white-space: nowrap; align-self: center;
}
.ld-linkbtn:hover { text-decoration-color: currentColor; }
.ld-linkbtn i { font-size: 0.75rem; margin-right: 0.15rem; }
.ld-chips { display: flex; flex-wrap: wrap; gap: 0.35rem; margin: 0.15rem 0 0.6rem; }
.ld-chip {
    display: inline-flex; align-items: center; gap: 0.35rem; font-size: 0.75rem; font-weight: 600;
    padding: 0.2rem 0.5rem; border-radius: 4px; background: #F4F4F1; color: var(--brand-ink); border: 1px solid var(--brand-line);
}
.ld-chip i { color: var(--brand-sub); font-size: 0.7rem; }
.ld-chip--key { background: #FFF6D6; border-color: #F2D16B; color: #3D2E00; }
.ld-chip--key i { color: #8A6A00; }
.ld-actions { display: flex; flex-direction: column; gap: 0.4rem; margin-top: 0.5rem; padding-top: 0.6rem; border-top: 1px solid #EFEFEB; }
.ld-action {
    display: flex; align-items: center; justify-content: center; gap: 0.45rem; width: 100%;
    min-height: 2.35rem; padding: 0 0.75rem; border-radius: 6px; border: 1px solid var(--brand-line-strong);
    background: #fff; color: var(--brand-ink); font-size: 0.8125rem; font-weight: 600; text-decoration: none; cursor: pointer;
}
.ld-action:hover { border-color: var(--color-primary); color: var(--color-primary); }
.ld-action i { color: var(--brand-sub); }
.ld-action:hover i { color: inherit; }
.ld-action--key { background: var(--color-highlight); border-color: var(--color-highlight); color: var(--color-highlight-ink); }
.ld-action--key i { color: inherit; }
.ld-action--key:hover { background: #FFC61A; border-color: #FFC61A; color: var(--color-highlight-ink); }
.ld-rowbtn {
    display: grid; grid-template-columns: 1.1rem auto 1fr 0.8rem; align-items: center; gap: 0.5rem; width: 100%;
    margin-top: 0.6rem; padding: 0.6rem 0.75rem; border: 1px solid var(--brand-line); border-radius: 6px; background: #fff;
    font-size: 0.8125rem; color: var(--brand-ink); text-align: left; cursor: pointer;
}
.ld-rowbtn:hover { border-color: var(--color-primary); }
.ld-rowbtn > i:first-child { color: var(--color-primary); }
.ld-rowbtn span { font-weight: 700; }
.ld-rowbtn small { color: var(--brand-sub); font-size: 0.75rem; }
.ld-rowbtn__go { color: #B9B8B1; font-size: 0.7rem; justify-self: end; }
dialog.ld-modal {
    width: min(92vw, 26rem); padding: 0; border: 1px solid var(--brand-line); border-radius: 8px;
    color: var(--brand-ink); background: #fff; box-shadow: 0 18px 50px rgba(28, 28, 26, 0.22);
}
dialog.ld-modal::backdrop { background: rgba(18, 18, 17, 0.45); }
.ld-modal__head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.85rem 1rem; border-bottom: 1px solid #EFEFEB; }
.ld-modal__head h2 { margin: 0; font-size: 1rem; font-weight: 700; font-stretch: 100%; }
.ld-modal__x { border: 0; background: none; font-size: 1.5rem; line-height: 1; color: var(--brand-sub); cursor: pointer; padding: 0 0.15rem; }
.ld-modal__x:hover { color: var(--brand-ink); }
.ld-modal__body { padding: 1rem; display: flex; flex-direction: column; gap: 0.75rem; max-height: 70vh; overflow-y: auto; }
.ld-modal__hint { margin: 0; font-size: 0.8125rem; color: var(--brand-sub); line-height: 1.45; }
.ld-modal__foot { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 0.75rem 1rem; border-top: 1px solid #EFEFEB; background: #F7F7F5; border-radius: 0 0 8px 8px; }
.ld-field { display: flex; flex-direction: column; gap: 0.3rem; font-size: 0.8125rem; font-weight: 600; }
.ld-field input, .ld-field select {
    width: 100%; padding: 0.55rem 0.7rem; border: 1px solid var(--brand-line-strong); border-radius: 6px; font-size: 0.9375rem; font-weight: 400;
}
.ld-field input:focus { outline: 2px solid rgba(var(--color-primary-rgb), 0.35); outline-offset: 0; border-color: var(--color-primary); }
.ld-btn { min-height: 2.35rem; padding: 0 1rem; border-radius: 6px; font-size: 0.875rem; font-weight: 700; cursor: pointer; border: 1px solid transparent; }
.ld-btn--primary { background: var(--color-primary); color: #fff; }
.ld-btn--primary:hover { background: var(--color-accent); }
.ld-btn--ghost { background: #fff; border-color: var(--brand-line-strong); color: var(--brand-ink); }
.ld-stars { display: flex; flex-direction: row-reverse; justify-content: center; gap: 0.25rem; }
.ld-stars input { position: absolute; opacity: 0; pointer-events: none; }
.ld-stars label { font-size: 2rem; line-height: 1; color: #DAD9D3; cursor: pointer; }
.ld-stars input:checked ~ label, .ld-stars label:hover, .ld-stars label:hover ~ label { color: var(--color-highlight); }
.ld-stars input:focus-visible + label { outline: 2px solid var(--color-primary); border-radius: 3px; }
.ld-ph-chart { width: 100%; height: 80px; color: var(--color-primary); }
.ld-ph { list-style: none; margin: 0; padding: 0; }
.ld-ph li { display: grid; grid-template-columns: 1fr auto 4.2rem; gap: 0.75rem; align-items: center; padding: 0.5rem 0; border-bottom: 1px solid #EFEFEB; font-size: 0.875rem; }
.ld-ph li:last-child { border-bottom: 0; }
.ld-ph li > span { color: var(--brand-sub); }
.ld-ph li > b { font-variant-numeric: tabular-nums; }
.ld-ph em { font-style: normal; font-size: 0.75rem; font-weight: 700; text-align: right; }
.ld-ph em.is-down { color: #1E7A4A; }
.ld-ph em.is-up { color: #B42318; }
.mortgage--modal { border: 0 !important; padding: 0 !important; margin: 0 !important; background: none !important; box-shadow: none !important; }
.detail-spec > .ld-chips { padding: 0 0.75rem; }
/* Başlık dar ekranda butonların yanında sıkışmasın: yer yoksa butonlar alt satıra iner. */
.detail-head__title { flex: 1 1 18rem; }
/* İlan başlık bölümü çerçeveli kart: sol kenarda marka yeşili, ilan no rozet görünümünde. */
.detail-head {
    background: #fff;
    border: 1px solid var(--brand-line);
    border-left: 4px solid #0F5C46;
    border-radius: 10px;
    padding: 0.85rem 1rem 0.9rem;
    box-shadow: 0 1px 2px rgba(28, 28, 26, 0.04);
}
@media (min-width: 768px) {
.detail-head { padding: 1rem 1.25rem 1.05rem; }
}
.detail-head .detail-crumb { padding-bottom: 0.55rem; margin-bottom: 0.65rem; border-bottom: 1px solid #EFEFEB; }
.detail-head__no {
    display: inline-flex; align-items: center;
    padding: 0.1rem 0.5rem; border-radius: 999px;
    background: #F5F5F2; border: 1px solid var(--brand-line);
    color: var(--brand-sub); font-variant-numeric: tabular-nums;
}
/* Favori butonu: pembe dolgu yerine nötr; kalp ikonu vurgu taşır. */
.detail-fav { border-color: var(--brand-line-strong); background: #fff; color: var(--brand-ink); border-radius: 6px; }
.detail-fav i { color: #C2253A; }
.detail-fav:hover { border-color: #C2253A; color: #C2253A; }
.detail-fav.is-on { background: #FDECEE; border-color: #F1B9C1; color: #9E1B2E; }
/* ---------- Çerez onayı ---------- */
.cc-banner {
    position: fixed; z-index: 10001; left: 1rem; right: 1rem; bottom: 4.5rem;
    background: #fff; border: 1px solid var(--brand-line-strong); border-radius: 8px;
    box-shadow: 0 12px 32px rgba(28, 28, 26, 0.16); padding: 1rem;
}
@media (min-width: 640px) {
.cc-banner { left: auto; right: 1rem; bottom: 1rem; max-width: 30rem; }
}
.cc-banner.hidden { display: none; }
.cc-banner__text { margin: 0 0 0.75rem; font-size: 0.875rem; line-height: 1.5; color: var(--brand-ink); }
.cc-banner__text a { color: var(--color-primary); text-decoration: underline; }
.cc-banner__actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.5rem; margin: 0; }
/* Kabul ve ret eşit ağırlıkta (KVKK Çerez Rehberi). */
.cc-btn {
    min-height: 2.4rem; padding: 0 0.5rem; border-radius: 6px; border: 1px solid var(--brand-ink);
    background: #fff; color: var(--brand-ink); font-size: 0.8125rem; font-weight: 700; cursor: pointer;
}
.cc-btn:hover { background: var(--brand-ink); color: #fff; }
.cc-cat { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 0.75rem 0; border-bottom: 1px solid #EFEFEB; cursor: pointer; }
.cc-cat:last-of-type { border-bottom: 0; }
.cc-cat__text { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.875rem; }
.cc-cat__text small { color: var(--brand-sub); font-size: 0.8rem; line-height: 1.4; }
.cc-cat input[type="checkbox"] { width: 1.15rem; height: 1.15rem; margin-top: 0.15rem; accent-color: var(--color-primary); flex-shrink: 0; }
.site-foot-cc { border: 0; background: none; padding: 0; font: inherit; color: inherit; cursor: pointer; text-decoration: none; }
.site-foot-cc:hover { text-decoration: underline; }
/* Çerez bandı açıkken yardım butonu bandın düğmelerini kapatmasın. */
body:has(#cookieBanner:not(.hidden)) .page-help-btn { display: none; }
/* ---------- Üst bar (mobil) ----------
   Dar ekranda tek satıra sığmıyordu: arama kutusu 40 px'e iniyor, içindeki giriş alanı taşıp hesap simgesinin
   üstüne biniyordu (simgeye dokununca arama kutusu odaklanıyordu). Mobilde iki satır: üstte menü, logo,
   hesap, İlan Ver; altta tam genişlik arama. */
.site-head__search input { min-width: 0; width: 100%; }
.site-head__search .search-shell { overflow: hidden; }
@media (max-width: 639.98px) {
.site-head { flex-wrap: wrap; row-gap: 0.6rem; }
.site-head__search { order: 10; flex: 1 0 100%; max-width: none; }
.site-head__brand { min-width: 0; }
.site-head__brand .site-brand-logo { height: 34px; max-width: 120px; }
.site-head__actions { gap: 0.5rem; }
}
/* ---------- Reyon şeridi (ücretli + organik öne çıkanlar; Views/Shared/_ReyonStrip.cshtml) ---------- */
.reyon-strip { background: #fff; border: 1px solid var(--brand-line); border-top: 3px solid #0F5C46; border-radius: 10px; padding: 0.65rem 0.75rem 0.75rem; margin: 0 0 0.9rem; }
.reyon-strip__head { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.55rem; position: relative; }
.reyon-strip__mark { width: 22px; height: 22px; flex: 0 0 auto; }
.reyon-strip__titles { min-width: 0; flex: 1; }
.reyon-strip__titles h2 { margin: 0; font-size: 0.95rem; font-weight: 800; color: var(--brand-ink); line-height: 1.2; }
.reyon-strip__titles p { margin: 0.05rem 0 0; font-size: 0.7rem; color: var(--brand-sub); }
.reyon-strip__more { font-size: 0.8125rem; font-weight: 700; color: #0F5C46; text-decoration: none; white-space: nowrap; }
.reyon-strip__more i { font-size: 0.65rem; }
.reyon-strip__info { position: relative; }
.reyon-strip__info summary { list-style: none; cursor: pointer; color: var(--brand-sub); width: 28px; height: 28px; display: grid; place-items: center; border-radius: 999px; }
.reyon-strip__info summary::-webkit-details-marker { display: none; }
.reyon-strip__info summary:hover { background: #F5F5F2; color: var(--brand-ink); }
.reyon-strip__info > div { position: absolute; right: 0; top: 34px; z-index: 30; width: min(19rem, 80vw); background: #fff; border: 1px solid var(--brand-line); border-radius: 10px; box-shadow: 0 8px 24px rgba(28,28,26,.12); padding: 0.75rem 0.85rem; font-size: 0.8125rem; color: var(--brand-ink); }
.reyon-strip__info > div p { margin: 0.4rem 0 0; line-height: 1.45; }
.reyon-strip__info > div a { display: inline-block; margin-top: 0.55rem; font-weight: 700; color: #0F5C46; text-decoration: none; }
/* Kompakt kartlar: sabit genişlik, geniş ekranda 5-6 kart yan yana; fazlası yatay kaydırılır. */
.reyon-strip__list { list-style: none; margin: 0; padding: 0 0 0.25rem; display: grid; grid-auto-flow: column; grid-auto-columns: 9.25rem; gap: 0.55rem; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; }
@media (min-width: 640px) {
.reyon-strip__list { grid-auto-columns: 10.5rem; }
}
@media (min-width: 1280px) {
.reyon-strip__list { grid-auto-columns: calc((100% - 5 * 0.55rem) / 6); }
}
.reyon-strip__list > li { scroll-snap-align: start; min-width: 0; }
.reyon-card { display: flex; flex-direction: column; height: 100%; border: 1px solid #EFEFEB; border-radius: 8px; overflow: hidden; text-decoration: none; color: inherit; background: #fff; transition: border-color .15s ease, box-shadow .15s ease; }
.reyon-card:hover { border-color: #0F5C46; box-shadow: 0 4px 14px rgba(15,92,70,.12); }
/* Görsel alanı sabit 4:3: dikey/büyük görsel kartı uzatmasın (aspect-ratio içerikle büyüyebildiği için görsel mutlak konumlu). */
.reyon-card__media { position: relative; display: block; aspect-ratio: 3 / 2; overflow: hidden; background: #F5F5F2; }
.reyon-card__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.reyon-card__media .reyon-tag { position: absolute; left: 0.35rem; top: 0.35rem; }
.reyon-card__body { display: flex; flex-direction: column; gap: 0.15rem; padding: 0.4rem 0.5rem 0.5rem; }
.reyon-card__title { font-size: 0.75rem; font-weight: 600; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.2em; }
.reyon-card__price { font-size: 0.8125rem; font-weight: 800; color: #0F5C46; }
.reyon-card__loc { font-size: 0.65rem; color: var(--brand-sub); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.reyon-tag { display: inline-flex; align-items: center; gap: 0.2rem; padding: 0.1rem 0.4rem; border-radius: 999px; font-size: 0.625rem; font-weight: 800; line-height: 1.3; }
.reyon-tag i { font-size: 0.6rem; }
.reyon-tag--paid { background: #F2B705; color: #1C1C1A; }
.reyon-tag--organic { background: #0F5C46; color: #fff; }
.reyon-strip__empty { display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; align-items: center; justify-content: space-between; padding: 0.75rem; border: 1px dashed var(--brand-line-strong); border-radius: 8px; font-size: 0.8125rem; color: var(--brand-sub); }
.reyon-strip__empty a { font-weight: 700; color: #0F5C46; text-decoration: none; }
/* Doping adımındaki Reyon puanı kartı */
.reyon-status { border: 1px solid var(--brand-line); border-left: 4px solid #0F5C46; border-radius: 10px; background: #fff; padding: 0.85rem 1rem; margin: 0 0 1rem; }
.reyon-status__head { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; font-size: 0.95rem; color: var(--brand-ink); }
.reyon-status__bar { position: relative; height: 8px; border-radius: 999px; background: #EFEFEB; margin: 0.7rem 0 0.35rem; }
.reyon-status__bar i { position: absolute; inset: 0 auto 0 0; border-radius: 999px; background: linear-gradient(90deg, #0F5C46, #1E7A4A); }
.reyon-status__bar em { position: absolute; top: -4px; width: 2px; height: 16px; background: #F2B705; border-radius: 2px; }
.reyon-status__score { font-size: 0.8125rem; color: var(--brand-ink); }
.reyon-status__score strong { font-size: 1.1rem; }
.reyon-status__score span { color: var(--brand-sub); }
.reyon-status__signals { list-style: none; margin: 0.6rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.35rem; }
.reyon-status__signals li { font-size: 0.75rem; background: #F5F5F2; border: 1px solid var(--brand-line); border-radius: 999px; padding: 0.15rem 0.55rem; color: var(--brand-ink); }
.reyon-status__signals i { color: #0F5C46; margin-right: 0.2rem; }
.reyon-status__hint { margin: 0.6rem 0 0; font-size: 0.8125rem; font-weight: 600; color: #8A5A00; }
.reyon-status__note { margin: 0.45rem 0 0; font-size: 0.75rem; color: var(--brand-sub); }
/* ---------- Kategori sonuç çubuğu: görünüm ve sıralama (Views/Categories/Detail.cshtml) ---------- */
.cat-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.6rem 1rem;
  background: #fff; border: 1px solid var(--brand-line); border-radius: 10px; padding: 0.55rem 0.65rem; margin: 0 0 0.9rem;
  box-shadow: 0 1px 2px rgba(28,28,26,.04); }
.cat-toolbar__left { display: flex; align-items: center; gap: 0.6rem; min-width: 0; }
.cat-toolbar__chip { display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.4rem 0.75rem; border-radius: 8px; background: #0F5C46; color: #fff; font-size: 0.8125rem; font-weight: 700; }
.cat-toolbar__chip i { font-size: 0.75rem; opacity: .9; }
.cat-toolbar__count { font-size: 0.8125rem; color: var(--brand-sub); white-space: nowrap; }
.cat-toolbar__count b { color: var(--brand-ink); }
.cat-toolbar__right { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; }
.cat-seg { display: inline-flex; padding: 3px; background: #F5F5F2; border: 1px solid var(--brand-line); border-radius: 9px; }
.cat-seg__btn { display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.35rem 0.65rem; border-radius: 6px; font-size: 0.8125rem; font-weight: 600; color: var(--brand-sub); text-decoration: none; }
.cat-seg__btn:hover { color: var(--brand-ink); background: #fff; }
.cat-seg__btn.is-on { background: #0F5C46; color: #fff; box-shadow: 0 1px 3px rgba(15,92,70,.3); }
.cat-seg__btn i { font-size: 0.8rem; }
@media (max-width: 639px) {
.cat-seg__btn span { display: none; }
.cat-seg__btn { padding: 0.4rem 0.6rem; }
}
.cat-sort { display: inline-flex; align-items: center; gap: 0.4rem; }
.cat-sort__lbl { display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.8125rem; font-weight: 700; color: var(--brand-ink); white-space: nowrap; }
.cat-sort__lbl i { color: #0F5C46; }
.cat-select { appearance: none; -webkit-appearance: none; border: 1px solid var(--brand-line-strong); border-radius: 8px; background: #fff
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%230F5C46' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 0.6rem center;
  padding: 0.4rem 1.8rem 0.4rem 0.7rem; font-size: 0.8125rem; font-weight: 600; color: var(--brand-ink); cursor: pointer; }
.cat-select:hover { border-color: #0F5C46; }
.cat-select:focus { outline: none; border-color: #0F5C46; box-shadow: 0 0 0 3px rgba(15,92,70,.15); }
/* ===================== Mesajlar (Me/Messages) ===================== */
.msgx {
    display: grid; grid-template-columns: 1fr;
    background: #fff; border: 1px solid #E4E3DE; border-radius: 14px; overflow: hidden;
    height: min(78vh, 720px); min-height: 460px;
}
@media (min-width: 900px) {
.msgx { grid-template-columns: 320px 1fr; }
}
.msgx-list { display: flex; flex-direction: column; min-height: 0; border-right: 1px solid #E4E3DE; background: #FAFAF8; }
.msgx-list__head { padding: 0.85rem 0.85rem 0.6rem; border-bottom: 1px solid #ECEBE6; display: grid; gap: 0.55rem; }
.msgx-list__title { font-weight: 700; font-size: 0.9rem; color: #1C1C1A; }
.msgx-list__title em { font-style: normal; font-weight: 600; font-size: 0.75rem; color: #6E6D66; margin-left: 0.25rem; }
.msgx-search { position: relative; display: block; }
.msgx-search i { position: absolute; left: 0.7rem; top: 50%; transform: translateY(-50%); color: #9C9B93; font-size: 0.8rem; }
.msgx-search input {
    width: 100%; height: 2.25rem; padding: 0 0.75rem 0 2rem; border: 1px solid #E2E1DC; border-radius: 999px;
    background: #fff; font-size: 0.85rem; outline: none;
}
.msgx-search input:focus { border-color: #0F5C46; box-shadow: 0 0 0 3px rgba(15, 92, 70, 0.14); }
.msgx-threads { flex: 1; overflow-y: auto; min-height: 0; }
.msgx-thread {
    display: flex; gap: 0.7rem; align-items: center; padding: 0.75rem 0.85rem;
    border-bottom: 1px solid #F0EFEA; color: inherit; text-decoration: none; position: relative;
    transition: background 0.12s;
}
.msgx-thread:hover { background: #F2F2EE; }
.msgx-thread.is-on { background: #fff; }
.msgx-thread.is-on::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: #0F5C46; }
.msgx-thread:focus-visible { outline: 2px solid #0F5C46; outline-offset: -2px; }
.msgx-thread__body { flex: 1; min-width: 0; display: grid; gap: 0.1rem; }
.msgx-thread__row { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; min-width: 0; }
.msgx-thread__row strong { font-size: 0.875rem; font-weight: 600; color: #1C1C1A; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.msgx-thread__row time { flex-shrink: 0; font-size: 0.7rem; color: #9C9B93; }
.msgx-thread__listing { font-size: 0.75rem; color: #0F5C46; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.msgx-role {
    display: inline-block; margin-right: 0.35rem; padding: 0 0.35rem; border-radius: 4px;
    background: #EEF4F1; color: #0F5C46; font-size: 0.65rem; font-weight: 600; vertical-align: 1px;
}
.msgx-thread__preview { font-size: 0.8rem; color: #6E6D66; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.msgx-thread.is-unread strong, .msgx-thread.is-unread .msgx-thread__preview { color: #1C1C1A; font-weight: 700; }
.msgx-thread.is-unread time { color: #0F5C46; font-weight: 600; }
.msgx-unread {
    flex-shrink: 0; min-width: 1.25rem; height: 1.25rem; padding: 0 0.35rem; border-radius: 999px;
    background: #0F5C46; color: #fff; font-size: 0.7rem; font-weight: 700; display: inline-flex; align-items: center; justify-content: center;
}
.msgx-ava {
    position: relative; flex-shrink: 0; width: 44px; height: 44px; border-radius: 12px;
    background: #E7F0EC; color: #0F5C46; font-weight: 700; font-size: 0.85rem;
    display: inline-flex; align-items: center; justify-content: center;
}
.msgx-ava img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.msgx-ava__badge {
    position: absolute; right: -4px; bottom: -4px; width: 22px; height: 22px; border-radius: 999px;
    background: #0F5C46; color: #fff; font-size: 0.6rem; border: 2px solid #fff;
    display: inline-flex; align-items: center; justify-content: center;
}
.msgx-ava--sm { width: 38px; height: 38px; border-radius: 999px; font-size: 0.8rem; }
.msgx-ava--new { background: #FFF6D6; color: #8A6A00; }
.msgx-nores { padding: 1.25rem; text-align: center; font-size: 0.85rem; color: #6E6D66; }
.msgx-list .me-pager { margin: 0.5rem; }
.msgx-pane { display: flex; flex-direction: column; min-height: 0; min-width: 0; background: #fff; }
.msgx-head { display: flex; align-items: center; gap: 0.65rem; padding: 0.7rem 0.9rem; border-bottom: 1px solid #ECEBE6; }
.msgx-head__who { flex: 1; min-width: 0; display: grid; }
.msgx-head__who strong { font-size: 0.95rem; color: #1C1C1A; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.msgx-head__who span { font-size: 0.75rem; color: #6E6D66; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.msgx-head__del { margin: 0; }
.msgx-back { display: none; width: 2.25rem; height: 2.25rem; border-radius: 999px; align-items: center; justify-content: center; color: #1C1C1A; }
.msgx-back:hover { background: #F2F2EE; }
.msgx-iconbtn {
    display: inline-flex; align-items: center; gap: 0.4rem; height: 2.25rem; padding: 0 0.8rem; border-radius: 999px;
    border: 1px solid #E2E1DC; background: #fff; color: #44433E; font-size: 0.8rem; font-weight: 600; cursor: pointer;
}
.msgx-iconbtn--danger:hover { border-color: #F3C4C4; background: #FEF2F2; color: #B91C1C; }
.msgx-iconbtn:focus-visible { outline: 2px solid #0F5C46; outline-offset: 2px; }
.msgx-listing {
    display: flex; align-items: center; gap: 0.7rem; margin: 0.6rem 0.9rem 0; padding: 0.45rem 0.6rem;
    border: 1px solid #E4E3DE; border-radius: 10px; background: #FAFAF8; color: inherit; text-decoration: none;
}
.msgx-listing:hover { border-color: #0F5C46; }
.msgx-listing img, .msgx-listing__ph { width: 56px; height: 42px; border-radius: 6px; object-fit: cover; flex-shrink: 0; }
.msgx-listing__ph { background: #ECEBE6; color: #9C9B93; display: inline-flex; align-items: center; justify-content: center; }
.msgx-listing__t { flex: 1; min-width: 0; font-size: 0.85rem; font-weight: 600; color: #1C1C1A; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.msgx-listing__go { flex-shrink: 0; font-size: 0.75rem; font-weight: 600; color: #0F5C46; }
.msgx-feed { flex: 1; overflow-y: auto; min-height: 0; padding: 1rem 0.9rem; display: flex; flex-direction: column; gap: 0.35rem; background: #fff; }
.msgx-day { text-align: center; margin: 0.6rem 0 0.3rem; }
.msgx-day span { display: inline-block; padding: 0.15rem 0.6rem; border-radius: 999px; background: #F2F2EE; color: #6E6D66; font-size: 0.7rem; font-weight: 600; }
.msgx-bubble { max-width: min(78%, 520px); padding: 0.5rem 0.75rem 0.35rem; border-radius: 14px; font-size: 0.9rem; line-height: 1.45; }
.msgx-bubble p { margin: 0; white-space: pre-wrap; word-break: break-word; }
.msgx-bubble time { display: block; text-align: right; margin-top: 0.15rem; font-size: 0.65rem; opacity: 0.7; }
.msgx-bubble.is-theirs { align-self: flex-start; background: #F2F2EE; color: #1C1C1A; border-bottom-left-radius: 4px; }
.msgx-bubble.is-mine { align-self: flex-end; background: #0F5C46; color: #fff; border-bottom-right-radius: 4px; }
.msgx-warn { margin-top: 0.35rem !important; padding: 0.3rem 0.45rem; border-radius: 6px; background: #FFF6D6; color: #7A5A00; font-size: 0.72rem; }
.msgx-tpl { display: flex; gap: 0.4rem; overflow-x: auto; padding: 0.5rem 0.9rem 0; scrollbar-width: thin; }
.msgx-tpl button {
    flex-shrink: 0; padding: 0.35rem 0.75rem; border-radius: 999px; border: 1px solid #E2E1DC; background: #fff;
    font-size: 0.78rem; color: #44433E; cursor: pointer; white-space: nowrap;
}
.msgx-tpl button:hover { border-color: #0F5C46; color: #0F5C46; }
.msgx-compose { display: flex; align-items: flex-end; gap: 0.5rem; padding: 0.6rem 0.9rem 0.25rem; }
.msgx-input {
    flex: 1; resize: none; min-height: 2.6rem; max-height: 160px; padding: 0.6rem 0.9rem; border: 1px solid #E2E1DC;
    border-radius: 20px; font-size: 0.9rem; line-height: 1.4; outline: none; background: #FAFAF8; font-family: inherit;
}
.msgx-input:focus { border-color: #0F5C46; background: #fff; box-shadow: 0 0 0 3px rgba(15, 92, 70, 0.14); }
.msgx-send {
    flex-shrink: 0; width: 2.6rem; height: 2.6rem; border-radius: 999px; border: 0; background: #0F5C46; color: #fff; cursor: pointer;
    display: inline-flex; align-items: center; justify-content: center;
}
.msgx-send:hover { background: #0B4A38; }
.msgx-send:disabled { opacity: 0.6; cursor: default; }
.msgx-hint { margin: 0; padding: 0 0.9rem 0.6rem 1.8rem; font-size: 0.68rem; color: #9C9B93; }
.msgx-empty { margin: auto; max-width: 18rem; text-align: center; color: #6E6D66; font-size: 0.85rem; display: grid; gap: 0.4rem; justify-items: center; padding: 1.5rem 1rem; }
.msgx-empty strong { color: #1C1C1A; font-size: 0.95rem; }
.msgx-empty p { margin: 0; }
.msgx-empty__icon { width: 3rem; height: 3rem; border-radius: 999px; background: #E7F0EC; color: #0F5C46; display: inline-flex; align-items: center; justify-content: center; font-size: 1.2rem; }
.msgx-empty--pane { flex: 1; display: grid; align-content: center; }
/* Mobil: liste ↔ konuşma geçişi */
@media (max-width: 899.98px) {
.msgx { height: auto; min-height: 0; }
.msgx-list { border-right: 0; max-height: none; }
.msgx-threads { max-height: none; overflow: visible; }
.msgx-pane { display: none; }
.msgx.has-pane .msgx-list { display: none; }
.msgx.has-pane .msgx-pane { display: flex; height: calc(100dvh - 9rem); min-height: 420px; }
.msgx-back { display: inline-flex; }
.msgx-iconbtn span { display: none; }
.msgx-iconbtn { width: 2.25rem; padding: 0; justify-content: center; }
.msgx-bubble { max-width: 86%; }
.msgx-hint { display: none; }
}
/* ===================== Bildirimler (Me/Notifications) ===================== */
.ntf-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.5rem; padding: 0.7rem 1rem; border-bottom: 1px solid #ECEBE6; }
.ntf-toolbar__info { font-size: 0.8rem; color: #6E6D66; }
.ntf-toolbar__actions { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.ntf-row { position: relative; }
.ntf-row .acc-row__actions { display: flex; align-items: center; gap: 0.25rem; flex-shrink: 0; }
.ntf-row .acc-row__title a { text-decoration: none; }
.ntf-row .acc-row__title a:hover { text-decoration: underline; }
.ntf-iconbtn {
    width: 2.1rem; height: 2.1rem; border-radius: 999px; border: 1px solid transparent; background: transparent;
    color: #6E6D66; cursor: pointer; display: inline-flex; align-items: center; justify-content: center;
}
.ntf-iconbtn:hover { background: #F2F2EE; color: #0F5C46; }
.ntf-iconbtn--danger:hover { background: #FEF2F2; color: #B91C1C; }
.ntf-iconbtn:focus-visible { outline: 2px solid #0F5C46; outline-offset: 1px; }
@media (hover: hover) and (min-width: 900px) {
.ntf-row .ntf-iconbtn--danger { opacity: 0; transition: opacity 0.12s; }
.ntf-row:hover .ntf-iconbtn--danger, .ntf-row:focus-within .ntf-iconbtn--danger { opacity: 1; }
}
@media (max-width: 899.98px) {
.ntf-row .acc-row__actions { width: auto; margin-left: auto; }
}
/* ===================== İlan ver: Fotoğraf ve video ===================== */
.sell-media { display: grid; gap: 1rem; grid-template-columns: 1fr; margin-bottom: 1.25rem; }
@media (min-width: 900px) {
.sell-media { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
}
.sell-media__photos, .sell-media__video {
    background: #fff; border: 1px solid #E4E3DE; border-radius: 16px; padding: 1rem; min-width: 0;
}
.sell-zone {
    display: grid; justify-items: center; gap: 0.3rem; text-align: center; cursor: pointer;
    padding: 1.6rem 1rem; border: 2px dashed #CFE3DA; border-radius: 14px;
    background: linear-gradient(180deg, #F4FAF7 0%, #FFFFFF 100%);
    transition: border-color .15s, background .15s, transform .15s;
}
.sell-zone:hover, .sell-zone:focus-visible, .sell-zone.is-over { border-color: #0F5C46; background: #EEF6F2; outline: none; }
.sell-zone.is-over { transform: scale(1.01); }
.sell-zone.is-busy { opacity: .6; pointer-events: none; }
.sell-zone__icon {
    width: 3.25rem; height: 3.25rem; border-radius: 999px; display: inline-grid; place-items: center;
    background: #0F5C46; color: #fff; font-size: 1.3rem; box-shadow: 0 6px 16px rgba(15, 92, 70, .22); margin-bottom: .25rem;
}
.sell-zone__title { font-weight: 700; font-size: 1rem; color: #1C1C1A; }
.sell-zone__sub { font-size: .875rem; color: #44433E; }
.sell-zone__sub u { color: #0F5C46; text-decoration-thickness: 2px; text-underline-offset: 3px; }
.sell-zone__meta { font-size: .75rem; color: #8A8980; }
.sell-zone--video { padding: 1.25rem .75rem; background: linear-gradient(180deg, #FFF9E6 0%, #FFFFFF 100%); border-color: #F3E2A8; }
.sell-zone--video:hover, .sell-zone--video:focus-visible, .sell-zone--video.is-over { border-color: #C99500; background: #FFF6D6; }
.sell-zone--video .sell-zone__icon { background: #F2B705; color: #1C1C1A; box-shadow: 0 6px 16px rgba(242, 183, 5, .28); }
.sell-media__count { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .25rem .75rem; margin-top: .85rem; font-size: .8rem; color: #44433E; }
.sell-media__tip { color: #8A8980; }
.sell-media__bar { height: 6px; border-radius: 99px; background: #ECEBE6; overflow: hidden; margin: .4rem 0 .25rem; }
.sell-media__bar > i { display: block; height: 100%; background: linear-gradient(90deg, #0F5C46, #22805F); border-radius: inherit; transition: width .3s; }
.sell-media__thumbs { display: grid; grid-template-columns: repeat(auto-fill, minmax(6.5rem, 1fr)); gap: .55rem; margin-top: .75rem; }
.sell-thumb { position: relative; margin: 0; aspect-ratio: 4 / 3; border-radius: 10px; overflow: hidden; background: #ECEBE6; border: 1px solid #E4E3DE; }
.sell-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sell-thumb.is-cover { grid-column: span 2; grid-row: span 2; border: 2px solid #0F5C46; }
.sell-thumb__badge {
    position: absolute; left: .4rem; top: .4rem; padding: .1rem .5rem; border-radius: 999px;
    background: #0F5C46; color: #fff; font-size: .68rem; font-weight: 700;
}
.sell-thumb form { position: absolute; right: .35rem; top: .35rem; margin: 0; }
.sell-thumb__del {
    width: 1.9rem; height: 1.9rem; border-radius: 999px; border: 0; cursor: pointer;
    background: rgba(28, 28, 26, .65); color: #fff; font-size: .75rem; display: inline-grid; place-items: center;
    opacity: .85; transition: opacity .15s, background .15s;
}
.sell-thumb__del:hover, .sell-thumb__del:focus-visible { background: #B91C1C; opacity: 1; }
.sell-thumb__del--inline { background: #F5F5F2; color: #6E6D66; }
.sell-thumb__del--inline:hover { color: #fff; }
.sell-media__check { display: flex; gap: .45rem; align-items: center; margin-top: .75rem; font-size: .85rem; color: #44433E; }
.sell-media__videos { list-style: none; margin: .75rem 0 0; padding: 0; display: grid; gap: .45rem; }
.sell-media__videos .sell-video-item { display: flex; align-items: center; gap: .55rem; padding: .45rem .55rem; border: 1px solid #ECEBE6; border-radius: 10px; }
.sell-media__videos a { flex: 1; min-width: 0; font-size: .85rem; font-weight: 600; color: #0F5C46; text-decoration: none; }
.sell-media__videos form { margin: 0; }
.sell-media__vicon { width: 1.9rem; height: 1.9rem; border-radius: 8px; display: inline-grid; place-items: center; background: #FFF6D6; color: #8A6A00; font-size: .75rem; }
.sell-media__note { margin: .75rem 0 0; font-size: .8rem; color: #6E6D66; }
.sell-media__note i { color: #C99500; }
.sell-media .sell-upload-status { margin-top: .6rem; font-size: .8rem; color: #0F5C46; }
.sell-media .sell-upload-status.is-err { color: #B91C1C; }
/* ===================== Kart görselinde video / 360 işareti (favori düğmesiyle aynı dil) ===================== */
.media-flags { position: absolute; right: calc(0.45rem + 1.7rem + 0.35rem); bottom: 0.45rem; z-index: 2; display: flex; gap: 0.3rem; }
.media-flags--corner { right: 0.4rem; bottom: 0.4rem; }
.media-flag {
    height: 1.7rem; min-width: 1.7rem; padding: 0 0.4rem; border-radius: 999px;
    background: rgba(28, 28, 26, 0.78); color: #fff; font-size: 0.62rem; font-weight: 800; letter-spacing: 0.01em;
    display: inline-flex; align-items: center; justify-content: center;
    box-shadow: 0 4px 10px -4px rgba(28, 28, 26, 0.45); backdrop-filter: blur(2px);
}
.media-flag i { font-size: 0.6rem; margin-left: 1px; }
.media-flag--360 { background: #0F5C46; }
/* Kaporta şeması: siyah zemin yerine açık zemin; şema çizgileri koyulaştırılır */
.exp-car { background: #F7F7F4; border: 1px solid #E4E3DE; }
.exp-car__img { filter: brightness(0.5) contrast(1.15); }
/* Eski .sell-photos__thumb kuralları (sabit 4.5rem kutu, büyük sil düğmesi) yeni ızgarayı bozuyordu */
.sell-media .sell-media__thumbs { grid-auto-flow: row dense; }
.sell-media .sell-photos__thumb { width: auto; height: auto; border-radius: 10px; background: #ECEBE6; }
.sell-media .sell-photos__thumb.is-cover { grid-column: span 2; grid-row: span 2; }
.sell-media .sell-photos__thumb form { position: absolute; inset: 0.35rem 0.35rem auto auto; margin: 0; }
.sell-media .sell-photos__thumb button.sell-thumb__del {
    width: 1.9rem; height: 1.9rem; padding: 0; border-radius: 999px; border: 0; font-size: 0.75rem; line-height: 1;
    background: rgba(28, 28, 26, 0.65); color: #fff;
}
.sell-media .sell-photos__thumb button.sell-thumb__del:hover { background: #B91C1C; }
.sell-media .sell-thumb__badge { z-index: 1; }