/* Responsive styles for Truck Detail page */

@media (max-width: 1024px) {
    .detail-container {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .truck-large-image {
        height: 300px;
        font-size: 5rem;
    }
}

@media (max-width: 768px) {
    .detail-hero h1 {
        font-size: 2rem;
    }

    .spec-row {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .action-buttons {
        flex-direction: column;
    }

    .btn-action {
        min-width: 100%;
        width: 100%;
    }

    .price-value {
        font-size: 2rem;
    }
}