/* Metal Card Responsive Styles */
/* Inherits from pvc_card/css/responsive.css which is now included in metal-order.php */

@media (max-width: 1199px) {

    /* Fix for drawer opening mechanism which uses .open class in metal-core.js */
    .drawer_cont.open {
        right: 0 !important;
    }

    .metal-content .size_item {
        width: 25%;
    }
}

@media (max-width: 991px) {
    .metal-content .size_item {
        width: 33.33%;
    }
}

@media (max-width: 767px) {
    .metal-content .size_item {
        width: 50%;
    }

    /* Metal tab links responsive */
    .metal_tablinks .lyrdImprnt_nav .nav-tabs .nav-link {
        width: 100%;
        min-width: 100%;
        margin: 5px 0;
    }

    /* Ensure Add to Cart button is properly sized on mobile */
    .btnAddToCart {
        width: 100%;
        display: block;
        font-size: 18px;
        padding: 15px;
    }

    .addto_cart {
        margin: 20px 0;
        width: 100%;
    }
}

@media (max-width: 480px) {
    .metal-content .size_item {
        width: 50%;
    }
}