/* --- APP.CSS: DRIVER HUB DESIGN SYSTEM + LEGACY COMPAT --- */

:root {
    /* === Driver Hub Design Tokens === */
    --dh-color-primary: #10069f;
    --dh-color-primary-hover: #0c0486;
    --dh-color-primary-active: #08035f;
    --dh-color-bg: #ffffff;
    --dh-color-surface: #ffffff;
    --dh-color-surface-soft: #f8faff;
    --dh-color-text: #0b0f1a;
    --dh-color-muted: #667085;
    --dh-color-border: rgba(16, 24, 40, 0.12);
    --dh-color-border-strong: rgba(16, 24, 40, 0.2);
    --dh-color-focus: rgba(16, 6, 159, 0.22);
    --dh-color-success: #067647;
    --dh-color-warning: #b54708;
    --dh-color-danger: #b42318;
    --dh-shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.06);
    --dh-shadow-md: 0 8px 24px rgba(16, 24, 40, 0.1);
    --dh-shadow-lg: 0 18px 40px rgba(16, 24, 40, 0.14);
    --dh-radius-sm: 10px;
    --dh-radius-md: 16px;
    --dh-radius-pill: 25px;
    --dh-space-1: 4px;
    --dh-space-2: 8px;
    --dh-space-3: 12px;
    --dh-space-4: 16px;
    --dh-space-5: 24px;
    --dh-space-6: 32px;
    --dh-space-7: 40px;
    --dh-font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";

    /* === Legacy aliases (no-break adapter) === */
    --c-primary: var(--dh-color-primary);
    --c-accent: var(--dh-color-primary-hover);
    --c-accent-hover: var(--dh-color-primary-active);
    --c-bg: var(--dh-color-bg);
    --c-bg-alt: var(--dh-color-surface-soft);
    --c-text: var(--dh-color-text);
    --c-text-muted: var(--dh-color-muted);
    --c-border: var(--dh-color-border);
    --c-border-focus: var(--dh-color-primary);
    --shadow-sm: var(--dh-shadow-sm);
    --shadow-card: var(--dh-shadow-md);
    --shadow-hover: var(--dh-shadow-lg);
    --radius: var(--dh-radius-md);
    --radius-btn: var(--dh-radius-pill);
    --font-main: var(--dh-font-sans);
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

/* --- BASE --- */
body {
    font-family: var(--font-main);
    color: var(--c-text);
    background-color: var(--c-bg);
    line-height: 1.55;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
}

a { color: var(--c-primary); text-decoration: none; transition: color 0.18s ease, opacity 0.18s ease; font-weight: 500; }
a:hover { color: var(--c-accent); }

img { max-width: 100%; height: auto; display: block; }

/* Driver Hub avatar base (single renderer compatibility) */
.dh-avatar {
    display: block;
    border-radius: 999px;
    object-fit: cover;
    background: var(--dh-color-surface-soft, #f5f6fa);
}

.dh-avatar--sm { width: 32px; height: 32px; }
.dh-avatar--md { width: 48px; height: 48px; }
.dh-avatar--lg { width: 96px; height: 96px; }
.dh-avatar--mini {
    width: 96px;
    height: 96px;
    min-width: 96px;
    min-height: 96px;
    max-width: 96px;
    max-height: 96px;
}

.user-avatar-trigger__avatar .dh-avatar,
.user-badge .avatar .dh-avatar,
.s-avatar .dh-avatar,
.sc-avatar .dh-avatar,
.seller-avatar-box .dh-avatar,
.reviewer-avatar .dh-avatar {
    width: 100%;
    height: 100%;
}

.dh-settings-avatar .dh-avatar--mini {
    flex: 0 0 auto;
    object-fit: cover;
}

@media (max-width: 900px) {
    .dh-settings-avatar .dh-avatar--mini {
        width: 72px;
        height: 72px;
        min-width: 72px;
        min-height: 72px;
        max-width: 72px;
        max-height: 72px;
    }
}

h1, h2, h3, h4, h5, h6 { margin: 0 0 15px 0; font-weight: 700; letter-spacing: -0.02em; }
p { margin: 0 0 15px 0; color: var(--c-text-muted); }

:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 3px var(--dh-color-focus);
}

/* --- LAYOUT UTILS --- */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

/* Grid System */
.grid-3 { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 32px; }
.grid-2 { display: grid; grid-template-columns: repeat(auto-fill, minmax(380px, 1fr)); gap: 32px; }

/* --- HEADER (Glassmorphism) --- */
.site-header {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--c-border);
    padding: 16px 0;
    position: sticky;
    top: 0;
    z-index: 1000;
}

.header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo {
    font-size: 1.6rem;
    font-weight: 800;
    color: var(--c-primary);
    letter-spacing: -0.5px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
}

.logo__image {
    display: block;
    width: clamp(104px, 12vw, 172px);
    height: auto;
    max-width: 100%;
}

.logo__pro-icon {
    display: block;
    width: clamp(22px, 2.5vw, 30px);
    height: auto;
    flex: 0 0 auto;
    border-radius: 6px;
}

.nav-links { display: flex; align-items: center; gap: 24px; }
.nav-links a { font-weight: 600; color: var(--c-text); font-size: 0.95rem; }
.nav-links a:hover { color: var(--c-primary); }

.nav-links .btn-nav {
    background: var(--c-primary);
    color: #fff;
    padding: 10px 24px;
    border-radius: var(--radius-btn);
    transition: all 0.2s ease;
    font-size: 0.9rem;
}
.nav-links .btn-nav:hover { 
    background: var(--c-accent); 
    box-shadow: 0 4px 12px rgba(7, 74, 123, 0.3);
}

/* --- HERO SECTION --- */
.hero-section {
    background: var(--c-bg-alt);
    padding: 100px 0 80px;
    text-align: center;
    border-bottom: 1px solid var(--c-border);
}

.hero-title {
    font-size: 3.5rem;
    letter-spacing: -0.03em;
    margin-bottom: 20px;
    font-weight: 800;
    color: var(--c-text);
    line-height: 1.1;
}

.hero-subtitle {
    font-size: 1.25rem;
    color: var(--c-text-muted);
    max-width: 640px;
    margin: 0 auto 50px;
    font-weight: 400;
}

/* --- FORMS & SEARCH BOX --- */
.search-box {
    background: #fff;
    padding: 32px;
    border-radius: 16px; /* Increased radius */
    box-shadow: var(--shadow-card);
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    gap: 20px;
    align-items: flex-end;
    border: 1px solid var(--c-border);
}

/* TO JEST POPRAWKA: */
.search-box .form-group {
    margin-bottom: 0; /* Usuwa margines, aby inputy nie uciekały w górę */
}

.form-group { flex: 1; min-width: 180px; text-align: left; margin-bottom: 20px; }

.form-label {
    display: block;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--c-text-muted);
    margin-bottom: 8px;
    letter-spacing: 0.5px;
}

/* Form fields and buttons are standardized in Driver Hub DS block near EOF (before extracted-inline section). */

/* --- CARDS (Global Style) --- */
.car-card, .dash-item, .card-box, .seller-content-card, .stat-card {
    background: #fff;
    border: 1px solid var(--c-border);
    border-radius: var(--radius);
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: var(--shadow-sm);
}

.car-card {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
    height: 100%;
}

.car-card:hover, .dash-item:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-hover);
    border-color: rgba(16, 6, 159, 0.2);
}

.car-img-placeholder {
    height: 220px;
    background: #eef0f5;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8898aa;
    font-weight: 600;
    overflow: hidden;
    position: relative;
}

/* Efekt zoom na zdjęciu */
.car-img-placeholder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}
.car-card:hover .car-img-placeholder img { transform: scale(1.05); }

/* --- SINGLE LISTING PAGE --- */
.listing-header {
    background: var(--c-bg-alt);
    padding: 60px 0;
    border-bottom: 1px solid var(--c-border);
    margin-bottom: 40px;
}

.listing-grid {
    display: grid;
    grid-template-columns: 2fr 1fr; /* Lewo: Galeria, Prawo: Sidebar */
    gap: 40px;
}

/* Galeria i Sidebar */
.gallery img { border-radius: var(--radius); }
.sidebar > div { position: sticky; top: 100px; } /* Sticky Sidebar */

.price-tag {
    font-size: 2.8rem;
    font-weight: 800;
    color: var(--c-primary);
    line-height: 1;
    letter-spacing: -0.02em;
}

.data-table { width: 100%; border-collapse: collapse; }
.data-table td, .data-table th { padding: 14px 0; border-bottom: 1px solid var(--c-border); color: var(--c-text); text-align: left; }
.data-table th { font-weight: 600; color: var(--c-text-muted); width: 40%; }
.data-table tr:last-child td { border-bottom: none; }

/* --- SEARCH PAGE (SIDEBAR LAYOUT) --- */
.layout-sidebar {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 40px;
    margin-top: 40px;
}
.filters-panel {
    background: #fff;
    padding: 24px;
    border-radius: var(--radius);
    border: 1px solid var(--c-border);
    position: sticky;
    top: 100px;
    box-shadow: var(--shadow-sm);
}

/* --- FOOTER --- */
footer a:hover { text-decoration: underline; color: var(--dh-color-primary); }

/* =========================================
   RESPONSYWNOŚĆ (MOBILE)
   ========================================= */

@media (max-width: 992px) {
    .hero-title { font-size: 2.5rem; }
    .listing-grid, .layout-sidebar, .dashboard-grid { grid-template-columns: 1fr; gap: 30px; }
    .dash-sidebar, .filters-panel { display: none; } /* Consider mobile toggles */
    .sidebar > div, .filters-panel { position: static; }
}

@media (max-width: 768px) {
    /* --- MOBILE --- */
    .header-inner { flex-direction: column; gap: 15px; }
    .nav-links { width: 100%; justify-content: center; flex-wrap: wrap; }
    
    .hero-section { padding: 60px 0; }
    .hero-title { font-size: 2rem; }
    
    .search-box {
        flex-direction: column; 
        align-items: stretch;
        padding: 20px;
    }
    .btn-search { width: 100%; }

    .listing-header h1 { font-size: 1.8rem !important; }
    
    .grid-3, .grid-2 { grid-template-columns: 1fr; }
    
    .dash-item-inner { flex-direction: column; align-items: flex-start; }
    .dash-item .thumb { width: 100%; height: 180px; }
    .actions { width: 100%; flex-direction: row; justify-content: space-between; border-top: 1px solid #eee; padding-top: 15px; margin-top: 10px; }
}

/* ==========================================================================
   WOOCOMMERCE INVISIBLE CHECKOUT
   ========================================================================== */

form.checkout.woocommerce-checkout {
    max-width: 600px; 
    margin: 60px auto;
    display: block;
}

.woocommerce-checkout .col2-set,
.woocommerce-checkout #order_review_heading, 
.woocommerce-checkout .woocommerce-additional-fields {
    display: none !important;
}

.woocommerce-checkout #order_review {
    width: 100%;
    background: #fff;
    padding: 40px;
    border-radius: 20px;
    box-shadow: var(--shadow-card);
    border: 1px solid var(--c-border);
}

.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    border-bottom: 1px solid #eee;
    padding: 16px 0;
}

/* Przycisk Płatności (Override) */
#place_order {
    background: var(--c-primary);
    color: #fff;
    width: 100%;
    padding: 16px;
    border-radius: var(--radius-btn);
    font-size: 18px;
    font-weight: 600;
    margin-top: 24px;
}
#place_order:hover { background: var(--c-accent); transform: scale(1.02); }

/* --- DASHBOARD STYLES --- */

.dashboard-page-wrapper { background-color: var(--c-bg-alt); min-height: 80vh; padding-bottom: 80px; }
.dashboard-grid {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 40px;
    margin-top: 40px;
    align-items: start;
}

.dash-sidebar { position: sticky; top: 90px; }

/* User Badge */
.user-badge { display: flex; align-items: center; gap: 16px; margin-bottom: 30px; padding: 24px; background: #fff; border: 1px solid var(--c-border); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.user-badge .avatar { width: 56px; height: 56px; border-radius: 50%; overflow: hidden; background: #f0f0f0; flex-shrink: 0; }
.user-badge .avatar img { width: 100%; height: 100%; object-fit: cover; }
.user-badge strong { display: block; font-size: 1rem; font-weight: 600; color: var(--c-text); }
.user-badge span { font-size: 0.85rem; color: var(--c-text-muted); }

/* Dash Nav */
.dash-nav { background: #fff; padding: 16px; border-radius: var(--radius); border: 1px solid var(--c-border); }
.dash-nav .nav-group { font-size: 0.75rem; color: var(--c-text-muted); margin: 20px 12px 8px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; }
.dash-nav a { display: flex; align-items: center; gap: 12px; padding: 12px 16px; text-decoration: none; color: var(--c-text); border-radius: 10px; font-weight: 500; font-size: 0.95rem; margin-bottom: 4px; transition: 0.15s; }
.dash-nav a:hover { background: #f0f4ff; color: var(--c-primary); }
.dash-nav a.active { background: #eef2ff; color: var(--c-primary); font-weight: 600; }
.dash-nav .logout { color: #d63031; margin-top: 16px; }
.dash-nav .logout:hover { background: #fff5f5; color: #d63031; }

.dash-content { min-width: 0; }

/* View Headers */
.view-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 30px; border-bottom: 1px solid var(--c-border); padding-bottom: 20px; }
.view-header h1 { margin: 0 0 5px 0; font-size: 2rem; font-weight: 800; color: var(--c-text); letter-spacing: -0.02em; }
.view-header p { margin: 0; color: var(--c-text-muted); font-size: 1rem; }

/* Filters */
.stats-filter { display: flex; gap: 5px; align-items: center; background: #fff; padding: 6px; border-radius: 12px; border: 1px solid var(--c-border); }
.stats-filter a { text-decoration: none; padding: 8px 16px; border-radius: 8px; color: var(--c-text-muted); font-size: 0.85rem; font-weight: 600; transition: 0.2s; white-space: nowrap; }
.stats-filter a:hover { background: var(--c-bg-alt); color: var(--c-primary); }
.stats-filter a.active { background: var(--c-primary); color: #fff; }

/* Cards & Stats */
.card-box { padding: 32px; }
.stats-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-bottom: 30px; }
.stat-card { padding: 24px; }
.stat-card .label { font-size: 0.8rem; color: var(--c-text-muted); margin-bottom: 12px; font-weight: 700; text-transform: uppercase; }
.stat-card .val { font-size: 2.2rem; font-weight: 800; color: var(--c-text); line-height: 1; }
.stat-card .val.highlight { color: var(--c-primary); }

/* Listing Item */
.dash-item { padding: 24px; margin-bottom: 20px; }
.dash-item-inner { display: flex; gap: 24px; align-items: center; }
.dash-item .thumb { width: 100px; height: 75px; background: #f0f0f0; border-radius: 8px; overflow: hidden; border: 1px solid var(--c-border); flex-shrink: 0; }
.dash-item .thumb img { width: 100%; height: 100%; object-fit: cover; }
.dash-item .info { flex: 1; }

.status-row { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.dot { width: 10px; height: 10px; border-radius: 50%; display:inline-block; }
.title-link { font-weight: 600; color: var(--c-text); text-decoration: none; font-size: 1.1rem; }
.title-link:hover { color: var(--c-primary); }

.price { font-weight: 600; font-size: 1rem; color: var(--c-text); margin-bottom: 6px; }
.metrics { font-size: 0.85rem; color: var(--c-text-muted); display: flex; gap: 15px; }

.actions { display: flex; flex-direction: column; align-items: flex-end; gap: 12px; min-width: 160px; }
.select-wrap select { padding: 8px 12px; border-radius: 8px; border: 1px solid var(--c-border); background: #fff; font-size: 0.9rem; font-weight: 500; cursor: pointer; outline: none; font-family: var(--font-main); }

.btn-row { display: flex; gap: 16px; }
.btn-text { background: none; border: none; color: var(--c-accent); font-weight: 600; cursor: pointer; font-size: 0.9rem; text-decoration: none; padding: 0; font-family: var(--font-main); }
.btn-text:hover { text-decoration: underline; color: var(--c-primary); }
.btn-text.danger { color: #d63031; }
.btn-text.danger:hover { color: #b71c1c; }

/* Chart */
.chart-container { height: 180px; display: flex; align-items: flex-end; gap: 6px; margin-top: 20px; padding-top: 15px; border-top: 1px solid var(--c-bg-alt); }
.chart-col { flex: 1; display: flex; flex-direction: column; justify-content: flex-end; height: 100%; position: relative; }
.chart-bar { width: 100%; background: #e0e6ed; border-radius: 4px 4px 0 0; transition: height 0.3s; min-height: 4px; }
.chart-col:hover .chart-bar { background: var(--c-primary); }
.chart-date { font-size: 0.7rem; color: var(--c-text-muted); text-align: center; margin-top: 8px; opacity: 0; }
.chart-col:hover .chart-date, .chart-col:nth-child(5n) .chart-date { opacity: 1; }
.chart-col:hover::after { content: attr(data-tooltip); position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); background: var(--c-primary); color: #fff; padding: 6px 10px; border-radius: 6px; font-size: 0.75rem; white-space: nowrap; pointer-events: none; z-index: 10; margin-bottom: 8px; font-weight: 600; }

/* Tables in Dash */
.badge-paid { background: #d1fae5; color: #065f46; padding: 6px 12px; border-radius: 20px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; }
.btn-dl { color: var(--c-primary); text-decoration: none; font-weight: 600; font-size: 0.85rem; background: #eff6ff; padding: 8px 16px; border-radius: 20px; transition: 0.2s; }
.btn-dl:hover { background: #dbeafe; }

/* --- PROFIL SETTINGS: AVATAR UPLOADER --- */
.settings-avatar-group {
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 30px;
    background: #fff;
    border: 1px solid var(--c-border);
    border-radius: 16px;
    margin-bottom: 30px;
    box-shadow: var(--shadow-sm);
}

.avatar-wrapper {
    position: relative;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    border: 4px solid #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    transition: transform 0.2s;
}

.avatar-wrapper:hover {
    transform: scale(1.05);
    border-color: var(--c-primary);
}

.avatar-wrapper img { width: 100%; height: 100%; object-fit: cover; display: block; }

.avatar-overlay {
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.5);
    display: flex; align-items: center; justify-content: center;
    opacity: 0; transition: opacity 0.2s;
    color: #fff; font-size: 28px;
}
.avatar-wrapper:hover .avatar-overlay { opacity: 1; }

.avatar-actions h3 { margin: 0 0 5px 0; font-size: 1.1rem; font-weight: 700; color: var(--c-text); }
.avatar-actions p { margin: 0 0 15px 0; font-size: 0.9rem; color: var(--c-text-muted); }

.btn-upload {
    background: #fff;
    color: var(--c-primary);
    border: 1px solid var(--c-primary);
    padding: 10px 24px;
    border-radius: var(--radius-btn);
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: 0.2s;
    display: inline-block;
}
.btn-upload:hover { background: var(--c-primary); color: #fff; }

.hidden-input { display: none !important; }

/* --- APPLE STYLE EDITOR --- */
.apple-editor-container {
    max-width: 100%;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--c-border);
    transition: 0.2s;
    background: #fff;
}

.apple-editor-container:hover { border-color: #bbb; }
.apple-editor-container:focus-within { border-color: var(--c-primary); box-shadow: 0 0 0 3px rgba(16, 6, 159, 0.1); }

.wp-editor-wrap { border: none !important; }
div.mce-toolbar-grp { background: #fbfbfd !important; border-bottom: 1px solid var(--c-border) !important; padding: 10px !important; }
.wp-editor-container { border: none !important; }
#wp-description-editor-container textarea.wp-editor-area { border: none !important; padding: 20px !important; font-family: var(--font-main); font-size: 16px; line-height: 1.6; color: var(--c-text); box-shadow: none !important; }
.mce-path { display: none !important; }

/* --- BLOG & ARTICLES --- */

/* Blog Card */
.blog-card {
    background: #fff;
    border: 1px solid var(--c-border);
    border-radius: var(--radius);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    height: 100%;
}

.blog-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-hover);
    border-color: rgba(16, 6, 159, 0.15);
}

.blog-thumb {
    height: 220px;
    background: #f0f0f0;
    position: relative;
    overflow: hidden;
}

.blog-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s;
}

.blog-card:hover .blog-thumb img {
    transform: scale(1.05);
}

.no-img {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    color: #ccc;
}

.blog-cat {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255,255,255,0.9);
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--c-primary);
    text-transform: uppercase;
    backdrop-filter: blur(4px);
}

.blog-content {
    padding: 24px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.blog-meta {
    font-size: 0.8rem;
    color: var(--c-text-muted);
    margin-bottom: 10px;
}

.blog-title {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 12px;
    line-height: 1.3;
    color: var(--c-text);
}

.blog-excerpt {
    font-size: 0.95rem;
    color: #555;
    margin-bottom: 20px;
    line-height: 1.6;
}

.blog-link {
    margin-top: auto;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--c-primary);
}

/* Single Article Typography */
.article-header {
    background: var(--c-bg-alt);
    padding: 60px 0 40px;
    margin-bottom: 40px;
}

.article-content {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #333;
}

.article-content h2 { margin-top: 40px; margin-bottom: 20px; font-size: 1.8rem; }
.article-content h3 { margin-top: 30px; margin-bottom: 15px; font-size: 1.4rem; }
.article-content p { margin-bottom: 24px; color: #333; }
.article-content ul, .article-content ol { margin-bottom: 24px; padding-left: 20px; }
.article-content li { margin-bottom: 10px; }
.article-content img { border-radius: 12px; margin: 30px 0; max-width: 100%; height: auto; }
.article-content blockquote {
    border-left: 4px solid var(--c-primary);
    padding-left: 20px;
    margin: 30px 0;
    font-style: italic;
    color: #555;
    font-size: 1.2rem;
}

/* --- WIZARD (DODAWANIE OGŁOSZENIA) --- */

.wizard-wrapper { 
    max-width: 1000px; 
    margin: 40px auto; 
    padding: 0 20px; 
}

.wizard-header { margin-bottom: 40px; text-align: center; }
.wizard-header h1 { font-size: 2rem; margin: 0 0 10px; font-weight: 800; letter-spacing: -0.5px; }

/* Pasek Postępu */
.steps-nav { 
    display: flex; 
    justify-content: space-between; 
    margin-bottom: 40px; 
    position: relative; 
}
.steps-nav::before { 
    content:''; position:absolute; top:50%; left:0; width:100%; height:2px; background:#e5e5e5; z-index:0; transform:translateY(-50%); 
}
.step-item { 
    position: relative; z-index: 1; background: var(--c-bg); padding: 0 15px; 
    color: var(--c-text-muted); font-size: 0.85rem; font-weight: 600; 
    cursor: default; display: flex; align-items: center; gap: 10px; 
}
.step-circle { 
    width: 36px; height: 36px; border-radius: 50%; background: #fff; 
    border: 2px solid #e5e5e5; display: flex; align-items: center; justify-content: center; 
    font-weight: 700; color: var(--c-text-muted); transition: 0.3s; font-size: 1rem;
}
.step-item.active .step-circle { border-color: var(--c-primary); background: var(--c-primary); color: #fff; box-shadow: 0 4px 10px rgba(16, 6, 159, 0.2); }
.step-item.active { color: var(--c-text); }
.step-item.done .step-circle { background: #34c759; border-color: #34c759; color: #fff; }

/* Karta Formularza */
.wizard-card { 
    background: #fff; border-radius: var(--radius); border: 1px solid var(--c-border);
    box-shadow: var(--shadow-card); overflow: hidden; min-height: 500px; display: flex; flex-direction: column; 
}
.wizard-step { display: none; padding: 40px; flex: 1; animation: fadeIn 0.4s ease; }
.wizard-step.active { display: block; }
@keyframes fadeIn { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }

/* Checkboxy kafelkowe (Features) */
.features-grid { 
    display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; margin-bottom: 30px; 
}
.tile-chk { display: block; position: relative; cursor: pointer; }
.tile-chk input { position: absolute; opacity: 0; }
.tile-box { 
    border: 1px solid var(--c-border); padding: 10px 14px; border-radius: 8px; 
    font-size: 0.9rem; font-weight: 500; color: var(--c-text); transition: 0.2s; 
    display: flex; align-items: center; gap: 10px; background: #fff;
}
.tile-chk input:checked + .tile-box { 
    border-color: var(--c-primary); background: #f0f4ff; color: var(--c-primary); font-weight: 600; 
}
.tile-box::before { 
    content:''; width: 18px; height: 18px; border: 1px solid #ccc; border-radius: 4px; 
    display: block; flex-shrink: 0; transition:0.2s; 
}
.tile-chk input:checked + .tile-box::before { 
    background: var(--c-primary); border-color: var(--c-primary); 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white' width='14px' height='14px'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E"); 
    background-position: center; background-repeat: no-repeat; 
}

/* Płatności */
.pay-card { 
    border: 1px solid var(--c-border); padding: 24px; border-radius: 12px; cursor: pointer; 
    transition: 0.2s; display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; 
}
.pay-card:hover { border-color: #999; }
.pay-card.selected { border-color: var(--c-primary); background: #f2f8ff; box-shadow: 0 0 0 2px var(--c-primary); }
.pay-radio { width: 22px; height: 22px; border: 2px solid #ccc; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.pay-card.selected .pay-radio { border-color: var(--c-primary); }
.pay-card.selected .pay-radio::after { content:''; width: 12px; height: 12px; background: var(--c-primary); border-radius: 50%; display: block; }

/* Upload Zdjęć */
.upload-zone { 
    border: 2px dashed var(--c-border); border-radius: 16px; padding: 40px; 
    text-align: center; cursor: pointer; background: #fafafa; transition: 0.2s; 
}
.upload-zone:hover { border-color: var(--c-primary); background: #fff; }
#preview-box { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 20px; }
#preview-box img { width: 90px; height: 70px; object-fit: cover; border-radius: 8px; border: 1px solid #eee; }

/* Stopka Wizarda */
.wizard-footer { 
    padding: 24px 40px; border-top: 1px solid #eee; background: #fafafa; 
    display: flex; justify-content: space-between; align-items: center; 
}
.btn-next { background: var(--c-text); color: #fff; } /* Czarny przycisk */
.btn-next:hover { background: #000; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
.btn-prev { background: transparent; color: var(--c-text-muted); border: 1px solid transparent; }
.btn-prev:hover { color: var(--c-text); }

@media(max-width: 800px) { 
    .features-grid { grid-template-columns: 1fr 1fr; }
    .steps-nav { overflow-x: auto; padding-bottom: 10px; } 
    .steps-nav::before { display: none; }
    .step-item { min-width: max-content; }
}

/* --- EXTENSION: SINGLE LISTING DETAILS (Wklej na końcu app.css) --- */

/* Alerty */
.listing-alert { padding: 15px; border-radius: var(--radius); margin-bottom: 30px; font-weight: 600; text-align: center; }
.listing-alert.warning { background: #fffbe6; border: 1px solid #ffe58f; color: #d48806; }
.listing-alert.neutral { background: #f5f5f5; color: #999; }

/* Galeria */
.gallery-wrapper,
.dh-offer-gallery {
    margin-bottom: 24px;
}

.main-photo,
.dh-offer-hero {
    width: 100%;
    max-width: 100%;
    height: clamp(220px, 32vw, 320px);
    max-height: 320px;
    aspect-ratio: 16 / 9;
    background: var(--dh-color-surface-soft, #f0f0f0);
    border-radius: var(--dh-radius-md, 16px);
    overflow: hidden;
    margin-bottom: 12px;
    border: 1px solid var(--dh-color-border, var(--c-border));
}

.dh-offer-hero-btn {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    margin: 0;
    display: block;
    background: transparent;
    cursor: zoom-in;
}

.dh-offer-hero-btn:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 3px var(--dh-color-focus, rgba(16, 6, 159, 0.18));
}

.dh-offer-hero-btn::after {
    content: "Powieksz";
    position: absolute;
    right: 12px;
    bottom: 12px;
    min-height: 32px;
    padding: 6px 12px;
    border-radius: var(--dh-radius-pill, 25px);
    border: 1px solid rgba(255, 255, 255, 0.36);
    background: rgba(11, 15, 26, 0.62);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.main-photo img,
.dh-offer-hero img,
.dh-offer-hero-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main-photo .no-photo,
.dh-offer-hero .no-photo {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    color: var(--dh-color-muted, #667085);
    font-weight: 600;
}

@media (min-width: 901px) {
    .main-photo,
    .dh-offer-hero {
        height: auto;
        max-height: none;
        aspect-ratio: auto;
        background: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .dh-offer-hero-btn {
        width: auto;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
        display: inline-block;
    }

    .main-photo img,
    .dh-offer-hero img,
    .dh-offer-hero-img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 520px;
        object-fit: contain;
        object-position: center;
        background: transparent;
        margin: 0 auto;
    }
}

.thumbs-row,
.dh-offer-thumbs {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding-bottom: 4px;
    -webkit-overflow-scrolling: touch;
}

.thumbs-row img,
.dh-offer-thumb {
    flex: 0 0 auto;
    width: 72px;
    height: 54px;
    min-width: 72px;
    min-height: 54px;
    max-width: 72px;
    max-height: 54px;
    object-fit: cover;
    border-radius: 12px;
    cursor: pointer;
    opacity: 0.82;
    transition: opacity 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
    border: 1px solid var(--dh-color-border, var(--c-border));
    background: var(--dh-color-surface-soft, #f0f0f0);
}

.thumbs-row img:hover,
.dh-offer-thumb:hover {
    opacity: 1;
    border-color: var(--dh-color-primary, var(--c-primary));
    transform: translateY(-1px);
}

.dh-offer-thumb.is-active {
    opacity: 1;
    border-color: var(--dh-color-primary, var(--c-primary));
    box-shadow: 0 0 0 2px rgba(16, 6, 159, 0.22);
}

/* Specs Tiles (Kafelki pod galerią) */
.specs-tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin-bottom: 40px; }
.spec-tile { background: var(--c-bg-alt); padding: 15px; border-radius: 12px; text-align: center; border: 1px solid var(--c-border); }
.spec-tile .l { font-size: 0.75rem; text-transform: uppercase; color: var(--c-text-muted); font-weight: 700; margin-bottom: 5px; }
.spec-tile .v { font-size: 1.1rem; font-weight: 700; color: var(--c-text); }

/* Sekcje treści */
.content-block { margin-bottom: 50px; }
.content-block h3 { font-size: 1.4rem; margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 10px; }
.desc-text { font-size: 1.05rem; line-height: 1.7; color: #333; }

/* Wyposażenie */
.features-list-pro { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; }
.ft-item { display: flex; align-items: center; gap: 8px; font-size: 0.95rem; color: #444; }
.ft-item span { color: var(--c-primary); font-weight: bold; }

/* Sticky Card (Prawa kolumna) */
.sticky-card { 
    background: #fff; border: 1px solid var(--c-border); border-radius: var(--radius); 
    padding: 30px; box-shadow: var(--shadow-card); 
}
.listing-h1 { font-size: 1.8rem; line-height: 1.2; margin-bottom: 15px; }
.seller-box { display: flex; align-items: center; gap: 15px; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #eee; }
.s-avatar {
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
    border-radius: 999px;
    overflow: hidden;
}

.s-avatar .dh-avatar,
.s-avatar img {
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    border-radius: inherit;
    display: block;
}
.s-name { font-weight: 600; font-size: 1.05rem; }
.s-info a { font-size: 0.9rem; color: var(--c-primary); }

.map-frame { height: 300px; background: #eee; border-radius: 12px; overflow: hidden; }
.map-frame iframe { width: 100%; height: 100%; }

@media(max-width: 900px) {
    .specs-tiles { grid-template-columns: 1fr 1fr; }
    .main-photo,
    .dh-offer-hero {
        height: clamp(200px, 56vw, 240px);
        max-height: 240px;
    }
}

/* --- CAR CARD: APPLE/STRIPE STYLE --- */

.car-card {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 16px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.car-card:hover {
    border-color: #d2d2d7;
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.08);
}

/* Container Zdjęcia */
.car-img-container {
    position: relative;
    height: 190px;
    background: #f5f5f7;
    overflow: hidden;
}

.car-img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.car-card:hover .car-img-container img {
    transform: scale(1.06);
}

.img-fallback {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #86868b;
    font-weight: 600;
    font-size: 1.2rem;
}

/* Detale */
.car-details {
    padding: 16px;
}

.car-meta-top {
    font-size: 11px;
    font-weight: 700;
    color: #86868b;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin-bottom: 6px;
}

.car-title-main {
    font-size: 17px;
    font-weight: 600;
    color: #1d1d1f;
    margin-bottom: 8px;
}

.car-price-tag {
    font-size: 19px;
    font-weight: 700;
    color: var(--c-primary); /* Granat z Twoich ustawień :root */
}

/* --- STATUS BADGES: TRUST UI --- */

.badge-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
}

.badge-overlay span {
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.25);
}

/* Sprzedane: Ciemne rozmycie i skala szarości */
.car-card.is-sold {
    opacity: 0.8;
}

.car-card.is-sold .car-img-container img {
    filter: grayscale(1);
}

.badge-overlay.sold span {
    background: rgba(29, 29, 31, 0.8);
    color: #fff;
}

/* Zarezerwowane: Akcent kolorystyczny */
.badge-overlay.reserved {
    align-items: flex-start;
    justify-content: flex-start;
    padding: 12px;
}

.badge-overlay.reserved span {
    background: rgba(255, 159, 0, 0.9);
    color: #fff;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* Hover disable dla sprzedanych */
.car-card.is-sold:hover {
    transform: none;
    box-shadow: none;
    border-color: #e5e5e5;
}

/* Statusy na kartach i ogłoszeniach */
.car-card.is-sold { opacity: 0.7; }
.car-card.is-sold img { filter: grayscale(100%); }

.badge-status {
    position: absolute;
    top: 15px;
    left: 15px;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    z-index: 10;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.2);
}

.badge-sold { background: rgba(29, 29, 31, 0.85); color: #fff; }
.badge-reserved { background: rgba(255, 159, 0, 0.9); color: #fff; }

/* Overlay na stronie ogłoszenia */
.sold-notice-banner {
    background: #f5f5f7;
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    margin-bottom: 20px;
    border: 1px solid #e5e5e5;
}
.sold-notice-banner h2 { color: #1d1d1f; font-size: 18px; margin-bottom: 5px; }
.sold-notice-banner p { color: #86868b; font-size: 14px; margin: 0; }

/* ... (Twoje dotychczasowe style) ... */

/* --- SELLER PROFILE & REVIEWS (Migracja z seller.php) --- */

.seller-hero {
    background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
    color: #fff;
    padding: 60px 0 100px;
    position: relative;
}

.seller-avatar-box {
    width: 140px; height: 140px;
    border-radius: 50%; /* Apple style: okrągłe avatary */
    background: #fff;
    overflow: hidden;
    border: 4px solid rgba(255,255,255,0.2);
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    flex-shrink: 0;
}

.seller-avatar-box img {
    width: 100%; height: 100%; object-fit: cover;
}

.seller-content-card {
    background: #fff;
    border-radius: 16px;
    padding: 40px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.05);
    margin-top: -40px;
    position: relative;
    z-index: 2;
}

.grid-cars {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 30px;
}

.phone-btn {
    background: #fff; color: #0f2027; border: none; 
    padding: 12px 24px; border-radius: 50px; 
    font-weight: 700; font-size: 1rem; cursor: pointer; 
    box-shadow: 0 5px 15px rgba(0,0,0,0.2); 
    transition: transform 0.2s;
    text-decoration: none; display: inline-block;
}

.phone-btn:hover {
    transform: translateY(-2px);
}

.dh-phone-noscript {
    margin-top: 8px;
    font-size: 0.86rem;
    color: var(--dh-color-muted, #667085);
}

/* Zakładki (Tabs) */
.tabs-nav {
    display: flex; gap: 30px; border-bottom: 1px solid #eee; margin-bottom: 30px;
}

.tab-link {
    padding: 15px 0; cursor: pointer; font-weight: 600; color: #666; position: relative;
}

.tab-link.active {
    color: #000;
}

.tab-link.active::after {
    content:''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background: #000;
}

.tab-content { display: none; }
.tab-content.active { display: block; }

/* Opinie i Rating */
.rating-badge {
    background: #ffb400; color: #000; font-weight: 700; padding: 4px 8px; border-radius: 6px; display: inline-flex; align-items: center; gap: 4px; font-size: 0.9rem; margin-left: 15px;
}

.review-item {
    border-bottom: 1px solid #eee; padding: 20px 0;
}

.review-header {
    display: flex; justify-content: space-between; margin-bottom: 8px;
}

.review-stars {
    color: #ffb400; letter-spacing: 2px;
}

.reply-box {
    background: #f9f9f9; padding: 15px; border-left: 3px solid #0071e3; margin-top: 15px; border-radius: 0 8px 8px 0; font-size: 0.9rem;
}

/* Formularz opinii */
.review-form {
    background: #f8f9fa; padding: 20px; border-radius: 12px; margin-bottom: 30px;
}

.star-rating {
    display: flex; flex-direction: row-reverse; justify-content: flex-end; gap: 5px;
}

.star-rating input { display: none; }
.star-rating label { font-size: 24px; color: #ddd; cursor: pointer; transition: 0.2s; }
.star-rating input:checked ~ label,
.star-rating label:hover,
.star-rating label:hover ~ label { color: #ffb400; }

/* --- EDYCJA ZDJĘĆ (WIZARD) --- */
.existing-photos-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: 10px;
}

.ex-photo-item {
    position: relative;
    height: 80px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #ddd;
}

.ex-photo-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.btn-delete-photo {
    position: absolute;
    top: 2px;
    right: 2px;
    background: rgba(255, 0, 0, 0.8);
    color: white;
    border: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s;
}

.btn-delete-photo:hover {
    background: red;
    transform: scale(1.1);
}

.fav-toggle-btn {
    position: absolute;
    top: 12px;
    right: 12px;
    background: rgba(255,255,255,0.9);
    backdrop-filter: blur(5px);
    border: none;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.fav-toggle-btn svg { width: 20px; color: #1d1d1f; }
.fav-toggle-btn.is-active svg { fill: #ff3b30; stroke: #ff3b30; }
.fav-toggle-btn:hover { transform: scale(1.1); background: #fff; }

/* Styl przycisku w sidebarze */
.btn-secondary-apple {
    background: #f5f5f7;
    border: 1px solid #d2d2d7;
    border-radius: 8px;
    padding: 12px;
    font-weight: 500;
    transition: all 0.2s;
}
.btn-secondary-apple.is-active { background: #fff; border-color: #ff3b30; color: #ff3b30; }

/* =========================================
   FOOTER (Light Surface, DS-aligned)
   ========================================= */

.ap-footer {
    background-color: var(--dh-color-surface);
    color: var(--dh-color-muted);
    padding: 80px 0 40px;
    margin-top: auto; /* Wymaga, aby body miało display: flex; flex-direction: column; min-height: 100vh; */
    border-top: 1px solid var(--dh-color-border);
    font-size: 0.95rem;
}

.ap-footer-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    gap: 40px;
    margin-bottom: 60px;
}

/* Brand Column */
.ap-footer-col.brand-col {
    padding-right: 20px;
}

.ap-footer-logo {
    color: var(--dh-color-text);
    font-weight: 800;
    font-size: 1.5rem;
    letter-spacing: -0.5px;
    margin-bottom: 15px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.ap-footer-logo__image {
    display: block;
    width: clamp(148px, 22vw, 190px);
    height: auto;
    max-width: 100%;
}

.ap-footer-logo__pro-icon {
    display: block;
    width: clamp(22px, 3vw, 30px);
    height: auto;
    flex: 0 0 auto;
    border-radius: 6px;
}

.ap-footer-desc {
    color: var(--dh-color-muted);
    line-height: 1.6;
    margin-bottom: 25px;
    max-width: 320px;
    font-size: 0.9rem;
}

/* Trust Badge */
.ap-trust-badge span {
    display: inline-flex;
    align-items: center;
    background: var(--dh-color-surface-soft);
    color: var(--dh-color-text);
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 500;
    border: 1px solid var(--dh-color-border);
}

/* Links Columns */
.ap-footer-col h4 {
    color: var(--dh-color-text);
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 24px;
    margin-top: 0;
}

.ap-footer-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ap-footer-col ul li {
    margin-bottom: 12px;
}

.ap-footer-col ul li a {
    color: var(--dh-color-muted);
    text-decoration: none;
    transition: all 0.2s ease;
    font-weight: 400;
}

.ap-footer-col ul li a:hover {
    color: var(--dh-color-primary);
    padding-left: 2px; /* Mikro-animacja */
}

/* Bottom Bar */
.ap-footer-bottom {
    border-top: 1px solid var(--dh-color-border);
    padding-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.85rem;
}

.ap-footer-links {
    display: flex;
    gap: 24px;
}

.ap-footer-links a {
    color: var(--dh-color-muted);
    text-decoration: none;
    transition: color 0.2s;
}

.ap-footer-links a:hover {
    color: var(--dh-color-primary);
}

/* --- RESPONSIVE FOOTER --- */

@media (max-width: 1024px) {
    .ap-footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 50px;
    }
}

@media (max-width: 768px) {
    .ap-footer {
        padding: 60px 0 30px;
    }

    .ap-footer-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .ap-footer-col.brand-col {
        text-align: center;
        padding-right: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .ap-footer-bottom {
        flex-direction: column-reverse;
        gap: 20px;
        text-align: center;
    }
}

/* =========================================
   DEALERS LIST & SELLER CARDS
   ========================================= */

/* --- Header Sekcji --- */
.dealers-header-section {
    background: var(--c-bg);
    border-bottom: 1px solid var(--c-border);
    padding: 80px 0 60px;
    text-align: center; /* Centralny układ buduje autorytet */
}

.dealers-badge {
    display: inline-block;
    background: #e0f2fe; /* Light Blue */
    color: #0284c7;       /* Strong Blue */
    padding: 6px 14px;
    border-radius: 100px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 20px;
}

.dealers-title {
    font-size: 3rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: var(--c-text);
    margin: 0 0 20px 0;
    line-height: 1.1;
}

.dealers-desc {
    font-size: 1.125rem;
    color: var(--c-text-muted);
    max-width: 600px;
    margin: 0 auto 40px;
    line-height: 1.6;
}

/* --- Wyszukiwarka (Pill Shape) --- */
.dealers-search-form {
    position: relative;        /* Ważne: to jest punkt odniesienia dla przycisku */
    max-width: 500px;          /* Maksymalna szerokość */
    width: 100%;               /* Na mniejszych ekranach zajmie 100% */
    margin: 30px auto 0;       /* auto po bokach CENTRUJE formularz */
    display: flex;             /* Zapobiega dziwnym marginesom */
    box-sizing: border-box;
}

.dealers-search-input {
    width: 100%;               /* Wypełnia formularz */
    padding: 16px 24px;
    padding-right: 120px;      /* Kluczowe: miejsce na przycisk, żeby tekst nie wchodził pod niego */
    border: 1px solid var(--c-border);
    border-radius: 100px;      /* Pełne zaokrąglenie (kapsułka) */
    font-size: 1rem;
    font-family: inherit;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    transition: all 0.2s ease;
    box-sizing: border-box;    /* Naprawia obliczanie szerokości */
}

.dealers-search-input:focus {
    outline: none;
    border-color: var(--c-primary);
    box-shadow: 0 0 0 4px rgba(16, 6, 159, 0.1);
}

.dealers-search-btn {
    position: absolute;        /* Pozycjonowanie absolutne względem formularza */
    top: 4px;                  /* Odstęp od góry */
    right: 4px;                /* Odstęp od prawej */
    bottom: 4px;               /* Odstęp od dołu */
    background: var(--c-primary);
    color: #fff;
    border: none;
    border-radius: 100px;
    padding: 0 24px;
    font-weight: 600;
    font-size: 0.95rem;
    cursor: pointer;
    transition: background 0.2s;
    z-index: 2;                /* Zawsze na wierzchu */
}

.dealers-search-btn:hover {
    background: var(--c-accent);
}

/* --- Grid i Karty --- */
.dealers-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 30px;
    margin-top: -30px; /* Lekkie nasunięcie na header (opcjonalne) lub po prostu margin */
}

.seller-card-link {
    text-decoration: none;
    color: inherit;
    display: block;
    height: 100%;
}

.seller-card {
    background: #fff;
    border: 1px solid var(--c-border);
    border-radius: 16px;
    padding: 30px 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.2s;
    position: relative;
    overflow: hidden;
}

.seller-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px -10px rgba(0,0,0,0.08);
    border-color: #cbd5e1;
}

/* Avatar z weryfikacją */
.sc-avatar-wrapper {
    position: relative;
    width: 80px;
    height: 80px;
    margin-bottom: 16px;
}

.sc-avatar {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    background: var(--c-bg-alt);
    border: 1px solid #f1f5f9;
}

.sc-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sc-verified-badge {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff;
    color: #2563eb; /* Blue check */
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

/* Info */
.sc-name {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--c-text);
    margin: 0 0 8px 0;
}

.sc-meta {
    font-size: 0.875rem;
    color: var(--c-text-muted);
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.sc-stat-pill {
    margin-top: auto;
    background: var(--c-bg-alt);
    color: var(--c-text);
    padding: 6px 16px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    transition: background 0.2s;
}

.seller-card:hover .sc-stat-pill {
    background: #e2e8f0;
}

/* Responsywność */
@media (max-width: 768px) {
    .dealers-title { font-size: 2.2rem; }
    .dealers-header-section { padding: 50px 0 40px; }
    .dealers-search-form { max-width: 100%; }
}

/* =========================================
   BAZA WIEDZY (HELP CENTER) - Platform Style
   ========================================= */

/* --- HELP HERO (Wyszukiwarka) --- */
.help-hero {
    background-color: var(--c-primary); /* Główny kolor platformy */
    /* Opcjonalnie: Delikatny gradient dla głębi */
    background: linear-gradient(135deg, var(--c-primary), var(--c-accent)); 
    padding: 80px 0;
    text-align: center;
    color: #fff;
    margin-bottom: 40px;
}

.help-title {
    font-size: 2.5rem;
    font-weight: 800;
    margin-bottom: 30px;
    letter-spacing: -0.02em;
}

.help-search-form {
    position: relative;
    max-width: 640px;
    margin: 0 auto;
}

.help-search-input {
    width: 100%;
    padding: 18px 24px;
    padding-right: 60px;
    border-radius: 50px; /* Pill shape */
    border: 1px solid rgba(255,255,255,0.2);
    font-size: 1rem;
    background: #fff;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    transition: all 0.2s ease;
    box-sizing: border-box;
    font-family: inherit;
}

.help-search-input:focus {
    outline: none;
    box-shadow: 0 4px 25px rgba(0,0,0,0.2);
    transform: scale(1.01);
}

.help-search-btn {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    font-size: 1.2rem;
    cursor: pointer;
    color: var(--c-primary);
    padding: 10px;
}

/* --- HELP GRID (Kategorie) --- */
.help-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 30px;
    padding-bottom: 60px;
}

.help-card {
    background: #fff;
    border: 1px solid var(--c-border);
    border-radius: var(--radius);
    padding: 30px;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: var(--c-text);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    position: relative;
    overflow: hidden;
}

/* Kolorowy akcent z lewej strony (jak na screenie) */
.help-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--c-primary);
    opacity: 0;
    transition: opacity 0.3s;
}

.help-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-hover);
    border-color: rgba(16, 6, 159, 0.15);
}

.help-card:hover::before {
    opacity: 1;
}

.help-card-icon {
    font-size: 2rem;
    margin-bottom: 20px;
    display: inline-block;
}

.help-card-title {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0 0 10px 0;
    color: var(--c-text);
}

.help-card-desc {
    font-size: 0.95rem;
    color: var(--c-text-muted);
    line-height: 1.6;
    margin-bottom: 24px;
    flex-grow: 1;
}

.help-card-link {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--c-primary);
    display: flex;
    align-items: center;
    gap: 6px;
}

/* --- HELP CATEGORY VIEW (Header + Lista) --- */
.help-cat-header {
    background: var(--c-bg-alt);
    padding: 60px 0;
    border-bottom: 1px solid var(--c-border);
    margin-bottom: 40px;
}

.help-breadcrumbs {
    font-size: 0.9rem;
    color: var(--c-text-muted);
    margin-bottom: 15px;
}
.help-breadcrumbs a { color: var(--c-text-muted); }
.help-breadcrumbs a:hover { color: var(--c-primary); }

.help-cat-title {
    font-size: 2.2rem;
    font-weight: 800;
    color: var(--c-text);
    margin: 0;
    display: flex; 
    align-items: center; 
    gap: 12px;
}

.help-article-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 60px;
}

.help-article-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border: 1px solid var(--c-border);
    padding: 24px;
    border-radius: var(--radius);
    text-decoration: none;
    color: var(--c-text);
    transition: all 0.2s ease;
}

.help-article-row:hover {
    border-color: var(--c-primary);
    box-shadow: var(--shadow-sm);
    transform: translateX(4px); /* Lekkie przesunięcie w prawo */
}

.article-row-title {
    font-weight: 600;
    font-size: 1.05rem;
}

.article-row-meta {
    font-size: 0.85rem;
    color: var(--c-text-muted);
    display: flex;
    align-items: center;
    gap: 15px;
}

.icon-arrow-right {
    color: var(--c-border);
    font-weight: bold;
    transition: color 0.2s;
}
.help-article-row:hover .icon-arrow-right { color: var(--c-primary); }


/* --- SINGLE ARTICLE VIEW --- */
.help-layout {
    display: grid;
    grid-template-columns: 3fr 1fr; /* Treść szeroka, sidebar wąski */
    gap: 60px;
    padding: 40px 0 80px;
}

/* Typography Article */
.help-content-wrapper {
    background: #fff;
    /* Opcjonalnie: Jeśli chcesz kartę */
    /* border: 1px solid var(--c-border); padding: 40px; border-radius: var(--radius); */
}

.help-article-h1 {
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 30px;
    color: var(--c-text);
}

.help-body {
    font-size: 1.05rem; /* Większa czcionka dla czytelności */
    line-height: 1.8;
    color: #374151;
}

.help-body h2 { margin-top: 40px; margin-bottom: 20px; font-size: 1.75rem; color: var(--c-text); }
.help-body h3 { margin-top: 30px; margin-bottom: 15px; font-size: 1.4rem; color: var(--c-text); }
.help-body p { margin-bottom: 24px; }
.help-body ul { padding-left: 20px; margin-bottom: 24px; }
.help-body li { margin-bottom: 10px; }
.help-body img { border-radius: 12px; max-width: 100%; height: auto; margin: 30px 0; border: 1px solid var(--c-border); }

.help-footer {
    margin-top: 60px;
    padding-top: 20px;
    border-top: 1px solid var(--c-border);
    font-size: 0.9rem;
    color: var(--c-text-muted);
    display: flex;
    justify-content: space-between;
}

/* Sidebar Help */
.help-sidebar-box {
    background: var(--c-bg-alt);
    padding: 24px;
    border-radius: var(--radius);
    border: 1px solid var(--c-border);
    position: sticky;
    top: 120px;
}

.help-sidebar-title {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 16px;
    color: var(--c-text);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.help-related-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.help-related-list li {
    margin-bottom: 12px;
}

.help-related-list a {
    color: var(--c-text);
    font-size: 0.95rem;
    text-decoration: none;
    line-height: 1.4;
    display: block;
}

.help-related-list a:hover {
    color: var(--c-primary);
}

.help-contact-btn {
    display: block;
    width: 100%;
    text-align: center;
    background: var(--c-primary);
    color: #fff;
    padding: 10px 5px;
    border-radius: var(--radius-btn);
    font-weight: 600;
    text-decoration: none;
    margin-top: 20px;
    transition: 0.2s;
}
.help-contact-btn:hover {
    background: var(--c-accent);
    color: #fff;
}

/* Responsywność */
@media (max-width: 992px) {
    .help-layout { grid-template-columns: 1fr; }
    .help-sidebar-box { position: static; margin-top: 40px; }
}

/* =========================================
   CONTACT PAGE STYLES
   ========================================= */

.contact-hero {
    background-color: #0f172a; /* Ciemny, elegancki nagłówek */
    color: #fff;
    padding: 80px 0 100px; /* Większy padding na dole, by zrobić miejsce na negative margin */
    text-align: center;
}

.contact-title {
    font-size: 3rem;
    font-weight: 800;
    margin-bottom: 20px;
    letter-spacing: -0.02em;
}

.contact-subtitle {
    font-size: 1.2rem;
    color: #cbd5e1; /* Slate-300 */
    max-width: 600px;
    margin: 0 auto;
}

.contact-grid-layout {
    display: grid;
    grid-template-columns: 2fr 1fr; /* Formularz szerszy */
    gap: 40px;
}

/* Karta Formularza */
.contact-form-card {
    background: #fff;
    border: 1px solid var(--c-border);
    border-radius: 16px;
    padding: 40px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.08); /* Mocniejszy cień, bo karta "wystaje" */
}

.form-row-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

/* Sidebar Info */
.contact-info-sidebar {
    padding-top: 40px; /* Wyrównanie wizualne do karty po lewej */
}

.info-tile {
    background: #fff;
    border: 1px solid var(--c-border);
    padding: 20px;
    border-radius: 12px;
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 15px;
    transition: transform 0.2s;
}

.info-tile:hover {
    transform: translateY(-2px);
    border-color: var(--c-primary);
}

.it-icon {
    font-size: 1.5rem;
    background: var(--c-bg-alt);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.it-content h3 {
    font-size: 1rem;
    margin: 0 0 5px 0;
    color: var(--c-text);
}

.it-content p {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.5;
    color: var(--c-text-muted);
}

/* Responsywność */
@media (max-width: 900px) {
    .contact-grid-layout {
        grid-template-columns: 1fr;
    }
    
    .contact-form-card {
        padding: 25px;
    }
    
    .contact-info-sidebar {
        padding-top: 10px;
    }
    
    .form-row-2 {
        grid-template-columns: 1fr;
        gap: 0;
    }
}

/* --- DASHBOARD SIDEBAR USER FIX --- */

.user-badge {
    display: flex;
    align-items: center;
    gap: 15px; /* Odstęp avatara od tekstu */
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--c-border);
}

.user-badge .avatar img {
    border-radius: 50%;
    display: block;
    /* Upewniamy się, że avatar się nie spłaszczy */
    flex-shrink: 0; 
}

.user-badge .info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* KLUCZOWE dla działania ellipsis w flexboxie: */
    min-width: 0; 
    flex: 1; 
}

.user-badge .info strong.text-truncate {
    display: block;
    font-size: 1.1rem; /* Lekko większe dla czytelności */
    font-weight: 600;
    color: var(--c-text);
    
    /* Magia ucinania tekstu */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.user-badge .info span {
    font-size: 0.85rem;
    color: var(--c-text-muted);
}

/* --- STRIPE-STYLE ALERTS --- */
.alert-banner {
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 30px;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    animation: slideDown 0.4s ease-out forwards;
}

/* Wariant: Ostrzeżenie "Trust" (Soft Orange) */
.alert-banner.warning-trust {
    background-color: #fffbf2; /* Bardzo jasny kremowy/pomarańczowy */
    border: 1px solid #f5dbb1; /* Subtelna ramka */
    color: #5c3b00;            /* Kontrastowy, ciemny tekst */
}

.alert-banner .ab-icon {
    color: #d97706; /* Ikona bursztynowa */
    flex-shrink: 0;
    margin-top: 2px;
}

.alert-banner .ab-content strong {
    display: block;
    font-size: 1.05rem;
    color: #78350f; /* Ciemniejszy nagłówek */
    margin-bottom: 6px;
    font-weight: 600;
}

.alert-banner .ab-content p {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.5;
    opacity: 0.95;
}

/* Animacja wejścia */
@keyframes slideDown {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* --- ALERT BANNERS: ERROR VARIANT --- */
.alert-banner.error {
    background-color: #fef2f2; /* Bardzo jasny czerwony */
    border: 1px solid #fee2e2; /* Subtelna czerwona ramka */
    color: #991b1b;            /* Ciemny czerwony tekst */
}

.alert-banner.error .ab-icon {
    color: #ef4444;            /* Ikona żywsza czerwień */
}

.alert-banner.error strong {
    color: #7f1d1d;
}

.badge-stat {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.8rem;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 99px;
    background: #f5f5f7;
    color: #666;
    border: 1px solid rgba(0,0,0,0.05);
}

/* Domyślnie 4 kolumny (desktop), ale na tablecie 2, a na telefonie 1 */
@media (max-width: 900px) {
    .stats-grid { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 500px) {
    .stats-grid { grid-template-columns: 1fr !important; }
}

.chart-col .chart-tooltip {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #1d1d1f;
    color: #fff;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 100;
    margin-bottom: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    pointer-events: none;
    line-height: 1.6;
}
.chart-col .chart-tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #1d1d1f transparent transparent transparent;
}
.chart-col:hover .chart-tooltip {
    display: block;
    animation: fadeInTooltip 0.2s ease-out;
}
.chart-col:hover > div:not(.chart-date) {
    filter: brightness(0.95);
}
@keyframes fadeInTooltip {
    from { opacity: 0; transform: translate(-50%, 5px); }
    to { opacity: 1; transform: translate(-50%, 0); }
}

/* =========================================
   SELLER PROFILE & REVIEWS (PRO UI)
   Style: Apple/Stripe Trust
   ========================================= */

/* --- Review Card Component --- */
.review-card {
    background: #fff;
    border: 1px solid var(--c-border, #e5e5e5); /* Fallback do #e5e5e5 */
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 20px;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.review-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
    transform: translateY(-1px);
}

/* --- Review Header (Avatar + Meta) --- */
.review-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 16px;
}

.reviewer-avatar {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #f0f0f0;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #666;
    font-size: 15px;
    border: 1px solid rgba(0,0,0,0.05);
}

.reviewer-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.reviewer-meta {
    flex: 1;
}

.reviewer-meta h4 {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--c-text, #1d1d1f);
    line-height: 1.2;
}

.reviewer-meta .date {
    font-size: 0.8rem;
    color: #86868b;
    margin-top: 2px;
    display: block;
}

/* --- Stars Display (Static) --- */
.stars-display {
    color: #fbbf24; /* Amber-400 */
    font-size: 0.95rem;
    letter-spacing: 1px;
}

/* --- Review Body --- */
.review-content {
    color: #424245;
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 16px;
}

/* --- Seller Reply (Thread style) --- */
.seller-reply {
    background: #f5f5f7;
    border-radius: 8px;
    padding: 14px 18px;
    margin-top: 15px;
    border-left: 3px solid #0071e3; /* Brand Blue */
    font-size: 0.9rem;
    line-height: 1.5;
    color: #333;
}

.seller-reply strong {
    display: block;
    color: #1d1d1f;
    margin-bottom: 6px;
    font-size: 0.85rem;
    font-weight: 600;
}

/* --- Add Review Form --- */
.add-review-box {
    background: #fbfbfd;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 30px;
}

.add-review-box h3 {
    margin-top: 0;
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 20px;
    color: #1d1d1f;
}

/* Interactive Star Rating */
.star-rating-input {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 6px;
}

.star-rating-input input {
    display: none;
}

.star-rating-input label {
    font-size: 26px;
    color: #d1d1d6;
    cursor: pointer;
    transition: color 0.15s ease, transform 0.1s;
}

.star-rating-input input:checked ~ label,
.star-rating-input label:hover,
.star-rating-input label:hover ~ label {
    color: #fbbf24;
}

.star-rating-input label:active {
    transform: scale(0.9);
}
/* =======================================================
   4. HEADER & NAVIGATION EXTENSIONS (PRO UI)
   Dodatek do: templates/partials/header.php
   ======================================================= */

/* --- Layout Headera --- */
.nav-right {
    display: flex;
    align-items: center;
    gap: 16px;
}

/* Link tekstowy w headerze (np. Szukaj auta) */
.nav-link {
    font-weight: 500;
    color: var(--c-text);
    font-size: 0.95rem;
    transition: color 0.2s;
}
.nav-link:hover {
    color: var(--c-primary);
}

/* --- User Avatar Trigger --- */
.user-menu-wrapper {
    position: relative;
    margin-left: 8px;
}

.user-avatar-trigger {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid transparent; /* Border dla stanu active */
    transition: all 0.2s ease;
    background: #f0f0f0;
}

.user-avatar-trigger:hover,
.user-avatar-trigger.active {
    border-color: var(--c-primary);
    transform: scale(1.05);
}

.user-avatar-trigger img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* --- Dropdown Menu (Glass/Shadow Style) --- */
.user-dropdown {
    position: absolute;
    top: calc(100% + 14px); /* Odsunięcie od avatara */
    right: 0;
    width: 260px;
    background: #fff;
    border: 1px solid var(--c-border);
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.12); /* Głęboki cień "Pro" */
    padding: 8px;
    
    /* Animacja wejścia */
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    z-index: 2000; /* Zawsze na wierzchu */
}

/* Klasa dodawana przez JS */
.user-dropdown.is-open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Strzałka dymku (opcjonalnie, styl iOS) */
.user-dropdown::before {
    content: '';
    position: absolute;
    top: -6px;
    right: 14px;
    width: 12px;
    height: 12px;
    background: #fff;
    border-top: 1px solid var(--c-border);
    border-left: 1px solid var(--c-border);
    transform: rotate(45deg);
}

/* --- Elementy wewnątrz Dropdownu --- */
.dropdown-header {
    padding: 12px 16px;
    border-bottom: 1px solid #f5f5f7;
    margin-bottom: 8px;
}
.dropdown-header strong {
    display: block;
    color: var(--c-text);
    font-size: 0.95rem;
    font-weight: 600;
}
.dropdown-header span {
    display: block;
    color: var(--c-text-muted);
    font-size: 0.8rem;
    margin-top: 2px;
}

.dropdown-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    color: var(--c-text);
    text-decoration: none;
    font-size: 0.9rem;
    border-radius: 8px;
    font-weight: 500;
    transition: background 0.1s;
}

.dropdown-item:hover {
    background: #f5f7fa;
    color: var(--c-primary);
}

.dropdown-item.logout {
    color: #d93025; /* Czerwony dla wylogowania */
}
.dropdown-item.logout:hover {
    background: #fff0f0;
}

.dropdown-divider {
    height: 1px;
    background: #f0f0f0;
    margin: 6px 0;
}

/* --- Responsywność --- */
@media (max-width: 768px) {
    .desktop-only {
        display: none !important;
    }
    
    /* Na mobile header bardziej kompaktowy */
    .user-dropdown {
        position: fixed;
        top: 70px;
        left: 10px;
        right: 10px;
        width: auto;
    }
    .user-dropdown::before {
        display: none; /* Ukryj strzałkę na mobile */
    }
}

/* Przycisk w Headerze */
.btn-header {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 20px;
    border-radius: 99px; /* Pill shape */
    font-weight: 600;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all 0.2s ease;
    border: none;
    cursor: pointer;
}

/* ZMIANA: Kolor Primary (#10069f) zamiast czarnego */
.btn-header.primary {
    background-color: #10069f; /* Twój kolor marki */
    color: #fff;
    box-shadow: 0 4px 10px rgba(16, 6, 159, 0.2); /* Lekka poświata w kolorze przycisku */
}

.btn-header.primary:hover {
    background-color: #074A7B; /* Ciemniejszy odcień przy hover (Accent) */
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(16, 6, 159, 0.3);
}

/* Scoped CSS - Style tylko dla tej podstrony */
    .auth-wrapper {
        min-height: 80vh;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 40px 20px;
        background: var(--c-bg-alt, #f5f7fa);
    }
    .auth-card {
        width: 100%;
        max-width: 440px;
        padding: 40px;
        background: var(--c-bg, #ffffff);
        border-radius: 24px;
        box-shadow: 0 4px 20px rgba(0,0,0,0.06);
    }
    
    .auth-header { text-align: center; margin-bottom: 30px; }
    .auth-header h1 { font-size: 1.75rem; font-weight: 700; margin-bottom: 8px; color: var(--c-text, #1d1d1f); }
    .auth-header p { color: var(--c-text-muted, #6e6e73); font-size: 0.95rem; margin: 0; }

    /* Alerty */
    .alert-banner {
        display: flex;
        gap: 12px;
        align-items: flex-start;
        padding: 16px;
        border-radius: 12px;
        margin-bottom: 25px;
        font-size: 0.95rem;
        line-height: 1.5;
    }
    .alert-banner strong { font-weight: 600; }
    .alert-banner a { text-decoration: underline; color: inherit; font-weight: 600; }

    .alert-banner.error { background: #fef2f2; border: 1px solid #fee2e2; color: #991b1b; }
    .alert-banner.error svg { color: #ef4444; flex-shrink: 0; }
    
    .alert-banner.success { background: #f0fdf4; border: 1px solid #dcfce7; color: #166534; }
    .alert-banner.success svg { color: #16a34a; flex-shrink: 0; }

    /* Formularz */
    .auth-form { display: flex; flex-direction: column; gap: 20px; }
    .form-group { margin: 0; }
    .form-label { font-weight: 500; font-size: 0.9rem; margin-bottom: 6px; display: block; color: var(--c-text); }
    .form-control {
        width: 100%; padding: 12px; 
        border: 1px solid var(--c-border, #d0d0d0); 
        border-radius: 8px; font-size: 1rem;
        transition: border-color 0.2s;
    }
    .form-control:focus { outline: none; border-color: var(--c-primary, #10069f); }

    .btn-submit {
        width: 100%; padding: 14px; 
        background: var(--c-primary, #10069f); color: white; 
        border: none; border-radius: 8px; 
        font-weight: 600; cursor: pointer; font-size: 1rem;
        transition: background 0.2s;
    }
    .btn-submit:hover { background: var(--c-accent, #074a7b); }

    .auth-footer { margin-top: 25px; border-top: 1px solid #eee; text-align: center; font-size: 0.9rem; padding-top: 20px; color: #666; }
    .auth-footer a { color: var(--c-primary, #10069f); font-weight: 600; text-decoration: none; }

/* === Driver Hub Design System Components === */
:where(
    .btn,
    .btn-primary,
    .btn-search,
    .btn-save,
    .btn-submit,
    #place_order,
    .btn-header,
    .btn-action,
    .btn-dl,
    .btn-upload,
    .btn-next,
    .btn-prev,
    .btn-fav-listing,
    .btn-comp-listing,
    .btn-accent,
    .btn-dark,
    .btn-outline,
    .btn-white,
    .btn-white-big,
    .dealers-search-btn,
    .help-search-btn
) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--dh-space-2);
    min-height: 44px;
    padding: 0 18px;
    border-radius: var(--dh-radius-pill);
    border: 1px solid transparent;
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0;
    transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

:where(
    .btn,
    .btn-primary,
    .btn-search,
    .btn-save,
    .btn-submit,
    #place_order,
    .btn-header,
    .btn-action,
    .btn-dl,
    .btn-upload,
    .btn-next,
    .btn-prev,
    .btn-fav-listing,
    .btn-comp-listing,
    .btn-accent,
    .btn-dark,
    .btn-outline,
    .btn-white,
    .btn-white-big,
    .dealers-search-btn,
    .help-search-btn
):focus-visible {
    outline: 0;
    box-shadow: 0 0 0 3px var(--dh-color-focus), var(--dh-shadow-sm);
}

:where(
    .btn.btn-primary,
    .btn-primary,
    .btn-search,
    .btn-save,
    .btn-submit,
    #place_order,
    .btn-accent,
    .dealers-search-btn,
    .help-search-btn,
    .btn-header.primary
) {
    background: #10069f;
    color: #ffffff;
    border-color: #10069f;
    box-shadow: 0 4px 14px rgba(16, 6, 159, 0.24);
}

:where(
    .btn.btn-primary,
    .btn-primary,
    .btn-search,
    .btn-save,
    .btn-submit,
    #place_order,
    .btn-accent,
    .dealers-search-btn,
    .help-search-btn,
    .btn-header.primary
):hover {
    background: var(--dh-color-primary-hover);
    border-color: var(--dh-color-primary-hover);
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(16, 6, 159, 0.26);
}

:where(
    .btn.btn-primary,
    .btn-primary,
    .btn-search,
    .btn-save,
    .btn-submit,
    #place_order,
    .btn-accent,
    .dealers-search-btn,
    .help-search-btn,
    .btn-header.primary
):active {
    background: var(--dh-color-primary-active);
    border-color: var(--dh-color-primary-active);
    transform: translateY(0);
}

:where(.btn-action, .btn-dl, .btn-prev, .btn-outline, .btn-white, .btn-fav-listing, .btn-comp-listing) {
    background: var(--dh-color-surface);
    color: var(--dh-color-text);
    border-color: var(--dh-color-border);
    box-shadow: var(--dh-shadow-sm);
}

:where(.btn-action, .btn-dl, .btn-prev, .btn-outline, .btn-white, .btn-fav-listing, .btn-comp-listing):hover {
    background: #f3f5ff;
    border-color: rgba(16, 6, 159, 0.3);
    color: var(--dh-color-primary);
}

.btn-action.danger {
    color: var(--dh-color-danger);
    border-color: rgba(180, 35, 24, 0.32);
    background: #fff7f6;
}

.btn-action.danger:hover {
    background: #fdecec;
    border-color: rgba(180, 35, 24, 0.45);
}

.btn-header {
    min-height: 40px;
    padding: 0 16px;
}

:where(.btn-search, .btn-submit, .btn-block, .support-submit, .contact-submit) {
    width: 100%;
}

:where(
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="number"],
    input[type="tel"],
    input[type="url"],
    input[type="search"],
    select,
    textarea,
    .form-control,
    .modern-input,
    .modern-select,
    .support-select,
    .support-textarea,
    .dealers-search-input,
    .help-search-input,
    .price-edit-form input
) {
    width: 100%;
    border: 1px solid var(--dh-color-border);
    border-radius: var(--dh-radius-md);
    background: var(--dh-color-surface);
    color: var(--dh-color-text);
    padding: 0 14px;
    min-height: 44px;
    font: inherit;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

:where(
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="number"],
    input[type="tel"],
    input[type="url"],
    input[type="search"],
    select,
    textarea,
    .form-control,
    .modern-input,
    .modern-select,
    .support-select,
    .support-textarea,
    .dealers-search-input,
    .help-search-input,
    .price-edit-form input
):focus {
    outline: 0;
    border-color: var(--dh-color-primary);
    box-shadow: 0 0 0 3px var(--dh-color-focus);
}

textarea,
textarea.form-control,
.support-textarea {
    min-height: 120px;
    padding: 12px 14px;
    resize: vertical;
}

select.form-control,
select,
.modern-select {
    background-position: right 12px center;
    padding-right: 36px;
}

:where(
    .card,
    .card-box,
    .car-card,
    .dash-item,
    .seller-card,
    .seller-content-card,
    .stat-card,
    .support-contact-card,
    .auth-card,
    .search-panel,
    .filters-panel,
    .help-card
) {
    background: var(--dh-color-surface);
    border: 1px solid var(--dh-color-border);
    border-radius: var(--dh-radius-md);
    box-shadow: var(--dh-shadow-sm);
}

:where(.car-card:hover, .dash-item:hover, .seller-card:hover, .help-card:hover) {
    box-shadow: var(--dh-shadow-md);
    border-color: var(--dh-color-border-strong);
}

:where(.badge, .badge-status, .item-status, .badge-overlay span, .status-pill, .dh-payment-status-pill, .dh-cpt-status-pill) {
    border-radius: var(--dh-radius-pill);
    font-weight: 600;
    letter-spacing: 0.01em;
}

:where(.data-table, .comp-table) {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid var(--dh-color-border);
    border-radius: var(--dh-radius-md);
    overflow: hidden;
    background: var(--dh-color-surface);
}

:where(.data-table th, .comp-table th) {
    background: #f9faff;
    color: var(--dh-color-muted);
    font-size: 0.82rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

:where(.data-table td, .data-table th, .comp-table td, .comp-table th) {
    padding: 13px 14px;
    border-bottom: 1px solid rgba(16, 24, 40, 0.08);
}

:where(.data-table tbody tr:hover, .comp-table tbody tr:hover) {
    background: #fbfcff;
}

:where(.nav-link, .dash-nav a, .dropdown-item) {
    border-radius: var(--dh-radius-pill);
    transition: background-color 0.18s ease, color 0.18s ease;
}

:where(.nav-link:hover, .dash-nav a:hover, .dropdown-item:hover) {
    color: var(--dh-color-primary);
    background: rgba(16, 6, 159, 0.06);
}

.modal,
.modal-backdrop {
    background: rgba(11, 15, 26, 0.45);
    backdrop-filter: blur(2px);
}

/* === Driver Hub: Extracted Inline Styles (DO NOT REORDER) === */

/* Extracted from: app/Marketplace/Platform.php */
.dh-inline-5598fcf177 { max-width:720px;margin:80px auto;padding:20px;text-align:center;font-family:sans-serif }

/* Extracted from: inc/cpt.php */
.dh-inline-1b82578245 { display:inline-block; padding:3px 8px; border-radius:10px; font-size:11px; font-weight:700; background:#d63638; color:#fff; }
.dh-inline-2032df0fc5 { display:inline-block; padding:3px 8px; border-radius:10px; font-size:11px; font-weight:700; background:#f0f0f1; color:#50575e; }
.dh-inline-20b5bd0f1d { font-size: 14px; line-height: 1.6; }
.dh-inline-3325192a44 { margin: 15px 0; border:0; border-top:1px solid #ddd; }
.dh-inline-82bdbd5bfb { color:#ccc; }
.dh-inline-a98a8bde12 { color:#666; font-size:12px; }
.dh-inline-af3fee87a1 { margin-bottom:10px; }
.dh-inline-f311ff65aa { font-size:14px; color:#888; }

/* Extracted from: inc/seeder.php */
.dh-inline-4b871ac833 { padding:10px 20px; background:#000; color:#fff; text-decoration:none; border-radius:5px; }
.dh-inline-f38bf3ca44 { font-family:sans-serif; padding:20px; }

/* Extracted from: inc/sync.php */
.dh-inline-1425d706fc { display:inline-block; padding:10px 20px; background:green; color:white; text-decoration:none; border-radius:5px; }
.dh-inline-5bac8467c0 { color:green; }
.dh-inline-91ae25ab17 { padding:40px; background:#e6fffa; border:2px solid green; font-family:sans-serif; text-align:center; }

/* Extracted from: templates/404.php */
.dh-inline-3ef1fa1aa1 { margin-bottom:12px; }
.dh-inline-7d1f3a7ba2 { padding:80px 20px; text-align:center; max-width:720px; margin:0 auto; }
.dh-inline-b9580c5095 { margin-bottom:20px; color:#666; }

/* Extracted from: templates/blog.php */
.dh-inline-97e508843f { margin-top:60px; text-align:center; }
.dh-inline-9cb0d6dd50 { padding: 60px 20px; }
.dh-inline-e28f9b1b15 { text-align:center; padding:80px 0; color:#666; }

/* Extracted from: templates/brand.php */
.dh-inline-29b82b4004 { padding: 80px 20px; text-align: center; border: 1px dashed #ddd; border-radius: 8px; }
.dh-inline-2b0cd266f4 { color: #777; }
.dh-inline-7af9958ba3 { font-size: 0.9rem; color: #888; margin-bottom: 10px; }
.dh-inline-9a9f03b14b { margin: 0; font-weight: 700; color: var(--c-primary); }
.dh-inline-f2207b794e { margin-bottom: 40px; border-bottom: 1px solid #eee; padding-bottom: 20px; }
.dh-inline-f6f9d459ca { padding-top:40px; }

/* Extracted from: templates/contact.php */
.contact-page-wrap {
    padding-bottom: 80px;
    margin-top: -40px;
    position: relative;
    z-index: 2;
}
.contact-form-title {
    font-size: 1.5rem;
    margin-bottom: 25px;
    color: var(--c-text);
}
.contact-submit {
    width: 100%;
}
.form-message {
    margin-bottom: 20px;
    display: none;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid transparent;
}
.form-message.success {
    background: #dcfce7;
    color: #166534;
    border-color: #bbf7d0;
}
.form-message.error {
    background: #fee2e2;
    color: #991b1b;
    border-color: #fecaca;
}
.contact-help-box {
    background: #e0f2fe;
    padding: 25px;
    border-radius: 12px;
    margin-top: 30px;
    color: #0369a1;
}
.contact-help-box h4 {
    margin: 0 0 10px 0;
}
.contact-help-box p {
    font-size: 0.9rem;
    margin-bottom: 15px;
}
.contact-help-box a {
    color: #0284c7;
    font-weight: 700;
    text-decoration: none;
}

/* Extracted from: templates/control/car-form.php */
.dh-inline-06d915f16d { display:none; background:#10b981; }
.dh-inline-09ca710486 { font-size: 24px; margin-bottom: 10px; color: #1d1d1f; }
.dh-inline-67b74316b1 { color: var(--c-text-muted); }
.dh-inline-7e32d2e4d5 { background: #fff8e6; width: 80px; height: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; color: #b35f00; }
.dh-inline-a0826f6992 { visibility:hidden; }
.dh-inline-dde7a9de38 { color: #6e6e73; font-size: 16px; line-height: 1.5; margin-bottom: 30px; }
.dh-inline-f1b678c330 { padding: 60px 20px; text-align: center; max-width: 600px; margin: 0 auto; }

/* Extracted from: templates/control/parts/analytics.php */
.dh-inline-1cf7017e56 { color:var(--d-warning); }
.dh-inline-23aa6f656a { background:#80b6ff; }
.dh-inline-2bf6c60fb4 { color:var(--d-primary); }
.dh-inline-31532cc7dc { background:var(--d-primary); }
.dh-inline-e0e8b2cdc5 { color:var(--d-danger); }

/* Extracted from: templates/control/parts/comparison.php */
.dh-inline-15de623917 { font-size:0.85rem; color:var(--d-text-muted); }
.dh-inline-1b7ce592be { color:#e1e1e3; }
.dh-inline-24bbf43da1 { color:var(--d-text-muted); }
.dh-inline-2be7fb0ddf { margin-top:10px; padding:4px 10px; font-size:0.75rem; }
.dh-inline-44ab2a2dde { width:180px; background:var(--d-bg-alt); }
.dh-inline-74a8b6c935 { color:var(--d-success); font-weight:bold; }

/* Extracted from: templates/control/parts/favorites.php */
.dh-inline-690f054c4e { margin-left:auto; }
.dh-inline-72db0391ad { display:flex; align-items:center; margin-bottom:5px; }
.dh-inline-86af1180e6 { color:#d93025; }
.dh-inline-c00c129e47 { color:var(--d-primary); font-weight:700; }
.dh-inline-cf9c6b32b2 { font-size:0.8rem; color:var(--d-text-muted); }

/* Extracted from: templates/control/parts/listings.php */
.dh-inline-1cf7017e56 { color:var(--d-warning); }
.dh-inline-24bbf43da1 { color:var(--d-text-muted); }
.dh-inline-2bf6c60fb4 { color:var(--d-primary); }
.dh-inline-3e31235213 { display:flex; gap:15px; margin-top:12px; flex-wrap:wrap; font-size:0.85rem; color:var(--d-text-muted); }
.dh-inline-5828300254 { display:flex; gap:5px; }
.dh-inline-6c002e2180 { margin-bottom:6px; }
.dh-inline-e0e8b2cdc5 { color:var(--d-danger); }
.dh-inline-faad8d9cc6 { font-size:0.85rem; color:var(--d-text-muted); margin-right:5px; }

/* Extracted from: templates/control/parts/payments.php */
.dh-inline-01ed68b563 { text-align:left; padding:15px 10px; color:#999; }
.dh-inline-2ba312661b { text-align:center; padding:40px; color:#999; }
.dh-inline-37fa636d53 { font-size:12px; color:#888; }
.dh-inline-40d2fe78b5 { padding:15px 10px; }
.dh-inline-5867410ce9 { font-size:40px; margin-bottom:10px; }
.dh-inline-5a0c226967 { padding:15px 10px; font-weight:700; }
.dh-inline-62469fdc1b { border-bottom:2px solid #eee; }
.dh-inline-75634adfdf { text-align:right; padding:15px 10px; color:#999; }
.dh-inline-c1f36594fa { border-bottom:1px solid #f5f5f7; }
.dh-inline-d0698c48c3 { overflow-x:auto; }
.dh-inline-f3b3f2e4d2 { width:100%; border-collapse:collapse; }
.dh-inline-fea5b0c8f0 { padding:15px 10px; text-align:right; }

/* Extracted from: templates/control/parts/settings.php */
.dh-inline-131ed7c59e { font-size:1rem; border-bottom:1px solid #eee; padding-bottom:10px; margin:30px 0 20px; }
.dh-inline-1700c0697a { font-size:0.8rem; color:var(--d-text-muted); margin-top:5px; }
.dh-inline-23c0ffcc68 { font-size:1rem; border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:20px; }
.dh-inline-3b5d999051 { border-left:4px solid var(--d-warning); background:#fff9e6; margin-bottom:20px; }
.dh-inline-50bf41e4a5 { margin:0 0 15px 0; font-size:0.95rem; }
.dh-inline-55658c6423 { cursor:pointer; display:inline-block; margin-top:10px; }
.dh-inline-7fd02f0e14 { display:flex; gap:15px; align-items:flex-start; }
.dh-inline-857aa133c2 { margin-top:30px; display:flex; align-items:center; gap:15px; }
.dh-inline-8e2b91d031 { font-size:1.5rem; }
.dh-inline-aa11a4867e { display:none; color:var(--d-danger); font-weight:500; }
.dh-inline-b39c9c7e80 { display:none; color:var(--d-success); font-weight:500; }
.dh-inline-bbab664d3c { background:#f9f9fa; padding:20px; border-radius:8px; margin-top:20px; }
.dh-inline-d66592da6a { margin:5px 0 0; font-size:0.9rem; }
.dh-inline-dac4fe6c9b { text-align:center; }

/* Extracted from: templates/control/parts/step-1-identity.php */
.dh-inline-90ad96210e { color:red }
.dh-inline-d00417ebb8 { color:red; display:none; }
.dh-inline-d462248a40 { margin-top:0 }
.dh-inline-e62643a0b8 { font-size:11px; color:#666; }
.dh-inline-ef7a9dfbd9 { margin-top: 24px; }

/* Extracted from: templates/control/parts/step-2-specs.php */
.dh-inline-3343fd6464 { margin-top:24px; }
.dh-inline-90ad96210e { color:red }
.dh-inline-d462248a40 { margin-top:0 }

/* Extracted from: templates/control/parts/step-3-history.php */
.dh-inline-1ccf33b931 { margin-top: 30px; font-size: 1.1rem; }
.dh-inline-90ad96210e { color:red }
.dh-inline-d462248a40 { margin-top:0 }

/* Extracted from: templates/control/parts/step-4-media.php */
.dh-inline-018f5d1503 { margin:0 0 15px 0; }
.dh-inline-024f163061 { font-size:0.6em; color:red; vertical-align:middle; }
.dh-inline-1e8b672c4c { color:red; font-weight:bold; margin-top:10px; display:none; }
.dh-inline-1fd9e94cb0 { margin: 25px 0 15px 0; font-size: 1.1rem; color: #333; border-bottom: 1px solid #eee; padding-bottom: 10px; }
.dh-inline-2cc01fb3cc { font-size: 13px; color: #999; margin-top: 5px; }
.dh-inline-40c6c26b20 { margin-top:30px; border-top:1px solid #eee; padding-top:20px; }
.dh-inline-bf952bd8d5 { margin-bottom: 40px; }
.dh-inline-c8be1ccba6 { display:none; }
.dh-inline-d462248a40 { margin-top:0 }
.dh-inline-de5be7de05 { font-size: 32px; margin-bottom: 10px; }

/* Extracted from: templates/control/parts/step-5-offer.php */
.dh-inline-1b6ed62c45 { color:red; font-size:12px; font-weight:bold; display:none; margin-top:5px; }
.dh-inline-39e55fe2c1 { font-size:12px; color:#999; margin-top:5px; }
.dh-inline-90ad96210e { color:red }
.dh-inline-d462248a40 { margin-top:0 }
.dh-inline-ef7a9dfbd9 { margin-top: 24px; }
.apple-editor-container .wp-editor-container iframe,
            .apple-editor-container .wp-editor-area {
                min-height: 450px !important; /* Tutaj zmieniamy wysokość */
            }

/* Extracted from: templates/control/parts/support.php */
.support-grid {
    grid-template-columns: 2fr 1fr;
    gap: 30px;
}
.support-form-title {
    margin-bottom: 20px;
    font-size: 1.2rem;
}
.support-select {
    width: 100%;
    padding: 10px;
    border: 1px solid var(--d-border);
    border-radius: 8px;
}
.support-textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid var(--d-border);
    border-radius: 8px;
    font-family: inherit;
    resize: vertical;
}
.support-context {
    margin-bottom: 20px;
    font-size: 0.9rem;
    color: var(--d-text-muted);
    background: #f5f5f7;
    padding: 10px;
    border-radius: 6px;
}
.support-actions {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 10px;
}
.support-submit {
    min-width: 160px;
}
.form-message {
    margin-top: 12px;
    display: none;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid transparent;
}
.form-message.success {
    background: #dcfce7;
    color: #166534;
    border-color: #bbf7d0;
}
.form-message.error {
    background: #fee2e2;
    color: #991b1b;
    border-color: #fecaca;
}
.support-note {
    margin-top: 15px;
    font-size: 0.8rem;
    color: var(--d-text-muted);
}
.support-contact-card {
    background: var(--d-bg-alt);
    border: none;
}
.support-section-title {
    margin-top: 0;
}
.support-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0.95rem;
}
.support-contact-item {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}
.support-icon {
    font-size: 1.2rem;
}
.support-muted {
    color: var(--d-text-muted);
}
.support-mail {
    text-decoration: none;
    color: var(--d-text-main);
}
.support-faq-list {
    font-size: 0.9rem;
}
.support-faq-item {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
}
.support-faq-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.support-faq-link {
    text-decoration: none;
    color: var(--d-primary);
}
.support-faq-link--primary {
    color: var(--d-text-main);
    font-weight: 500;
}

/* Extracted from: templates/dealers-list.php */
.dh-inline-17261a20f6 { text-align:center; padding:100px 0; }
.dh-inline-85db30b913 { padding: 60px 0; background: var(--c-bg-alt); min-height: 60vh; }
.dh-inline-97e508843f { margin-top:60px; text-align:center; }
.dh-inline-9c986d9baf { color:var(--c-text-muted); }
.dh-inline-e341410e56 { color:var(--c-text); font-size:1.5rem; margin-bottom:10px; }

/* Extracted from: templates/generic-page.php */
.dh-inline-1cb87af974 { font-size: 32px; font-weight: 700; color: #1d1d1f; margin: 0; }
.dh-inline-976257b7b2 { padding: 60px 20px; max-width: 1100px; margin: 0 auto; }
.dh-inline-be24998c26 { background: #fff; min-height: 400px; }
.dh-inline-f2207b794e { margin-bottom: 40px; border-bottom: 1px solid #eee; padding-bottom: 20px; }

/* Extracted from: templates/help/category.php */
.dh-inline-19bbdf2107 { margin:0 5px; }
.dh-inline-3f11c250da { margin-top:10px; max-width:600px; color:var(--c-text-muted); }
.dh-inline-ad0283b4fd { color:#666; text-align:center; padding:20px; }

/* Extracted from: templates/help/main.php */
.dh-inline-3aa5ae3264 { text-align:center; width:100%; grid-column: 1/-1; padding: 40px; color: #666; }

/* Extracted from: templates/help/single.php */
.dh-inline-19bbdf2107 { margin:0 5px; }
.dh-inline-7564fcb56c { font-size:0.9rem; color:var(--c-text-muted); }
.dh-inline-8087835b02 { color:var(--c-text); }

/* Extracted from: templates/home.php */
.dh-inline-0d7010b773 { color:red; }

/* Extracted from: templates/layout.php */
.dh-inline-5c9456c001 { background:#f5f5f7; padding:15px; border-radius:8px; margin-top:20px; font-family:monospace; font-size:11px; text-align:left; color:#333; }
.dh-inline-6a8c41db55 { color:#666; }
.dh-inline-ce01e0f798 { color:#d93025; font-size:24px; margin-bottom:10px; }
.dh-inline-e328070c84 { padding:20px; text-align:center; }
.dh-inline-f10172187e { max-width:600px; margin:100px auto; text-align:center; padding:40px; background:#fff; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,0.05); }

/* Extracted from: templates/listing.php */
.dh-inline-06f3f54b05 { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.1; }
.dh-inline-1315887db7 { padding:100px 0; text-align:center; }
.dh-inline-16b8e2a4c5 { margin-top:20px; font-size:0.85rem; color:#888; text-align:center; }
.dh-inline-176972b6f2 { font-size: 0.9rem; color: var(--c-text-muted); }
.dh-inline-195242a016 { color: var(--c-text); font-weight: 500; }
.dh-inline-19bbdf2107 { margin:0 5px; }
.dh-inline-4e6a1f93b0 { background:#f5f5f7; border:1px solid #d2d2d7; color:#1d1d1f; padding:15px; border-radius:12px; margin-bottom:30px; font-weight:600; display:flex; align-items:center; gap:10px; }
.dh-inline-4f86c715e4 { margin-top:10px; font-size:1.1rem; font-weight:600; color:var(--c-text); }
.dh-inline-592c193f41 { color: #e30000; font-weight: 700; }
.dh-inline-6f7ebfb63e { font-size:1rem; color:#666; margin-bottom:10px; border-bottom:1px solid #eee; padding-bottom:5px; }
.dh-inline-77a92f5ec9 { background: var(--c-bg-alt); padding: 20px 0; border-bottom: 1px solid var(--c-border); margin-bottom: 40px; }
.dh-inline-999516ae22 { font-size: 16px; color: #86868b; text-decoration: line-through; margin-bottom: 2px; }
.dh-inline-9eb125f52f { margin-top:20px; }
.dh-inline-aaa14308f8 { margin-bottom:20px; font-size:0.85rem; color:#666; background:#f5f5f7; padding:5px 10px; border-radius:6px; display:inline-block; }
.dh-inline-b1341e0f05 { background:#fff4e5; border:1px solid #ffd08a; color:#b76e00; padding:15px; border-radius:12px; margin-bottom:30px; font-weight:600; display:flex; align-items:center; gap:10px; }
.dh-inline-b75fad0009 { margin-bottom: 20px; }
.dh-inline-c99b5462c6 { background:#f5f5f7; padding:15px; text-align:center; border-radius:12px; color:#999; font-weight:600; border:1px solid #d2d2d7; }

/* Extracted from: templates/location.php */
.dh-inline-17f7f213df { color:#64748b; margin-bottom:30px; }
.dh-inline-2f67f25544 { color:#64748b; margin-top:10px; font-size:1.1rem; }
.dh-inline-30b428f4e0 { background:#f1f5f9; color:#0f172a; padding:4px 12px; border-radius:20px; font-size:0.75rem; font-weight:600; text-transform:uppercase; letter-spacing:0.5px; }
.dh-inline-48b46c83cc { display:grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap:30px; }
.dh-inline-54c4ec4501 { margin:0; font-size:2.5rem; letter-spacing:-0.5px; font-weight:700; color:#0f172a; }
.dh-inline-67e3f3a4b6 { padding:60px 0; background:#f8f9fa; min-height:60vh; }
.dh-inline-89d2fd8a40 { color:#0f172a; font-size:1.5rem; margin-bottom:10px; }
.dh-inline-97e508843f { margin-top:60px; text-align:center; }
.dh-inline-c7f742456c { text-align:center; padding:80px 0; background:#fff; border-radius:12px; border:1px dashed #cbd5e1; }
.dh-inline-d4e804d96b { display:flex; align-items:center; gap:10px; margin-bottom:15px; }
.dh-inline-d741bed525 { background:#fff; border-bottom:1px solid #f1f5f9; padding:40px 0; }

/* Extracted from: templates/maps/location.php */
.dh-inline-06392ebc6c { padding:60px 0; background:#f8f9fa; }
.dh-inline-087afcb8db { padding:40px 20px; text-align:center; }
.dh-inline-17261a20f6 { text-align:center; padding:100px 0; }
.dh-inline-48b46c83cc { display:grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap:30px; }
.dh-inline-4dcfad80a4 { background:#fff; border-bottom:1px solid #eee; padding:40px 0; }
.dh-inline-6a8c41db55 { color:#666; }
.dh-inline-90a37aa90a { background:#f1f5f9; color:#64748b; padding:4px 12px; border-radius:20px; font-size:0.8rem; font-weight:600; text-transform:uppercase; }
.dh-inline-97e508843f { margin-top:60px; text-align:center; }
.dh-inline-b354540804 { color:#64748b; margin-top:10px; }
.dh-inline-df8b2a9594 { margin-top:15px; font-size:2.5rem; letter-spacing:-0.5px; }
.dh-inline-e6cd2befcb { color:#111; }

/* Extracted from: templates/maps/marki.php */
.dh-inline-1739808ce2 { font-size:2.5rem; font-weight:700; margin-bottom:20px; }
.dh-inline-42f836056c { font-size:1.2rem; font-weight:700; margin-bottom:5px; }
.dh-inline-638aa0e5ff { display:grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap:20px; }
.dh-inline-63f7b1d2aa { color:#666; margin-bottom:50px; }
.dh-inline-8aa1e2fd89 { max-width:1200px; margin:0 auto; padding:60px 20px; }
.dh-inline-9ae91e49b4 { font-size:0.85rem; color:#888; }

/* Extracted from: templates/maps/miasta.php */
.dh-inline-00ec7a8026 { columns: 4 250px; column-gap: 40px; }
.dh-inline-1739808ce2 { font-size:2.5rem; font-weight:700; margin-bottom:20px; }
.dh-inline-2ff4c49d57 { list-style:none; padding:0; margin:0; }
.dh-inline-449010c1c4 { break-inside: avoid; margin-bottom:40px; }
.dh-inline-63f7b1d2aa { color:#666; margin-bottom:50px; }
.dh-inline-72450b7e6d { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:40px; padding-bottom:20px; border-bottom:1px solid #eee; }
.dh-inline-8aa1e2fd89 { max-width:1200px; margin:0 auto; padding:60px 20px; }
.dh-inline-a2c397ac62 { font-size:1.5rem; color:#111; border-bottom:2px solid #000; display:inline-block; margin-bottom:15px; }
.dh-inline-e4ad4a163b { margin-bottom:8px; }

/* Extracted from: templates/maps/modele.php */
.dh-inline-1739808ce2 { font-size:2.5rem; font-weight:700; margin-bottom:20px; }
.dh-inline-63f7b1d2aa { color:#666; margin-bottom:50px; }
.dh-inline-8aa1e2fd89 { max-width:1200px; margin:0 auto; padding:60px 20px; }
.dh-inline-c99b0f687d { margin-top:0; margin-bottom:15px; }
.dh-inline-d5923f5d20 { display:flex; flex-wrap:wrap; gap:8px; }
.dh-inline-da0a19b5a2 { break-inside: avoid; margin-bottom:40px; background:#f9f9f9; padding:25px; border-radius:12px; }
.dh-inline-ee69acd400 { columns: 3 300px; column-gap: 40px; }

/* Extracted from: templates/maps/wojewodztwa.php */
.dh-inline-1739808ce2 { font-size:2.5rem; font-weight:700; margin-bottom:20px; }
.dh-inline-4150c057e5 { display:block; font-size:0.85rem; color:#666; margin-top:5px; font-weight:400; }
.dh-inline-641a03c528 { display:grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap:20px; }
.dh-inline-8aa1e2fd89 { max-width:1200px; margin:0 auto; padding:60px 20px; }
.dh-inline-8b193be1f3 { color:#666; margin-bottom:50px; max-width:600px; }
.ap-map-container a:hover { background:#fff; border-color:#e2e8f0; box-shadow:0 4px 12px rgba(0,0,0,0.05); transform:translateY(-2px); }

/* Extracted from: templates/model.php */
.dh-inline-087afcb8db { padding:40px 20px; text-align:center; }

/* Extracted from: templates/partials/card.php */
.dh-inline-01b16a6eb1 { position: absolute; top: 12px; right: 12px; z-index: 10; display: flex; flex-direction: column; gap: 8px; }
.dh-inline-43cfda011b { text-decoration: line-through; color: #999; font-size: 0.85em; margin-right: 6px; }
.dh-inline-50666a574d { position: relative; }
.dh-inline-d18c422ab0 { color: #e30000; font-weight: 600; }

/* Extracted from: templates/partials/header.php */
.dh-inline-29e0bb5178 { width:1px; height:24px; background:#e5e5e5; margin:0 5px; }

/* Extracted from: templates/partials/seller-card.php */
.dh-inline-0468da3f2e { width:80px; height:80px; border-radius:50%; overflow:hidden; margin-bottom:15px; border:2px solid #f8f9fa; box-shadow:0 2px 8px rgba(0,0,0,0.05); }
.dh-inline-83991fe4aa { background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:25px; transition:all 0.2s ease; height:100%; position:relative; display:flex; flex-direction:column; align-items:center; text-align:center; }
.dh-inline-a79717cb07 { font-size:0.9rem; color:#64748b; margin-bottom:15px; }
.dh-inline-b0fede2139 { margin:0 0 5px 0; font-size:1.15rem; font-weight:700; color:#0f172a; display:flex; align-items:center; gap:6px; justify-content:center; }
.dh-inline-bf7de9d298 { margin-top:auto; background:#f1f5f9; color:#475569; padding:6px 14px; border-radius:20px; font-size:0.85rem; font-weight:600; }
.dh-inline-d1c203773e { color:#2563eb; display:flex; }
.seller-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 12px 24px -8px rgba(0,0,0,0.1);
            border-color: #cbd5e1;
        }

/* Extracted from: templates/partials/seo-bottom.php */
.dh-inline-03a4fd910d { background:#f1f5f9; border-radius:12px; margin:50px 0; }
.dh-inline-12bf37905e { font-size: 1.1rem; color: #1e293b; }
.dh-inline-39ffb6238c { margin-bottom: 25px; }
.dh-inline-5c4f2574dd { color: #64748b; line-height: 1.8; max-width: 1100px; margin: 0 auto; }
.dh-inline-5cfe4d72f8 { font-size: 2rem; color: #1e293b; margin-bottom: 20px; }
.dh-inline-5da95f8474 { font-size: 1.1rem; color: #1e293b; break-before: column; }
.dh-inline-6530b46057 { color: #1e293b; margin-bottom: 30px; }
.dh-inline-694054e4ca { color: #1e293b; font-size: 1.15rem; margin-bottom: 10px; }
.dh-inline-6c547cc6f0 { list-style: disc; padding-left: 20px; }
.dh-inline-708dc1dcf8 { columns: 2; column-gap: 40px; margin-bottom: 30px; }
.dh-inline-7301176173 { margin-top: 50px; }
.dh-inline-76084ee4e5 { margin-bottom:0; }
.dh-inline-a047972e7f { color: #1e293b; margin-top: 40px; }
.dh-inline-a33016cca2 { margin-top:0; color:#1e293b; }
.dh-inline-acd884c794 { display:flex; flex-wrap:wrap; gap:10px; margin:20px 0 40px 0; }
.dh-inline-bf952bd8d5 { margin-bottom: 40px; }
.dh-inline-cc6b67686e { width: 100%; background: #fff; padding: 80px 0; margin-top: 0; border-top: 1px solid #f1f5f9; }
.dh-inline-f60aa37701 { list-style: disc; padding-left: 20px; margin-bottom: 30px; }

/* Extracted from: templates/profile.php */
.dh-inline-033d0bec9c { text-align:center; margin-top:20px; }
.dh-inline-0d40926e2a { background:#d4edda; color:#155724; padding:15px; border-radius:6px; margin-bottom:20px; }
.dh-inline-4b31ce7d5e { flex-direction:column; align-items:stretch; margin:0; display:block; }
.dh-inline-5370cbf1a7 { margin-bottom:30px; }
.dh-inline-54c1edae4d { max-width: 600px; padding: 40px 20px; }
.dh-inline-7dde5e56b3 { margin-bottom:20px; }
.dh-inline-9069ba704f { grid-template-columns: 1fr 1fr; gap:20px; margin-bottom:20px; }
.dh-inline-9a4010d5a1 { width:100%; margin-top:10px; }
.dh-inline-9c056dcabc { margin-bottom:20px; opacity:0.6; }
.dh-inline-bc0306d51c { color:#888; }
.dh-inline-d8a81eac84 { margin-top:10px; }
.dh-inline-e68f1b5f6a { font-size:0.85em; color:#666; }

/* Extracted from: templates/search-wp.php */
.dh-inline-266b38cd1c { margin-top:20px; line-height:1.8; }
.dh-inline-9eb125f52f { margin-top:20px; }
.dh-inline-d5f1400f6f { padding:40px 20px; }

/* Extracted from: templates/search.php */
.dh-inline-00710dc4a4 { font-size:11px; color:red; margin-bottom:10px; border:1px solid red; padding:5px; }
.dh-inline-13b1344ac7 { margin-bottom:30px; border-bottom:1px solid var(--c-border); padding-bottom:20px; }
.dh-inline-2454d3900d { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; border-bottom:1px solid var(--c-border); padding-bottom:15px; }
.dh-inline-38924a2a6a { color:var(--c-text-muted); margin:0; }
.dh-inline-56c18e6180 { display:flex; justify-content:space-between; align-items:center; margin-top:10px; }
.dh-inline-97e508843f { margin-top:60px; text-align:center; }
.dh-inline-9a4010d5a1 { width:100%; margin-top:10px; }
.dh-inline-c966ff40a3 { border:0; border-top:1px solid var(--c-border); margin:20px 0; }
.dh-inline-dbb71323f9 { padding-bottom:20px; }
.dh-inline-dd79f95f78 { display:grid; grid-template-columns: 1fr 1fr; gap:10px; }
.dh-inline-e48c543246 { font-size: 2rem; margin: 0 0 10px 0; font-weight: 800; color:var(--c-text); }
.dh-inline-f0a764aa19 { font-size:0.85rem; color:#86868b; }
.dh-inline-fc53b1ff93 { margin:0; font-size:1.1rem; color:var(--c-text); }

/* Extracted from: templates/seller.php */
.dh-inline-0824662508 { margin-top:0; font-size:1.2rem; margin-bottom:20px; }
.dh-inline-0d658f9194 { font-size:1.1rem; font-weight:500; }
.dh-inline-136f1755c6 { background:#0071e3; color:#fff; border:none; padding:6px 14px; border-radius:6px; font-size:0.85rem; cursor:pointer; }
.dh-inline-171de22312 { text-align:right; margin-top:5px; }
.dh-inline-21f99aadab { max-width:1200px; margin:0 auto; padding:0 20px 60px; }
.dh-inline-2b8ea39e46 { line-height:1.6; color:#333; font-size:1rem; }
.dh-inline-2d288366fd { padding:60px 20px; text-align:center; background:#f9f9f9; border-radius:12px; color:#86868b; }
.dh-inline-30e4160807 { margin-top:40px; text-align:center; }
.dh-inline-31b636652e { font-size:30px; margin-bottom:10px; }
.dh-inline-563ad987dc { width:100%; border:1px solid #d2d2d7; border-radius:6px; padding:8px; font-size:0.9rem; }
.dh-inline-59794285c7 { display:flex; align-items:center; gap:20px; font-size:1.1rem; opacity:0.9; }
.dh-inline-5c7e1c6e69 { padding:10px 24px; }
.dh-inline-62939904f4 { margin-top:10px; border-top:1px solid #f0f0f0; padding-top:10px; }
.dh-inline-6b0c13639b { max-width: 800px; margin: 0 auto; }
.dh-inline-7623f05545 { flex:1; }
.dh-inline-7dde5e56b3 { margin-bottom:20px; }
.dh-inline-7e4e54d77d { padding:100px; text-align:center; }
.dh-inline-a527bac1ee { text-align:right; }
.dh-inline-a6c07b0a88 { margin:0 0 10px 0; font-size:2.5rem; font-weight:700; color:#fff; }
.dh-inline-ae72f904cd { max-width:800px; margin:0 auto; background:#fff; padding:30px; border-radius:12px; border:1px solid #e5e5e5; }
.dh-inline-afeb653bef { font-size:40px; margin-bottom:15px; opacity:0.3; }
.dh-inline-c67fa505eb { color:#888; font-style:italic; }
.dh-inline-c8fdcac692 { background:rgb(193, 228, 17); padding:4px 10px; border-radius:6px; backdrop-filter:blur(4px); }
.dh-inline-d04b3ba9e8 { font-size:0.4em; vertical-align:middle; background:#34c759; color:#fff; padding:4px 8px; border-radius:4px; text-transform:uppercase; letter-spacing:0.5px; margin-left:8px; }
.dh-inline-d4bd97763d { text-align:right; margin-top:15px; }
.dh-inline-e5a8c46831 { max-width:1200px; margin:0 auto; padding:0 20px; }
.dh-inline-eba7ffb2d3 { text-align:center; padding:60px 20px; color:#86868b; }
.dh-inline-ec2ff87294 { width:100%; padding:12px; border-radius:8px; border:1px solid #d2d2d7; font-size:0.95rem; font-family:inherit; resize:vertical; }
.dh-inline-fe2bd36980 { display:flex; align-items:center; gap:30px; flex-wrap:wrap; }

/* Extracted from: templates/single-post.php */
.dh-inline-47ba30fc44 { max-width: 800px; text-align:center; }
.dh-inline-afe332503c { max-width: 800px; padding-bottom:80px; }

/* Extracted from: inc/admin-seo.php (attribute-mapped) */
[data-dh-inline="dh-inline-cad980f4b7"] { width:100%; }

/* Extracted from: inc/cpt.php (attribute-mapped) */
[data-dh-inline="dh-inline-cbbe13a0e2"] { text-decoration:none; color:#2271b1; font-weight:600; }

/* Extracted from: templates/brand.php (attribute-mapped) */
[data-dh-inline="dh-inline-c9f6d31795"] { text-decoration:none; color:#888; }

/* Extracted from: templates/control/parts/listings.php (attribute-mapped) */
[data-dh-inline="dh-inline-27231daefd"] { display:flex; align-items:center; gap:8px; }
[data-dh-inline="dh-inline-2c06fa02cc"] { display:none; margin-top:5px; }
[data-dh-inline="dh-inline-9eb125f52f"] { margin-top:20px; }
[data-dh-inline="dh-inline-dac4fe6c9b"] { text-align:center; }

/* Extracted from: templates/control/parts/nav.php (attribute-mapped) */
[data-dh-inline="dh-inline-08a7ce4138"] { background:#e3efff; color:var(--d-primary); margin-bottom:15px; }

/* Extracted from: templates/control/parts/payments.php (attribute-mapped) */
[data-dh-inline="dh-inline-1c7e9678cc"] { color:#b58105; }
[data-dh-inline="dh-inline-230f844173"] { text-decoration:none; background:#f0f7ff; color:#0071e3; padding:6px 12px; border-radius:6px; font-weight:600; font-size:13px; }

/* Extracted from: templates/control/parts/step-5-offer.php (attribute-mapped) */
[data-dh-inline="dh-inline-67c4ed8b3c"] { font-weight: 700; font-size: 1.2rem; }

/* Extracted from: templates/dealers-list.php (attribute-mapped) */
[data-dh-inline="dh-inline-185e32d56c"] { color:var(--c-primary); font-weight:600; text-decoration:none; margin-top:15px; display:inline-block; }

/* Extracted from: templates/listing.php (attribute-mapped) */
[data-dh-inline="dh-inline-11da354f23"] { padding-bottom: 80px; }
[data-dh-inline="dh-inline-5326738070"] { display:inline-flex; gap:10px; background:#f00; border-radius:8px; }
[data-dh-inline="dh-inline-6827da96bc"] { width: 100%; margin-top: 10px; padding: 12px; border-radius: 12px; border: 1px solid var(--c-border); background: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px; font-weight: 500; }
[data-dh-inline="dh-inline-9cb383dd6a"] { width:100%; margin-bottom:10px; }

/* Extracted from: templates/location.php (attribute-mapped) */
[data-dh-inline="dh-inline-1c2dbf4ec1"] { font-size:0.85rem; color:#64748b; text-decoration:none; }
[data-dh-inline="dh-inline-8fe07de037"] { display:inline-block; background:#000; color:#fff; padding:12px 24px; border-radius:6px; text-decoration:none; font-weight:500; }

/* Extracted from: templates/maps/location.php (attribute-mapped) */
[data-dh-inline="dh-inline-b30c19592e"] { margin-top:20px; display:inline-block; background:#000; color:#fff; padding:12px 24px; border-radius:6px; text-decoration:none; }

/* Extracted from: templates/maps/marki.php (attribute-mapped) */
[data-dh-inline="dh-inline-7f6c38cf9f"] { max-height:40px; margin-bottom:15px; opacity:0.8; }
[data-dh-inline="dh-inline-e1ce6fcc55"] { display:flex; align-items:center; justify-content:center; flex-direction:column; padding:30px; background:#fff; border:1px solid #eee; border-radius:12px; text-decoration:none; color:#111; transition:0.2s ease; }

/* Extracted from: templates/maps/miasta.php (attribute-mapped) */
[data-dh-inline="dh-inline-d91dfb5ec8"] { padding:5px 12px; background:#f1f5f9; border-radius:6px; font-weight:600; font-size:0.9rem; color:#333; text-decoration:none; }
[data-dh-inline="dh-inline-eabf83efc5"] { color:#555; text-decoration:none; transition:0.2s; }

/* Extracted from: templates/maps/modele.php (attribute-mapped) */
[data-dh-inline="dh-inline-6767957816"] { color:#111; text-decoration:none; }
[data-dh-inline="dh-inline-dc4510a4ab"] { font-size:0.9rem; color:#555; background:#fff; padding:4px 10px; border-radius:4px; text-decoration:none; border:1px solid #eee; }

/* Extracted from: templates/maps/wojewodztwa.php (attribute-mapped) */
[data-dh-inline="dh-inline-efc761fba1"] { display:block; padding:25px; background:#f8f9fa; border-radius:12px; text-decoration:none; color:#111; font-weight:600; transition:0.2s ease; border:1px solid transparent; }

/* Extracted from: templates/partials/card.php (attribute-mapped) */
[data-dh-inline="dh-inline-9a65127729"] { background: rgba(255,255,255,0.85); backdrop-filter: blur(8px); border: none; border-radius: 50%; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s; box-shadow: 0 2px 8px rgba(0,0,0,0.05); }
[data-dh-inline="dh-inline-e1dfa86cc9"] { display: block; text-decoration: none; color: inherit; }

/* Extracted from: templates/partials/seller-card.php (attribute-mapped) */
[data-dh-inline="dh-inline-04cae5767c"] { width:100%; height:100%; object-fit:cover; }
[data-dh-inline="dh-inline-4001c45dca"] { text-decoration:none; color:inherit; display:block; }

/* Extracted from: templates/partials/seo-bottom.php (attribute-mapped) */
[data-dh-inline="dh-inline-18c8a56678"] { background:#f1f5f9; padding:8px 16px; border-radius:20px; color:#1e293b; font-weight:600; font-size:0.9rem; text-decoration:none; }

/* Extracted from: templates/profile.php (attribute-mapped) */
[data-dh-inline="dh-inline-1e32cae737"] { color:#666; text-decoration:none; }

/* Extracted from: templates/search.php (attribute-mapped) */
[data-dh-inline="dh-inline-7276b3ad4e"] { font-size:0.85rem; color:var(--c-primary); text-decoration:none; font-weight:600; }
[data-dh-inline="dh-inline-de53b5b251"] { margin-top:15px; }

/* Extracted from: templates/seller.php (attribute-mapped) */
[data-dh-inline="dh-inline-73b20a4399"] { display:none; margin-top:10px; }
[data-dh-inline="dh-inline-c8a491d2c5"] { background:none; border:none; color:#0071e3; cursor:pointer; font-size:0.85rem; padding:0; font-weight:500; }

/* Extracted from: templates/listing.php (dynamic-variants) */
.dh-listing-gallery-sold { filter: grayscale(1); opacity: 0.8; }

/* Extracted from: templates/control/parts/payments.php (dynamic-variants) */
.dh-payment-status-pill { padding:4px 10px; border-radius:12px; font-size:12px; font-weight:600; text-transform:uppercase; }
.dh-payment-status-default { background:#eee; color:#666; }
.dh-payment-status-completed { background:#e7f4e4; color:#00703c; }
.dh-payment-status-pending { background:#fff8e1; color:#b58105; }
.dh-payment-status-failed { background:#fde8e8; color:#d4351c; }

/* Extracted from: inc/cpt.php (dynamic-variants) */
.dh-cpt-status-pill { padding:4px 10px; border-radius:12px; font-size:11px; font-weight:700; text-transform:uppercase; display:inline-block; }
.dh-cpt-status-pending { background:#d63638; color:#fff; }
.dh-cpt-status-publish { background:#e7f6ed; color:#21834a; }
.dh-cpt-status-reserved { background:#fff4e5; color:#b76e00; }
.dh-cpt-status-sold { background:#f0f0f1; color:#50575e; }
.dh-cpt-status-draft { background:#f0f0f1; color:#50575e; }
.dh-cpt-status-default { background:#eee; color:#50575e; }

/* Extracted from: templates/control/parts/analytics.php (dynamic-height-scale) */
.dh-height-tenth-0 { height:0%; }
.dh-height-tenth-1 { height:0.1%; }
.dh-height-tenth-2 { height:0.2%; }
.dh-height-tenth-3 { height:0.3%; }
.dh-height-tenth-4 { height:0.4%; }
.dh-height-tenth-5 { height:0.5%; }
.dh-height-tenth-6 { height:0.6%; }
.dh-height-tenth-7 { height:0.7%; }
.dh-height-tenth-8 { height:0.8%; }
.dh-height-tenth-9 { height:0.9%; }
.dh-height-tenth-10 { height:1%; }
.dh-height-tenth-11 { height:1.1%; }
.dh-height-tenth-12 { height:1.2%; }
.dh-height-tenth-13 { height:1.3%; }
.dh-height-tenth-14 { height:1.4%; }
.dh-height-tenth-15 { height:1.5%; }
.dh-height-tenth-16 { height:1.6%; }
.dh-height-tenth-17 { height:1.7%; }
.dh-height-tenth-18 { height:1.8%; }
.dh-height-tenth-19 { height:1.9%; }
.dh-height-tenth-20 { height:2%; }
.dh-height-tenth-21 { height:2.1%; }
.dh-height-tenth-22 { height:2.2%; }
.dh-height-tenth-23 { height:2.3%; }
.dh-height-tenth-24 { height:2.4%; }
.dh-height-tenth-25 { height:2.5%; }
.dh-height-tenth-26 { height:2.6%; }
.dh-height-tenth-27 { height:2.7%; }
.dh-height-tenth-28 { height:2.8%; }
.dh-height-tenth-29 { height:2.9%; }
.dh-height-tenth-30 { height:3%; }
.dh-height-tenth-31 { height:3.1%; }
.dh-height-tenth-32 { height:3.2%; }
.dh-height-tenth-33 { height:3.3%; }
.dh-height-tenth-34 { height:3.4%; }
.dh-height-tenth-35 { height:3.5%; }
.dh-height-tenth-36 { height:3.6%; }
.dh-height-tenth-37 { height:3.7%; }
.dh-height-tenth-38 { height:3.8%; }
.dh-height-tenth-39 { height:3.9%; }
.dh-height-tenth-40 { height:4%; }
.dh-height-tenth-41 { height:4.1%; }
.dh-height-tenth-42 { height:4.2%; }
.dh-height-tenth-43 { height:4.3%; }
.dh-height-tenth-44 { height:4.4%; }
.dh-height-tenth-45 { height:4.5%; }
.dh-height-tenth-46 { height:4.6%; }
.dh-height-tenth-47 { height:4.7%; }
.dh-height-tenth-48 { height:4.8%; }
.dh-height-tenth-49 { height:4.9%; }
.dh-height-tenth-50 { height:5%; }
.dh-height-tenth-51 { height:5.1%; }
.dh-height-tenth-52 { height:5.2%; }
.dh-height-tenth-53 { height:5.3%; }
.dh-height-tenth-54 { height:5.4%; }
.dh-height-tenth-55 { height:5.5%; }
.dh-height-tenth-56 { height:5.6%; }
.dh-height-tenth-57 { height:5.7%; }
.dh-height-tenth-58 { height:5.8%; }
.dh-height-tenth-59 { height:5.9%; }
.dh-height-tenth-60 { height:6%; }
.dh-height-tenth-61 { height:6.1%; }
.dh-height-tenth-62 { height:6.2%; }
.dh-height-tenth-63 { height:6.3%; }
.dh-height-tenth-64 { height:6.4%; }
.dh-height-tenth-65 { height:6.5%; }
.dh-height-tenth-66 { height:6.6%; }
.dh-height-tenth-67 { height:6.7%; }
.dh-height-tenth-68 { height:6.8%; }
.dh-height-tenth-69 { height:6.9%; }
.dh-height-tenth-70 { height:7%; }
.dh-height-tenth-71 { height:7.1%; }
.dh-height-tenth-72 { height:7.2%; }
.dh-height-tenth-73 { height:7.3%; }
.dh-height-tenth-74 { height:7.4%; }
.dh-height-tenth-75 { height:7.5%; }
.dh-height-tenth-76 { height:7.6%; }
.dh-height-tenth-77 { height:7.7%; }
.dh-height-tenth-78 { height:7.8%; }
.dh-height-tenth-79 { height:7.9%; }
.dh-height-tenth-80 { height:8%; }
.dh-height-tenth-81 { height:8.1%; }
.dh-height-tenth-82 { height:8.2%; }
.dh-height-tenth-83 { height:8.3%; }
.dh-height-tenth-84 { height:8.4%; }
.dh-height-tenth-85 { height:8.5%; }
.dh-height-tenth-86 { height:8.6%; }
.dh-height-tenth-87 { height:8.7%; }
.dh-height-tenth-88 { height:8.8%; }
.dh-height-tenth-89 { height:8.9%; }
.dh-height-tenth-90 { height:9%; }
.dh-height-tenth-91 { height:9.1%; }
.dh-height-tenth-92 { height:9.2%; }
.dh-height-tenth-93 { height:9.3%; }
.dh-height-tenth-94 { height:9.4%; }
.dh-height-tenth-95 { height:9.5%; }
.dh-height-tenth-96 { height:9.6%; }
.dh-height-tenth-97 { height:9.7%; }
.dh-height-tenth-98 { height:9.8%; }
.dh-height-tenth-99 { height:9.9%; }
.dh-height-tenth-100 { height:10%; }
.dh-height-tenth-101 { height:10.1%; }
.dh-height-tenth-102 { height:10.2%; }
.dh-height-tenth-103 { height:10.3%; }
.dh-height-tenth-104 { height:10.4%; }
.dh-height-tenth-105 { height:10.5%; }
.dh-height-tenth-106 { height:10.6%; }
.dh-height-tenth-107 { height:10.7%; }
.dh-height-tenth-108 { height:10.8%; }
.dh-height-tenth-109 { height:10.9%; }
.dh-height-tenth-110 { height:11%; }
.dh-height-tenth-111 { height:11.1%; }
.dh-height-tenth-112 { height:11.2%; }
.dh-height-tenth-113 { height:11.3%; }
.dh-height-tenth-114 { height:11.4%; }
.dh-height-tenth-115 { height:11.5%; }
.dh-height-tenth-116 { height:11.6%; }
.dh-height-tenth-117 { height:11.7%; }
.dh-height-tenth-118 { height:11.8%; }
.dh-height-tenth-119 { height:11.9%; }
.dh-height-tenth-120 { height:12%; }
.dh-height-tenth-121 { height:12.1%; }
.dh-height-tenth-122 { height:12.2%; }
.dh-height-tenth-123 { height:12.3%; }
.dh-height-tenth-124 { height:12.4%; }
.dh-height-tenth-125 { height:12.5%; }
.dh-height-tenth-126 { height:12.6%; }
.dh-height-tenth-127 { height:12.7%; }
.dh-height-tenth-128 { height:12.8%; }
.dh-height-tenth-129 { height:12.9%; }
.dh-height-tenth-130 { height:13%; }
.dh-height-tenth-131 { height:13.1%; }
.dh-height-tenth-132 { height:13.2%; }
.dh-height-tenth-133 { height:13.3%; }
.dh-height-tenth-134 { height:13.4%; }
.dh-height-tenth-135 { height:13.5%; }
.dh-height-tenth-136 { height:13.6%; }
.dh-height-tenth-137 { height:13.7%; }
.dh-height-tenth-138 { height:13.8%; }
.dh-height-tenth-139 { height:13.9%; }
.dh-height-tenth-140 { height:14%; }
.dh-height-tenth-141 { height:14.1%; }
.dh-height-tenth-142 { height:14.2%; }
.dh-height-tenth-143 { height:14.3%; }
.dh-height-tenth-144 { height:14.4%; }
.dh-height-tenth-145 { height:14.5%; }
.dh-height-tenth-146 { height:14.6%; }
.dh-height-tenth-147 { height:14.7%; }
.dh-height-tenth-148 { height:14.8%; }
.dh-height-tenth-149 { height:14.9%; }
.dh-height-tenth-150 { height:15%; }
.dh-height-tenth-151 { height:15.1%; }
.dh-height-tenth-152 { height:15.2%; }
.dh-height-tenth-153 { height:15.3%; }
.dh-height-tenth-154 { height:15.4%; }
.dh-height-tenth-155 { height:15.5%; }
.dh-height-tenth-156 { height:15.6%; }
.dh-height-tenth-157 { height:15.7%; }
.dh-height-tenth-158 { height:15.8%; }
.dh-height-tenth-159 { height:15.9%; }
.dh-height-tenth-160 { height:16%; }
.dh-height-tenth-161 { height:16.1%; }
.dh-height-tenth-162 { height:16.2%; }
.dh-height-tenth-163 { height:16.3%; }
.dh-height-tenth-164 { height:16.4%; }
.dh-height-tenth-165 { height:16.5%; }
.dh-height-tenth-166 { height:16.6%; }
.dh-height-tenth-167 { height:16.7%; }
.dh-height-tenth-168 { height:16.8%; }
.dh-height-tenth-169 { height:16.9%; }
.dh-height-tenth-170 { height:17%; }
.dh-height-tenth-171 { height:17.1%; }
.dh-height-tenth-172 { height:17.2%; }
.dh-height-tenth-173 { height:17.3%; }
.dh-height-tenth-174 { height:17.4%; }
.dh-height-tenth-175 { height:17.5%; }
.dh-height-tenth-176 { height:17.6%; }
.dh-height-tenth-177 { height:17.7%; }
.dh-height-tenth-178 { height:17.8%; }
.dh-height-tenth-179 { height:17.9%; }
.dh-height-tenth-180 { height:18%; }
.dh-height-tenth-181 { height:18.1%; }
.dh-height-tenth-182 { height:18.2%; }
.dh-height-tenth-183 { height:18.3%; }
.dh-height-tenth-184 { height:18.4%; }
.dh-height-tenth-185 { height:18.5%; }
.dh-height-tenth-186 { height:18.6%; }
.dh-height-tenth-187 { height:18.7%; }
.dh-height-tenth-188 { height:18.8%; }
.dh-height-tenth-189 { height:18.9%; }
.dh-height-tenth-190 { height:19%; }
.dh-height-tenth-191 { height:19.1%; }
.dh-height-tenth-192 { height:19.2%; }
.dh-height-tenth-193 { height:19.3%; }
.dh-height-tenth-194 { height:19.4%; }
.dh-height-tenth-195 { height:19.5%; }
.dh-height-tenth-196 { height:19.6%; }
.dh-height-tenth-197 { height:19.7%; }
.dh-height-tenth-198 { height:19.8%; }
.dh-height-tenth-199 { height:19.9%; }
.dh-height-tenth-200 { height:20%; }
.dh-height-tenth-201 { height:20.1%; }
.dh-height-tenth-202 { height:20.2%; }
.dh-height-tenth-203 { height:20.3%; }
.dh-height-tenth-204 { height:20.4%; }
.dh-height-tenth-205 { height:20.5%; }
.dh-height-tenth-206 { height:20.6%; }
.dh-height-tenth-207 { height:20.7%; }
.dh-height-tenth-208 { height:20.8%; }
.dh-height-tenth-209 { height:20.9%; }
.dh-height-tenth-210 { height:21%; }
.dh-height-tenth-211 { height:21.1%; }
.dh-height-tenth-212 { height:21.2%; }
.dh-height-tenth-213 { height:21.3%; }
.dh-height-tenth-214 { height:21.4%; }
.dh-height-tenth-215 { height:21.5%; }
.dh-height-tenth-216 { height:21.6%; }
.dh-height-tenth-217 { height:21.7%; }
.dh-height-tenth-218 { height:21.8%; }
.dh-height-tenth-219 { height:21.9%; }
.dh-height-tenth-220 { height:22%; }
.dh-height-tenth-221 { height:22.1%; }
.dh-height-tenth-222 { height:22.2%; }
.dh-height-tenth-223 { height:22.3%; }
.dh-height-tenth-224 { height:22.4%; }
.dh-height-tenth-225 { height:22.5%; }
.dh-height-tenth-226 { height:22.6%; }
.dh-height-tenth-227 { height:22.7%; }
.dh-height-tenth-228 { height:22.8%; }
.dh-height-tenth-229 { height:22.9%; }
.dh-height-tenth-230 { height:23%; }
.dh-height-tenth-231 { height:23.1%; }
.dh-height-tenth-232 { height:23.2%; }
.dh-height-tenth-233 { height:23.3%; }
.dh-height-tenth-234 { height:23.4%; }
.dh-height-tenth-235 { height:23.5%; }
.dh-height-tenth-236 { height:23.6%; }
.dh-height-tenth-237 { height:23.7%; }
.dh-height-tenth-238 { height:23.8%; }
.dh-height-tenth-239 { height:23.9%; }
.dh-height-tenth-240 { height:24%; }
.dh-height-tenth-241 { height:24.1%; }
.dh-height-tenth-242 { height:24.2%; }
.dh-height-tenth-243 { height:24.3%; }
.dh-height-tenth-244 { height:24.4%; }
.dh-height-tenth-245 { height:24.5%; }
.dh-height-tenth-246 { height:24.6%; }
.dh-height-tenth-247 { height:24.7%; }
.dh-height-tenth-248 { height:24.8%; }
.dh-height-tenth-249 { height:24.9%; }
.dh-height-tenth-250 { height:25%; }
.dh-height-tenth-251 { height:25.1%; }
.dh-height-tenth-252 { height:25.2%; }
.dh-height-tenth-253 { height:25.3%; }
.dh-height-tenth-254 { height:25.4%; }
.dh-height-tenth-255 { height:25.5%; }
.dh-height-tenth-256 { height:25.6%; }
.dh-height-tenth-257 { height:25.7%; }
.dh-height-tenth-258 { height:25.8%; }
.dh-height-tenth-259 { height:25.9%; }
.dh-height-tenth-260 { height:26%; }
.dh-height-tenth-261 { height:26.1%; }
.dh-height-tenth-262 { height:26.2%; }
.dh-height-tenth-263 { height:26.3%; }
.dh-height-tenth-264 { height:26.4%; }
.dh-height-tenth-265 { height:26.5%; }
.dh-height-tenth-266 { height:26.6%; }
.dh-height-tenth-267 { height:26.7%; }
.dh-height-tenth-268 { height:26.8%; }
.dh-height-tenth-269 { height:26.9%; }
.dh-height-tenth-270 { height:27%; }
.dh-height-tenth-271 { height:27.1%; }
.dh-height-tenth-272 { height:27.2%; }
.dh-height-tenth-273 { height:27.3%; }
.dh-height-tenth-274 { height:27.4%; }
.dh-height-tenth-275 { height:27.5%; }
.dh-height-tenth-276 { height:27.6%; }
.dh-height-tenth-277 { height:27.7%; }
.dh-height-tenth-278 { height:27.8%; }
.dh-height-tenth-279 { height:27.9%; }
.dh-height-tenth-280 { height:28%; }
.dh-height-tenth-281 { height:28.1%; }
.dh-height-tenth-282 { height:28.2%; }
.dh-height-tenth-283 { height:28.3%; }
.dh-height-tenth-284 { height:28.4%; }
.dh-height-tenth-285 { height:28.5%; }
.dh-height-tenth-286 { height:28.6%; }
.dh-height-tenth-287 { height:28.7%; }
.dh-height-tenth-288 { height:28.8%; }
.dh-height-tenth-289 { height:28.9%; }
.dh-height-tenth-290 { height:29%; }
.dh-height-tenth-291 { height:29.1%; }
.dh-height-tenth-292 { height:29.2%; }
.dh-height-tenth-293 { height:29.3%; }
.dh-height-tenth-294 { height:29.4%; }
.dh-height-tenth-295 { height:29.5%; }
.dh-height-tenth-296 { height:29.6%; }
.dh-height-tenth-297 { height:29.7%; }
.dh-height-tenth-298 { height:29.8%; }
.dh-height-tenth-299 { height:29.9%; }
.dh-height-tenth-300 { height:30%; }
.dh-height-tenth-301 { height:30.1%; }
.dh-height-tenth-302 { height:30.2%; }
.dh-height-tenth-303 { height:30.3%; }
.dh-height-tenth-304 { height:30.4%; }
.dh-height-tenth-305 { height:30.5%; }
.dh-height-tenth-306 { height:30.6%; }
.dh-height-tenth-307 { height:30.7%; }
.dh-height-tenth-308 { height:30.8%; }
.dh-height-tenth-309 { height:30.9%; }
.dh-height-tenth-310 { height:31%; }
.dh-height-tenth-311 { height:31.1%; }
.dh-height-tenth-312 { height:31.2%; }
.dh-height-tenth-313 { height:31.3%; }
.dh-height-tenth-314 { height:31.4%; }
.dh-height-tenth-315 { height:31.5%; }
.dh-height-tenth-316 { height:31.6%; }
.dh-height-tenth-317 { height:31.7%; }
.dh-height-tenth-318 { height:31.8%; }
.dh-height-tenth-319 { height:31.9%; }
.dh-height-tenth-320 { height:32%; }
.dh-height-tenth-321 { height:32.1%; }
.dh-height-tenth-322 { height:32.2%; }
.dh-height-tenth-323 { height:32.3%; }
.dh-height-tenth-324 { height:32.4%; }
.dh-height-tenth-325 { height:32.5%; }
.dh-height-tenth-326 { height:32.6%; }
.dh-height-tenth-327 { height:32.7%; }
.dh-height-tenth-328 { height:32.8%; }
.dh-height-tenth-329 { height:32.9%; }
.dh-height-tenth-330 { height:33%; }
.dh-height-tenth-331 { height:33.1%; }
.dh-height-tenth-332 { height:33.2%; }
.dh-height-tenth-333 { height:33.3%; }
.dh-height-tenth-334 { height:33.4%; }
.dh-height-tenth-335 { height:33.5%; }
.dh-height-tenth-336 { height:33.6%; }
.dh-height-tenth-337 { height:33.7%; }
.dh-height-tenth-338 { height:33.8%; }
.dh-height-tenth-339 { height:33.9%; }
.dh-height-tenth-340 { height:34%; }
.dh-height-tenth-341 { height:34.1%; }
.dh-height-tenth-342 { height:34.2%; }
.dh-height-tenth-343 { height:34.3%; }
.dh-height-tenth-344 { height:34.4%; }
.dh-height-tenth-345 { height:34.5%; }
.dh-height-tenth-346 { height:34.6%; }
.dh-height-tenth-347 { height:34.7%; }
.dh-height-tenth-348 { height:34.8%; }
.dh-height-tenth-349 { height:34.9%; }
.dh-height-tenth-350 { height:35%; }
.dh-height-tenth-351 { height:35.1%; }
.dh-height-tenth-352 { height:35.2%; }
.dh-height-tenth-353 { height:35.3%; }
.dh-height-tenth-354 { height:35.4%; }
.dh-height-tenth-355 { height:35.5%; }
.dh-height-tenth-356 { height:35.6%; }
.dh-height-tenth-357 { height:35.7%; }
.dh-height-tenth-358 { height:35.8%; }
.dh-height-tenth-359 { height:35.9%; }
.dh-height-tenth-360 { height:36%; }
.dh-height-tenth-361 { height:36.1%; }
.dh-height-tenth-362 { height:36.2%; }
.dh-height-tenth-363 { height:36.3%; }
.dh-height-tenth-364 { height:36.4%; }
.dh-height-tenth-365 { height:36.5%; }
.dh-height-tenth-366 { height:36.6%; }
.dh-height-tenth-367 { height:36.7%; }
.dh-height-tenth-368 { height:36.8%; }
.dh-height-tenth-369 { height:36.9%; }
.dh-height-tenth-370 { height:37%; }
.dh-height-tenth-371 { height:37.1%; }
.dh-height-tenth-372 { height:37.2%; }
.dh-height-tenth-373 { height:37.3%; }
.dh-height-tenth-374 { height:37.4%; }
.dh-height-tenth-375 { height:37.5%; }
.dh-height-tenth-376 { height:37.6%; }
.dh-height-tenth-377 { height:37.7%; }
.dh-height-tenth-378 { height:37.8%; }
.dh-height-tenth-379 { height:37.9%; }
.dh-height-tenth-380 { height:38%; }
.dh-height-tenth-381 { height:38.1%; }
.dh-height-tenth-382 { height:38.2%; }
.dh-height-tenth-383 { height:38.3%; }
.dh-height-tenth-384 { height:38.4%; }
.dh-height-tenth-385 { height:38.5%; }
.dh-height-tenth-386 { height:38.6%; }
.dh-height-tenth-387 { height:38.7%; }
.dh-height-tenth-388 { height:38.8%; }
.dh-height-tenth-389 { height:38.9%; }
.dh-height-tenth-390 { height:39%; }
.dh-height-tenth-391 { height:39.1%; }
.dh-height-tenth-392 { height:39.2%; }
.dh-height-tenth-393 { height:39.3%; }
.dh-height-tenth-394 { height:39.4%; }
.dh-height-tenth-395 { height:39.5%; }
.dh-height-tenth-396 { height:39.6%; }
.dh-height-tenth-397 { height:39.7%; }
.dh-height-tenth-398 { height:39.8%; }
.dh-height-tenth-399 { height:39.9%; }
.dh-height-tenth-400 { height:40%; }
.dh-height-tenth-401 { height:40.1%; }
.dh-height-tenth-402 { height:40.2%; }
.dh-height-tenth-403 { height:40.3%; }
.dh-height-tenth-404 { height:40.4%; }
.dh-height-tenth-405 { height:40.5%; }
.dh-height-tenth-406 { height:40.6%; }
.dh-height-tenth-407 { height:40.7%; }
.dh-height-tenth-408 { height:40.8%; }
.dh-height-tenth-409 { height:40.9%; }
.dh-height-tenth-410 { height:41%; }
.dh-height-tenth-411 { height:41.1%; }
.dh-height-tenth-412 { height:41.2%; }
.dh-height-tenth-413 { height:41.3%; }
.dh-height-tenth-414 { height:41.4%; }
.dh-height-tenth-415 { height:41.5%; }
.dh-height-tenth-416 { height:41.6%; }
.dh-height-tenth-417 { height:41.7%; }
.dh-height-tenth-418 { height:41.8%; }
.dh-height-tenth-419 { height:41.9%; }
.dh-height-tenth-420 { height:42%; }
.dh-height-tenth-421 { height:42.1%; }
.dh-height-tenth-422 { height:42.2%; }
.dh-height-tenth-423 { height:42.3%; }
.dh-height-tenth-424 { height:42.4%; }
.dh-height-tenth-425 { height:42.5%; }
.dh-height-tenth-426 { height:42.6%; }
.dh-height-tenth-427 { height:42.7%; }
.dh-height-tenth-428 { height:42.8%; }
.dh-height-tenth-429 { height:42.9%; }
.dh-height-tenth-430 { height:43%; }
.dh-height-tenth-431 { height:43.1%; }
.dh-height-tenth-432 { height:43.2%; }
.dh-height-tenth-433 { height:43.3%; }
.dh-height-tenth-434 { height:43.4%; }
.dh-height-tenth-435 { height:43.5%; }
.dh-height-tenth-436 { height:43.6%; }
.dh-height-tenth-437 { height:43.7%; }
.dh-height-tenth-438 { height:43.8%; }
.dh-height-tenth-439 { height:43.9%; }
.dh-height-tenth-440 { height:44%; }
.dh-height-tenth-441 { height:44.1%; }
.dh-height-tenth-442 { height:44.2%; }
.dh-height-tenth-443 { height:44.3%; }
.dh-height-tenth-444 { height:44.4%; }
.dh-height-tenth-445 { height:44.5%; }
.dh-height-tenth-446 { height:44.6%; }
.dh-height-tenth-447 { height:44.7%; }
.dh-height-tenth-448 { height:44.8%; }
.dh-height-tenth-449 { height:44.9%; }
.dh-height-tenth-450 { height:45%; }
.dh-height-tenth-451 { height:45.1%; }
.dh-height-tenth-452 { height:45.2%; }
.dh-height-tenth-453 { height:45.3%; }
.dh-height-tenth-454 { height:45.4%; }
.dh-height-tenth-455 { height:45.5%; }
.dh-height-tenth-456 { height:45.6%; }
.dh-height-tenth-457 { height:45.7%; }
.dh-height-tenth-458 { height:45.8%; }
.dh-height-tenth-459 { height:45.9%; }
.dh-height-tenth-460 { height:46%; }
.dh-height-tenth-461 { height:46.1%; }
.dh-height-tenth-462 { height:46.2%; }
.dh-height-tenth-463 { height:46.3%; }
.dh-height-tenth-464 { height:46.4%; }
.dh-height-tenth-465 { height:46.5%; }
.dh-height-tenth-466 { height:46.6%; }
.dh-height-tenth-467 { height:46.7%; }
.dh-height-tenth-468 { height:46.8%; }
.dh-height-tenth-469 { height:46.9%; }
.dh-height-tenth-470 { height:47%; }
.dh-height-tenth-471 { height:47.1%; }
.dh-height-tenth-472 { height:47.2%; }
.dh-height-tenth-473 { height:47.3%; }
.dh-height-tenth-474 { height:47.4%; }
.dh-height-tenth-475 { height:47.5%; }
.dh-height-tenth-476 { height:47.6%; }
.dh-height-tenth-477 { height:47.7%; }
.dh-height-tenth-478 { height:47.8%; }
.dh-height-tenth-479 { height:47.9%; }
.dh-height-tenth-480 { height:48%; }
.dh-height-tenth-481 { height:48.1%; }
.dh-height-tenth-482 { height:48.2%; }
.dh-height-tenth-483 { height:48.3%; }
.dh-height-tenth-484 { height:48.4%; }
.dh-height-tenth-485 { height:48.5%; }
.dh-height-tenth-486 { height:48.6%; }
.dh-height-tenth-487 { height:48.7%; }
.dh-height-tenth-488 { height:48.8%; }
.dh-height-tenth-489 { height:48.9%; }
.dh-height-tenth-490 { height:49%; }
.dh-height-tenth-491 { height:49.1%; }
.dh-height-tenth-492 { height:49.2%; }
.dh-height-tenth-493 { height:49.3%; }
.dh-height-tenth-494 { height:49.4%; }
.dh-height-tenth-495 { height:49.5%; }
.dh-height-tenth-496 { height:49.6%; }
.dh-height-tenth-497 { height:49.7%; }
.dh-height-tenth-498 { height:49.8%; }
.dh-height-tenth-499 { height:49.9%; }
.dh-height-tenth-500 { height:50%; }
.dh-height-tenth-501 { height:50.1%; }
.dh-height-tenth-502 { height:50.2%; }
.dh-height-tenth-503 { height:50.3%; }
.dh-height-tenth-504 { height:50.4%; }
.dh-height-tenth-505 { height:50.5%; }
.dh-height-tenth-506 { height:50.6%; }
.dh-height-tenth-507 { height:50.7%; }
.dh-height-tenth-508 { height:50.8%; }
.dh-height-tenth-509 { height:50.9%; }
.dh-height-tenth-510 { height:51%; }
.dh-height-tenth-511 { height:51.1%; }
.dh-height-tenth-512 { height:51.2%; }
.dh-height-tenth-513 { height:51.3%; }
.dh-height-tenth-514 { height:51.4%; }
.dh-height-tenth-515 { height:51.5%; }
.dh-height-tenth-516 { height:51.6%; }
.dh-height-tenth-517 { height:51.7%; }
.dh-height-tenth-518 { height:51.8%; }
.dh-height-tenth-519 { height:51.9%; }
.dh-height-tenth-520 { height:52%; }
.dh-height-tenth-521 { height:52.1%; }
.dh-height-tenth-522 { height:52.2%; }
.dh-height-tenth-523 { height:52.3%; }
.dh-height-tenth-524 { height:52.4%; }
.dh-height-tenth-525 { height:52.5%; }
.dh-height-tenth-526 { height:52.6%; }
.dh-height-tenth-527 { height:52.7%; }
.dh-height-tenth-528 { height:52.8%; }
.dh-height-tenth-529 { height:52.9%; }
.dh-height-tenth-530 { height:53%; }
.dh-height-tenth-531 { height:53.1%; }
.dh-height-tenth-532 { height:53.2%; }
.dh-height-tenth-533 { height:53.3%; }
.dh-height-tenth-534 { height:53.4%; }
.dh-height-tenth-535 { height:53.5%; }
.dh-height-tenth-536 { height:53.6%; }
.dh-height-tenth-537 { height:53.7%; }
.dh-height-tenth-538 { height:53.8%; }
.dh-height-tenth-539 { height:53.9%; }
.dh-height-tenth-540 { height:54%; }
.dh-height-tenth-541 { height:54.1%; }
.dh-height-tenth-542 { height:54.2%; }
.dh-height-tenth-543 { height:54.3%; }
.dh-height-tenth-544 { height:54.4%; }
.dh-height-tenth-545 { height:54.5%; }
.dh-height-tenth-546 { height:54.6%; }
.dh-height-tenth-547 { height:54.7%; }
.dh-height-tenth-548 { height:54.8%; }
.dh-height-tenth-549 { height:54.9%; }
.dh-height-tenth-550 { height:55%; }
.dh-height-tenth-551 { height:55.1%; }
.dh-height-tenth-552 { height:55.2%; }
.dh-height-tenth-553 { height:55.3%; }
.dh-height-tenth-554 { height:55.4%; }
.dh-height-tenth-555 { height:55.5%; }
.dh-height-tenth-556 { height:55.6%; }
.dh-height-tenth-557 { height:55.7%; }
.dh-height-tenth-558 { height:55.8%; }
.dh-height-tenth-559 { height:55.9%; }
.dh-height-tenth-560 { height:56%; }
.dh-height-tenth-561 { height:56.1%; }
.dh-height-tenth-562 { height:56.2%; }
.dh-height-tenth-563 { height:56.3%; }
.dh-height-tenth-564 { height:56.4%; }
.dh-height-tenth-565 { height:56.5%; }
.dh-height-tenth-566 { height:56.6%; }
.dh-height-tenth-567 { height:56.7%; }
.dh-height-tenth-568 { height:56.8%; }
.dh-height-tenth-569 { height:56.9%; }
.dh-height-tenth-570 { height:57%; }
.dh-height-tenth-571 { height:57.1%; }
.dh-height-tenth-572 { height:57.2%; }
.dh-height-tenth-573 { height:57.3%; }
.dh-height-tenth-574 { height:57.4%; }
.dh-height-tenth-575 { height:57.5%; }
.dh-height-tenth-576 { height:57.6%; }
.dh-height-tenth-577 { height:57.7%; }
.dh-height-tenth-578 { height:57.8%; }
.dh-height-tenth-579 { height:57.9%; }
.dh-height-tenth-580 { height:58%; }
.dh-height-tenth-581 { height:58.1%; }
.dh-height-tenth-582 { height:58.2%; }
.dh-height-tenth-583 { height:58.3%; }
.dh-height-tenth-584 { height:58.4%; }
.dh-height-tenth-585 { height:58.5%; }
.dh-height-tenth-586 { height:58.6%; }
.dh-height-tenth-587 { height:58.7%; }
.dh-height-tenth-588 { height:58.8%; }
.dh-height-tenth-589 { height:58.9%; }
.dh-height-tenth-590 { height:59%; }
.dh-height-tenth-591 { height:59.1%; }
.dh-height-tenth-592 { height:59.2%; }
.dh-height-tenth-593 { height:59.3%; }
.dh-height-tenth-594 { height:59.4%; }
.dh-height-tenth-595 { height:59.5%; }
.dh-height-tenth-596 { height:59.6%; }
.dh-height-tenth-597 { height:59.7%; }
.dh-height-tenth-598 { height:59.8%; }
.dh-height-tenth-599 { height:59.9%; }
.dh-height-tenth-600 { height:60%; }
.dh-height-tenth-601 { height:60.1%; }
.dh-height-tenth-602 { height:60.2%; }
.dh-height-tenth-603 { height:60.3%; }
.dh-height-tenth-604 { height:60.4%; }
.dh-height-tenth-605 { height:60.5%; }
.dh-height-tenth-606 { height:60.6%; }
.dh-height-tenth-607 { height:60.7%; }
.dh-height-tenth-608 { height:60.8%; }
.dh-height-tenth-609 { height:60.9%; }
.dh-height-tenth-610 { height:61%; }
.dh-height-tenth-611 { height:61.1%; }
.dh-height-tenth-612 { height:61.2%; }
.dh-height-tenth-613 { height:61.3%; }
.dh-height-tenth-614 { height:61.4%; }
.dh-height-tenth-615 { height:61.5%; }
.dh-height-tenth-616 { height:61.6%; }
.dh-height-tenth-617 { height:61.7%; }
.dh-height-tenth-618 { height:61.8%; }
.dh-height-tenth-619 { height:61.9%; }
.dh-height-tenth-620 { height:62%; }
.dh-height-tenth-621 { height:62.1%; }
.dh-height-tenth-622 { height:62.2%; }
.dh-height-tenth-623 { height:62.3%; }
.dh-height-tenth-624 { height:62.4%; }
.dh-height-tenth-625 { height:62.5%; }
.dh-height-tenth-626 { height:62.6%; }
.dh-height-tenth-627 { height:62.7%; }
.dh-height-tenth-628 { height:62.8%; }
.dh-height-tenth-629 { height:62.9%; }
.dh-height-tenth-630 { height:63%; }
.dh-height-tenth-631 { height:63.1%; }
.dh-height-tenth-632 { height:63.2%; }
.dh-height-tenth-633 { height:63.3%; }
.dh-height-tenth-634 { height:63.4%; }
.dh-height-tenth-635 { height:63.5%; }
.dh-height-tenth-636 { height:63.6%; }
.dh-height-tenth-637 { height:63.7%; }
.dh-height-tenth-638 { height:63.8%; }
.dh-height-tenth-639 { height:63.9%; }
.dh-height-tenth-640 { height:64%; }
.dh-height-tenth-641 { height:64.1%; }
.dh-height-tenth-642 { height:64.2%; }
.dh-height-tenth-643 { height:64.3%; }
.dh-height-tenth-644 { height:64.4%; }
.dh-height-tenth-645 { height:64.5%; }
.dh-height-tenth-646 { height:64.6%; }
.dh-height-tenth-647 { height:64.7%; }
.dh-height-tenth-648 { height:64.8%; }
.dh-height-tenth-649 { height:64.9%; }
.dh-height-tenth-650 { height:65%; }
.dh-height-tenth-651 { height:65.1%; }
.dh-height-tenth-652 { height:65.2%; }
.dh-height-tenth-653 { height:65.3%; }
.dh-height-tenth-654 { height:65.4%; }
.dh-height-tenth-655 { height:65.5%; }
.dh-height-tenth-656 { height:65.6%; }
.dh-height-tenth-657 { height:65.7%; }
.dh-height-tenth-658 { height:65.8%; }
.dh-height-tenth-659 { height:65.9%; }
.dh-height-tenth-660 { height:66%; }
.dh-height-tenth-661 { height:66.1%; }
.dh-height-tenth-662 { height:66.2%; }
.dh-height-tenth-663 { height:66.3%; }
.dh-height-tenth-664 { height:66.4%; }
.dh-height-tenth-665 { height:66.5%; }
.dh-height-tenth-666 { height:66.6%; }
.dh-height-tenth-667 { height:66.7%; }
.dh-height-tenth-668 { height:66.8%; }
.dh-height-tenth-669 { height:66.9%; }
.dh-height-tenth-670 { height:67%; }
.dh-height-tenth-671 { height:67.1%; }
.dh-height-tenth-672 { height:67.2%; }
.dh-height-tenth-673 { height:67.3%; }
.dh-height-tenth-674 { height:67.4%; }
.dh-height-tenth-675 { height:67.5%; }
.dh-height-tenth-676 { height:67.6%; }
.dh-height-tenth-677 { height:67.7%; }
.dh-height-tenth-678 { height:67.8%; }
.dh-height-tenth-679 { height:67.9%; }
.dh-height-tenth-680 { height:68%; }
.dh-height-tenth-681 { height:68.1%; }
.dh-height-tenth-682 { height:68.2%; }
.dh-height-tenth-683 { height:68.3%; }
.dh-height-tenth-684 { height:68.4%; }
.dh-height-tenth-685 { height:68.5%; }
.dh-height-tenth-686 { height:68.6%; }
.dh-height-tenth-687 { height:68.7%; }
.dh-height-tenth-688 { height:68.8%; }
.dh-height-tenth-689 { height:68.9%; }
.dh-height-tenth-690 { height:69%; }
.dh-height-tenth-691 { height:69.1%; }
.dh-height-tenth-692 { height:69.2%; }
.dh-height-tenth-693 { height:69.3%; }
.dh-height-tenth-694 { height:69.4%; }
.dh-height-tenth-695 { height:69.5%; }
.dh-height-tenth-696 { height:69.6%; }
.dh-height-tenth-697 { height:69.7%; }
.dh-height-tenth-698 { height:69.8%; }
.dh-height-tenth-699 { height:69.9%; }
.dh-height-tenth-700 { height:70%; }
.dh-height-tenth-701 { height:70.1%; }
.dh-height-tenth-702 { height:70.2%; }
.dh-height-tenth-703 { height:70.3%; }
.dh-height-tenth-704 { height:70.4%; }
.dh-height-tenth-705 { height:70.5%; }
.dh-height-tenth-706 { height:70.6%; }
.dh-height-tenth-707 { height:70.7%; }
.dh-height-tenth-708 { height:70.8%; }
.dh-height-tenth-709 { height:70.9%; }
.dh-height-tenth-710 { height:71%; }
.dh-height-tenth-711 { height:71.1%; }
.dh-height-tenth-712 { height:71.2%; }
.dh-height-tenth-713 { height:71.3%; }
.dh-height-tenth-714 { height:71.4%; }
.dh-height-tenth-715 { height:71.5%; }
.dh-height-tenth-716 { height:71.6%; }
.dh-height-tenth-717 { height:71.7%; }
.dh-height-tenth-718 { height:71.8%; }
.dh-height-tenth-719 { height:71.9%; }
.dh-height-tenth-720 { height:72%; }
.dh-height-tenth-721 { height:72.1%; }
.dh-height-tenth-722 { height:72.2%; }
.dh-height-tenth-723 { height:72.3%; }
.dh-height-tenth-724 { height:72.4%; }
.dh-height-tenth-725 { height:72.5%; }
.dh-height-tenth-726 { height:72.6%; }
.dh-height-tenth-727 { height:72.7%; }
.dh-height-tenth-728 { height:72.8%; }
.dh-height-tenth-729 { height:72.9%; }
.dh-height-tenth-730 { height:73%; }
.dh-height-tenth-731 { height:73.1%; }
.dh-height-tenth-732 { height:73.2%; }
.dh-height-tenth-733 { height:73.3%; }
.dh-height-tenth-734 { height:73.4%; }
.dh-height-tenth-735 { height:73.5%; }
.dh-height-tenth-736 { height:73.6%; }
.dh-height-tenth-737 { height:73.7%; }
.dh-height-tenth-738 { height:73.8%; }
.dh-height-tenth-739 { height:73.9%; }
.dh-height-tenth-740 { height:74%; }
.dh-height-tenth-741 { height:74.1%; }
.dh-height-tenth-742 { height:74.2%; }
.dh-height-tenth-743 { height:74.3%; }
.dh-height-tenth-744 { height:74.4%; }
.dh-height-tenth-745 { height:74.5%; }
.dh-height-tenth-746 { height:74.6%; }
.dh-height-tenth-747 { height:74.7%; }
.dh-height-tenth-748 { height:74.8%; }
.dh-height-tenth-749 { height:74.9%; }
.dh-height-tenth-750 { height:75%; }
.dh-height-tenth-751 { height:75.1%; }
.dh-height-tenth-752 { height:75.2%; }
.dh-height-tenth-753 { height:75.3%; }
.dh-height-tenth-754 { height:75.4%; }
.dh-height-tenth-755 { height:75.5%; }
.dh-height-tenth-756 { height:75.6%; }
.dh-height-tenth-757 { height:75.7%; }
.dh-height-tenth-758 { height:75.8%; }
.dh-height-tenth-759 { height:75.9%; }
.dh-height-tenth-760 { height:76%; }
.dh-height-tenth-761 { height:76.1%; }
.dh-height-tenth-762 { height:76.2%; }
.dh-height-tenth-763 { height:76.3%; }
.dh-height-tenth-764 { height:76.4%; }
.dh-height-tenth-765 { height:76.5%; }
.dh-height-tenth-766 { height:76.6%; }
.dh-height-tenth-767 { height:76.7%; }
.dh-height-tenth-768 { height:76.8%; }
.dh-height-tenth-769 { height:76.9%; }
.dh-height-tenth-770 { height:77%; }
.dh-height-tenth-771 { height:77.1%; }
.dh-height-tenth-772 { height:77.2%; }
.dh-height-tenth-773 { height:77.3%; }
.dh-height-tenth-774 { height:77.4%; }
.dh-height-tenth-775 { height:77.5%; }
.dh-height-tenth-776 { height:77.6%; }
.dh-height-tenth-777 { height:77.7%; }
.dh-height-tenth-778 { height:77.8%; }
.dh-height-tenth-779 { height:77.9%; }
.dh-height-tenth-780 { height:78%; }
.dh-height-tenth-781 { height:78.1%; }
.dh-height-tenth-782 { height:78.2%; }
.dh-height-tenth-783 { height:78.3%; }
.dh-height-tenth-784 { height:78.4%; }
.dh-height-tenth-785 { height:78.5%; }
.dh-height-tenth-786 { height:78.6%; }
.dh-height-tenth-787 { height:78.7%; }
.dh-height-tenth-788 { height:78.8%; }
.dh-height-tenth-789 { height:78.9%; }
.dh-height-tenth-790 { height:79%; }
.dh-height-tenth-791 { height:79.1%; }
.dh-height-tenth-792 { height:79.2%; }
.dh-height-tenth-793 { height:79.3%; }
.dh-height-tenth-794 { height:79.4%; }
.dh-height-tenth-795 { height:79.5%; }
.dh-height-tenth-796 { height:79.6%; }
.dh-height-tenth-797 { height:79.7%; }
.dh-height-tenth-798 { height:79.8%; }
.dh-height-tenth-799 { height:79.9%; }
.dh-height-tenth-800 { height:80%; }
.dh-height-tenth-801 { height:80.1%; }
.dh-height-tenth-802 { height:80.2%; }
.dh-height-tenth-803 { height:80.3%; }
.dh-height-tenth-804 { height:80.4%; }
.dh-height-tenth-805 { height:80.5%; }
.dh-height-tenth-806 { height:80.6%; }
.dh-height-tenth-807 { height:80.7%; }
.dh-height-tenth-808 { height:80.8%; }
.dh-height-tenth-809 { height:80.9%; }
.dh-height-tenth-810 { height:81%; }
.dh-height-tenth-811 { height:81.1%; }
.dh-height-tenth-812 { height:81.2%; }
.dh-height-tenth-813 { height:81.3%; }
.dh-height-tenth-814 { height:81.4%; }
.dh-height-tenth-815 { height:81.5%; }
.dh-height-tenth-816 { height:81.6%; }
.dh-height-tenth-817 { height:81.7%; }
.dh-height-tenth-818 { height:81.8%; }
.dh-height-tenth-819 { height:81.9%; }
.dh-height-tenth-820 { height:82%; }
.dh-height-tenth-821 { height:82.1%; }
.dh-height-tenth-822 { height:82.2%; }
.dh-height-tenth-823 { height:82.3%; }
.dh-height-tenth-824 { height:82.4%; }
.dh-height-tenth-825 { height:82.5%; }
.dh-height-tenth-826 { height:82.6%; }
.dh-height-tenth-827 { height:82.7%; }
.dh-height-tenth-828 { height:82.8%; }
.dh-height-tenth-829 { height:82.9%; }
.dh-height-tenth-830 { height:83%; }
.dh-height-tenth-831 { height:83.1%; }
.dh-height-tenth-832 { height:83.2%; }
.dh-height-tenth-833 { height:83.3%; }
.dh-height-tenth-834 { height:83.4%; }
.dh-height-tenth-835 { height:83.5%; }
.dh-height-tenth-836 { height:83.6%; }
.dh-height-tenth-837 { height:83.7%; }
.dh-height-tenth-838 { height:83.8%; }
.dh-height-tenth-839 { height:83.9%; }
.dh-height-tenth-840 { height:84%; }
.dh-height-tenth-841 { height:84.1%; }
.dh-height-tenth-842 { height:84.2%; }
.dh-height-tenth-843 { height:84.3%; }
.dh-height-tenth-844 { height:84.4%; }
.dh-height-tenth-845 { height:84.5%; }
.dh-height-tenth-846 { height:84.6%; }
.dh-height-tenth-847 { height:84.7%; }
.dh-height-tenth-848 { height:84.8%; }
.dh-height-tenth-849 { height:84.9%; }
.dh-height-tenth-850 { height:85%; }
.dh-height-tenth-851 { height:85.1%; }
.dh-height-tenth-852 { height:85.2%; }
.dh-height-tenth-853 { height:85.3%; }
.dh-height-tenth-854 { height:85.4%; }
.dh-height-tenth-855 { height:85.5%; }
.dh-height-tenth-856 { height:85.6%; }
.dh-height-tenth-857 { height:85.7%; }
.dh-height-tenth-858 { height:85.8%; }
.dh-height-tenth-859 { height:85.9%; }
.dh-height-tenth-860 { height:86%; }
.dh-height-tenth-861 { height:86.1%; }
.dh-height-tenth-862 { height:86.2%; }
.dh-height-tenth-863 { height:86.3%; }
.dh-height-tenth-864 { height:86.4%; }
.dh-height-tenth-865 { height:86.5%; }
.dh-height-tenth-866 { height:86.6%; }
.dh-height-tenth-867 { height:86.7%; }
.dh-height-tenth-868 { height:86.8%; }
.dh-height-tenth-869 { height:86.9%; }
.dh-height-tenth-870 { height:87%; }
.dh-height-tenth-871 { height:87.1%; }
.dh-height-tenth-872 { height:87.2%; }
.dh-height-tenth-873 { height:87.3%; }
.dh-height-tenth-874 { height:87.4%; }
.dh-height-tenth-875 { height:87.5%; }
.dh-height-tenth-876 { height:87.6%; }
.dh-height-tenth-877 { height:87.7%; }
.dh-height-tenth-878 { height:87.8%; }
.dh-height-tenth-879 { height:87.9%; }
.dh-height-tenth-880 { height:88%; }
.dh-height-tenth-881 { height:88.1%; }
.dh-height-tenth-882 { height:88.2%; }
.dh-height-tenth-883 { height:88.3%; }
.dh-height-tenth-884 { height:88.4%; }
.dh-height-tenth-885 { height:88.5%; }
.dh-height-tenth-886 { height:88.6%; }
.dh-height-tenth-887 { height:88.7%; }
.dh-height-tenth-888 { height:88.8%; }
.dh-height-tenth-889 { height:88.9%; }
.dh-height-tenth-890 { height:89%; }
.dh-height-tenth-891 { height:89.1%; }
.dh-height-tenth-892 { height:89.2%; }
.dh-height-tenth-893 { height:89.3%; }
.dh-height-tenth-894 { height:89.4%; }
.dh-height-tenth-895 { height:89.5%; }
.dh-height-tenth-896 { height:89.6%; }
.dh-height-tenth-897 { height:89.7%; }
.dh-height-tenth-898 { height:89.8%; }
.dh-height-tenth-899 { height:89.9%; }
.dh-height-tenth-900 { height:90%; }
.dh-height-tenth-901 { height:90.1%; }
.dh-height-tenth-902 { height:90.2%; }
.dh-height-tenth-903 { height:90.3%; }
.dh-height-tenth-904 { height:90.4%; }
.dh-height-tenth-905 { height:90.5%; }
.dh-height-tenth-906 { height:90.6%; }
.dh-height-tenth-907 { height:90.7%; }
.dh-height-tenth-908 { height:90.8%; }
.dh-height-tenth-909 { height:90.9%; }
.dh-height-tenth-910 { height:91%; }
.dh-height-tenth-911 { height:91.1%; }
.dh-height-tenth-912 { height:91.2%; }
.dh-height-tenth-913 { height:91.3%; }
.dh-height-tenth-914 { height:91.4%; }
.dh-height-tenth-915 { height:91.5%; }
.dh-height-tenth-916 { height:91.6%; }
.dh-height-tenth-917 { height:91.7%; }
.dh-height-tenth-918 { height:91.8%; }
.dh-height-tenth-919 { height:91.9%; }
.dh-height-tenth-920 { height:92%; }
.dh-height-tenth-921 { height:92.1%; }
.dh-height-tenth-922 { height:92.2%; }
.dh-height-tenth-923 { height:92.3%; }
.dh-height-tenth-924 { height:92.4%; }
.dh-height-tenth-925 { height:92.5%; }
.dh-height-tenth-926 { height:92.6%; }
.dh-height-tenth-927 { height:92.7%; }
.dh-height-tenth-928 { height:92.8%; }
.dh-height-tenth-929 { height:92.9%; }
.dh-height-tenth-930 { height:93%; }
.dh-height-tenth-931 { height:93.1%; }
.dh-height-tenth-932 { height:93.2%; }
.dh-height-tenth-933 { height:93.3%; }
.dh-height-tenth-934 { height:93.4%; }
.dh-height-tenth-935 { height:93.5%; }
.dh-height-tenth-936 { height:93.6%; }
.dh-height-tenth-937 { height:93.7%; }
.dh-height-tenth-938 { height:93.8%; }
.dh-height-tenth-939 { height:93.9%; }
.dh-height-tenth-940 { height:94%; }
.dh-height-tenth-941 { height:94.1%; }
.dh-height-tenth-942 { height:94.2%; }
.dh-height-tenth-943 { height:94.3%; }
.dh-height-tenth-944 { height:94.4%; }
.dh-height-tenth-945 { height:94.5%; }
.dh-height-tenth-946 { height:94.6%; }
.dh-height-tenth-947 { height:94.7%; }
.dh-height-tenth-948 { height:94.8%; }
.dh-height-tenth-949 { height:94.9%; }
.dh-height-tenth-950 { height:95%; }
.dh-height-tenth-951 { height:95.1%; }
.dh-height-tenth-952 { height:95.2%; }
.dh-height-tenth-953 { height:95.3%; }
.dh-height-tenth-954 { height:95.4%; }
.dh-height-tenth-955 { height:95.5%; }
.dh-height-tenth-956 { height:95.6%; }
.dh-height-tenth-957 { height:95.7%; }
.dh-height-tenth-958 { height:95.8%; }
.dh-height-tenth-959 { height:95.9%; }
.dh-height-tenth-960 { height:96%; }
.dh-height-tenth-961 { height:96.1%; }
.dh-height-tenth-962 { height:96.2%; }
.dh-height-tenth-963 { height:96.3%; }
.dh-height-tenth-964 { height:96.4%; }
.dh-height-tenth-965 { height:96.5%; }
.dh-height-tenth-966 { height:96.6%; }
.dh-height-tenth-967 { height:96.7%; }
.dh-height-tenth-968 { height:96.8%; }
.dh-height-tenth-969 { height:96.9%; }
.dh-height-tenth-970 { height:97%; }
.dh-height-tenth-971 { height:97.1%; }
.dh-height-tenth-972 { height:97.2%; }
.dh-height-tenth-973 { height:97.3%; }
.dh-height-tenth-974 { height:97.4%; }
.dh-height-tenth-975 { height:97.5%; }
.dh-height-tenth-976 { height:97.6%; }
.dh-height-tenth-977 { height:97.7%; }
.dh-height-tenth-978 { height:97.8%; }
.dh-height-tenth-979 { height:97.9%; }
.dh-height-tenth-980 { height:98%; }
.dh-height-tenth-981 { height:98.1%; }
.dh-height-tenth-982 { height:98.2%; }
.dh-height-tenth-983 { height:98.3%; }
.dh-height-tenth-984 { height:98.4%; }
.dh-height-tenth-985 { height:98.5%; }
.dh-height-tenth-986 { height:98.6%; }
.dh-height-tenth-987 { height:98.7%; }
.dh-height-tenth-988 { height:98.8%; }
.dh-height-tenth-989 { height:98.9%; }
.dh-height-tenth-990 { height:99%; }
.dh-height-tenth-991 { height:99.1%; }
.dh-height-tenth-992 { height:99.2%; }
.dh-height-tenth-993 { height:99.3%; }
.dh-height-tenth-994 { height:99.4%; }
.dh-height-tenth-995 { height:99.5%; }
.dh-height-tenth-996 { height:99.6%; }
.dh-height-tenth-997 { height:99.7%; }
.dh-height-tenth-998 { height:99.8%; }
.dh-height-tenth-999 { height:99.9%; }
.dh-height-tenth-1000 { height:100%; }

/* === Driver Hub Popups === */
.dh-toast-stack {
    position: fixed;
    top: var(--dh-space-5);
    right: var(--dh-space-5);
    z-index: 12000;
    display: flex;
    flex-direction: column;
    gap: var(--dh-space-3);
    width: min(380px, calc(100vw - (var(--dh-space-5) * 2)));
    pointer-events: none;
}

.dh-toast {
    pointer-events: auto;
    background: var(--dh-color-surface);
    border: 1px solid var(--dh-color-border);
    border-radius: var(--dh-radius-md);
    box-shadow: var(--dh-shadow-md);
    color: var(--dh-color-text);
    padding: var(--dh-space-3) var(--dh-space-4);
    display: grid;
    grid-template-columns: 1fr auto;
    gap: var(--dh-space-2) var(--dh-space-3);
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity 180ms ease, transform 180ms ease;
}

.dh-toast.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.dh-toast.is-leaving {
    opacity: 0;
    transform: translateY(-6px);
}

.dh-toast__title {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
    grid-column: 1 / 2;
}

.dh-toast__message {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: var(--dh-color-text);
    grid-column: 1 / 2;
}

.dh-toast__close {
    grid-column: 2 / 3;
    grid-row: 1 / span 2;
    align-self: start;
    border: 0;
    background: transparent;
    color: var(--dh-color-muted);
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    cursor: pointer;
    transition: background-color 160ms ease, color 160ms ease;
}

.dh-toast__close:hover {
    background: rgba(16, 24, 40, 0.08);
    color: var(--dh-color-text);
}

.dh-toast__close:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px var(--dh-color-focus);
}

.dh-toast--success {
    border-color: rgba(6, 118, 71, 0.24);
    box-shadow: 0 8px 22px rgba(6, 118, 71, 0.14);
}

.dh-toast--success .dh-toast__title {
    color: var(--dh-color-success);
}

.dh-toast--info {
    border-color: rgba(16, 6, 159, 0.2);
    box-shadow: 0 8px 22px rgba(16, 6, 159, 0.14);
}

.dh-toast--info .dh-toast__title {
    color: var(--dh-color-primary);
}

.dh-toast--warning {
    border-color: rgba(181, 71, 8, 0.24);
    box-shadow: 0 8px 22px rgba(181, 71, 8, 0.14);
}

.dh-toast--warning .dh-toast__title {
    color: var(--dh-color-warning);
}

.dh-toast--error {
    border-color: rgba(180, 35, 24, 0.26);
    box-shadow: 0 8px 22px rgba(180, 35, 24, 0.16);
}

.dh-toast--error .dh-toast__title {
    color: var(--dh-color-danger);
}

.dh-modal-open {
    overflow: hidden;
}

.dh-modal-root {
    position: fixed;
    inset: 0;
    z-index: 13000;
    pointer-events: none;
}

.dh-modal-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(11, 15, 26, 0.38);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--dh-space-5);
    pointer-events: auto;
    opacity: 0;
    transition: opacity 180ms ease;
}

.dh-modal-backdrop.is-visible {
    opacity: 1;
}

.dh-modal-backdrop.is-leaving {
    opacity: 0;
}

.dh-modal {
    width: min(560px, 100%);
    max-height: calc(100vh - (var(--dh-space-5) * 2));
    overflow: auto;
    background: var(--dh-color-surface);
    border: 1px solid var(--dh-color-border);
    border-radius: var(--dh-radius-md);
    box-shadow: var(--dh-shadow-lg);
    color: var(--dh-color-text);
    transform: translateY(8px);
    transition: transform 200ms ease;
}

.dh-modal-backdrop.is-visible .dh-modal {
    transform: translateY(0);
}

.dh-modal__header {
    padding: var(--dh-space-5) var(--dh-space-5) var(--dh-space-3);
    border-bottom: 1px solid var(--dh-color-border);
}

.dh-modal__title {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--dh-color-text);
}

.dh-modal__body {
    padding: var(--dh-space-4) var(--dh-space-5);
}

.dh-modal__text {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    color: var(--dh-color-text);
}

.dh-modal__footer {
    padding: var(--dh-space-4) var(--dh-space-5) var(--dh-space-5);
    border-top: 1px solid var(--dh-color-border);
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: var(--dh-space-2);
}

.dh-modal__footer .btn {
    min-width: 112px;
}

.dh-modal__footer .btn-secondary {
    background: var(--dh-color-surface);
    color: var(--dh-color-text);
    border-color: var(--dh-color-border);
    box-shadow: var(--dh-shadow-sm);
}

.dh-modal__footer .btn-secondary:hover {
    background: #f3f5ff;
    border-color: rgba(16, 6, 159, 0.3);
    color: var(--dh-color-primary);
}

@media (max-width: 768px) {
    .dh-toast-stack {
        top: auto;
        bottom: var(--dh-space-4);
        right: var(--dh-space-4);
        width: calc(100vw - (var(--dh-space-4) * 2));
    }

    .dh-modal-backdrop {
        padding: var(--dh-space-4);
    }

    .dh-modal__header,
    .dh-modal__body,
    .dh-modal__footer {
        padding-left: var(--dh-space-4);
        padding-right: var(--dh-space-4);
    }
}

@media (prefers-reduced-motion: reduce) {
    .dh-toast,
    .dh-modal-backdrop,
    .dh-modal {
        transition: none !important;
    }
}

/* =========================================
   Driver Hub Responsive Layer
   Mobile-first hardening for 320-430px
   ========================================= */

html,
body {
    max-width: 100%;
}

body {
    overflow-x: clip;
    padding-bottom: env(safe-area-inset-bottom);
}

main,
section,
article,
aside,
header,
footer,
div,
form {
    min-width: 0;
}

img,
video,
iframe,
canvas,
svg {
    max-width: 100%;
}

.dh-table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 1024px) {
    .container {
        padding-left: clamp(14px, 3.2vw, 24px);
        padding-right: clamp(14px, 3.2vw, 24px);
    }

    .grid-2,
    .grid-3,
    .listing-grid,
    .layout-sidebar,
    .dashboard-grid,
    .help-layout,
    .contact-grid-layout {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .sidebar > div,
    .help-sidebar-box {
        position: static;
        top: auto;
    }

    .hero-title,
    .contact-title,
    .dealers-title,
    .help-title {
        font-size: clamp(2rem, 5.8vw, 2.8rem);
    }

    .seller-content-card,
    .contact-form-card,
    .card-box {
        padding: 24px;
    }

    .tabs-nav {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        gap: 12px;
        padding-bottom: 4px;
    }

    .tab-link {
        white-space: nowrap;
        padding: 12px 2px;
    }

    .help-footer {
        flex-direction: column;
        gap: 8px;
        align-items: flex-start;
    }

    .contact-info-sidebar {
        padding-top: 0;
    }

    .form-row-2 {
        grid-template-columns: 1fr;
        gap: 0;
    }
}

.mobile-nav-toggle,
.mobile-nav-header,
.mobile-nav-close,
.mobile-account-link {
    display: none;
}

@media (max-width: 1023px) {
    .site-header {
        padding: 10px 0;
    }

    .header-inner {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
    }

    .logo {
        font-size: 1.28rem;
    }

    .mobile-nav-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 4px;
        width: 44px;
        height: 44px;
        border: 1px solid var(--dh-color-border);
        border-radius: 12px;
        background: #fff;
        color: var(--dh-color-text);
        cursor: pointer;
        padding: 0;
    }

    .mobile-nav-toggle__bar {
        display: block;
        width: 18px;
        height: 2px;
        border-radius: 2px;
        background: currentColor;
    }

    #siteNavPanel.nav-right {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        width: min(360px, calc(100vw - 16px));
        max-width: 100vw;
        padding: 16px;
        background: #fff;
        border-left: 1px solid var(--dh-color-border);
        box-shadow: -12px 0 28px rgba(16, 24, 40, 0.2);
        z-index: 2600;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        overflow-y: auto;
        transform: translateX(110%);
        transition: transform 0.2s ease;
    }

    .mobile-nav-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 10px;
        border-bottom: 1px solid #edf2f7;
        margin-bottom: 8px;
    }

    .mobile-nav-close {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        border: 1px solid var(--dh-color-border);
        border-radius: 999px;
        background: #fff;
        color: var(--dh-color-text);
        font-size: 22px;
        line-height: 1;
        cursor: pointer;
        padding: 0;
    }

    body.dh-mobile-nav-open::before {
        content: '';
        position: fixed;
        inset: 0;
        background: rgba(11, 15, 26, 0.44);
        backdrop-filter: blur(1px);
        -webkit-backdrop-filter: blur(1px);
        z-index: 2500;
    }

    body.dh-mobile-nav-open {
        overflow: hidden;
    }

    body.dh-mobile-nav-open #siteNavPanel.nav-right {
        transform: translateX(0);
    }

    #siteNavPanel .nav-link,
    #siteNavPanel .btn-header,
    #siteNavPanel .btn,
    #siteNavPanel .btn-header.primary {
        width: 100%;
        min-height: 44px;
        justify-content: flex-start;
        padding-left: 14px;
        padding-right: 14px;
    }

    #siteNavPanel .btn-header.primary {
        justify-content: center;
    }

    #siteNavPanel .mobile-account-link {
        display: inline-flex;
    }

    #siteNavPanel .user-menu-wrapper {
        margin-left: 0;
    }

    #siteNavPanel .user-avatar-trigger {
        width: 44px;
        height: 44px;
    }

    #siteNavPanel .user-dropdown {
        position: static;
        width: 100%;
        border-radius: 12px;
        border: 1px solid var(--dh-color-border);
        box-shadow: none;
        padding: 8px;
        margin-top: 8px;
        display: none;
        opacity: 1;
        visibility: visible;
        transform: none;
    }

    #siteNavPanel .user-dropdown::before {
        display: none;
    }

    #siteNavPanel .user-dropdown.is-open {
        display: block;
    }
}

@media (min-width: 1024px) {
    .mobile-nav-toggle,
    .mobile-nav-header,
    .mobile-account-link {
        display: none !important;
    }

    #siteNavPanel.nav-right {
        position: static;
        transform: none;
        border: 0;
        box-shadow: none;
        width: auto;
        padding: 0;
        height: auto;
        display: flex;
        overflow: visible;
    }
}

@media (max-width: 900px) {
    .seller-hero {
        padding: 34px 0 60px;
    }

    .seller-avatar-box {
        width: 104px;
        height: 104px;
    }

    .seller-content-card {
        margin-top: -24px;
        padding: 18px;
    }

    .grid-cars,
    .dealers-grid,
    .listings-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .listing-grid {
        gap: 18px;
    }

    .main-photo,
    .dh-offer-hero {
        height: clamp(200px, 56vw, 240px);
        max-height: 240px;
    }

    .specs-tiles {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .sticky-card {
        padding: 18px;
        position: static;
    }

    .listing-h1 {
        font-size: 1.5rem;
        overflow-wrap: anywhere;
    }

    .price-tag {
        font-size: clamp(1.7rem, 8vw, 2.2rem);
    }

    .seller-box {
        align-items: flex-start;
    }

    .data-table {
        min-width: 560px;
    }

    .dh-table-scroll {
        border: 1px solid var(--dh-color-border);
        border-radius: var(--dh-radius-md);
    }

    @media (max-width: 767px) {
        .single-listing-page .dh-table-scroll--tech-specs {
            overflow-x: visible;
            border: 0;
            border-radius: 0;
        }

        .single-listing-page .data-table--tech-specs {
            min-width: 0;
            border: 0;
            border-radius: 0;
            background: transparent;
            table-layout: fixed;
            border-spacing: 0;
            border-collapse: separate;
        }

        .single-listing-page .data-table--tech-specs tr {
            display: block;
            margin: 0 0 10px;
            padding: 12px 14px;
            border: 1px solid var(--dh-color-border);
            border-radius: var(--dh-radius-md);
            background: var(--dh-color-surface);
        }

        .single-listing-page .data-table--tech-specs tr:last-child {
            margin-bottom: 0;
        }

        .single-listing-page .data-table--tech-specs th,
        .single-listing-page .data-table--tech-specs td {
            display: block;
            width: auto;
            margin: 0;
            padding: 0;
            border: 0;
            white-space: normal;
            overflow-wrap: anywhere;
            word-break: break-word;
        }

        .single-listing-page .data-table--tech-specs th {
            font-size: 0.76rem;
            line-height: 1.35;
            letter-spacing: 0.02em;
            margin-bottom: 4px;
        }

        .single-listing-page .data-table--tech-specs td {
            font-size: 0.96rem;
            line-height: 1.45;
            color: var(--dh-color-text);
            font-weight: 600;
        }
    }

    .contact-hero {
        padding: 60px 0 72px;
    }

    .contact-form-card {
        padding: 20px;
    }

    .ap-footer {
        padding-top: 52px;
    }

    .ap-footer-grid {
        gap: 24px;
    }

    .ap-footer-col ul li a {
        display: inline-flex;
        min-height: 32px;
        align-items: center;
    }

    .wizard-wrapper {
        margin: 16px auto;
        padding: 0 10px;
    }

    .wizard-step {
        padding: 18px 14px;
    }

    .steps-nav {
        gap: 8px;
        margin-bottom: 20px;
    }

    .step-item {
        padding: 0 8px;
        font-size: 0.78rem;
    }

    .step-circle {
        width: 30px;
        height: 30px;
        font-size: 0.9rem;
    }

    .wizard-footer {
        position: sticky;
        bottom: 0;
        z-index: 20;
        background: #fff;
        padding: 12px;
        border-top: 1px solid var(--dh-color-border);
        gap: 10px;
        flex-wrap: wrap;
    }

    .wizard-footer .btn {
        flex: 1 1 calc(50% - 5px);
        min-width: 0;
        min-height: 44px;
    }
}

@media (max-width: 430px) {
    .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .site-header {
        padding: 8px 0;
    }

    .logo {
        font-size: 1.15rem;
    }

    #siteNavPanel.nav-right {
        width: calc(100vw - 8px);
        padding: 12px;
    }

    .hero-title,
    .contact-title,
    .dealers-title,
    .help-title,
    .help-article-h1 {
        font-size: clamp(1.6rem, 8.5vw, 2rem);
        line-height: 1.2;
    }

    .dealers-header-section,
    .help-hero,
    .article-header {
        padding-top: 48px;
        padding-bottom: 42px;
    }

    .dealers-search-form {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        max-width: 100%;
    }

    .dealers-search-input {
        padding-right: 16px;
    }

    .dealers-search-btn {
        position: static;
        width: 100%;
        min-height: 44px;
        padding: 0 14px;
    }

    .tabs-nav {
        gap: 8px;
    }

    .tab-link {
        font-size: 0.9rem;
    }

    .car-card,
    .seller-card,
    .card-box,
    .seller-content-card,
    .contact-form-card {
        border-radius: 12px;
    }

    .car-details,
    .card-box {
        padding: 14px;
    }

    .car-title-main {
        font-size: 1rem;
        line-height: 1.35;
    }

    .car-meta-top,
    .car-price-tag,
    .sc-meta,
    .ap-footer-desc,
    .it-content p,
    .help-body,
    .desc-text {
        overflow-wrap: anywhere;
    }

    .ap-footer-links {
        gap: 14px;
        flex-wrap: wrap;
        justify-content: center;
    }
}

/* =========================================
   Driver Hub UX Fixes: Header Account, Profile Hub, Add Wizard
   ========================================= */

.site-header .nav-right {
    margin-left: auto;
    order: 2;
}

.site-header .header-inner {
    justify-content: flex-start;
    gap: 14px;
}

.site-header .header-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    order: 3;
}

.site-header .header-account-login {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 14px;
    border: 1px solid var(--dh-color-border);
    border-radius: var(--dh-radius-pill);
    background: #fff;
    color: var(--dh-color-text);
    font-weight: 600;
    font-size: 0.86rem;
    text-decoration: none;
    white-space: nowrap;
}

.site-header .header-account-login:hover {
    border-color: rgba(16, 6, 159, 0.32);
    color: var(--dh-color-primary);
}

.site-header .user-menu-wrapper {
    position: relative;
    margin-left: 0;
}

.site-header .user-avatar-trigger {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: auto;
    min-height: 44px;
    padding: 4px 10px 4px 4px;
    border-radius: var(--dh-radius-pill);
    border: 1px solid var(--dh-color-border);
    background: #fff;
    cursor: pointer;
    box-shadow: var(--dh-shadow-sm);
    transform: none;
}

.site-header .user-avatar-trigger:hover,
.site-header .user-avatar-trigger.active {
    border-color: rgba(16, 6, 159, 0.36);
    box-shadow: 0 8px 20px rgba(16, 6, 159, 0.14);
    transform: none;
}

.site-header .user-avatar-trigger__avatar {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.site-header .user-avatar-trigger__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.site-header .user-avatar-trigger__label {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--dh-color-text);
    line-height: 1;
}

.site-header .user-avatar-trigger__caret {
    font-size: 0.66rem;
    color: var(--dh-color-muted);
    line-height: 1;
    transform: translateY(1px);
}

.site-header .user-dropdown {
    top: calc(100% + 10px);
    right: 0;
    left: auto;
    width: min(340px, calc(100vw - 24px));
    max-height: 72vh;
    overflow: auto;
    z-index: 3200;
}

.site-header .dropdown-item {
    min-height: 40px;
}

@media (max-width: 1023px) {
    .site-header .header-inner {
        justify-content: space-between;
        gap: 8px;
    }

    .site-header .header-actions {
        margin-left: auto;
        order: 2;
        gap: 8px;
    }

    .site-header #siteNavPanel.nav-right {
        order: 3;
    }

    .site-header .header-account-login {
        min-height: 40px;
        padding: 0 12px;
    }

    .site-header .user-avatar-trigger {
        min-height: 40px;
        padding-right: 8px;
    }

    .site-header .user-avatar-trigger__label {
        font-size: 0.82rem;
    }

    .site-header .user-dropdown {
        position: fixed;
        top: 72px;
        right: 10px;
        left: auto;
        width: min(92vw, 360px);
        max-height: calc(100dvh - 84px);
        border-radius: 14px;
        box-shadow: 0 20px 42px rgba(16, 24, 40, 0.24);
    }

    .site-header .user-dropdown::before {
        display: none;
    }
}

@media (max-width: 430px) {
    .site-header .header-account-login {
        min-height: 38px;
        padding: 0 10px;
        font-size: 0.8rem;
    }

    .site-header .user-avatar-trigger__label {
        font-size: 0.78rem;
    }

    .site-header .user-avatar-trigger {
        gap: 6px;
        padding-right: 6px;
    }
}

.profile-hub {
    padding-top: 34px;
    padding-bottom: 56px;
}

.profile-hub__header {
    max-width: 760px;
    margin: 0 auto 18px;
}

.profile-hub__header h1 {
    margin: 0 0 8px;
    font-size: clamp(1.8rem, 3.4vw, 2.4rem);
    line-height: 1.15;
}

.profile-hub__header p {
    margin: 0;
    color: var(--dh-color-muted);
    font-size: 1rem;
}

.profile-hub__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.profile-hub__card {
    display: flex;
    align-items: center;
    gap: 14px;
    border: 1px solid var(--dh-color-border);
    border-radius: var(--dh-radius-md);
    background: #fff;
    box-shadow: var(--dh-shadow-sm);
    padding: 18px;
    color: var(--dh-color-text);
    text-decoration: none;
    min-height: 104px;
    transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.profile-hub__card:hover {
    border-color: rgba(16, 6, 159, 0.35);
    box-shadow: var(--dh-shadow-md);
    transform: translateY(-1px);
}

.profile-hub__icon {
    width: 42px;
    height: 42px;
    border-radius: 999px;
    background: rgba(16, 6, 159, 0.08);
    color: var(--dh-color-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.92rem;
    font-weight: 700;
    flex: 0 0 auto;
}

.profile-hub__content {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    flex: 1;
}

.profile-hub__title {
    font-size: 1rem;
    line-height: 1.35;
}

.profile-hub__desc {
    font-size: 0.9rem;
    line-height: 1.45;
    color: var(--dh-color-muted);
    overflow-wrap: anywhere;
}

.profile-hub__chevron {
    font-size: 1.5rem;
    color: var(--dh-color-muted);
    line-height: 1;
}

@media (max-width: 900px) {
    .profile-hub {
        padding-top: 22px;
        padding-bottom: 40px;
    }

    .profile-hub__grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .profile-hub__card {
        padding: 15px;
        min-height: 92px;
    }
}

.wizard-header {
    margin-bottom: 24px;
    text-align: left;
}

.wizard-header p {
    margin: 0;
    max-width: 700px;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--dh-color-muted);
}

.wizard-card {
    border-radius: 20px;
    border-color: var(--dh-color-border);
    box-shadow: 0 14px 34px rgba(16, 24, 40, 0.1);
}

.wizard-step {
    padding: 30px;
}

.wizard-step h2,
.wizard-step h3 {
    letter-spacing: -0.01em;
}

.wizard-mobile-progress {
    display: none;
    margin-bottom: 14px;
    padding: 12px;
    border: 1px solid var(--dh-color-border);
    border-radius: var(--dh-radius-md);
    background: var(--dh-color-surface-soft);
}

.wizard-mobile-progress__text {
    margin: 0 0 8px;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--dh-color-text);
}

.wizard-mobile-progress__track {
    width: 100%;
    height: 8px;
    border-radius: 999px;
    background: rgba(16, 6, 159, 0.12);
    overflow: hidden;
}

.wizard-mobile-progress__bar {
    display: block;
    width: 20%;
    height: 100%;
    border-radius: 999px;
    background: var(--dh-color-primary);
    transition: width 180ms ease;
}

.wizard-footer {
    position: relative;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 22px;
    border-top: 1px solid var(--dh-color-border);
    background: #fff;
}

.wizard-footer .btn {
    min-height: 44px;
}

.wizard-footer .btn-next {
    background: var(--dh-color-primary);
    color: #fff;
}

.wizard-footer .btn-next:hover {
    background: var(--dh-color-primary-hover);
}

.wizard-footer .btn-prev {
    border: 1px solid var(--dh-color-border);
    background: #fff;
    color: var(--dh-color-text);
}

@media (max-width: 900px) {
    .wizard-wrapper {
        margin: 14px auto 34px;
        padding: 0 10px;
    }

    .steps-nav {
        display: none;
    }

    .wizard-mobile-progress {
        display: block;
    }

    .wizard-card {
        min-height: auto;
        overflow: visible;
    }

    .wizard-step {
        padding: 18px 14px 116px;
    }

    .wizard-footer {
        position: sticky;
        bottom: 0;
        left: 0;
        right: 0;
        gap: 10px;
        flex-wrap: nowrap;
        padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
        box-shadow: 0 -12px 28px rgba(16, 24, 40, 0.14);
    }

    .wizard-footer .btn {
        flex: 1 1 0;
        min-width: 0;
        font-size: 0.92rem;
    }
}

/* =========================================
   Driver Hub Header + Select Unification (A/B/C)
   ========================================= */

.site-header .nav-right,
.site-header .mobile-nav-toggle,
.site-header .mobile-nav-header,
.site-header .mobile-nav-close,
.site-header .mobile-account-link {
    display: none !important;
}

.site-header .header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.site-header .header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-left: auto;
    min-width: 0;
}

.site-header .header-link,
.site-header .header-account-login,
.site-header .header-sell-btn,
.site-header .user-avatar-trigger {
    min-height: 44px;
    border-radius: var(--dh-radius-pill);
    white-space: nowrap;
}

.site-header .header-link,
.site-header .header-account-login {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    border: 1px solid var(--dh-color-border);
    background: #fff;
    color: var(--dh-color-text);
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;
}

.site-header .header-link:hover,
.site-header .header-account-login:hover {
    color: var(--dh-color-primary);
    border-color: rgba(16, 6, 159, 0.36);
}

.site-header .header-sell-btn {
    padding: 0 16px;
    border: 0;
    box-shadow: 0 8px 18px rgba(16, 6, 159, 0.22);
}

.site-header .header-link__short {
    display: none;
}

.site-header .user-menu-wrapper {
    position: relative;
}

.site-header .user-avatar-trigger {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: auto;
    border: 1px solid var(--dh-color-border);
    background: #fff;
    box-shadow: var(--dh-shadow-sm);
    padding: 4px 10px 4px 4px;
    cursor: pointer;
}

.site-header .user-avatar-trigger:hover,
.site-header .user-avatar-trigger.active {
    border-color: rgba(16, 6, 159, 0.36);
    box-shadow: 0 8px 20px rgba(16, 6, 159, 0.14);
}

.site-header .user-avatar-trigger__avatar {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    overflow: hidden;
    display: inline-flex;
    flex: 0 0 auto;
}

.site-header .user-avatar-trigger__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.site-header .user-avatar-trigger__label {
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--dh-color-text);
    line-height: 1;
}

.site-header .user-avatar-trigger__caret {
    color: var(--dh-color-muted);
    font-size: 0.68rem;
    line-height: 1;
}

.site-header .user-dropdown {
    top: calc(100% + 10px);
    right: 0;
    left: auto;
    width: min(340px, calc(100vw - 20px));
    max-height: min(74vh, 540px);
    overflow: auto;
    z-index: 3200;
}

.site-header .dropdown-item {
    min-height: 40px;
}

@media (max-width: 1024px) {
    .dash-sidebar {
        display: none !important;
    }
}

@media (max-width: 900px) {
    .site-header .header-link__long {
        display: none;
    }

    .site-header .header-link__short {
        display: inline;
    }

    .site-header .header-link,
    .site-header .header-account-login,
    .site-header .header-sell-btn,
    .site-header .user-avatar-trigger {
        min-height: 40px;
    }

    .site-header .header-link,
    .site-header .header-account-login,
    .site-header .header-sell-btn {
        padding: 0 10px;
        font-size: 0.8rem;
    }

    .site-header .user-avatar-trigger {
        gap: 6px;
        padding-right: 8px;
    }

    .site-header .user-avatar-trigger__label {
        font-size: 0.8rem;
    }

    .site-header .user-dropdown {
        position: fixed;
        top: 70px;
        right: 10px;
        width: min(92vw, 360px);
        max-height: calc(100dvh - 80px);
    }

    .site-header .user-dropdown::before {
        display: none;
    }
}

@media (max-width: 430px) {
    .site-header {
        padding: 8px 0;
    }

    .site-header .logo {
        font-size: 1.08rem;
    }

    .site-header .logo__pro-icon {
        width: 20px;
    }

    .site-header .header-inner {
        gap: 8px;
    }

    .site-header .header-actions {
        gap: 6px;
    }

    .site-header .header-link,
    .site-header .header-account-login,
    .site-header .header-sell-btn {
        padding: 0 8px;
        font-size: 0.74rem;
    }

    .site-header .user-avatar-trigger {
        padding-right: 6px;
    }

    .site-header .user-avatar-trigger__label {
        font-size: 0.74rem;
    }
}

/* Global select/input-like select styles */
:where(select, .select-wrap select, .select-wrapper select, .filters-panel select, .form-group select) {
    width: 100%;
    min-height: 44px;
    padding: 10px 40px 10px 12px;
    border-radius: var(--dh-radius-md);
    border: 1px solid var(--dh-color-border);
    background-color: var(--dh-color-surface);
    color: var(--dh-color-text);
    font-family: var(--dh-font-sans);
    font-size: 0.95rem;
    font-weight: 500;
    line-height: 1.35;
    box-shadow: var(--dh-shadow-sm);
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

:where(select:not([multiple]):not([size]), .select-wrap select:not([multiple]), .select-wrapper select:not([multiple]), .filters-panel select:not([multiple]), .form-group select:not([multiple])) {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, var(--dh-color-muted) 50%), linear-gradient(135deg, var(--dh-color-muted) 50%, transparent 50%);
    background-position: calc(100% - 18px) calc(50% - 3px), calc(100% - 12px) calc(50% - 3px);
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
}

:where(select, .select-wrap select, .select-wrapper select, .filters-panel select, .form-group select):focus {
    border-color: rgba(16, 6, 159, 0.52);
    box-shadow: 0 0 0 3px var(--dh-color-focus);
    outline: none;
}

:where(select, .select-wrap select, .select-wrapper select, .filters-panel select, .form-group select):disabled {
    background-color: #f3f5f9;
    color: var(--dh-color-muted);
    cursor: not-allowed;
    box-shadow: none;
}

:where(select, .select-wrap select, .select-wrapper select, .filters-panel select, .form-group select) option {
    color: var(--dh-color-text);
    background-color: #fff;
}

/* =========================================
   Driver Hub Button Integrity (Global)
   ========================================= */

:root {
    --dh-header-height: 72px;
}

@media (max-width: 900px) {
    :root {
        --dh-header-height: 64px;
    }
}

:where(
    .btn,
    .btn-primary,
    .btn-search,
    .btn-save,
    .btn-submit,
    .btn-header,
    .btn-action,
    .btn-dl,
    .btn-upload,
    .btn-next,
    .btn-prev,
    .btn-fav-listing,
    .btn-comp-listing,
    .btn-accent,
    .btn-dark,
    .btn-outline,
    .btn-white,
    .btn-white-big,
    .dealers-search-btn,
    .help-search-btn,
    .help-contact-btn,
    .header-sell-btn,
    .dh-search-mobile-reset,
    .support-submit,
    .contact-submit
) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    vertical-align: middle;
    line-height: 1;
}

button,
a.btn,
input[type="submit"].btn,
input[type="button"].btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

/* Filled buttons must keep white text in every state, including links. */
a.btn.btn-primary,
a.btn-primary,
a.btn-search,
a.btn-save,
a.btn-submit,
a#place_order,
a.btn-accent,
a.btn-dark,
a.btn-header.primary,
a.header-sell-btn,
a.dealers-search-btn,
a.help-search-btn,
a.help-contact-btn,
a.dh-search-mobile-reset,
a.btn-next,
a.btn-action.danger,
a.btn-dl,
a[data-dh-inline="dh-inline-de53b5b251"],
button.btn-primary,
button.btn-search,
button.btn-save,
button.btn-submit,
button.btn-accent,
button.btn-dark,
button.btn-header.primary,
button.header-sell-btn,
button.dealers-search-btn,
button.help-search-btn,
button.help-contact-btn,
button.dh-search-mobile-reset,
button.btn-next,
button.btn-action.danger,
button.btn-dl {
    color: #fff;
}

a.btn.btn-primary:visited,
a.btn-primary:visited,
a.btn-search:visited,
a.btn-save:visited,
a.btn-submit:visited,
a#place_order:visited,
a.btn-accent:visited,
a.btn-dark:visited,
a.btn-header.primary:visited,
a.header-sell-btn:visited,
a.dealers-search-btn:visited,
a.help-search-btn:visited,
a.help-contact-btn:visited,
a.dh-search-mobile-reset:visited,
a.btn-next:visited,
a.btn-action.danger:visited,
a.btn-dl:visited,
a[data-dh-inline="dh-inline-de53b5b251"]:visited,
a.btn.btn-primary:hover,
a.btn-primary:hover,
a.btn-search:hover,
a.btn-save:hover,
a.btn-submit:hover,
a#place_order:hover,
a.btn-accent:hover,
a.btn-dark:hover,
a.btn-header.primary:hover,
a.header-sell-btn:hover,
a.dealers-search-btn:hover,
a.help-search-btn:hover,
a.help-contact-btn:hover,
a.dh-search-mobile-reset:hover,
a.btn-next:hover,
a.btn-action.danger:hover,
a.btn-dl:hover,
a[data-dh-inline="dh-inline-de53b5b251"]:hover,
a.btn.btn-primary:active,
a.btn-primary:active,
a.btn-search:active,
a.btn-save:active,
a.btn-submit:active,
a#place_order:active,
a.btn-accent:active,
a.btn-dark:active,
a.btn-header.primary:active,
a.header-sell-btn:active,
a.dealers-search-btn:active,
a.help-search-btn:active,
a.help-contact-btn:active,
a.dh-search-mobile-reset:active,
a.btn-next:active,
a.btn-action.danger:active,
a.btn-dl:active,
a[data-dh-inline="dh-inline-de53b5b251"]:active,
a.btn.btn-primary:focus,
a.btn-primary:focus,
a.btn-search:focus,
a.btn-save:focus,
a.btn-submit:focus,
a#place_order:focus,
a.btn-accent:focus,
a.btn-dark:focus,
a.btn-header.primary:focus,
a.header-sell-btn:focus,
a.dealers-search-btn:focus,
a.help-search-btn:focus,
a.help-contact-btn:focus,
a.dh-search-mobile-reset:focus,
a.btn-next:focus,
a.btn-action.danger:focus,
a.btn-dl:focus,
a[data-dh-inline="dh-inline-de53b5b251"]:focus {
    color: #fff;
}

.btn-action.danger {
    background: var(--dh-color-danger);
    border-color: var(--dh-color-danger);
    color: #fff;
}

.btn-action.danger:hover {
    background: #9a1f17;
    border-color: #9a1f17;
    color: #fff;
}

.btn-dl {
    background: var(--dh-color-primary);
    border-color: var(--dh-color-primary);
    color: #fff;
}

.btn-dl:hover {
    background: var(--dh-color-primary-hover);
    border-color: var(--dh-color-primary-hover);
    color: #fff;
}

.site-header .header-sell-btn,
.site-header .header-sell-btn:visited,
.site-header .header-sell-btn:hover,
.site-header .header-sell-btn:active,
.site-header .header-sell-btn:focus {
    color: #fff;
    text-decoration: none;
}

/* === Driver Hub: Select (Custom Dropdown) === */
:root {
    --dh-z-overlay: 10000;
    --dh-z-dropdown: 10050;
    --dh-z-toast: 12000;
    --dh-z-viewer: 12500;
    --dh-z-modal: 13000;
}

#dh-select-overlay-root {
    position: fixed;
    inset: 0;
    z-index: var(--dh-z-dropdown);
    pointer-events: none;
}

.dh-select {
    position: relative;
    width: 100%;
    min-width: 0;
}

.dh-select__native {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    pointer-events: none !important;
}

.dh-select__trigger {
    width: 100%;
    min-height: 44px;
    border: 1px solid var(--dh-color-border);
    border-radius: var(--dh-radius-md);
    background: var(--dh-color-surface);
    color: var(--dh-color-text);
    padding: 10px 40px 10px 14px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    line-height: 1.3;
    font: inherit;
    cursor: pointer;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

.dh-select__trigger:focus-visible {
    outline: 0;
    border-color: var(--dh-color-primary);
    box-shadow: 0 0 0 3px var(--dh-color-focus);
}

.dh-select__value {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dh-select__chevron {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--dh-color-muted);
    font-size: 0.74rem;
    pointer-events: none;
    transition: transform 0.18s ease;
}

.dh-select.is-open .dh-select__chevron {
    transform: translateY(-50%) rotate(180deg);
}

.dh-select.is-disabled .dh-select__trigger {
    cursor: not-allowed;
    opacity: 0.72;
    background: var(--dh-color-surface-soft, #f5f6fa);
}

.dh-select__menu {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 8px);
    z-index: var(--dh-z-dropdown);
    border: 1px solid var(--dh-color-border);
    border-radius: var(--dh-radius-md);
    background: var(--dh-color-surface);
    box-shadow: var(--dh-shadow-md);
    overflow: hidden;
    max-height: 320px;
    transform-origin: top center;
    will-change: top, left, width, max-height;
}

.dh-select.dh-select--dropup .dh-select__menu {
    top: auto;
    bottom: calc(100% + 8px);
}

.dh-select__menu--portal {
    position: fixed;
    left: 0;
    right: auto;
    top: 0;
    z-index: var(--dh-z-dropdown);
    pointer-events: auto;
}

.dh-select__menu--portal.dh-select__menu--searchable {
    margin-top: 0;
}

.dh-select__menu--portal.dh-select__menu--searchable.dh-select__menu--dock-down {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.dh-select__menu--portal.dh-select__menu--searchable.dh-select__menu--dock-up {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.dh-select--searchable.is-open.dh-select--open-down .dh-select__trigger {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.dh-select--searchable.is-open.dh-select--open-up .dh-select__trigger {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.dh-select.dh-select--open-up .dh-select__menu {
    transform-origin: bottom center;
}

.dh-select.dh-select--open-down .dh-select__menu {
    transform-origin: top center;
}

.dh-select__options {
    max-height: var(--dh-select-menu-max-height, 320px);
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: var(--dh-color-primary) rgba(16, 24, 40, 0.12);
}

.dh-select__search-wrap {
    padding: 8px;
    border-bottom: 1px solid var(--dh-color-border);
    background: var(--dh-color-surface);
}

.dh-select__search {
    width: 100%;
    min-height: 36px;
    border: 1px solid var(--dh-color-border);
    border-radius: 10px;
    padding: 0 10px;
    font: inherit;
    color: var(--dh-color-text);
    background: var(--dh-color-surface);
}

.dh-select__search:focus-visible {
    outline: 0;
    border-color: var(--dh-color-primary);
    box-shadow: 0 0 0 3px var(--dh-color-focus);
}

.dh-select__options::-webkit-scrollbar {
    width: 10px;
}

.dh-select__options::-webkit-scrollbar-track {
    background: rgba(16, 24, 40, 0.08);
    border-radius: 999px;
}

.dh-select__options::-webkit-scrollbar-thumb {
    background: var(--dh-color-primary);
    border-radius: 999px;
    border: 2px solid rgba(255, 255, 255, 0.7);
}

.dh-select__option {
    width: 100%;
    min-height: 42px;
    border: 0;
    border-radius: 0;
    margin: 0;
    background: transparent;
    color: var(--dh-color-text);
    padding: 10px 12px;
    text-align: left;
    display: block;
    cursor: pointer;
    font: inherit;
    line-height: 1.35;
    transition: background-color 0.14s ease, color 0.14s ease;
}

.dh-select__option[hidden] {
    display: none !important;
}

.dh-select__option:hover,
.dh-select__option.is-active {
    background: rgba(16, 6, 159, 0.08);
    color: var(--dh-color-primary);
}

.dh-select__option.is-selected {
    background: var(--dh-color-primary);
    color: #fff;
}

.dh-select__option.is-selected:hover,
.dh-select__option.is-selected.is-active {
    background: var(--dh-color-primary-hover);
    color: #fff;
}

.dh-select__option.is-disabled,
.dh-select__option:disabled {
    color: var(--dh-color-muted);
    cursor: not-allowed;
    opacity: 0.64;
    background: transparent;
}

.dh-select__empty {
    padding: 10px 12px;
    font-size: 0.86rem;
    color: var(--dh-color-muted);
}

/* =========================================
   Driver Hub Seller Mobile Polish
   ========================================= */
@media (max-width: 900px) {
    .seller-hero {
        padding: 28px 0 52px;
    }

    .seller-hero .dh-inline-fe2bd36980 {
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
        align-items: start;
    }

    .seller-hero .dh-inline-a527bac1ee {
        width: 100%;
        text-align: left;
    }

    .seller-hero .phone-btn {
        width: 100%;
        min-height: 46px;
        border-radius: var(--dh-radius-pill);
        justify-content: center;
    }

    .seller-hero .dh-inline-a6c07b0a88 {
        font-size: clamp(1.5rem, 7vw, 2rem);
        line-height: 1.2;
        overflow-wrap: anywhere;
    }

    .seller-hero .dh-inline-59794285c7 {
        flex-wrap: wrap;
        gap: 8px 12px;
        font-size: 0.95rem;
        line-height: 1.3;
    }

    .seller-content-card {
        padding: 16px;
        margin-top: -22px;
    }

    .seller-content-card .tabs-nav {
        display: flex;
        gap: 8px;
        border-bottom: 0;
        margin-bottom: 16px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding-bottom: 4px;
    }

    .seller-content-card .tabs-nav::-webkit-scrollbar {
        display: none;
    }

    .seller-content-card .tab-link {
        flex: 0 0 auto;
        min-height: 44px;
        padding: 10px 14px;
        border: 1px solid var(--dh-color-border);
        border-radius: var(--dh-radius-pill);
        background: #fff;
        white-space: nowrap;
        display: inline-flex;
        align-items: center;
        color: var(--dh-color-text);
    }

    .seller-content-card .tab-link.active {
        color: #fff;
        background: var(--dh-color-primary);
        border-color: var(--dh-color-primary);
    }

    .seller-content-card .tab-link.active::after {
        display: none;
    }

    .seller-content-card .grid-cars {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .reviews-list .review-card {
        padding: 14px;
    }

    .review-header {
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
    }

    .review-header .stars-display {
        width: 100%;
        order: 3;
    }
}

@media (max-width: 430px) {
    .seller-hero .dh-inline-e5a8c46831,
    .dh-inline-21f99aadab {
        padding-left: 12px;
        padding-right: 12px;
    }

    .seller-avatar-box {
        width: 88px;
        height: 88px;
    }

    .seller-content-card {
        border-radius: 12px;
    }
}

/* === Driver Hub: Offer Gallery Viewer (NO LOGIC CHANGE) === */
body.dh-offer-viewer-open {
    touch-action: none;
}

.dh-offer-viewer-root {
    position: fixed;
    inset: 0;
    z-index: var(--dh-z-viewer, 12500);
    display: grid;
    place-items: center;
    padding: 16px;
}

.dh-offer-viewer-root[hidden] {
    display: none !important;
}

.dh-offer-viewer-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(11, 15, 26, 0.62);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.dh-offer-viewer-dialog {
    position: relative;
    z-index: 1;
    width: min(1100px, 100%);
    max-height: min(90vh, 920px);
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: #0f1322;
    color: #fff;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.dh-offer-viewer-dialog:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 3px var(--dh-color-focus, rgba(16, 6, 159, 0.2)), 0 24px 60px rgba(0, 0, 0, 0.35);
}

.dh-offer-viewer-top {
    min-height: 60px;
    padding: 12px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(10, 12, 20, 0.88);
}

.dh-offer-viewer-count {
    margin: 0;
    color: rgba(255, 255, 255, 0.84);
    font-size: 0.94rem;
    font-weight: 600;
}

.dh-offer-viewer-top-actions {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.dh-offer-viewer-top-actions .btn {
    min-height: 40px;
    padding-inline: 14px;
}

.dh-offer-viewer-open-original,
.dh-offer-viewer-open-original:visited,
.dh-offer-viewer-open-original:hover,
.dh-offer-viewer-open-original:active,
.dh-offer-viewer-open-original:focus {
    color: #fff;
    text-decoration: none;
}

.dh-offer-viewer-stage {
    position: relative;
    min-height: 320px;
    height: min(68vh, 720px);
    background: #05070d;
    display: grid;
    place-items: center;
    overflow: hidden;
}

.dh-offer-viewer-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #05070d;
}

.dh-offer-viewer-image.is-error {
    object-fit: contain;
    opacity: 0.55;
}

.dh-offer-viewer-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    border: 1px solid rgba(255, 255, 255, 0.26);
    border-radius: 999px;
    background: rgba(11, 15, 26, 0.62);
    color: #fff;
    font-size: 1.1rem;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.18s ease, transform 0.18s ease, border-color 0.18s ease;
}

.dh-offer-viewer-nav:hover {
    background: rgba(16, 6, 159, 0.72);
    border-color: rgba(255, 255, 255, 0.44);
}

.dh-offer-viewer-nav:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 3px var(--dh-color-focus, rgba(16, 6, 159, 0.2));
}

.dh-offer-viewer-nav--prev {
    left: 14px;
}

.dh-offer-viewer-nav--next {
    right: 14px;
}

.dh-offer-viewer-thumbs {
    padding: 10px 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    background: rgba(10, 12, 20, 0.9);
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    scrollbar-width: thin;
    scrollbar-color: var(--dh-color-primary) rgba(255, 255, 255, 0.12);
}

.dh-offer-viewer-thumbs::-webkit-scrollbar {
    height: 8px;
}

.dh-offer-viewer-thumbs::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 999px;
}

.dh-offer-viewer-thumbs::-webkit-scrollbar-thumb {
    background: var(--dh-color-primary, #10069f);
    border-radius: 999px;
}

.dh-offer-viewer-thumb {
    flex: 0 0 auto;
    width: 72px;
    height: 54px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    overflow: hidden;
    padding: 0;
    background: #0f1322;
    cursor: pointer;
    opacity: 0.74;
    transition: opacity 0.18s ease, border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.dh-offer-viewer-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.dh-offer-viewer-thumb:hover {
    opacity: 1;
    transform: translateY(-1px);
}

.dh-offer-viewer-thumb.is-active {
    opacity: 1;
    border-color: var(--dh-color-primary, #10069f);
    box-shadow: 0 0 0 2px rgba(16, 6, 159, 0.3);
}

.dh-offer-viewer-thumb:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 3px var(--dh-color-focus, rgba(16, 6, 159, 0.2));
}

@media (min-width: 901px) {
    .dh-offer-viewer-dialog {
        max-height: 92vh;
    }

    .dh-offer-viewer-stage {
        min-height: 0;
        height: auto;
        max-height: calc(100vh - 190px);
        padding: 8px 0;
    }

    .dh-offer-viewer-image {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: calc(100vh - 230px);
        margin: 0 auto;
        background: transparent;
    }
}

@media (max-width: 900px) {
    .dh-offer-viewer-root {
        padding: 8px;
    }

    .dh-offer-viewer-dialog {
        width: 100%;
        max-height: calc(100vh - 16px);
        border-radius: 16px;
    }

    .dh-offer-viewer-top {
        min-height: 56px;
        padding: 10px 10px;
    }

    .dh-offer-viewer-top-actions .btn {
        min-height: 38px;
        padding-inline: 12px;
        font-size: 0.85rem;
    }

    .dh-offer-viewer-stage {
        min-height: 260px;
        height: calc(100vh - 220px);
    }

    .dh-offer-viewer-nav {
        width: 44px;
        height: 44px;
    }

    .dh-offer-viewer-nav--prev {
        left: 8px;
    }

    .dh-offer-viewer-nav--next {
        right: 8px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dh-offer-viewer-nav,
    .dh-offer-viewer-thumb,
    .dh-offer-thumb,
    .dh-offer-hero-btn {
        transition: none;
    }
}

/* =========================================
   Driver Hub: Business Page
   ========================================= */

.dh-business-hero {
    background: var(--c-bg);
    border-bottom: 1px solid var(--c-border);
    padding: 72px 0 56px;
}

.dh-business-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
    gap: 34px;
    align-items: center;
}

.dh-business-hero-copy .dealers-title {
    text-align: left;
    margin-bottom: 18px;
}

.dh-business-hero-copy .dealers-desc {
    text-align: left;
    margin: 0 0 24px 0;
    max-width: 62ch;
}

.dh-business-hero-copy .btn-row {
    margin-top: 2px;
    flex-wrap: wrap;
}

.dh-business-hero-media img {
    width: 100%;
    height: auto;
    border-radius: 18px;
    box-shadow: var(--shadow-card);
}

.dh-business-trust-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 28px;
    align-items: center;
}

.dh-business-trust-list li {
    margin-bottom: 12px;
    line-height: 1.6;
}

.dh-business-trust-media img {
    width: 100%;
    height: auto;
    border-radius: 16px;
    box-shadow: var(--shadow-sm);
}

@media (max-width: 1024px) {
    .dh-business-hero {
        padding: 52px 0 40px;
    }

    .dh-business-hero-grid,
    .dh-business-trust-grid {
        grid-template-columns: 1fr;
    }

    .dh-business-hero-copy .dealers-title,
    .dh-business-hero-copy .dealers-desc {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .dh-business-hero-copy .btn-row {
        justify-content: center;
    }
}

@media (max-width: 640px) {
    .dh-business-hero {
        padding: 44px 0 30px;
    }

    .dh-business-hero-grid {
        gap: 20px;
    }

    .dh-business-hero-copy .dealers-desc {
        margin-bottom: 16px;
    }
}

/* Driver Hub: Pricing Page (/cennik/) */
.dh-pricing-page {
    background: var(--c-bg);
    overflow-x: clip;
}

.dh-pricing-page .dh-section {
    padding: clamp(54px, 8vh, 86px) 0;
}

.dh-pricing-page .dh-section--alt {
    background: var(--c-bg-alt);
}

.dh-pricing-hero {
    position: relative;
    padding: clamp(52px, 8vh, 88px) 0 clamp(46px, 7vh, 72px);
    border-bottom: 1px solid var(--c-border);
    overflow: hidden;
}

.dh-pricing-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 96% 0%, rgba(56, 189, 248, 0.2) 0%, rgba(59, 130, 246, 0.08) 52%, transparent 78%);
    pointer-events: none;
}

.dh-pricing-hero__layout {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
    gap: clamp(24px, 3vw, 40px);
    align-items: center;
}

.dh-pricing-hero__content .dealers-title {
    margin: 0 0 14px;
    text-align: left;
}

.dh-pricing-hero__content .dealers-desc {
    margin: 0 0 20px;
    text-align: left;
    max-width: 62ch;
}

.dh-pricing-hero__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 14px;
}

.dh-pricing-hero__chips {
    margin-top: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 10px;
}

.dh-pricing-hero__chips span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 14px;
    border-radius: var(--dh-radius-pill);
    border: 1px solid rgba(16, 6, 159, 0.2);
    background: rgba(16, 6, 159, 0.05);
    color: var(--dh-color-primary, #10069f);
    font-size: 0.86rem;
    font-weight: 700;
}

.dh-pricing-hero__media img {
    width: 100%;
    height: auto;
    border-radius: 18px;
    box-shadow: var(--shadow-card);
}

.dh-pricing-highlight {
    display: grid;
    grid-template-columns: minmax(0, 220px) minmax(0, 1fr);
    gap: 24px;
    align-items: center;
    background: #fff;
    border: 1px solid var(--c-border);
    border-radius: var(--radius);
    box-shadow: var(--shadow-sm);
    padding: clamp(22px, 3vw, 32px);
}

.dh-pricing-highlight__value {
    font-size: clamp(2.5rem, 6vw, 4rem);
    line-height: 1;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: var(--dh-color-primary, #10069f);
    text-align: center;
}

.dh-pricing-highlight__content h2 {
    margin: 0 0 10px;
}

.dh-pricing-highlight__content p {
    margin: 0;
}

.dh-pricing-highlight__links {
    margin-top: 14px !important;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.dh-pricing-feature-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 22px;
}

.dh-pricing-check-card {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background: #fff;
    border: 1px solid var(--c-border);
    border-radius: var(--radius);
    padding: 14px 14px 13px;
    box-shadow: var(--shadow-sm);
    transition: transform 0.2s ease, border-color 0.2s ease;
}

.dh-pricing-check-card:hover {
    transform: translateY(-2px);
    border-color: rgba(16, 6, 159, 0.25);
}

.dh-pricing-check-card__icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgba(6, 118, 71, 0.14);
    color: #067647;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    line-height: 1;
    flex: 0 0 auto;
}

.dh-pricing-check-card p {
    margin: 0;
    color: var(--c-text);
    font-size: 0.95rem;
    line-height: 1.45;
}

.dh-pricing-inline-links {
    margin: 18px 0 0 !important;
    font-size: 0.93rem;
}

.dh-pricing-split {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 26px;
    align-items: start;
}

.dh-pricing-panel {
    background: #fff;
    border: 1px solid var(--c-border);
    border-radius: var(--radius);
    box-shadow: var(--shadow-sm);
    padding: clamp(18px, 2.6vw, 28px);
}

.dh-pricing-panel h2 {
    margin: 0 0 10px;
}

.dh-pricing-panel__lead {
    margin: 0 0 16px !important;
    font-size: 1rem;
}

.dh-pricing-step-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.dh-pricing-step-card {
    border: 1px solid var(--c-border);
    border-radius: var(--radius);
    padding: 14px;
    background: #fff;
}

.dh-pricing-step-card h3 {
    margin: 0 0 8px;
    font-size: 1.02rem;
}

.dh-pricing-step-card p {
    margin: 0 0 10px;
    font-size: 0.93rem;
    line-height: 1.5;
}

.dh-pricing-step-card a {
    font-size: 0.9rem;
    font-weight: 700;
}

.dh-pricing-panel__cta {
    display: inline-flex;
    margin-top: 16px;
    font-weight: 700;
}

.dh-pricing-trust-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    gap: 28px;
    align-items: center;
}

.dh-pricing-trust-grid h3 {
    margin: 18px 0 8px;
    font-size: 1.12rem;
}

.dh-pricing-trust-grid p {
    margin: 0;
}

.dh-pricing-trust-grid__media img {
    width: 100%;
    height: auto;
    border-radius: 16px;
    box-shadow: var(--shadow-sm);
}

.dh-pricing-policy-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 20px;
}

.dh-pricing-policy-card {
    border: 1px solid var(--c-border);
    border-radius: var(--radius);
    background: #fff;
    box-shadow: var(--shadow-sm);
    padding: 14px 16px;
}

.dh-pricing-policy-card p {
    margin: 0;
    color: var(--c-text);
}

.dh-pricing-faq-grid {
    margin-top: 18px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.dh-pricing-faq-item {
    background: #fff;
    border: 1px solid var(--c-border);
    border-radius: var(--radius);
    box-shadow: var(--shadow-sm);
    padding: 14px 16px;
}

.dh-pricing-faq-item summary {
    list-style: none;
    cursor: pointer;
    font-weight: 700;
    color: var(--c-text);
    line-height: 1.4;
    padding-right: 8px;
}

.dh-pricing-faq-item summary::-webkit-details-marker {
    display: none;
}

.dh-pricing-faq-item summary:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 3px var(--dh-color-focus);
    border-radius: 8px;
}

.dh-pricing-faq-item p {
    margin: 10px 0 0;
    font-size: 0.95rem;
    line-height: 1.55;
}

.dh-pricing-cta {
    background: linear-gradient(135deg, rgba(16, 6, 159, 0.08), rgba(16, 6, 159, 0.03));
    border: 1px solid rgba(16, 6, 159, 0.16);
    border-radius: var(--radius);
    padding: clamp(22px, 3vw, 34px);
    text-align: center;
}

.dh-pricing-cta h2 {
    margin: 0 0 10px;
}

.dh-pricing-cta p {
    margin: 0 auto 18px;
    max-width: 62ch;
}

.dh-pricing-cta .dh-pricing-hero__actions {
    justify-content: center;
}

@media (max-width: 1200px) {
    .dh-pricing-feature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1024px) {
    .dh-pricing-hero__layout,
    .dh-pricing-highlight,
    .dh-pricing-split,
    .dh-pricing-trust-grid,
    .dh-pricing-policy-grid,
    .dh-pricing-faq-grid {
        grid-template-columns: 1fr;
    }

    .dh-pricing-hero__content .dealers-title,
    .dh-pricing-hero__content .dealers-desc {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .dh-pricing-hero__actions {
        justify-content: center;
    }

    .dh-pricing-hero__chips {
        justify-content: center;
    }

    .dh-pricing-highlight__value {
        text-align: left;
    }
}

@media (max-width: 768px) {
    .dh-pricing-page .dh-section {
        padding: 48px 0;
    }

    .dh-pricing-hero {
        padding: 46px 0 34px;
    }

    .dh-pricing-feature-grid,
    .dh-pricing-step-grid {
        grid-template-columns: 1fr;
    }

    .dh-pricing-hero__actions {
        width: 100%;
        flex-direction: column;
        gap: 10px;
    }

    .dh-pricing-hero__actions .btn {
        width: 100%;
    }
}

/* Driver Hub: Auth Security Flows (verify/reset) */
.dh-auth-flow .auth-card.dh-auth-card-wide {
    max-width: 680px;
}

.dh-auth-actions,
.dh-control-alert__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    margin-top: 16px;
}

.dh-inline-form {
    display: inline-flex;
    align-items: center;
}

.dh-auth-inline-form {
    margin-top: 14px;
}

.dh-password-field {
    display: flex;
    align-items: center;
    gap: 10px;
}

.dh-password-field .form-control {
    flex: 1;
}

.dh-toggle-password {
    white-space: nowrap;
}

.dh-auth-hint {
    margin: 4px 0 0;
    color: #6b7280;
    font-size: 13px;
    line-height: 1.45;
}

.dh-auth-forgot-link {
    justify-content: center;
}

.dh-control-alert {
    margin-bottom: 18px;
}

.dh-control-alert .alert-banner {
    margin: 0;
}

.dh-email-verify-banner .alert-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.dh-email-verify-banner__content {
    flex: 1 1 auto;
    min-width: 0;
}

.dh-email-verify-banner__text {
    display: inline-block;
    margin-top: 4px;
    line-height: 1.45;
}

.dh-email-verify-banner__feedback {
    margin: 10px 0 0;
    font-size: 0.88rem;
    font-weight: 600;
    line-height: 1.4;
}

.dh-email-verify-banner__feedback.is-success {
    color: #065f46;
}

.dh-email-verify-banner__feedback.is-warning {
    color: #9a3412;
}

.dh-email-verify-banner__feedback.is-error {
    color: #991b1b;
}

.dh-email-verify-banner__actions {
    flex: 0 0 auto;
    margin-top: 0;
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 10px;
}

.dh-email-verify-banner__actions .btn,
.dh-email-verify-banner__actions .dh-inline-form {
    white-space: nowrap;
}

.dh-email-verify-banner__actions .dh-inline-form {
    margin: 0;
}

@media (max-width: 768px) {
    .dh-auth-actions,
    .dh-control-alert__actions,
    .dh-inline-form {
        width: 100%;
    }

    .dh-email-verify-banner .alert-banner {
        align-items: flex-start;
        flex-direction: column;
    }

    .dh-email-verify-banner__actions {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .dh-email-verify-banner__actions .dh-inline-form {
        width: 100%;
    }

    .dh-auth-actions .btn,
    .dh-control-alert__actions .btn,
    .dh-inline-form .btn {
        width: 100%;
    }

    .dh-password-field {
        flex-direction: column;
        align-items: stretch;
    }
}

/* Driver Hub: In-App Notifications */
.dh-bell-wrapper {
    position: relative;
}

.dh-bell-trigger {
    position: relative;
    width: 42px;
    height: 42px;
    border: 1px solid var(--c-border);
    border-radius: 50%;
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.dh-bell-trigger:hover,
.dh-bell-trigger.is-open {
    border-color: rgba(16, 6, 159, 0.35);
    box-shadow: 0 6px 20px rgba(16, 6, 159, 0.12);
}

.dh-bell-trigger svg {
    width: 20px;
    height: 20px;
    fill: currentColor;
}

.dh-badge {
    position: absolute;
    top: -3px;
    right: -4px;
    min-width: 18px;
    height: 18px;
    border-radius: 999px;
    background: #b42318;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    padding: 0 5px;
    border: 1px solid #fff;
}

.dh-notif-dropdown {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    width: min(380px, calc(100vw - 24px));
    background: #fff;
    border: 1px solid var(--c-border);
    border-radius: 16px;
    box-shadow: var(--shadow-card);
    overflow: hidden;
    z-index: 1100;
}

.dh-notif-dropdown[hidden] {
    display: none !important;
}

.dh-notif-dropdown__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 14px 14px 10px;
    border-bottom: 1px solid var(--c-border);
}

.dh-notif-markall {
    border: 0;
    background: transparent;
    color: var(--dh-color-primary);
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
    padding: 0;
}

.dh-notif-markall:hover {
    color: var(--dh-color-primary-hover);
    text-decoration: underline;
}

.dh-notif-list {
    max-height: 380px;
    overflow: auto;
    padding: 8px;
}

.dh-notif-item {
    border: 1px solid transparent;
    border-radius: 12px;
    padding: 10px 12px;
    margin-bottom: 8px;
    background: #fff;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

.dh-notif-item:last-child {
    margin-bottom: 0;
}

.dh-notif-item.dh-notif--unread {
    background: rgba(16, 6, 159, 0.05);
    border-color: rgba(16, 6, 159, 0.16);
}

.dh-notif-item:hover {
    border-color: rgba(16, 6, 159, 0.24);
}

.dh-notif-item__top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
}

.dh-notif-item__title {
    margin: 0;
    font-size: 0.94rem;
    line-height: 1.35;
}

.dh-notif-item__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-top: 6px;
    background: var(--dh-color-primary);
    flex: 0 0 auto;
}

.dh-notif-item__body {
    margin-top: 6px;
    color: #334155;
    font-size: 0.89rem;
    line-height: 1.5;
}

.dh-notif-item__body a {
    color: var(--dh-color-primary);
    text-decoration: underline;
}

.dh-notif-time {
    margin-top: 7px;
    color: #64748b;
    font-size: 12px;
}

.dh-notif-item--success .dh-notif-item__dot {
    background: #067647;
}

.dh-notif-item--warn .dh-notif-item__dot {
    background: #b54708;
}

.dh-notif-item--error .dh-notif-item__dot {
    background: #b42318;
}

.dh-notif-dropdown__footer {
    border-top: 1px solid var(--c-border);
    padding: 10px 14px 12px;
}

.dh-notif-all-link {
    font-weight: 700;
}

.dh-notif-empty {
    text-align: center;
    color: #64748b;
    font-size: 0.9rem;
    padding: 18px 12px;
}

.dh-notifications-page {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.dh-notifications-toolbar-row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.dh-notifications-page__actions {
    display: flex;
    justify-content: flex-end;
}

.dh-notifications-toolbar {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.dh-notifications-toolbar .btn {
    min-height: 38px;
}

.dh-notifications-toolbar .dh-label {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--dh-color-muted);
}

.dh-notifications-filter {
    min-height: 44px;
    min-width: 220px;
    border: 1px solid var(--dh-color-border);
    border-radius: var(--dh-radius-pill);
    background: var(--dh-color-surface);
    color: var(--dh-color-text);
    padding: 10px 14px;
    font: inherit;
    cursor: pointer;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.dh-notifications-filter:focus-visible {
    outline: 0;
    border-color: var(--dh-color-primary);
    box-shadow: 0 0 0 3px var(--dh-color-focus);
}

.dh-notifications-toolbar .dh-select {
    min-width: 220px;
}

.dh-notifications-toolbar .dh-select__trigger {
    min-height: 44px;
    min-width: 220px;
    border-radius: var(--dh-radius-pill);
}

.dh-notifications-toolbar .btn.is-active {
    border-color: rgba(16, 6, 159, 0.32);
    color: var(--dh-color-primary);
    background: rgba(16, 6, 159, 0.08);
}

.dh-notifications-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dh-notifications-list .dh-notif-item {
    border-color: var(--c-border);
    padding: 12px 14px;
}

#dhNotificationsPage .dh-notifications-list .dh-notif-item__actions {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    flex-wrap: wrap;
}

#dhNotificationsPage .dh-notif-action-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    color: var(--dh-color-primary);
    font: inherit;
    font-size: 0.84rem;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    padding: 0;
    min-height: 22px;
    flex: 0 0 auto;
    white-space: nowrap;
    vertical-align: middle;
    margin: 0;
    text-decoration: none;
}

#dhNotificationsPage button.dh-notif-action-link {
    appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
}

#dhNotificationsPage .dh-notif-action-link:hover {
    text-decoration: underline;
}

.dh-notifications-pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding-top: 6px;
}

.dh-pagination {
    margin-top: 36px;
    display: flex;
    justify-content: center;
    width: 100%;
}

.dh-pagination__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.dh-pagination__item {
    margin: 0;
    padding: 0;
}

.dh-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    min-height: 42px;
    padding: 0 12px;
    border-radius: var(--dh-radius-md);
    border: 1px solid var(--dh-color-border);
    background: #fff;
    color: var(--dh-color-text);
    text-decoration: none;
    font-weight: 700;
    line-height: 1;
    transition: border-color 0.18s ease, color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
}

.dh-pagination a.page-numbers:hover {
    border-color: var(--dh-color-primary);
    color: var(--dh-color-primary);
}

.dh-pagination .page-numbers.current {
    border-color: var(--dh-color-primary);
    background: var(--dh-color-primary);
    color: #fff;
    box-shadow: 0 6px 16px rgba(16, 6, 159, 0.22);
}

.dh-pagination .page-numbers.dots {
    min-width: 26px;
    border-color: transparent;
    background: transparent;
    color: var(--dh-color-muted);
    padding: 0 4px;
}

@media (max-width: 768px) {
    .dh-notif-dropdown {
        position: fixed;
        left: 12px;
        right: 12px;
        top: auto;
        bottom: calc(12px + env(safe-area-inset-bottom, 0px));
        width: auto;
        /* Prevent the panel from going off-screen on mobile browsers with dynamic viewports. */
        max-height: calc(100vh - 24px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
        max-height: calc(100dvh - 24px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
        border-radius: 16px;
        z-index: 1300;
        display: flex;
        flex-direction: column;
    }

    .dh-notif-list {
        flex: 1 1 auto;
        min-height: 0;
        max-height: none;
        overflow: auto;
        overscroll-behavior: contain;
    }

    .dh-notif-dropdown__header,
    .dh-notif-dropdown__footer {
        flex: 0 0 auto;
    }

    .dh-notifications-toolbar-row {
        flex-direction: column;
        align-items: stretch;
    }

    .dh-notifications-filter {
        width: 100%;
        min-width: 0;
    }

    .dh-notifications-toolbar .dh-select,
    .dh-notifications-toolbar .dh-select__trigger {
        width: 100%;
        min-width: 0;
    }

    .dh-notifications-page__actions .btn {
        width: 100%;
    }

    .dh-notifications-pagination {
        flex-direction: column;
        align-items: stretch;
    }
}

/* Driver Hub: Add Listing media controls (featured + quick remove) */
#step-4 #preview-box,
#step-4 .existing-photos-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 12px;
}

#step-4 .dh-photo-item {
    position: relative;
    min-height: 100px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #ddd;
    background: #fff;
}

#step-4 .dh-photo-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#step-4 .dh-photo-badge-featured {
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: 2;
    padding: 2px 8px;
    border-radius: 999px;
    background: rgba(16, 6, 159, 0.92);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.3;
}

#step-4 .dh-photo-set-featured {
    position: absolute;
    left: 6px;
    bottom: 6px;
    z-index: 2;
    border: 0;
    border-radius: 999px;
    padding: 4px 8px;
    background: rgba(255, 255, 255, 0.92);
    color: #1d1d1f;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
}

#step-4 .dh-photo-item.is-featured .dh-photo-set-featured {
    opacity: 0.75;
}

#step-4 .btn-delete-photo.dh-photo-remove {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 3;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 0;
    background: rgba(255, 0, 0, 0.82);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

@media (max-width: 768px) {
    #step-4 #preview-box,
    #step-4 .existing-photos-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #step-4 .dh-photo-set-featured {
        font-size: 10px;
        padding: 4px 7px;
    }
}