/* Vehicle sales pages */
.vehicle-sales-page{background:#f5f7fb;color:#172033}
.vehicle-sales-page .site-main{overflow:visible}
.sales-shell{max-width:1320px}
.sales-hero,.sales-page-header,.sales-ranking-header{background:linear-gradient(135deg,#152443 0%,#29457f 100%);border:0!important;border-radius:26px!important;color:#fff;overflow:hidden;position:relative;box-shadow:0 20px 55px rgba(21,36,67,.16)}
.sales-hero:after,.sales-page-header:after,.sales-ranking-header:after{content:"";position:absolute;width:300px;height:300px;right:-100px;bottom:-160px;border-radius:50%;background:rgba(255,255,255,.08);pointer-events:none}
.sales-hero .card-body,.sales-page-header .card-body,.sales-ranking-header .card-body,.sales-hero>div{position:relative;z-index:1}
.sales-hero .breadcrumb-item a,.sales-page-header .breadcrumb-item a,.sales-ranking-header .breadcrumb-item a{color:rgba(255,255,255,.72)!important}
.sales-hero .breadcrumb-item.active,.sales-page-header .breadcrumb-item.active,.sales-ranking-header .breadcrumb-item.active{color:#fff!important}
.sales-hero .breadcrumb-item+.breadcrumb-item:before,.sales-page-header .breadcrumb-item+.breadcrumb-item:before,.sales-ranking-header .breadcrumb-item+.breadcrumb-item:before{color:rgba(255,255,255,.5)}
.sales-page-header .text-muted,.sales-ranking-header .text-muted,.sales-hero .text-muted{color:rgba(255,255,255,.72)!important}
.sales-page-header .border,.sales-ranking-header .border{border-color:rgba(255,255,255,.18)!important;background:rgba(255,255,255,.08)}
.sales-link-card,.vehicle-sales-page .card{border-radius:20px}
.sales-link-card{border:1px solid #e7ebf3!important}
.sales-link-card:hover{border-color:#cbd5e1!important;transform:translateY(-3px)}
.sales-table{min-width:900px}
.sales-table thead th,.sales-ranking-table thead th{background:#f8fafc;color:#64748b!important;font-size:.74rem!important;letter-spacing:.055em!important;padding:14px 16px;border-bottom:1px solid #e7ebf3}
.sales-table tbody td,.sales-ranking-table tbody td{padding:14px 16px;border-color:#eef2f7}
.sales-table tbody tr:hover,.sales-ranking-table tbody tr:hover{background:#f8fbff}
.sales-table a,.sales-ranking-table a{color:#14213d!important}
.sales-table a:hover,.sales-ranking-table a:hover{color:#315ca8!important}
.sales-market-progress,.sales-share-progress{height:8px!important;background:#e8edf5!important;border-radius:99px}
.sales-market-progress .progress-bar,.sales-share-progress .progress-bar{background:linear-gradient(90deg,#315ca8,#6d8fd4);border-radius:99px}
.sales-period-links .btn,.vehicle-sales-page .d-flex.flex-wrap.gap-2 .btn{border-radius:999px;padding:.55rem .9rem}
.brand-chart-wrapper{min-height:360px}
.brand-stat-box{background:#fff;border-color:#e7ebf3!important;border-radius:18px!important}
.brand-stat-value{color:#14213d!important}
.vehicle-sales-page .vehicle-card{border-radius:20px!important;border-color:#e7ebf3!important}
.vehicle-sales-page .vehicle-card-image{background:#fff!important}
.vehicle-sales-page .vehicle-card-title{color:#14213d}
@media(max-width:767.98px){
 .sales-shell{padding-left:14px;padding-right:14px}
 .sales-hero,.sales-page-header,.sales-ranking-header{border-radius:20px!important}
 .sales-hero .display-6,.sales-page-header .display-6,.sales-ranking-header .display-6{font-size:1.85rem}
 .sales-hero .lead,.sales-page-header .lead,.sales-ranking-header .lead{font-size:1rem}
 .sales-summary-value{font-size:1.45rem!important}
 .sales-summary-card .card-body{padding:1rem}
 .sales-table{min-width:820px}
 .brand-chart-wrapper{min-height:290px}
}

/* Brand vehicle grid: use the shared vehicle-card component sizing. */
.brand-vehicles-section .vehicle-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:1rem;
}
.brand-vehicles-section .vehicle-card{
    min-width:0;
    height:100%;
}
@media(max-width:1199.98px){
    .brand-vehicles-section .vehicle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:991.98px){
    .brand-vehicles-section .vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:575.98px){
    .brand-vehicles-section .vehicle-grid{grid-template-columns:1fr}
}
/* Vehicle sales summary cards */
/* Vehicle sales summary cards */
.sales-summary-card {
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    background: #fff;
    border: 1px solid #e7ebf3 !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06) !important;
    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.sales-summary-card:hover {
    transform: translateY(-3px);
    border-color: #d5ddeb !important;
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.1) !important;
}

.sales-summary-card .card-body {
    display: flex;
    min-height: 190px;
    padding: 1.5rem;
    flex-direction: column;
}

.sales-summary-label {
    margin-bottom: 0.75rem;
    color: #6b7280 !important;
    font-size: 0.95rem !important;
    font-weight: 500;
    letter-spacing: 0 !important;
    line-height: 1.35;
    text-decoration: none !important;
}

.sales-summary-value {
    color: #14213d !important;
    font-size: 2.2rem !important;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.05;
    text-decoration: none !important;
}

.sales-summary-description {
    margin-top: 0.85rem;
    color: #4b5563 !important;
    font-size: 0.95rem;
    line-height: 1.45;
    text-decoration: none !important;
}

.sales-summary-action {
    margin-top: auto;
    padding-top: 1.15rem;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.3;
}

.sales-summary-action a,
.sales-summary-action a:hover,
.sales-summary-action a:focus,
.sales-summary-action a:visited {
    color: #2563eb !important;
    text-decoration: none !important;
}

@media (max-width: 767.98px) {
    .sales-summary-card .card-body {
        min-height: 170px;
        padding: 1.15rem;
    }

    .sales-summary-value {
        font-size: 1.85rem !important;
    }

    .sales-summary-label,
    .sales-summary-description {
        font-size: 0.9rem !important;
    }
}