/* ==========================================================================
   ParcaApp - temel arayuz stilleri
   Bootstrap 5.3 uzerine kurulur, Bootstrap'in varsayilan gorunumunu ezer.
   ========================================================================== */

:root {
    --pa-navy: #0a2540;
    --pa-navy-700: #123354;
    --pa-blue: #1361f0;
    --pa-blue-600: #0f52cf;
    --pa-blue-050: #eaf1fe;
    --pa-green: #12a150;
    --pa-green-050: #e7f6ed;
    --pa-red: #d64545;
    --pa-red-050: #fdecec;
    --pa-amber: #e0a106;
    --pa-ink: #16202c;
    --pa-muted: #5d6b7c;
    --pa-line: #e2e8f0;
    --pa-bg: #f4f6fa;
    --pa-white: #ffffff;
    --pa-radius: 10px;
    --pa-radius-lg: 14px;
    --pa-shadow: 0 1px 2px rgba(10, 37, 64, .06), 0 8px 24px rgba(10, 37, 64, .06);
    --pa-header-h: 68px;

    /* Anlamsal takma adlar.
       Bilesenler renk yerine rolu ifade eden adi kullanir; boylece marka
       rengi degistiginde tek yerden guncellenir. */
    --pa-primary: var(--pa-blue);
    --pa-primary-600: var(--pa-blue-600);
    --pa-primary-050: var(--pa-blue-050);
    --pa-border: var(--pa-line);
    --pa-surface: var(--pa-white);
    --pa-text: var(--pa-ink);
    --pa-success: var(--pa-green);
    --pa-danger: var(--pa-red);
    --pa-warning: var(--pa-amber);

    /* Dokunma hedefi: mobilde en az 44px */
    --pa-tap: 44px;
}

* { box-sizing: border-box; }

body {
    margin: 0;
    font-family: "Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
    color: var(--pa-ink);
    background: var(--pa-bg);
    font-size: 15px;
    line-height: 1.55;
    overflow-x: hidden;
}

a { color: var(--pa-blue); text-decoration: none; }
a:hover { color: var(--pa-blue-600); }

:focus-visible {
    outline: 3px solid var(--pa-blue);
    outline-offset: 2px;
    border-radius: 4px;
}

.pa-container {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 16px;
}

.pa-skip {
    position: absolute;
    left: -9999px;
    top: 8px;
    background: var(--pa-navy);
    color: #fff;
    padding: 10px 16px;
    border-radius: var(--pa-radius);
    z-index: 2000;
}
.pa-skip:focus { left: 16px; color: #fff; }

.pa-main { min-height: 60vh; padding-bottom: 40px; }

/* --------------------------------------------------------------- logo --- */
.pa-logo { display: inline-flex; align-items: center; gap: 8px; color: var(--pa-navy); }
.pa-logo-mark {
    width: 34px; height: 34px;
    display: grid; place-items: center;
    background: var(--pa-blue);
    color: #fff;
    border-radius: 9px;
    font-size: 17px;
}
.pa-logo-text { font-size: 20px; font-weight: 600; letter-spacing: -.3px; }
.pa-logo-text strong { font-weight: 800; color: var(--pa-blue); }
.pa-logo--light, .pa-logo--light .pa-logo-text { color: #fff; }
.pa-logo--light .pa-logo-text strong { color: #7fb0ff; }

/* ------------------------------------------------------------- header --- */
.pa-header { background: var(--pa-white); border-bottom: 1px solid var(--pa-line); position: sticky; top: 0; z-index: 1030; }
.pa-header-top { padding: 12px 0; }
.pa-header-row { display: flex; align-items: center; gap: 16px; }

.pa-icon-btn {
    border: 1px solid var(--pa-line);
    background: #fff;
    border-radius: var(--pa-radius);
    width: 42px; height: 42px;
    font-size: 20px;
    color: var(--pa-navy);
}

.pa-search { position: relative; flex: 1 1 auto; display: flex; align-items: center; }
.pa-search-icon { position: absolute; left: 14px; color: var(--pa-muted); font-size: 15px; }
.pa-search-input {
    width: 100%;
    height: 46px;
    border: 1.5px solid var(--pa-line);
    border-radius: var(--pa-radius);
    padding: 0 108px 0 38px;
    font-size: 14.5px;
    background: #fbfcfe;
}
.pa-search-input:focus { border-color: var(--pa-blue); background: #fff; outline: none; box-shadow: 0 0 0 3px var(--pa-blue-050); }
.pa-search-btn {
    position: absolute; right: 5px;
    height: 36px; padding: 0 20px;
    border: 0; border-radius: 8px;
    background: var(--pa-blue); color: #fff;
    font-weight: 600;
}
.pa-search-btn:hover { background: var(--pa-blue-600); }

.pa-header-actions { display: none; gap: 6px; }
.pa-action {
    display: flex; flex-direction: column; align-items: center;
    gap: 2px; padding: 6px 12px;
    color: var(--pa-navy); font-size: 12px; font-weight: 500;
    border-radius: var(--pa-radius);
    max-width: 110px;
}
.pa-action i { font-size: 19px; }
.pa-action:hover { background: var(--pa-blue-050); color: var(--pa-blue); }
.pa-action span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }

.pa-nav { background: var(--pa-navy); }
.pa-nav-list { display: flex; gap: 4px; list-style: none; margin: 0; padding: 0; overflow-x: auto; }
.pa-nav-list a {
    display: block; padding: 11px 14px;
    color: #d6e2f2; font-size: 13.5px; font-weight: 500; white-space: nowrap;
}
.pa-nav-list a:hover { color: #fff; background: var(--pa-navy-700); }

.pa-offcanvas { width: 300px; }
.pa-offcanvas-list { list-style: none; margin: 0; padding: 0; }
.pa-offcanvas-list a {
    display: flex; justify-content: space-between; align-items: center;
    padding: 13px 4px; border-bottom: 1px solid var(--pa-line);
    color: var(--pa-ink); font-weight: 500;
}

/* --------------------------------------------------------------- hero --- */
.pa-hero { background: linear-gradient(180deg, var(--pa-navy) 0%, #123f6b 100%); color: #fff; padding: 36px 0 44px; }
.pa-hero-inner { display: grid; gap: 24px; grid-template-columns: 1fr; }
.pa-hero-copy h1 { font-size: 28px; font-weight: 700; letter-spacing: -.5px; margin: 0 0 10px; max-width: 18ch; }
.pa-hero-copy p { color: #c8d8ec; margin: 0 0 22px; max-width: 60ch; }

.pa-hero-search { display: flex; background: #fff; border-radius: var(--pa-radius-lg); padding: 6px; box-shadow: var(--pa-shadow); }
.pa-hero-search input {
    flex: 1; border: 0; background: transparent;
    padding: 0 14px; height: 48px; font-size: 15px; color: var(--pa-ink); min-width: 0;
}
.pa-hero-search input:focus { outline: none; }
.pa-hero-search button {
    border: 0; border-radius: 10px; background: var(--pa-blue);
    color: #fff; font-weight: 600; padding: 0 26px; height: 48px;
}
.pa-hero-search button:hover { background: var(--pa-blue-600); }

.pa-hero-tags { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 16px 0 0; padding: 0; }
.pa-hero-tags a {
    display: inline-block; padding: 5px 12px;
    border: 1px solid rgba(255, 255, 255, .28); border-radius: 999px;
    color: #dbe7f7; font-size: 13px;
}
.pa-hero-tags a:hover { background: rgba(255, 255, 255, .12); color: #fff; }

.pa-vehicle-card { background: #fff; color: var(--pa-ink); border-radius: var(--pa-radius-lg); padding: 22px; box-shadow: var(--pa-shadow); }
.pa-vehicle-card h2 { font-size: 18px; font-weight: 700; margin: 0 0 6px; }
.pa-vehicle-note { color: var(--pa-muted); font-size: 13.5px; margin: 0 0 16px; }
.pa-vehicle-steps { display: grid; gap: 10px; margin-bottom: 18px; }
.pa-vehicle-step { display: flex; align-items: center; gap: 12px; border: 1px solid var(--pa-line); border-radius: var(--pa-radius); padding: 10px 12px; }
.pa-step-index { width: 26px; height: 26px; flex: none; display: grid; place-items: center; border-radius: 7px; background: var(--pa-blue-050); color: var(--pa-blue); font-weight: 700; font-size: 13px; }
.pa-vehicle-step strong { display: block; font-size: 14px; }
.pa-vehicle-step span { font-size: 12.5px; color: var(--pa-muted); }
.pa-vehicle-hint { font-size: 12px; color: var(--pa-muted); margin: 10px 0 0; text-align: center; }

/* ----------------------------------------------------------- sections --- */
.pa-section { padding: 36px 0; }
.pa-section--muted { background: #fff; border-top: 1px solid var(--pa-line); border-bottom: 1px solid var(--pa-line); }
.pa-section-title { font-size: 20px; font-weight: 700; margin: 0 0 18px; }

.pa-category-grid { display: grid; gap: 12px; grid-template-columns: repeat(2, 1fr); }
.pa-category {
    background: #fff; border: 1px solid var(--pa-line); border-radius: var(--pa-radius);
    padding: 16px 14px; color: var(--pa-ink); display: block;
}
.pa-category:hover { border-color: var(--pa-blue); color: var(--pa-ink); box-shadow: var(--pa-shadow); }
.pa-category i { font-size: 22px; color: var(--pa-blue); }
.pa-category strong { display: block; margin-top: 8px; font-size: 15px; }
.pa-category span { font-size: 12.5px; color: var(--pa-muted); }

.pa-value-grid { display: grid; gap: 14px; grid-template-columns: 1fr; }
.pa-value { background: var(--pa-bg); border-radius: var(--pa-radius); padding: 18px; }
.pa-value i { font-size: 22px; color: var(--pa-green); }
.pa-value h3 { font-size: 16px; font-weight: 700; margin: 10px 0 6px; }
.pa-value p { margin: 0; font-size: 13.5px; color: var(--pa-muted); }

/* ------------------------------------------------------------ buttons --- */
.pa-btn-primary {
    background: var(--pa-blue); color: #fff; border: 0;
    border-radius: var(--pa-radius); font-weight: 600; padding: 11px 20px;
}
.pa-btn-primary:hover, .pa-btn-primary:focus { background: var(--pa-blue-600); color: #fff; }
.pa-link { color: var(--pa-blue); font-size: 13.5px; font-weight: 500; }

/* ------------------------------------------------------------- alerts --- */
.pa-alert {
    display: flex; align-items: flex-start; gap: 10px;
    max-width: 1240px; margin: 16px auto 0; padding: 12px 16px;
    border-radius: var(--pa-radius); font-size: 14px;
}
.pa-alert--error { background: var(--pa-red-050); color: #8f2323; border: 1px solid #f3caca; }
.pa-alert--success { background: var(--pa-green-050); color: #0b6a36; border: 1px solid #bfe6cd; }

/* ---------------------------------------------------------------- auth --- */
.pa-auth-body { background: linear-gradient(160deg, var(--pa-navy) 0%, #143f6c 55%, #f4f6fa 55%); min-height: 100vh; }
.pa-auth-wrap { max-width: 430px; margin: 0 auto; padding: 48px 16px; }
.pa-auth-card { background: #fff; border-radius: var(--pa-radius-lg); padding: 28px 24px; box-shadow: 0 18px 48px rgba(10, 37, 64, .18); }
.pa-auth-logo { display: flex; justify-content: center; margin-bottom: 20px; }
.pa-auth-title { font-size: 22px; font-weight: 700; margin: 0 0 4px; }
.pa-auth-sub { color: var(--pa-muted); font-size: 14px; margin: 0 0 22px; }
.pa-auth-alt { text-align: center; font-size: 13px; color: var(--pa-muted); margin: 18px 0 0; }
.pa-auth-foot { text-align: center; color: #cfdcec; font-size: 13px; margin-top: 18px; }

.pa-auth-card .form-label { font-size: 13.5px; font-weight: 600; }
.pa-auth-card .form-control { height: 46px; border-radius: var(--pa-radius); border: 1.5px solid var(--pa-line); }
.pa-auth-card .form-control:focus { border-color: var(--pa-blue); box-shadow: 0 0 0 3px var(--pa-blue-050); }

.pa-password { position: relative; }
.pa-password-toggle {
    position: absolute; right: 6px; top: 50%; transform: translateY(-50%);
    border: 0; background: transparent; color: var(--pa-muted);
    width: 36px; height: 36px; border-radius: 8px;
}
.pa-password-toggle:hover { background: var(--pa-bg); color: var(--pa-ink); }

/* -------------------------------------------------------------- panel --- */
.pa-panel-body { background: var(--pa-bg); min-height: 100vh; }
.pa-sidebar { background: var(--pa-navy); color: #fff; width: 258px; }
.pa-sidebar-head { padding: 18px 18px 12px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.pa-sidebar-tag { font-size: 11px; letter-spacing: .4px; color: #8fb4e0; width: 100%; }
.pa-sidebar-nav { padding: 8px 10px 24px; display: flex; flex-direction: column; gap: 2px; }
.pa-sidebar-link {
    display: flex; align-items: center; gap: 10px;
    padding: 10px 12px; border-radius: 8px;
    color: #c9d9ec; font-size: 14px;
}
.pa-sidebar-link i { font-size: 16px; }
.pa-sidebar-link:hover { background: var(--pa-navy-700); color: #fff; }
.pa-sidebar-link.is-active { background: var(--pa-blue); color: #fff; font-weight: 600; }

.pa-panel-main { padding: 0; }
.pa-panel-top {
    display: flex; align-items: center; gap: 12px;
    background: #fff; border-bottom: 1px solid var(--pa-line);
    padding: 12px 16px; position: sticky; top: 0; z-index: 20;
}
.pa-panel-title { font-size: 17px; font-weight: 700; margin: 0; flex: 1; }
.pa-panel-user { display: flex; align-items: center; gap: 10px; }
.pa-panel-user-name { font-size: 13px; color: var(--pa-muted); display: none; }
.pa-panel-content { padding: 20px 16px 80px; }

.pa-panel-card { background: #fff; border: 1px solid var(--pa-line); border-radius: var(--pa-radius-lg); padding: 20px; margin-top: 18px; }
.pa-panel-card h2 { font-size: 16px; font-weight: 700; margin: 0 0 14px; }
.pa-empty { color: var(--pa-muted); font-size: 14px; margin: 0; }

.pa-table thead th { font-size: 12.5px; color: var(--pa-muted); font-weight: 600; border-bottom: 1px solid var(--pa-line); }
.pa-table tbody td { font-size: 13.5px; }

/* --------------------------------------------------------------- cards --- */
.pa-card-grid { display: grid; gap: 12px; grid-template-columns: repeat(2, 1fr); }
.pa-stat { background: #fff; border: 1px solid var(--pa-line); border-radius: var(--pa-radius-lg); padding: 16px; }
.pa-stat i { font-size: 20px; color: var(--pa-blue); }
.pa-stat h2 { font-size: 13px; color: var(--pa-muted); font-weight: 600; margin: 8px 0 2px; }
.pa-stat strong { font-size: 20px; font-weight: 700; display: block; }
.pa-stat p { font-size: 12.5px; color: var(--pa-muted); margin: 4px 0 0; }

/* ------------------------------------------------------------- account --- */
.pa-account { padding: 24px 16px 40px; }
.pa-account-head h1 { font-size: 22px; font-weight: 700; margin: 0 0 4px; }
.pa-account-head p { color: var(--pa-muted); margin: 0 0 20px; }
.pa-account-menu { display: grid; gap: 2px; background: #fff; border: 1px solid var(--pa-line); border-radius: var(--pa-radius-lg); padding: 6px; margin-top: 18px; }
.pa-account-menu a { display: flex; align-items: center; gap: 12px; padding: 13px 12px; color: var(--pa-ink); font-size: 14.5px; border-radius: 8px; }
.pa-account-menu a i { color: var(--pa-blue); font-size: 17px; }
.pa-account-menu a:hover { background: var(--pa-bg); }

/* -------------------------------------------------------------- footer --- */
.pa-footer { background: var(--pa-navy); color: #c4d4e8; padding: 32px 0 90px; margin-top: 40px; }
.pa-footer-grid { display: grid; gap: 22px; grid-template-columns: 1fr; }
.pa-footer-note { font-size: 13.5px; margin: 12px 0 0; max-width: 40ch; }
.pa-footer-title { font-size: 14px; color: #fff; font-weight: 600; margin: 0 0 10px; }
.pa-footer ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; }
.pa-footer a { color: #c4d4e8; font-size: 13.5px; }
.pa-footer a:hover { color: #fff; }
.pa-footer-bottom {
    display: flex; flex-wrap: wrap; gap: 8px; justify-content: space-between;
    border-top: 1px solid rgba(255, 255, 255, .12);
    margin-top: 26px; padding-top: 16px; font-size: 12.5px;
}

/* --------------------------------------------------------- mobile nav --- */
.pa-mobile-nav {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 1040;
    display: flex; background: #fff; border-top: 1px solid var(--pa-line);
    padding: 6px 4px calc(6px + env(safe-area-inset-bottom));
}
.pa-mobile-nav a {
    flex: 1; display: flex; flex-direction: column; align-items: center; gap: 2px;
    color: var(--pa-muted); font-size: 11px; padding: 4px 0;
}
.pa-mobile-nav a i { font-size: 19px; }
.pa-mobile-nav a:hover { color: var(--pa-blue); }

/* ------------------------------------------------------------- errors --- */
.pa-error-body { background: var(--pa-bg); display: grid; place-items: center; min-height: 100vh; margin: 0; }
.pa-error { text-align: center; padding: 32px 20px; max-width: 460px; }
.pa-error-code { display: block; font-size: 54px; font-weight: 800; color: var(--pa-blue); margin: 22px 0 4px; letter-spacing: -2px; }
.pa-error h1 { font-size: 21px; font-weight: 700; margin: 0 0 8px; }
.pa-error p { color: var(--pa-muted); margin: 0 0 6px; }
.pa-error-hint { font-size: 13px; }
.pa-error .pa-btn-primary { margin-top: 18px; display: inline-block; }

/* --------------------------------------------------------- responsive --- */
@media (min-width: 576px) {
    .pa-category-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (min-width: 768px) {
    .pa-hero-copy h1 { font-size: 36px; }
    .pa-value-grid { grid-template-columns: repeat(2, 1fr); }
    .pa-footer-grid { grid-template-columns: 2fr 1fr 1fr 1fr; }
    .pa-card-grid { grid-template-columns: repeat(4, 1fr); }
    .pa-panel-user-name { display: inline; }
}

@media (min-width: 992px) {
    body { font-size: 15.5px; }
    .pa-header-actions { display: flex; }
    .pa-hero { padding: 52px 0 60px; }
    .pa-hero-inner { grid-template-columns: 1.25fr .75fr; align-items: center; }
    .pa-hero-copy h1 { font-size: 40px; }
    .pa-category-grid { grid-template-columns: repeat(5, 1fr); }
    .pa-value-grid { grid-template-columns: repeat(4, 1fr); }
    .pa-footer { padding-bottom: 32px; }
    .pa-main { padding-bottom: 0; }

    .pa-sidebar {
        position: fixed; top: 0; left: 0; bottom: 0;
        overflow-y: auto; visibility: visible; transform: none;
    }
    .pa-panel-main { margin-left: 258px; }
    .pa-panel-content { padding: 24px; }
    .pa-panel-top { padding: 14px 24px; }
}

@media (prefers-reduced-motion: reduce) {
    * { animation-duration: .001ms !important; transition-duration: .001ms !important; }
}

/* ==========================================================================
   Asama 2 - arac secici, arama sonuclari, urun kartlari
   ========================================================================== */

/* ---------------------------------------------------------- arac secici --- */
.pa-selector-tabs { display: flex; gap: 4px; border-bottom: 1px solid var(--pa-line); margin-bottom: 14px; }
.pa-selector-tab {
    border: 0; background: transparent; padding: 8px 10px;
    font-size: 13px; font-weight: 600; color: var(--pa-muted);
    border-bottom: 2px solid transparent;
}
.pa-selector-tab.is-active { color: var(--pa-blue); border-bottom-color: var(--pa-blue); }

.pa-selector-row { margin-bottom: 10px; }
.pa-selector-row label { display: block; font-size: 12.5px; font-weight: 600; margin-bottom: 4px; color: var(--pa-muted); }
.pa-selector-row select,
.pa-selector-row input {
    width: 100%; height: 42px;
    border: 1.5px solid var(--pa-line); border-radius: var(--pa-radius);
    padding: 0 12px; font-size: 14px; background: #fff; color: var(--pa-ink);
}
.pa-selector-row select:disabled,
.pa-selector-row input:disabled { background: #f3f5f8; color: #9aa7b6; }
.pa-selector-row select:focus,
.pa-selector-row input:focus { border-color: var(--pa-blue); outline: none; box-shadow: 0 0 0 3px var(--pa-blue-050); }

.pa-selector-status { font-size: 12.5px; color: var(--pa-muted); margin: 10px 0 0; min-height: 18px; text-align: center; }
.pa-selector-status.is-error { color: var(--pa-red); }
.pa-selector-info { font-size: 12.5px; color: var(--pa-muted); margin: 8px 0 0; }
.pa-vehicle-current { font-size: 17px; font-weight: 700; margin: 0 0 4px; }

/* --------------------------------------------------------- autocomplete --- */
.pa-hero-search { position: relative; }
.pa-suggest {
    position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 60;
    background: #fff; border: 1px solid var(--pa-line); border-radius: var(--pa-radius-lg);
    box-shadow: var(--pa-shadow); max-height: 380px; overflow-y: auto; text-align: left;
}
.pa-suggest-group { padding: 8px 0; border-bottom: 1px solid var(--pa-line); }
.pa-suggest-group:last-child { border-bottom: 0; }
.pa-suggest-group > span {
    display: block; padding: 4px 14px; font-size: 11px; font-weight: 700;
    color: var(--pa-muted); letter-spacing: .2px;
}
.pa-suggest-group ul { list-style: none; margin: 0; padding: 0; }
.pa-suggest-group a {
    display: flex; justify-content: space-between; gap: 12px; align-items: center;
    padding: 9px 14px; color: var(--pa-ink); font-size: 14px;
}
.pa-suggest-group a:hover, .pa-suggest-group a.is-active { background: var(--pa-blue-050); color: var(--pa-blue); }
.pa-suggest-group em { font-style: normal; font-size: 12px; color: var(--pa-muted); }

/* ------------------------------------------------------- arama sonuclari --- */
.pa-search-page { padding: 22px 16px 40px; }
.pa-search-head h1 { font-size: 21px; font-weight: 700; margin: 0 0 8px; }
.pa-search-summary { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 14px; color: var(--pa-muted); margin: 0 0 12px; }
.pa-chip { background: #fff; border: 1px solid var(--pa-line); border-radius: 999px; padding: 2px 10px; font-size: 12px; }
.pa-chip--type { background: var(--pa-blue-050); border-color: #cfe0fd; color: var(--pa-blue); font-weight: 600; }

.pa-search-vehicle {
    display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
    background: var(--pa-green-050); border: 1px solid #bfe6cd;
    border-radius: var(--pa-radius); padding: 10px 14px; font-size: 14px; color: #0b6a36;
}
.pa-search-vehicle--empty { background: #fff; border-color: var(--pa-line); color: var(--pa-muted); }

.pa-search-layout { display: grid; gap: 18px; grid-template-columns: 1fr; margin-top: 18px; }

.pa-filters { width: 280px; }
.pa-filter-block { margin-bottom: 22px; }
.pa-filter-block h2 { font-size: 13px; font-weight: 700; color: var(--pa-muted); margin: 0 0 8px; }
.pa-filter-block ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.pa-filter-block a { display: block; padding: 7px 10px; border-radius: 8px; color: var(--pa-ink); font-size: 14px; }
.pa-filter-block a:hover { background: #fff; }
.pa-filter-block a.is-active { background: var(--pa-blue); color: #fff; font-weight: 600; }
.pa-filter-note { font-size: 12.5px; color: var(--pa-muted); margin: 0; }

.pa-results-bar {
    display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
    background: #fff; border: 1px solid var(--pa-line); border-radius: var(--pa-radius);
    padding: 10px 12px; margin-bottom: 14px;
}
.pa-sort { display: flex; align-items: center; gap: 8px; margin-left: auto; }
.pa-sort label { font-size: 13px; color: var(--pa-muted); margin: 0; }
.pa-sort select { height: 36px; border: 1.5px solid var(--pa-line); border-radius: 8px; padding: 0 10px; font-size: 13.5px; }
.pa-view-toggle { display: none; gap: 2px; }
.pa-view-toggle button {
    border: 1px solid var(--pa-line); background: #fff; width: 36px; height: 36px;
    border-radius: 8px; color: var(--pa-muted);
}
.pa-view-toggle button.is-active { background: var(--pa-navy); border-color: var(--pa-navy); color: #fff; }

/* ------------------------------------------------------------ urun karti --- */
.pa-part-list { display: grid; gap: 12px; }
.pa-part {
    display: grid; grid-template-columns: 84px 1fr; gap: 14px;
    background: #fff; border: 1px solid var(--pa-line); border-radius: var(--pa-radius-lg); padding: 14px;
}
.pa-part-media { display: grid; place-items: center; background: var(--pa-bg); border-radius: var(--pa-radius); aspect-ratio: 1; }
.pa-part-media img { width: 100%; height: 100%; object-fit: contain; border-radius: var(--pa-radius); }
.pa-part-placeholder { font-size: 26px; color: #b6c2d1; }

.pa-part-meta { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.pa-part-brand { font-size: 12px; font-weight: 700; color: var(--pa-navy); letter-spacing: .2px; }
.pa-tag { font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: 999px; }
.pa-tag--original { background: #efe6fb; color: #5b2ea6; }
.pa-tag--premium { background: var(--pa-blue-050); color: var(--pa-blue); }
.pa-tag--economy { background: #fff3d9; color: #8a5b00; }
.pa-tag--default { background: var(--pa-green-050); color: #0b6a36; }

.pa-part-title { font-size: 15.5px; font-weight: 600; margin: 6px 0 4px; line-height: 1.35; }
.pa-part-title a { color: var(--pa-ink); }
.pa-part-title a:hover { color: var(--pa-blue); }
.pa-part-code { font-size: 12.5px; color: var(--pa-muted); margin: 0 0 8px; }
.pa-part-code strong { color: var(--pa-ink); font-weight: 600; }
.pa-part-category { margin-left: 8px; padding-left: 8px; border-left: 1px solid var(--pa-line); }
.pa-part-desc { font-size: 13px; color: var(--pa-muted); margin: 8px 0 0; }

.pa-fit { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 600; padding: 3px 10px; border-radius: 999px; }
.pa-fit--verified { background: #d8f0e1; color: #0a5c30; }
.pa-fit--compatible { background: var(--pa-green-050); color: #12703f; }
.pa-fit--possible { background: #fff3d9; color: #8a5b00; }
.pa-fit--incompatible { background: var(--pa-red-050); color: #9b2626; }
.pa-fit--unknown { background: #eef1f5; color: var(--pa-muted); }

.pa-part-price { grid-column: 1 / -1; border-top: 1px solid var(--pa-line); padding-top: 12px; }
.pa-price-label { font-size: 12px; color: var(--pa-muted); display: block; }
.pa-price { font-size: 20px; font-weight: 800; color: var(--pa-navy); display: block; }
.pa-price-note { font-size: 12.5px; color: var(--pa-muted); display: block; margin-bottom: 8px; }
.pa-price-demo { font-size: 11px; color: #98a5b4; margin: 6px 0 0; }

/* -------------------------------------------------------- bos durum, sayfa --- */
.pa-empty-state { background: #fff; border: 1px dashed var(--pa-line); border-radius: var(--pa-radius-lg); padding: 40px 20px; text-align: center; }
.pa-empty-state i { font-size: 30px; color: #b6c2d1; }
.pa-empty-state h2 { font-size: 17px; font-weight: 700; margin: 12px 0 6px; }
.pa-empty-state p { color: var(--pa-muted); margin: 0 auto; max-width: 48ch; font-size: 14px; }

.pa-pagination { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 20px; }
.pa-pagination a {
    min-width: 38px; height: 38px; display: grid; place-items: center;
    border: 1px solid var(--pa-line); border-radius: 8px; background: #fff; color: var(--pa-ink); font-size: 14px;
}
.pa-pagination a.is-active { background: var(--pa-blue); border-color: var(--pa-blue); color: #fff; font-weight: 600; }

/* ----------------------------------------------------------------- garaj --- */
.pa-garage { padding: 24px 16px 40px; }
.pa-garage-head h1 { font-size: 22px; font-weight: 700; margin: 0 0 4px; }
.pa-garage-head p { color: var(--pa-muted); margin: 0 0 18px; }
.pa-garage-layout { display: grid; gap: 16px; grid-template-columns: 1fr; }
.pa-garage-card { background: #fff; border: 1px solid var(--pa-line); border-radius: var(--pa-radius-lg); padding: 18px; }
.pa-garage-card h2 { font-size: 16px; font-weight: 700; margin: 0 0 14px; }

.pa-current-vehicle {
    display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; align-items: center;
    background: var(--pa-navy); color: #fff; border-radius: var(--pa-radius-lg); padding: 16px 18px; margin-bottom: 18px;
}
.pa-current-label { font-size: 12px; color: #9fc0e8; display: block; }
.pa-current-vehicle strong { font-size: 18px; display: block; }
.pa-current-detail { font-size: 13px; color: #c4d4e8; }
.pa-current-actions { display: flex; gap: 8px; flex-wrap: wrap; }

.pa-garage-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.pa-garage-item {
    display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; align-items: center;
    border: 1px solid var(--pa-line); border-radius: var(--pa-radius); padding: 12px;
}
.pa-garage-item strong { display: block; font-size: 15px; }
.pa-garage-item span { font-size: 13px; color: var(--pa-muted); }
.pa-garage-actions { display: flex; gap: 6px; }

@media (min-width: 768px) {
    .pa-part { grid-template-columns: 110px 1fr 200px; }
    .pa-part-price { grid-column: auto; border-top: 0; border-left: 1px solid var(--pa-line); padding: 0 0 0 16px; }
    .pa-garage-layout { grid-template-columns: 1fr 1fr; }
}

@media (min-width: 992px) {
    .pa-search-layout { grid-template-columns: 280px 1fr; align-items: start; }
    .pa-filters { position: sticky; top: 150px; visibility: visible; transform: none; background: transparent; border: 0; }
    .pa-view-toggle { display: flex; }
    .pa-part-list.is-grid { grid-template-columns: repeat(3, 1fr); }
    .pa-part-list.is-grid .pa-part { grid-template-columns: 1fr; }
    .pa-part-list.is-grid .pa-part-media { aspect-ratio: 16 / 10; }
    .pa-part-list.is-grid .pa-part-price { grid-column: 1 / -1; border-left: 0; border-top: 1px solid var(--pa-line); padding: 12px 0 0; }
}

.pa-account-block { background: #fff; border: 1px solid var(--pa-line); border-radius: var(--pa-radius-lg); padding: 18px; margin-top: 18px; }
.pa-account-block h2 { font-size: 15px; font-weight: 700; margin: 0 0 12px; }
.pa-history-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.pa-history-list li { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 9px 4px; border-bottom: 1px solid var(--pa-line); }
.pa-history-list li:last-child { border-bottom: 0; }
.pa-history-list span { font-size: 12.5px; color: var(--pa-muted); white-space: nowrap; }

/* ==========================================================================
   Asama 3 - urun detayi, OEM sayfasi, muadiller, admin katalog
   ========================================================================== */

.pa-breadcrumb { display: flex; flex-wrap: wrap; gap: 6px; font-size: 13px; color: var(--pa-muted); padding: 16px 0 12px; }
.pa-breadcrumb a { color: var(--pa-muted); }
.pa-breadcrumb a:hover { color: var(--pa-blue); }

.pa-product { padding-bottom: 40px; }
.pa-product-top { display: grid; gap: 20px; grid-template-columns: 1fr; }
.pa-product-gallery {
    background: #fff; border: 1px solid var(--pa-line); border-radius: var(--pa-radius-lg);
    display: grid; place-items: center; aspect-ratio: 4 / 3; overflow: hidden;
}
.pa-product-gallery img { width: 100%; height: 100%; object-fit: contain; }
.pa-product-gallery .pa-part-placeholder { font-size: 48px; }

.pa-product-title { font-size: 24px; font-weight: 700; margin: 8px 0 14px; line-height: 1.25; }
.pa-tag--type { background: #eef1f5; color: var(--pa-muted); letter-spacing: .3px; }

.pa-product-facts { display: grid; gap: 8px; margin: 0 0 18px; }
.pa-product-facts > div { display: flex; gap: 10px; font-size: 14px; }
.pa-product-facts dt { color: var(--pa-muted); min-width: 130px; margin: 0; font-weight: 500; }
.pa-product-facts dd { margin: 0; font-weight: 600; }

.pa-compat-box {
    display: flex; gap: 12px; align-items: flex-start;
    border-radius: var(--pa-radius); padding: 14px 16px; margin-bottom: 18px;
    border: 1px solid var(--pa-line); background: #fff;
}
.pa-compat-box i { font-size: 20px; flex: none; }
.pa-compat-box strong { display: block; font-size: 15px; }
.pa-compat-box p { margin: 4px 0 0; font-size: 13.5px; }
.pa-compat--verified { background: #d8f0e1; border-color: #a9dcbe; color: #0a5c30; }
.pa-compat--compatible { background: var(--pa-green-050); border-color: #bfe6cd; color: #12703f; }
.pa-compat--possible { background: #fff3d9; border-color: #f0dcae; color: #7a5100; }
.pa-compat--incompatible { background: var(--pa-red-050); border-color: #f3caca; color: #9b2626; }
.pa-compat--unknown { background: #f2f5f8; color: var(--pa-muted); }
.pa-compat-conditions { margin: 8px 0 0; padding-left: 18px; font-size: 13px; }
.pa-compat-source { font-size: 12px; opacity: .85; }

.pa-product-price { background: #fff; border: 1px solid var(--pa-line); border-radius: var(--pa-radius-lg); padding: 16px; }

/* ------------------------------------------------------------------ tabs --- */
.pa-tabs { margin-top: 26px; }
.pa-tab-bar { display: flex; gap: 4px; overflow-x: auto; border-bottom: 1px solid var(--pa-line); margin-bottom: 16px; }
.pa-tab {
    border: 0; background: transparent; padding: 10px 14px; white-space: nowrap;
    font-size: 14px; font-weight: 600; color: var(--pa-muted); border-bottom: 2px solid transparent;
}
.pa-tab.is-active { color: var(--pa-blue); border-bottom-color: var(--pa-blue); }
.pa-tab-panel { background: #fff; border: 1px solid var(--pa-line); border-radius: var(--pa-radius-lg); padding: 18px; }

.pa-spec-table th { width: 45%; font-weight: 600; font-size: 13.5px; }
.pa-spec-critical { font-size: 10.5px; background: var(--pa-blue-050); color: var(--pa-blue); border-radius: 4px; padding: 1px 5px; margin-left: 6px; }

/* --------------------------------------------------------------- oem list --- */
.pa-oem-group { margin-bottom: 18px; }
.pa-oem-group h3 { font-size: 14px; font-weight: 700; color: var(--pa-navy); margin: 0 0 8px; }
.pa-oem-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.pa-oem-list li {
    display: inline-flex; align-items: center; gap: 8px;
    border: 1px solid var(--pa-line); border-radius: var(--pa-radius); padding: 6px 12px; background: #fff;
}
.pa-oem-list a { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13.5px; font-weight: 600; }
.pa-oem-relation { font-size: 11px; color: var(--pa-muted); background: #eef1f5; border-radius: 4px; padding: 1px 6px; }
.pa-oem-verified { font-size: 11.5px; color: #12703f; }

/* -------------------------------------------------------------- muadiller --- */
.pa-alt-note { font-size: 13px; color: var(--pa-muted); margin: 0 0 14px; }
.pa-alt-list { display: grid; gap: 10px; }
.pa-alt {
    display: grid; gap: 8px; grid-template-columns: 1fr;
    border: 1px solid var(--pa-line); border-radius: var(--pa-radius); padding: 12px;
}
.pa-alt-main a { display: block; font-size: 15px; font-weight: 600; color: var(--pa-ink); }
.pa-alt-main a:hover { color: var(--pa-blue); }
.pa-alt-code { font-size: 12.5px; color: var(--pa-muted); font-family: ui-monospace, monospace; }
.pa-alt-score { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.pa-alt-reason { font-size: 12.5px; color: var(--pa-muted); }
.pa-alt-pending { font-size: 11.5px; color: #8a5b00; background: #fff3d9; border-radius: 4px; padding: 1px 6px; }
.pa-alt-price strong { font-size: 17px; font-weight: 700; color: var(--pa-navy); display: block; }
.pa-alt-price span { font-size: 12px; color: var(--pa-muted); }

.pa-score { font-size: 12px; font-weight: 700; border-radius: 999px; padding: 2px 10px; }
.pa-score--high { background: #d8f0e1; color: #0a5c30; }
.pa-score--mid { background: #fff3d9; color: #7a5100; }
.pa-score--low { background: #eef1f5; color: var(--pa-muted); }

/* --------------------------------------------------------- uyumlu araclar --- */
.pa-fit-group h3 { font-size: 15px; font-weight: 700; margin: 0 0 6px; }
.pa-fit-group h4 { font-size: 13.5px; font-weight: 600; color: var(--pa-muted); margin: 10px 0 6px; }
.pa-fit-list { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 6px; }
.pa-fit-list li { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 8px 10px; border: 1px solid var(--pa-line); border-radius: 8px; }
.pa-fit-vehicle { font-size: 13.5px; }
.pa-fit-note { font-size: 12px; color: var(--pa-muted); }

/* -------------------------------------------------------------- oem sayfa --- */
.pa-oem-page { padding: 20px 16px 40px; }
.pa-oem-label { font-size: 12px; color: var(--pa-muted); letter-spacing: .3px; }
.pa-oem-page h1 { font-size: 28px; font-weight: 800; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; margin: 2px 0 8px; }
.pa-oem-brands { font-size: 14px; color: var(--pa-muted); display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.pa-oem-summary { font-size: 14px; color: var(--pa-muted); margin: 14px 0 16px; }

/* ------------------------------------------------------------------ admin --- */
.pa-admin-filters {
    display: grid; gap: 10px; grid-template-columns: 1fr; align-items: end;
    background: #fff; border: 1px solid var(--pa-line); border-radius: var(--pa-radius-lg); padding: 14px; margin-bottom: 16px;
}
.pa-admin-filters label { display: block; font-size: 12.5px; font-weight: 600; color: var(--pa-muted); margin-bottom: 4px; }
.pa-admin-filters input, .pa-admin-filters select {
    width: 100%; height: 40px; border: 1.5px solid var(--pa-line); border-radius: 8px; padding: 0 10px; font-size: 14px;
}
.pa-admin-head { display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; align-items: flex-start; margin-bottom: 16px; }
.pa-admin-head h2 { font-size: 18px; font-weight: 700; margin: 0; }
.pa-admin-sub { font-size: 13px; color: var(--pa-muted); margin: 4px 0 0; }
.pa-admin-subtitle { font-size: 13px; font-weight: 700; color: var(--pa-navy); margin: 12px 0 6px; }
.pa-admin-muted { font-size: 12.5px; color: var(--pa-muted); }
.pa-admin-grid { display: grid; gap: 14px; grid-template-columns: 1fr; }
.pa-admin-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.pa-admin-list li { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 13.5px; padding: 7px 0; border-bottom: 1px solid var(--pa-line); }
.pa-admin-list li:last-child { border-bottom: 0; }

.pa-badge { font-size: 11px; font-weight: 600; border-radius: 4px; padding: 2px 7px; }
.pa-badge--ok { background: var(--pa-green-050); color: #0b6a36; }
.pa-badge--warn { background: #fff3d9; color: #8a5b00; }
.pa-badge--bad { background: var(--pa-red-050); color: #9b2626; }

.pa-quality { display: inline-block; min-width: 34px; text-align: center; font-size: 12px; font-weight: 700; border-radius: 6px; padding: 2px 6px; }
.pa-quality--high { background: #d8f0e1; color: #0a5c30; }
.pa-quality--mid { background: #fff3d9; color: #7a5100; }
.pa-quality--low { background: var(--pa-red-050); color: #9b2626; }

.pa-oem-tool { display: flex; gap: 8px; margin: 10px 0; }
.pa-oem-tool input { flex: 1; height: 42px; border: 1.5px solid var(--pa-line); border-radius: 8px; padding: 0 12px; font-size: 14px; }
.pa-oem-result { margin-top: 12px; }
.pa-oem-facts { display: grid; gap: 6px; margin: 0 0 10px; }
.pa-oem-facts > div { display: flex; gap: 10px; font-size: 13.5px; }
.pa-oem-facts dt { color: var(--pa-muted); min-width: 110px; margin: 0; }
.pa-oem-facts dd { margin: 0; font-weight: 600; }

.pa-match-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.pa-match { border: 1px solid var(--pa-line); border-radius: var(--pa-radius); padding: 14px; display: grid; gap: 10px; }
.pa-match.is-decided { opacity: .6; }
.pa-match-pair { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.pa-match-pair strong { display: block; font-size: 14.5px; }
.pa-match-pair i { color: var(--pa-muted); }
.pa-match-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font-size: 13px; }
.pa-match-actions { display: flex; gap: 8px; }
.pa-results-count { font-size: 13.5px; color: var(--pa-muted); }

@media (min-width: 768px) {
    .pa-product-top { grid-template-columns: 380px 1fr; }
    .pa-alt { grid-template-columns: 1fr 260px 120px; align-items: center; }
    .pa-admin-filters { grid-template-columns: repeat(3, 1fr) auto auto; }
    .pa-admin-grid { grid-template-columns: 1fr 1fr; }
}

/* ==========================================================================
   Asama 4 - fiyat karsilastirma, satici paneli, eslestirme kuyrugu
   ========================================================================== */

.pa-compare { margin-top: 26px; }
.pa-compare-head { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.pa-compare-head h2 { font-size: 19px; font-weight: 700; margin: 0; }
.pa-compare-note { font-size: 12px; color: var(--pa-muted); margin: 12px 0 0; }

.pa-assessment {
    display: flex; flex-wrap: wrap; gap: 8px; align-items: baseline;
    border-radius: var(--pa-radius); padding: 12px 16px; margin-bottom: 14px; font-size: 14px;
}
.pa-assessment strong { font-size: 15px; }
.pa-assessment--verified { background: #d8f0e1; color: #0a5c30; }
.pa-assessment--compatible { background: var(--pa-green-050); color: #12703f; }
.pa-assessment--unknown { background: #eef1f5; color: var(--pa-muted); }
.pa-assessment--possible { background: #fff3d9; color: #7a5100; }

.pa-highlights { display: grid; gap: 10px; grid-template-columns: repeat(2, 1fr); margin-bottom: 16px; }
.pa-highlight { background: #fff; border: 1px solid var(--pa-line); border-radius: var(--pa-radius); padding: 12px; }
.pa-highlight-tag { font-size: 11px; font-weight: 700; color: var(--pa-blue); display: block; }
.pa-highlight strong { display: block; font-size: 18px; font-weight: 800; color: var(--pa-navy); }
.pa-highlight span:last-child { font-size: 12.5px; color: var(--pa-muted); }

/* Mobilde tablo yerine kart gorunumu */
.pa-offer-list { display: grid; gap: 10px; }
.pa-offer {
    display: grid; gap: 12px; grid-template-columns: 1fr;
    background: #fff; border: 1px solid var(--pa-line); border-radius: var(--pa-radius-lg); padding: 14px;
}
.pa-offer.is-cheapest { border-color: var(--pa-green); box-shadow: 0 0 0 1px var(--pa-green); }
.pa-offer-merchant { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.pa-offer-merchant strong { font-size: 15px; }
.pa-offer-rating { font-size: 12.5px; color: #b58100; display: inline-flex; align-items: center; gap: 4px; }
.pa-tag--cheapest { background: var(--pa-green-050); color: #0b6a36; }

.pa-offer-figures { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin: 0; }
.pa-offer-figures > div { display: flex; justify-content: space-between; gap: 8px; font-size: 13px; border-bottom: 1px dashed var(--pa-line); padding-bottom: 4px; }
.pa-offer-figures dt { color: var(--pa-muted); margin: 0; font-weight: 500; }
.pa-offer-figures dd { margin: 0; font-weight: 600; }

.pa-offer-total { border-top: 1px solid var(--pa-line); padding-top: 10px; }
.pa-offer-diff { display: block; font-size: 12px; color: var(--pa-muted); margin-bottom: 6px; }

/* ------------------------------------------------------------ satici panel --- */
.pa-feed-health { display: grid; gap: 12px; grid-template-columns: 1fr; }
.pa-feed { border: 1px solid var(--pa-line); border-radius: var(--pa-radius); padding: 14px; }
.pa-feed > div:first-child { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 8px; }
.pa-feed dl { display: grid; gap: 4px; margin: 0; }
.pa-feed dl > div { display: flex; justify-content: space-between; gap: 10px; font-size: 13px; }
.pa-feed dt { color: var(--pa-muted); margin: 0; }
.pa-feed dd { margin: 0; font-weight: 600; }
.pa-feed-error { font-size: 12.5px; color: var(--pa-red); margin: 8px 0 0; }

.pa-feed-test { display: grid; gap: 8px; grid-template-columns: 1fr; margin: 12px 0; }
.pa-feed-test input, .pa-feed-test select {
    height: 42px; border: 1.5px solid var(--pa-line); border-radius: 8px; padding: 0 12px; font-size: 14px;
}
.pa-feed-result { margin-top: 12px; }
.pa-field-chip { display: inline-block; background: #eef1f5; border-radius: 4px; padding: 2px 7px; font-size: 12px; margin: 0 4px 4px 0; }
.pa-sample { background: var(--pa-navy); color: #d6e5f7; padding: 12px; border-radius: 8px; font-size: 12px; overflow-x: auto; max-height: 260px; }

.pa-integration { border: 1px solid var(--pa-line); border-radius: var(--pa-radius); padding: 14px; margin-bottom: 14px; }
.pa-integration-head { display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.pa-integration-head > div { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.pa-integration-facts { display: grid; gap: 5px; margin: 0 0 12px; }
.pa-integration-facts > div { display: flex; gap: 10px; font-size: 13px; }
.pa-integration-facts dt { color: var(--pa-muted); min-width: 140px; margin: 0; }
.pa-integration-facts dd { margin: 0; font-weight: 600; word-break: break-all; }
.pa-mapping-table th { width: 45%; font-size: 13px; font-weight: 500; color: var(--pa-muted); }

/* ------------------------------------------------------------- rekabet --- */
.pa-competition { display: grid; gap: 10px; }
.pa-comp { border: 1px solid var(--pa-line); border-radius: var(--pa-radius); padding: 14px; display: grid; gap: 10px; }
.pa-comp.is-winning { border-color: var(--pa-green); background: #f6fdf9; }
.pa-comp-product strong { display: block; font-size: 15px; }
.pa-comp-figures { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin: 0; }
.pa-comp-figures > div { display: flex; justify-content: space-between; gap: 8px; font-size: 13px; }
.pa-comp-figures dt { color: var(--pa-muted); margin: 0; }
.pa-comp-figures dd { margin: 0; font-weight: 700; }
.pa-comp-figures dd.is-negative { color: var(--pa-red); }
.pa-comp-figures dd.is-positive { color: #0b6a36; }

/* -------------------------------------------------- eslestirme kuyrugu --- */
.pa-status-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px; }
.pa-status-tabs a {
    display: inline-flex; align-items: center; gap: 6px;
    background: #fff; border: 1px solid var(--pa-line); border-radius: 999px;
    padding: 6px 14px; font-size: 13px; color: var(--pa-ink);
}
.pa-status-tabs a.is-active { background: var(--pa-navy); border-color: var(--pa-navy); color: #fff; }
.pa-status-tabs a span { font-weight: 700; }

.pa-match-detail {
    display: grid; gap: 16px; grid-template-columns: 1fr;
    background: #fff; border: 1px solid var(--pa-line); border-radius: var(--pa-radius-lg);
    padding: 16px; margin-bottom: 14px;
}
.pa-match-detail.is-decided { opacity: .55; }
.pa-match-detail h2 { font-size: 13px; font-weight: 700; color: var(--pa-muted); margin: 0 0 8px; }
.pa-match-merchant { font-size: 12.5px; color: var(--pa-blue); margin: 0 0 4px; font-weight: 600; }
.pa-match-title { display: block; font-size: 15px; margin-bottom: 10px; }
.pa-match-facts { display: grid; gap: 5px; margin: 0 0 10px; }
.pa-match-facts > div { display: flex; gap: 10px; font-size: 13px; }
.pa-match-facts dt { color: var(--pa-muted); min-width: 110px; margin: 0; }
.pa-match-facts dd { margin: 0; font-weight: 600; word-break: break-all; }
.pa-match-targets { border-top: 1px solid var(--pa-line); padding-top: 14px; }

.pa-suggest-list { list-style: none; margin: 0 0 12px; padding: 0; display: grid; gap: 6px; }
.pa-suggest-list li {
    display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; align-items: center;
    border: 1px solid var(--pa-line); border-radius: 8px; padding: 10px;
}
.pa-suggest-list strong { display: block; font-size: 14px; }
.pa-suggest-list .pa-admin-muted { display: block; }
.pa-suggest-action { display: flex; align-items: center; gap: 8px; }

.pa-manual-search input {
    width: 100%; height: 40px; border: 1.5px solid var(--pa-line);
    border-radius: 8px; padding: 0 12px; font-size: 14px;
}
.pa-manual-results { margin-top: 8px; }

@media (min-width: 768px) {
    .pa-highlights { grid-template-columns: repeat(4, 1fr); }
    .pa-offer { grid-template-columns: 1.1fr 2fr 200px; align-items: center; }
    .pa-offer-figures { grid-template-columns: repeat(5, 1fr); }
    .pa-offer-figures > div { flex-direction: column; gap: 2px; border-bottom: 0; text-align: center; }
    .pa-offer-total { border-top: 0; border-left: 1px solid var(--pa-line); padding: 0 0 0 16px; }
    .pa-feed-health { grid-template-columns: repeat(2, 1fr); }
    .pa-feed-test { grid-template-columns: 160px 1fr auto; }
    .pa-comp { grid-template-columns: 1.2fr 2fr auto; align-items: center; }
    .pa-comp-figures { grid-template-columns: repeat(5, 1fr); }
    .pa-match-detail { grid-template-columns: 1fr 1.3fr; }
    .pa-match-targets { border-top: 0; border-left: 1px solid var(--pa-line); padding: 0 0 0 16px; }
}

/* ==========================================================================
   Asama 5 - musteri paneli, favori, alarm, karsilastirma, bakim
   Mobile first: kart ve accordion; genis ekranda tablo ve sidebar.
   ========================================================================== */

/* ------------------------------------------------------------ panel duzeni */
.pa-account-layout {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: 1fr;
    padding-block: 1.25rem 3rem;
}

.pa-account-nav {
    border: 1px solid var(--pa-border);
    border-radius: 14px;
    background: #fff;
    overflow: hidden;
}

.pa-account-nav ul {
    list-style: none;
    margin: 0;
    padding: .35rem;
    display: flex;
    gap: .25rem;
    overflow-x: auto;
    scrollbar-width: thin;
}

.pa-account-nav a {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    white-space: nowrap;
    padding: .6rem .85rem;
    border-radius: 10px;
    color: #47506b;
    text-decoration: none;
    font-size: .92rem;
}

.pa-account-nav a:hover { background: #f2f4f9; }

.pa-account-nav a.is-active {
    background: var(--pa-primary);
    color: #fff;
}

.pa-account-nav a.is-active i { color: #fff; }

.pa-nav-badge {
    display: inline-flex;
    min-width: 1.35rem;
    height: 1.35rem;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #e8443a;
    color: #fff;
    font-size: .72rem;
    font-weight: 700;
    padding-inline: .35rem;
}

.pa-account-head { margin-bottom: 1.1rem; }
.pa-account-head h1 { font-size: 1.5rem; margin-bottom: .25rem; }
.pa-account-head p { color: #6a7288; margin: 0; }

.pa-block-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
    margin-bottom: .75rem;
}

.pa-block-head h1,
.pa-block-head h2 { margin: 0; }

.pa-account-block {
    margin-top: 1.5rem;
    padding: 1.1rem;
    border: 1px solid var(--pa-border);
    border-radius: 14px;
    background: #fff;
}

.pa-account-block > h2 { font-size: 1.1rem; margin-bottom: .75rem; }

.pa-muted { color: #6a7288; font-size: .9rem; }

@media (min-width: 992px) {
    .pa-account-layout {
        grid-template-columns: 250px minmax(0, 1fr);
        align-items: start;
    }

    .pa-account-nav { position: sticky; top: 1rem; }

    .pa-account-nav ul {
        flex-direction: column;
        overflow: visible;
    }

    .pa-account-nav a { width: 100%; }
}

/* ------------------------------------------------------------ istatistikler */
.pa-card-grid {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}

a.pa-stat { text-decoration: none; color: inherit; display: block; }
a.pa-stat:hover { border-color: var(--pa-primary); }

/* ------------------------------------------------------------------ garaj */
.pa-vehicle-grid {
    display: grid;
    gap: .9rem;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

.pa-vehicle-card {
    border: 1px solid var(--pa-border);
    border-radius: 14px;
    background: #fff;
    padding: 1rem;
}

.pa-vehicle-card.is-default { border-color: var(--pa-primary); }
.pa-vehicle-card h2 { font-size: 1.05rem; margin: 0 0 .35rem; }

.pa-vehicle-facts { margin: .75rem 0; display: grid; gap: .4rem; }
.pa-vehicle-facts div { display: flex; justify-content: space-between; gap: .75rem; }
.pa-vehicle-facts dt { color: #6a7288; font-size: .85rem; font-weight: 500; }
.pa-vehicle-facts dd { margin: 0; font-size: .9rem; text-align: right; }

.pa-vehicle-facts--wide { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }

.pa-vehicle-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    align-items: center;
}

.pa-vehicle-actions form { margin: 0; }

.pa-plate {
    display: inline-block;
    border: 2px solid #123;
    border-radius: 4px;
    padding: .05rem .4rem;
    font-weight: 700;
    letter-spacing: .04em;
    font-size: .82rem;
    background: #fff;
}

/* -------------------------------------------------------------- formlar */
.pa-form { max-width: 620px; }

.pa-form-block {
    margin-bottom: 1.25rem;
    padding: 1rem;
    border: 1px solid var(--pa-border);
    border-radius: 14px;
    background: #fff;
}

.pa-form-block h2 { font-size: 1.05rem; margin-bottom: .75rem; }

.pa-form-row { margin-bottom: .85rem; display: flex; flex-direction: column; gap: .3rem; }
.pa-form-row label { font-weight: 600; font-size: .9rem; }

.pa-form-row input,
.pa-form-row select {
    border: 1px solid var(--pa-border);
    border-radius: 10px;
    padding: .55rem .7rem;
    font-size: .95rem;
    min-height: 44px;
}

.pa-form-row input:focus,
.pa-form-row select:focus {
    outline: 2px solid var(--pa-primary);
    outline-offset: 1px;
}

.pa-form-row--check { flex-direction: row; align-items: center; gap: .5rem; }
.pa-form-row--check input { min-height: auto; width: 1.1rem; height: 1.1rem; }
.pa-form-row--check label { font-weight: 500; }

.pa-form-hint { color: #6a7288; font-size: .82rem; }
.pa-form-status { font-size: .85rem; color: #2e7d32; }
.pa-form-status.is-error { color: #c0392b; }

.pa-form-actions { display: flex; gap: .5rem; flex-wrap: wrap; }

.pa-inline-form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    margin-bottom: 1rem;
}

.pa-inline-form label { font-weight: 600; font-size: .9rem; }

.pa-inline-form input,
.pa-inline-form select {
    border: 1px solid var(--pa-border);
    border-radius: 10px;
    padding: .45rem .6rem;
    min-height: 42px;
}

/* --------------------------------------------------------- urun aksiyonlari */
.pa-part-actions,
.pa-product-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-top: .5rem;
}

.pa-icon-action {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    border: 1px solid var(--pa-border);
    background: #fff;
    border-radius: 10px;
    padding: .45rem .7rem;
    font-size: .85rem;
    color: #47506b;
    cursor: pointer;
    min-height: 40px;
}

.pa-icon-action:hover { border-color: var(--pa-primary); color: var(--pa-primary); }

.pa-icon-action.is-active {
    border-color: #e8443a;
    color: #e8443a;
    background: #fff5f4;
}

.pa-icon-action:disabled { opacity: .6; cursor: progress; }

.pa-part-drop {
    color: #1d7a45;
    font-size: .85rem;
    font-weight: 600;
    margin: .35rem 0 0;
}

.pa-action--compare { position: relative; }

.pa-action-count {
    position: absolute;
    top: -.15rem;
    right: -.35rem;
    background: var(--pa-primary);
    color: #fff;
    border-radius: 999px;
    font-size: .68rem;
    min-width: 1.15rem;
    height: 1.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.pa-action--vehicle .pa-action-sub {
    display: block;
    font-size: .68rem;
    color: #6a7288;
    line-height: 1;
}

.pa-action--vehicle strong {
    display: block;
    font-size: .82rem;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* --------------------------------------------------------- fiyat alarmi */
.pa-alert-box {
    margin-top: .75rem;
    padding: .85rem;
    border: 1px solid var(--pa-border);
    border-radius: 12px;
    background: #f8f9fc;
}

.pa-alert-box fieldset { border: 0; padding: 0; margin: 0; }
.pa-alert-box legend { font-size: .95rem; font-weight: 700; margin-bottom: .5rem; }

.pa-alert-list { display: grid; gap: .85rem; }

.pa-alert-card {
    border: 1px solid var(--pa-border);
    border-radius: 14px;
    background: #fff;
    padding: 1rem;
    display: grid;
    gap: .75rem;
}

.pa-alert-card.is-passive { opacity: .65; }
.pa-alert-card h2 { font-size: 1.05rem; margin: .15rem 0; }

.pa-alert-facts {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    margin: 0;
}

.pa-alert-facts dt { font-size: .78rem; color: #6a7288; }
.pa-alert-facts dd { margin: 0; font-weight: 600; font-size: .92rem; }

.pa-alert-actions { display: flex; gap: .5rem; flex-wrap: wrap; align-items: center; }
.pa-alert-actions form { margin: 0; }

@media (min-width: 768px) {
    .pa-alert-card { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.6fr) auto; align-items: center; }
}

/* -------------------------------------------------------------- bildirim */
.pa-notification-list { list-style: none; margin: 0; padding: 0; display: grid; gap: .6rem; }

.pa-notification-list li {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .75rem;
    padding: .85rem;
    border: 1px solid var(--pa-border);
    border-radius: 12px;
    background: #fff;
}

.pa-notification-list li.is-unread { border-left: 3px solid var(--pa-primary); background: #f7f9ff; }
.pa-notification-list li i { font-size: 1.2rem; color: var(--pa-primary); }
.pa-notification-list strong { display: block; margin-top: .2rem; }
.pa-notification-list p { margin: .25rem 0 .35rem; color: #47506b; font-size: .9rem; }
.pa-notification-list time { grid-column: 1 / -1; font-size: .78rem; color: #6a7288; }

@media (min-width: 768px) {
    .pa-notification-list li { grid-template-columns: auto minmax(0, 1fr) auto; }
    .pa-notification-list time { grid-column: auto; }
}

/* ---------------------------------------------------------------- bakim */
.pa-maintenance-list { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }

.pa-maintenance-list li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    padding: .6rem .75rem;
    border: 1px solid var(--pa-border);
    border-radius: 10px;
}

.pa-maintenance-cards {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

.pa-maintenance-card {
    border: 1px solid var(--pa-border);
    border-radius: 14px;
    background: #fff;
    padding: 1rem;
}

.pa-maintenance-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .5rem;
    flex-wrap: wrap;
    margin-bottom: .4rem;
}

.pa-maintenance-facts {
    display: grid;
    gap: .35rem;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    margin: .6rem 0;
}

.pa-maintenance-facts dt { font-size: .75rem; color: #6a7288; }
.pa-maintenance-facts dd { margin: 0; font-weight: 600; font-size: .88rem; }

.pa-maintenance-form summary {
    cursor: pointer;
    font-size: .88rem;
    color: var(--pa-primary);
    padding: .35rem 0;
}

.pa-package-list { list-style: none; margin: 0 0 .75rem; padding: 0; display: grid; gap: .5rem; }

.pa-package-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    padding: .65rem .8rem;
    border: 1px solid var(--pa-border);
    border-radius: 10px;
}

.pa-package-price { font-weight: 700; white-space: nowrap; }
.pa-package-total { font-size: 1rem; margin: 0; }

/* -------------------------------------------------------- karsilastirma */
.pa-compare-grid {
    display: grid;
    gap: .85rem;
    grid-template-columns: 1fr;
}

.pa-compare-col {
    border: 1px solid var(--pa-border);
    border-radius: 14px;
    background: #fff;
    padding: 1rem;
}

.pa-compare-media { height: 120px; display: flex; align-items: center; justify-content: center; }
.pa-compare-media img { max-height: 120px; max-width: 100%; object-fit: contain; }
.pa-compare-col h3 { font-size: 1rem; margin: .35rem 0; }

.pa-compare-facts { margin: .75rem 0; display: grid; gap: .4rem; }
.pa-compare-facts div { display: flex; justify-content: space-between; gap: .6rem; border-bottom: 1px dashed #eef0f5; padding-bottom: .3rem; }
.pa-compare-facts dt { font-size: .8rem; color: #6a7288; }
.pa-compare-facts dd { margin: 0; font-size: .85rem; text-align: right; font-weight: 600; }

.pa-compare-actions { display: flex; gap: .5rem; flex-wrap: wrap; }
.pa-compare-actions form { margin: 0; }

@media (min-width: 768px) {
    .pa-compare-grid { grid-template-columns: repeat(var(--pa-compare-cols, 2), minmax(0, 1fr)); }
}

/* ------------------------------------------------------- fiyat gecmisi */
.pa-history {
    margin: 1.5rem 0;
    padding: 1.1rem;
    border: 1px solid var(--pa-border);
    border-radius: 14px;
    background: #fff;
}

.pa-period-nav { display: flex; gap: .35rem; flex-wrap: wrap; }

.pa-period-nav a {
    padding: .3rem .7rem;
    border-radius: 999px;
    border: 1px solid var(--pa-border);
    font-size: .82rem;
    text-decoration: none;
    color: #47506b;
}

.pa-period-nav a.is-active { background: var(--pa-primary); color: #fff; border-color: transparent; }

.pa-chart svg { width: 100%; height: 160px; display: block; }
.pa-chart-line { fill: none; stroke: var(--pa-primary); stroke-width: .8; vector-effect: non-scaling-stroke; }
.pa-chart-area { fill: rgba(31, 94, 255, .12); stroke: none; }
.pa-chart figcaption { font-size: .82rem; color: #6a7288; margin-top: .4rem; }
.pa-history-table { margin-top: .85rem; }

.pa-assessment {
    display: flex;
    flex-direction: column;
    gap: .1rem;
    padding: .75rem 1rem;
    border-radius: 12px;
    margin: 1rem 0;
    border-left: 4px solid;
}

.pa-assessment strong { font-size: .98rem; }
.pa-assessment span { font-size: .88rem; }
.pa-assessment--verified { background: #eefaf1; border-color: #1d7a45; color: #14532d; }
.pa-assessment--compatible { background: #f0f7ff; border-color: #1f5eff; color: #17346f; }
.pa-assessment--unknown { background: #f6f7f9; border-color: #9aa3b5; color: #414a5e; }
.pa-assessment--possible { background: #fff8ec; border-color: #c58012; color: #6b4406; }

/* --------------------------------------------------------------- diger */
.pa-mini-list,
.pa-history-list { list-style: none; margin: 0; padding: 0; display: grid; gap: .4rem; }

.pa-mini-list li,
.pa-history-list li {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    padding: .5rem .65rem;
    border: 1px solid var(--pa-border);
    border-radius: 10px;
}

.pa-brand-grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: .6rem;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
}

.pa-brand-grid a {
    display: block;
    padding: .8rem;
    text-align: center;
    border: 1px solid var(--pa-border);
    border-radius: 12px;
    text-decoration: none;
    color: inherit;
    background: #fff;
}

.pa-brand-grid a:hover { border-color: var(--pa-primary); }
.pa-brand-grid span { display: block; font-size: .78rem; color: #6a7288; }

.pa-empty-actions { display: flex; gap: .5rem; flex-wrap: wrap; justify-content: center; margin-top: .75rem; }

.pa-filter-count { float: right; color: #8a92a6; font-size: .8rem; }

.pa-table-wrap { overflow-x: auto; }

.pa-category.is-empty { opacity: .6; }

.pa-toast {
    position: fixed;
    left: 50%;
    bottom: 5rem;
    transform: translateX(-50%) translateY(1rem);
    background: #1b2233;
    color: #fff;
    padding: .7rem 1.1rem;
    border-radius: 999px;
    font-size: .9rem;
    opacity: 0;
    pointer-events: none;
    transition: opacity .18s ease, transform .18s ease;
    z-index: 1080;
    max-width: 90vw;
    text-align: center;
}

.pa-toast.is-visible { opacity: 1; transform: translateX(-50%) translateY(0); }
.pa-toast.is-error { background: #a3271d; }

.pa-mobile-nav a.is-active { color: var(--pa-primary); }

/* Mobilde alt navigasyonun icerigi ortmemesi icin */
@media (max-width: 991.98px) {
    .pa-account-main { padding-bottom: 4.5rem; }
}

/* ==========================================================================
   Asama 6 - urun detay sekmeleri, kopyalama, karsilastirma tepsisi,
   magaza sayfasi ve veri bildirimleri
   ========================================================================== */

/* ------------------------------------------------------------- sekmeler */
.pa-tab-nav {
    display: flex;
    gap: .25rem;
    overflow-x: auto;
    border-bottom: 1px solid var(--pa-border);
    margin: 1.5rem 0 1rem;
    scrollbar-width: thin;
}

.pa-tab-nav button {
    border: 0;
    background: none;
    padding: .7rem 1rem;
    font-size: .92rem;
    font-weight: 600;
    color: #6a7288;
    white-space: nowrap;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    min-height: 44px;
}

.pa-tab-nav button:hover { color: var(--pa-primary); }

.pa-tab-nav button.is-active {
    color: var(--pa-primary);
    border-bottom-color: var(--pa-primary);
}

.pa-tab-nav button:focus-visible {
    outline: 2px solid var(--pa-primary);
    outline-offset: -2px;
}

/* ----------------------------------------------------------- kopyalama */
.pa-copy {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    border: 1px solid var(--pa-border);
    background: #fff;
    border-radius: 8px;
    padding: .2rem .5rem;
    font-size: .76rem;
    color: #6a7288;
    cursor: pointer;
    margin-left: .35rem;
    min-height: 32px;
}

.pa-copy:hover { border-color: var(--pa-primary); color: var(--pa-primary); }

/* Mobilde kopyalama butonu daha rahat hedeflenebilir olmali */
@media (max-width: 575.98px) {
    .pa-copy { min-height: 38px; padding: .3rem .6rem; }
}

/* -------------------------------------------- karsilastirma tepsisi */
.pa-compare-tray {
    position: fixed;
    left: 50%;
    bottom: 4.75rem;
    transform: translateX(-50%) translateY(1.5rem);
    display: flex;
    align-items: center;
    gap: 1rem;
    background: #1b2233;
    color: #fff;
    padding: .7rem 1.1rem;
    border-radius: 14px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, .25);
    z-index: 1040;
    opacity: 0;
    pointer-events: none;
    transition: opacity .18s ease, transform .18s ease;
    max-width: calc(100vw - 1.5rem);
    flex-wrap: wrap;
}

.pa-compare-tray.is-visible {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
}

.pa-compare-tray-count { font-size: .9rem; }
.pa-compare-tray-count .pa-muted { color: #aeb6c9; }
.pa-compare-tray-actions { display: flex; gap: .4rem; align-items: center; }
.pa-compare-tray-actions form { margin: 0; }

@media (min-width: 992px) {
    .pa-compare-tray { bottom: 1.5rem; }
}

/* ----------------------------------------------------- fiyat araligi */
.pa-price-range {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .4rem;
    align-items: center;
    margin-top: .6rem;
}

.pa-price-range label { font-size: .82rem; color: #6a7288; }

.pa-price-range input {
    border: 1px solid var(--pa-border);
    border-radius: 8px;
    padding: .35rem .5rem;
    width: 100%;
    min-height: 38px;
}

.pa-price-range button { grid-column: 1 / -1; }

/* -------------------------------------------------------- magaza sayfasi */
.pa-merchant-head {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    margin: 1rem 0 1.5rem;
    flex-wrap: wrap;
}

.pa-merchant-logo {
    width: 84px;
    height: 84px;
    border-radius: 14px;
    border: 1px solid var(--pa-border);
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.5rem;
    color: #6a7288;
    flex-shrink: 0;
    overflow: hidden;
}

.pa-merchant-logo img { max-width: 100%; max-height: 100%; object-fit: contain; }
.pa-merchant-head h1 { font-size: 1.5rem; margin: 0 0 .3rem; }
.pa-merchant-rating { margin: 0 0 .35rem; font-weight: 600; }
.pa-merchant-rating i { color: #f0a92c; }
.pa-merchant-desc { color: #47506b; margin: 0; max-width: 60ch; }
.pa-merchant-page { padding-bottom: 3rem; }

/* --------------------------------------------------- veri bildirimleri */
.pa-report {
    margin: 1.5rem 0 2rem;
    padding: 1rem;
    border: 1px dashed var(--pa-border);
    border-radius: 14px;
}

.pa-report summary {
    cursor: pointer;
    font-weight: 600;
    font-size: .95rem;
    color: #47506b;
    padding: .25rem 0;
}

.pa-report summary:hover { color: var(--pa-primary); }
.pa-report form { max-width: 520px; margin-top: .5rem; }

.pa-report-list { display: grid; gap: .85rem; }

.pa-report-card {
    border: 1px solid var(--pa-border);
    border-radius: 14px;
    background: #fff;
    padding: 1rem;
}

.pa-report-card header {
    display: flex;
    gap: .5rem;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: .5rem;
}

.pa-report-card time { margin-left: auto; font-size: .8rem; color: #6a7288; }
.pa-report-message { font-size: .95rem; margin: 0 0 .6rem; }

.pa-admin-toolbar { margin-bottom: 1rem; }

/* ==========================================================================
   Asama 7 - satici paneli: rekabet dagilimi, teklif kartlari, veri kalitesi
   ========================================================================== */

.pa-subheading { font-size: .98rem; font-weight: 700; margin: 1rem 0 .5rem; }

.pa-chip-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.pa-chip-list li {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font-size: .85rem;
    font-weight: 600;
}

/* Rekabet dagilim cubugu */
.pa-distribution {
    display: flex;
    height: 12px;
    border-radius: 999px;
    overflow: hidden;
    margin-top: 1rem;
    background: #eef0f5;
}

.pa-distribution-part { display: block; height: 100%; }
.pa-distribution-part.pa-fit--verified { background: #1d7a45; }
.pa-distribution-part.pa-fit--compatible { background: #2f8fdc; }
.pa-distribution-part.pa-fit--possible { background: #d99125; }
.pa-distribution-part.pa-fit--incompatible { background: #c0392b; }
.pa-distribution-part.pa-fit--unknown { background: #9aa3b5; }

/* Satici teklif kartlari: mobilde kart, genis ekranda satir */
.pa-offer-grid { display: grid; gap: .75rem; }

.pa-seller-offer {
    border: 1px solid var(--pa-border);
    border-radius: 12px;
    background: #fff;
    padding: .9rem;
    display: grid;
    gap: .7rem;
}

.pa-seller-offer-main { display: grid; gap: .15rem; }
.pa-seller-offer-main a { font-weight: 600; }

.pa-seller-offer-figures {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    gap: .5rem;
    margin: 0;
}

.pa-seller-offer-figures div { display: grid; gap: .1rem; }
.pa-seller-offer-figures dt { font-size: .74rem; color: #6a7288; }
.pa-seller-offer-figures dd { margin: 0; font-size: .88rem; font-weight: 600; }

.pa-seller-offer-status {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center;
}

@media (min-width: 1200px) {
    .pa-seller-offer {
        grid-template-columns: minmax(0, 1.4fr) minmax(0, 2fr) minmax(0, 1fr);
        align-items: center;
    }
}

/* Veri kalitesi cubuklari */
.pa-quality-bars { display: grid; gap: .45rem; margin-bottom: 1rem; }

.pa-quality-row {
    display: grid;
    grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr) auto;
    gap: .6rem;
    align-items: center;
    font-size: .86rem;
}

.pa-quality-bar {
    display: block;
    height: 8px;
    border-radius: 999px;
    background: #eef0f5;
    overflow: hidden;
}

.pa-quality-bar span { display: block; height: 100%; background: var(--pa-primary); }

.pa-advice-list { list-style: none; margin: 0; padding: 0; display: grid; gap: .4rem; }

.pa-advice-list li {
    display: flex;
    gap: .5rem;
    align-items: flex-start;
    font-size: .88rem;
    padding: .5rem .7rem;
    background: #f7f9ff;
    border-radius: 10px;
}

.pa-advice-list i { color: var(--pa-primary); }

/* Basit cubuk grafik */
.pa-bar-chart {
    display: flex;
    align-items: flex-end;
    gap: 2px;
    height: 130px;
    padding-top: .5rem;
}

.pa-bar { flex: 1 1 auto; display: flex; align-items: flex-end; height: 100%; min-width: 3px; }
.pa-bar span { display: block; width: 100%; background: var(--pa-primary); border-radius: 2px 2px 0 0; min-height: 2px; }

/* Onboarding */
.pa-onboarding { list-style: none; margin: 0; padding: 0; display: grid; gap: .45rem; }

.pa-onboarding li {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .55rem .75rem;
    border: 1px solid var(--pa-border);
    border-radius: 10px;
    font-size: .9rem;
}

.pa-onboarding li.is-done { background: #eefaf1; border-color: #bfe5cc; }
.pa-onboarding li.is-done i { color: #1d7a45; }

/* Destek mesajlari */
.pa-message-list { list-style: none; margin: 0 0 1rem; padding: 0; display: grid; gap: .6rem; }

.pa-message-list li {
    border: 1px solid var(--pa-border);
    border-radius: 12px;
    padding: .75rem;
    background: #fff;
}

.pa-message-list li.is-staff { background: #f7f9ff; border-color: #cddbff; }
.pa-message-list time { font-size: .78rem; color: #6a7288; margin-left: .5rem; }
.pa-message-list p { margin: .35rem 0 0; font-size: .9rem; }

.pa-two-col { display: grid; gap: 1rem; }

@media (min-width: 992px) {
    .pa-two-col { grid-template-columns: 1fr 1fr; }
}

tr.is-current { background: #f7f9ff; font-weight: 600; }

/* ==========================================================================
   Asama 7 - satici yukleme sihirbazi
   ========================================================================== */
.pa-wizard {
    display: flex;
    gap: .5rem;
    list-style: none;
    margin: 0 0 1.25rem;
    padding: 0;
    overflow-x: auto;
    scrollbar-width: thin;
}

.pa-wizard li {
    display: flex;
    align-items: center;
    gap: .45rem;
    padding: .5rem .85rem;
    border: 1px solid var(--pa-border);
    border-radius: 999px;
    font-size: .85rem;
    color: #6a7288;
    white-space: nowrap;
    background: #fff;
}

.pa-wizard-no {
    display: inline-flex;
    width: 1.4rem;
    height: 1.4rem;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #eef0f5;
    font-weight: 700;
    font-size: .75rem;
}

.pa-wizard li.is-current {
    border-color: var(--pa-primary);
    color: var(--pa-primary);
    font-weight: 600;
}

.pa-wizard li.is-current .pa-wizard-no {
    background: var(--pa-primary);
    color: #fff;
}

.pa-wizard li.is-done { color: #1d7a45; border-color: #bfe3cd; }
.pa-wizard li.is-done .pa-wizard-no { background: #1d7a45; color: #fff; }

.pa-panel-block {
    background: #fff;
    border: 1px solid var(--pa-border);
    border-radius: 14px;
    padding: 1.1rem;
    margin-bottom: 1.25rem;
}

.pa-panel-block > h2 { font-size: 1.1rem; margin: 0 0 .6rem; }

.pa-mapping-grid {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    margin-bottom: 1rem;
}

.pa-required { color: #c0392b; margin-left: .15rem; }

.pa-alert--warning {
    background: #fff8ec;
    border-left: 4px solid #c58012;
    color: #6b4406;
    padding: .8rem 1rem;
    border-radius: 10px;
    margin-bottom: 1rem;
}

.pa-alert--warning ul { margin: .4rem 0 0; padding-left: 1.1rem; font-size: .88rem; }

input[type="file"] {
    border: 1px dashed var(--pa-border);
    border-radius: 10px;
    padding: .7rem;
    width: 100%;
    background: #fafbfd;
}

/* ==========================================================================
   Asama 8 - admin operasyon ekranlari
   ========================================================================== */
.pa-alert-list-ops { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }

.pa-alert-list-ops li {
    display: flex;
    align-items: center;
    gap: .6rem;
    flex-wrap: wrap;
    padding: .65rem .85rem;
    border-radius: 10px;
    border-left: 4px solid;
    font-size: .92rem;
}

.pa-alert-list-ops li a { margin-left: auto; white-space: nowrap; }
.pa-alert-list-ops li.is-danger  { background: #fdf0ef; border-color: #c0392b; color: #7a1d15; }
.pa-alert-list-ops li.is-warning { background: #fff8ec; border-color: #c58012; color: #6b4406; }
.pa-alert-list-ops li.is-info    { background: #f0f7ff; border-color: #1f5eff; color: #17346f; }

.pa-progress {
    height: 10px;
    border-radius: 999px;
    background: #eef0f5;
    overflow: hidden;
    margin: .4rem 0 .6rem;
}

.pa-progress span { display: block; height: 100%; background: var(--pa-primary); }

.pa-match-rate { margin: 0; font-size: 1rem; }
.pa-match-rate strong { font-size: 1.2rem; }

.pa-chip-row { list-style: none; margin: 0; padding: 0; display: flex; gap: .4rem; flex-wrap: wrap; }
.pa-chip-row a.pa-chip { text-decoration: none; }

.pa-fp-total { font-size: 1rem; margin: .5rem 0 1rem; }
.pa-fp-total strong { font-size: 1.25rem; }
.pa-fp-total strong.is-invalid { color: #c0392b; }
.pa-audit-diff code { font-size: .78rem; display: block; word-break: break-all; }

/* ==========================================================================
   Asama 9 - bulucu sayfalari (lastik / yag / aku / parca / arac)
   Mobile first: tek kolon, 44px dokunma hedefi; genis ekranda cok kolon.
   ========================================================================== */
.pa-finder { padding-block: 1rem 3rem; }

.pa-finder-hero {
    background: linear-gradient(135deg, var(--pa-navy) 0%, var(--pa-navy-700) 100%);
    color: #fff;
    border-radius: var(--pa-radius-lg);
    padding: 1.5rem 1.25rem;
    margin-bottom: 1.5rem;
}

.pa-finder-hero h1 {
    font-size: clamp(1.4rem, 4vw, 2rem);
    margin: 0 0 .5rem;
    line-height: 1.25;
}

.pa-finder-lead {
    margin: 0 0 1rem;
    color: rgba(255, 255, 255, .82);
    max-width: 62ch;
}

.pa-finder-vehicle {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    background: rgba(255, 255, 255, .12);
    border-radius: var(--pa-radius);
    padding: .7rem .9rem;
}

.pa-finder-vehicle i { font-size: 1.3rem; }
.pa-finder-vehicle span { display: block; font-size: .78rem; color: rgba(255, 255, 255, .75); }
.pa-finder-vehicle strong { display: block; font-size: .95rem; }
.pa-finder-vehicle a { margin-left: auto; color: #fff; }
.pa-finder-vehicle .pa-link { text-decoration: underline; }

.pa-finder-block {
    background: var(--pa-surface);
    border: 1px solid var(--pa-border);
    border-radius: var(--pa-radius-lg);
    padding: 1.1rem;
    margin-bottom: 1.1rem;
}

.pa-finder-block > h2 {
    font-size: 1.1rem;
    margin: 0 0 .6rem;
    display: flex;
    align-items: center;
    gap: .45rem;
}

.pa-finder-columns { display: grid; gap: 1.1rem; grid-template-columns: 1fr; }

@media (min-width: 768px) {
    .pa-finder-columns { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
    .pa-finder-hero { padding: 2rem 1.75rem; }
}

/* Olcu formu: mobilde alt alta, genis ekranda tek satir */
.pa-size-form {
    display: grid;
    grid-template-columns: 1fr;
    gap: .6rem;
    align-items: end;
}

.pa-size-form .pa-form-row { margin: 0; }
.pa-size-sep { display: none; }

@media (min-width: 576px) {
    .pa-size-form {
        grid-template-columns: 1fr auto 1fr auto 1fr auto;
        align-items: end;
    }

    .pa-size-sep {
        display: block;
        font-weight: 700;
        color: var(--pa-muted);
        padding-bottom: .7rem;
    }
}

/* Deger kutucuklari */
.pa-token-grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
}

.pa-token-grid--wide { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); }

.pa-token-grid a {
    display: block;
    min-height: var(--pa-tap);
    padding: .6rem .7rem;
    border: 1px solid var(--pa-border);
    border-radius: var(--pa-radius);
    text-decoration: none;
    color: var(--pa-text);
    background: var(--pa-surface);
    transition: border-color .15s ease;
}

.pa-token-grid a:hover { border-color: var(--pa-primary); }
.pa-token-grid strong { display: block; font-size: .95rem; }
.pa-token-grid span { font-size: .78rem; color: var(--pa-muted); }

.pa-chip-list { list-style: none; margin: 0; padding: 0; display: flex; gap: .4rem; flex-wrap: wrap; }
.pa-chip-list a.pa-chip { text-decoration: none; min-height: 36px; display: inline-flex; align-items: center; gap: .3rem; }

.pa-subcategory-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: .35rem;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
}

.pa-subcategory-list a {
    display: block;
    padding: .55rem .7rem;
    min-height: var(--pa-tap);
    border-radius: var(--pa-radius);
    text-decoration: none;
    color: var(--pa-text);
    background: var(--pa-bg);
}

.pa-subcategory-list a:hover { background: var(--pa-primary-050); color: var(--pa-primary); }

/* Bilgi bloklari: hem kullaniciya hem arama motorlarina acik */
.pa-geo { background: var(--pa-bg); }
.pa-fact-list { display: grid; gap: .6rem; margin: 0; }
.pa-fact-list div { display: grid; grid-template-columns: 1fr; gap: .1rem; }
.pa-fact-list dt { font-weight: 700; font-size: .92rem; }
.pa-fact-list dd { margin: 0; color: var(--pa-muted); font-size: .92rem; }

@media (min-width: 768px) {
    .pa-fact-list div { grid-template-columns: 190px 1fr; gap: .75rem; }
}

/* Kategori navigasyonu: mobilde yatay kaydirilir, masaustunde tek satir */
.pa-catnav {
    border-top: 1px solid var(--pa-border);
    background: var(--pa-surface);
}

.pa-catnav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: .25rem;
    overflow-x: auto;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}

.pa-catnav a {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    white-space: nowrap;
    padding: .7rem .8rem;
    min-height: var(--pa-tap);
    font-size: .9rem;
    font-weight: 600;
    color: var(--pa-muted);
    text-decoration: none;
    border-bottom: 2px solid transparent;
}

.pa-catnav a:hover {
    color: var(--pa-primary);
    border-bottom-color: var(--pa-primary);
}

.pa-catnav a:focus-visible {
    outline: 2px solid var(--pa-primary);
    outline-offset: -2px;
}