/* ========================================
   VEHICLE DETAIL LAYOUT (2 COLUMNS)
   ======================================== */

.awtu-vehicle-detail-section .container {
    max-width: 1350px;
    margin: 0 auto;
    padding: 0 2rem;
    box-sizing: border-box;
}

.vehicle-content-with-sidebar {
    display: grid;
    grid-template-columns: 1fr 410px;
    gap: 3rem;
    align-items: start;
}


.vehicle-sidebar {
    position: sticky;
    top: 2rem;
    height: fit-content;
    min-width: 0; /* Prevents overflow */
    overflow: hidden; /* Prevents content from spilling out */
    text-align: left;
}

.vehicle-main-content {
    min-width: 0; /* Prevents grid overflow */
    text-align: left;
}

/* Ensure sidebar content stays within bounds */
.vehicle-sidebar * {
    max-width: 100%;
    box-sizing: border-box;
}

.vehicle-sidebar button,
.vehicle-sidebar a {
    width: 100%;
    word-wrap: break-word;
    white-space: normal;
}

/* Responsive Layout */
@media (max-width: 1200px) {
    .awtu-vehicle-detail-section .container {
        max-width: 100%;
    }
}

@media (max-width: 1024px) {
    .awtu-vehicle-detail-section .container {
        padding: 0 1.5rem;
    }
    
    .vehicle-content-with-sidebar {
        grid-template-columns: 1fr 320px;
        gap: 2rem;
    }
}

@media (max-width: 900px) {
    .awtu-vehicle-detail-section .container {
        padding: 0 1rem;
    }
    
    .vehicle-content-with-sidebar {
        grid-template-columns: 1fr 280px;
        gap: 1.5rem;
    }
}

@media (max-width: 768px) {
    .vehicle-content-with-sidebar {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .vehicle-sidebar {
        position: static;
        order: -1; /* Move sidebar above content on mobile */
        text-align: center; /* Center all content in sidebar */
    }
    
    .awtu-vehicle-detail-section .container {
        padding: 0 1rem;
    }
}

@media (max-width: 480px) {
    .vehicle-content-with-sidebar {
        gap: 1.5rem;
    }
    
    .awtu-vehicle-detail-section .container {
        padding: 0 0.75rem;
    }
}

/* Mobile-specific sidebar centering */
@media (max-width: 768px) {
    .vehicle-sidebar .vehicle-info-section {
        text-align: center;
    }
    
    .vehicle-sidebar .price-section,
    .vehicle-sidebar .contact-buttons,
    .vehicle-sidebar .seller-details,
    .vehicle-sidebar .action-buttons,
    .vehicle-sidebar .app-download,
    .vehicle-sidebar .security-notice {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    
    .vehicle-sidebar .seller-details .seller-item {
        justify-content: center;
    }
}