/* Responsive styles for nuevo_hyundai_marine.html */

@media (max-width: 768px) {
    .product-image-container, .hyundai-product-image-container {
        flex-direction: column !important;
        gap: 15px !important;
        align-items: center !important;
        padding: 15px 10px !important;
        margin: 0 auto 20px auto !important;
    }

    .product-image-container img, .hyundai-product-image-container img {
        max-width: 200px !important;
        width: 80% !important;
        height: auto !important;
    }

    .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    table {
        font-size: 13px;
        min-width: 600px;
    }

    th, td {
        padding: 8px 6px;
        font-size: 12px;
        line-height: 1.2;
    }

    th {
        font-size: 11px;
    }
}

@media (max-width: 480px) {
    .product-image-container, .hyundai-product-image-container {
        padding: 12px 8px !important;
        gap: 12px !important;
    }

    .product-image-container img, .hyundai-product-image-container img {
        max-width: 180px !important;
        width: 90% !important;
    }

    table {
        font-size: 11px;
        min-width: 550px;
    }

    th, td {
        padding: 6px 4px;
        font-size: 10px;
    }

    th {
        font-size: 9px;
    }
}

@media (max-width: 360px) {
    .product-image-container img, .hyundai-product-image-container img {
        max-width: 150px !important;
        width: 95% !important;
    }
}
