.addto_cart {
    margin-right: 1rem !important;
    background-color: #13974e;
    color: #fff !important;
    border-radius: 50px;
    min-width: 110px;
    /* padding: 8px 10px; */
}

.product_patno a {
    color: #020b4c !important;
}

.product_data td {
    padding: 4px 11px !important;
    /* font-size: 12px; */

}

.prodtest_table .product_data td {
    font-size: 12px;

    vertical-align: middle;
}

.product_image {
    /*width: 40px;*/
    width: 120px;
    max-width: 100%;
}

tr.product_list td a {
    color: #05355d;
    font-weight: 900;
}

.product_pricing_dropdown {
    margin-bottom: 0;
}

.searching_parts div {
    color: black;
    text-align: right;
    /* display: flex; */
}

.prodtest_table td {
    border-top: 1px solid rgb(180 174 174) !important;
    border-left: 1px solid rgb(232 225 225) !important;
    /* color: black !important; */
}

table#example tr.add_to_cart_table_header th {
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    background: #585656;
    padding: 0.3rem;
}

div.dataTables_wrapper div.dataTables_filter {
    display: none;
}

.dropdown-item {
    cursor: pointer;
}


#example_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0;
}

.buy_price {
    align-items: center;
}

.buy_price .input_data {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    max-width: 100px;
    min-width: 100px;
    width: 100px
}


/* DETAIL PAGE  */
.conct-head {
    background: #40525a;
    color: #fff;
}

.btn-info {
    background-color: #0079b8 !important;
}

.deatil_inp input {
    padding: 10px 7px;
    border: 1px solid;
    width: 100%;
    outline: none;
    border-radius: 5px;
}

.table_header th {
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    background: #585656;
}

button.detail_btn {
    background-color: #13974e;
    color: #fff !important;
    border-radius: 0.25rem;
    min-width: 110px;
    padding: 10px;
    width: 100%;
}

.pricetable tr.detail_table_row_padding td {
    /*text-align: center;*/
    padding: 0.3rem;
}

.table_row_padding th td {
    padding: 0.3rem !important;
}

tr.price-drop.table_row_padding th {
    padding: 0.3rem;
}

.addtocart_qty div {

    margin-right: 5px;
    width: 35%;
    display: inline-block;
    margin-bottom: 0;
    /* background-color: red !important; */
}

.addtocart_qty span {
    /* width: 50%; */
    /* display: inline-block; */
    font-size: 13px;
    /* background-color: red !important; */
}

.cart_partno {
    color: #05355d !important;
    font-weight: 500;
}

.img_rep_text {
    color: #f93300;
    white-space: initial;
    font-size: 10px;
    margin-bottom: 1rem;
    margin-top: 10px;
}

.detail_rightside {
    border: 1px solid gray;
    padding: 0;
    border-radius: 5px;
}

.detail_rightside .modal-header {
    padding: 7px 30px !important;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    color: #585d62;
    background-color: #f5f5f5;
    background: #e0e4e9;
    border-color: #d9d9d9;
}

.product_desc-wrap span.pr_desc_title {
    font-weight: 600;
    font-size: 14px;
    color: #000;
    display: inline-block;
    min-width: 175px;
}

.product_description {
    padding: 1rem;
}

.product_detail_image {
    max-width: 100%;
    width: 100% !important;
    height: auto !important;
}

.side_img1 {
    padding: 0 !important;
}

tr.product_data td.addtocart_qty input {
    border-radius: 0;
    height: 30px;
    border-color: rgb(203 213 225);
    box-shadow: none;
}

.searching_parts .price-drop_div input {
    border-radius: 0;
    height: 30px;
    border-color: rgb(203 213 225);
    box-shadow: none;
}

td div.buy_price.d-flex input {
    border-radius: 0;
    /* height: 30px; */
    border-color: rgb(203 213 225);
    box-shadow: none;
}

tr.price-drop .customers-nav-item-profile a {
    color: #000;
}

.price-drop_div label {
    color: #000;
}

.stock_numb {
    color: rgb(31, 31, 31);
}

.add_to_cart_table_header_cart th {
    padding: 0.3rem !important;
}

.multi-text {
    padding: 5px 0;
}

.detail_quant {
    margin-bottom: 3px;
}

.detail_product_data>.modal-body {
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 1200px) {
    th.th_qty {
        min-width: 225px !important;
    }

    th.th_desc {
        min-width: 270px !important;
    }

    th.pr_th_sr {
        min-width: 45px !important;
    }

    th.pr_th_mfd {
        min-width: 120px !important;
    }

    th.pr_th_desc {
        min-width: 250px !important;
    }

    th.pr_th_stock {
        min-width: 115px !important;
    }
}

@media (max-width: 991px) {
    .col-md-5.left_col {
        padding: 0 0 15px;
    }
}

@media (max-width: 575px) {
    .leftsd p {
        font-size: 13px;
        display: flex;
        justify-content: space-around;
        align-items: center;

    }

}

.table.dataTable {
    margin-top: 0 !important;
}

/*FOR DATABASE PRODUCTS VIEW */


/* FOR DATABSE CSS  */
.new-arrival-products .item img.product-img {
    /* width: 40%; */
    /* height: 60px; */
    max-width: 100%;
    margin: 0 auto;
}

.new-arrival-products .item .item-info .p-price {
    font-weight: 600;
    color: #034b7d;
}

.new-arrival-products .item .item-info .p-category {
    color: #a1a1a1;
    font-size: 13px;
    font-weight: 400;
}


.featured-product-list .product_data {
    width: 70px;
}


.new-arrival-products {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    position: relative;
}

.title-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 12px;
    padding-left: 9px;
}

.sec-title {
    font-size: 28px;
    margin: 0;
    font-weight: 700;
    text-transform: uppercase;
    color: #034b7d;
}

.title-section a {
    padding: 4px 7px 4px 0px;
    font-weight: 500;
    font-size: 16px;
    text-decoration: none;
    color: #034b89;
}

input.product_qty {
    width: 100px;
}

#new-arrival-products-slider {
    justify-content: center;
}


.new-arrival-products .item .item-info {
    padding: 10px 15px 0 15px;
    text-align: left;
}

.new-arrival-products .item .item-info .p-category {
    color: #a1a1a1;
    font-size: 13px;
    font-weight: 400;
}

.new-arr-desc p {
    font-size: 11px;
}

.new-arrival-products .item .item-info .p-name {
    color: #333333;
    font-size: 11px;
    font-weight: 500;
    padding-top: 5px;
    vertical-align: middle;
}

.new-arrival-products .item .item-info .p-price {
    font-weight: 600;
    color: #034b7d;
}

.new-arrival-products .item .item-info .p-buttons button {
    background: transparent;
    border-radius: 1px;
    min-width: 20px;
    color: #020b4c;
    /* margin: 0px 15px; */
}

.new-arrival-products .item .item-info .p-buttons button .fa-cart-shopping {

    color: #020b4c;
    /* margin: 0px 15px; */
}

.new-arrival-products .item .item-info .p-buttons {
    padding-top: 13px;
    z-index: 9;
    position: relative;
    margin-bottom: 15px;
}

.product-label {
    position: absolute;
    color: #fff;
    padding: 2px 10px;
    background-color: #d52225;
    text-transform: uppercase;
    right: 0;
    top: 0;
}

div#new-arrival-products-slider {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
}

div#new-arrival-products-slider .slick-track {
    margin: 0 !important;
}

div#new-arrival-products-slider input.product_qty {
    width: 80px;
}

.view_detail {
    height: 34px;
    width: 40px;
    border: 1px solid rgb(177 177 177);
    text-align: center;

}

.detail_page {
    margin-right: 4px;
    padding: 6px 12px;

}

.detail_page i {
    color: #020b4c;

}





.pagination a {
    /* padding: 10px; */
    /* font-size: 19px; */
    /* color: white; */
    /* font-weight: 600; */
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    color: inherit !important;
    border: 1px solid transparent;
    border-radius: 2px;
    background: transparent;
}

.pagination a:hover {
    background: linear-gradient(to bottom, #585858 0%, #111 100%);
    color: white !important;
    border: 1px solid #111;
}

.pagination {
    width: 100%;
    margin: 0;
    position: relative;
    bottom: 41px;

}

#pagination {
    align-items: center;
    display: flex;
    width: 100%;
    justify-content: end;
}

li.active {
    border: 1px solid;
    border-radius: 1px;
    font-size: 15px;
    background: linear-gradient(to bottom, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
    color: inherit !important;
    font-weight: 500;
    border: 1px solid rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    border-radius: 2px;

}

li.active a:hover {
    border: none !important;
    border-radius: 1px;
    font-size: 15px;
    background: linear-gradient(to bottom, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
    color: inherit !important;
    font-weight: 500;
    border: 1px solid rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    border-radius: 2px;
}

/* DATATABLE CSS CUTOMIZING */

div.dataTables_wrapper div.dataTables_paginate {
    padding-right: 15px;
    display: none;
}

.search-heading {
    text-align: left;
    font-size: 1.8333333333em;
    margin: 0;
    line-height: 34px;
    font-weight: 800;
    letter-spacing: -.04em;
}

.dataTables_wrapper .dataTables_length {
    /*float: right !important;*/
    z-index: 2;
    position: relative;
}

.dataTables_length .dropdown-toggle {
    height: 37px;
}



.loader,
.loader:before,
.loader:after {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    animation-fill-mode: both;
}

.loader {
    color: #383737;
    font-size: 17px;
    position: absolute;
    text-indent: -9999em;
    top: 50%;
    bottom: 54%;
    left: 43%;
    transform: translateZ(0);
    animation-delay: -0.16s;
}

.loader:before,
.loader:after {
    content: '';
    position: absolute;
    top: 0;
}

.loader:before {
    left: -3.5em;
    animation-delay: -0.32s;
}

.loader:after {
    left: 3.5em;
}

@keyframes bblFadInOut {

    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em
    }

    40% {
        box-shadow: 0 2.5em 0 0
    }
}

/* Product search table advanced UI */
.mg-products-page {
    margin: 0;
    padding: 16px 18px 34px;
    /* background: #f4f7fa; */
}

.mg-products-page>div {
    min-width: 0;
}

.mg-products-page>.pagination {
    display: none;
}

.mg-products-toolbar {
    display: grid;
    grid-template-columns: minmax(230px, 340px) auto minmax(180px, 1fr) auto;
    align-items: center;
    gap: 14px;
    width: 100%;
    margin: 0 0 0;
    padding: 16px;
    border: 1px solid #d7e0e9;
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    background: #fff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.mg-products-search {
    position: relative;
}

.mg-products-search i {
    position: absolute;
    top: 50%;
    left: 14px;
    transform: translateY(-50%);
    color: #35465a;
    font-size: 13px;
    pointer-events: none;
}

.mg-products-search .form-control {
    height: 42px;
    padding-left: 38px;
    border: 1px solid #cfd9e5;
    border-radius: 3px;
    background: #fbfcfe;
    color: #122033;
    font-size: 13px;
    box-shadow: none;
}

.mg-products-search .form-control:focus {
    border-color: #008b63;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(0, 139, 99, 0.1);
}

.mg-products-filter .btn {
    height: 42px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 0 18px;
    border: 1px solid #cfd9e5;
    border-radius: 3px;
    background: #fff;
    color: #0f1f2f;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.02em;
}

.mg-products-filter .dropdown-menu {
    min-width: 210px;
    padding: 8px;
    border: 1px solid #d7e0e9;
    border-radius: 6px;
    box-shadow: 0 16px 28px rgba(15, 23, 42, 0.12);
}

.mg-products-filter .dropdown-item {
    display: block;
    padding: 8px 10px;
    border-radius: 4px;
    color: #172033;
    font-size: 13px;
    font-weight: 600;
}

.mg-products-filter .dropdown-item:hover {
    background: #eef7f2;
    color: #00784b;
}

.mg-products-top-info {
    justify-self: end;
    color: #0f1f2f;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.mg-products-page-size {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0 10px;
    height: 42px;
    border: 1px solid #cfd9e5;
    border-radius: 3px;
    background: #fff;
    color: #0f1f2f;
    font-size: 14px;
    font-weight: 800;
    white-space: nowrap;
}

.mg-products-page-size select {
    width: auto;
    min-width: 42px;
    height: 32px;
    border: 0;
    background: transparent;
    color: #0f1f2f;
    font-weight: 900;
    outline: 0;
}

.mg-products-table-shell {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #d7e0e9;
    border-radius: 0 0 8px 8px;
    background: #fff;
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.06);
}

.mg-products-page .search-heading {
    margin: 0 0 12px;
    color: #0f2742;
    font-size: clamp(22px, 2vw, 28px);
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: 0;
}

.prodtest_table {
    width: 100% !important;
    min-width: 1040px;
    margin: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0;
    background: #fff;
}

table#example tr.add_to_cart_table_header th,
.prodtest_table thead th {
    min-width: 0 !important;
    width: auto !important;
    border: 0 !important;
    border-bottom: 1px solid #1f2b2c !important;
    background: #111819 !important;
    color: #035c3b !important;
    padding: 22px 18px !important;
    font-size: 11px !important;
    line-height: 1.35;
    font-weight: 900 !important;
    letter-spacing: 0.07em;
    text-align: left;
    text-transform: capitalize;
    white-space: nowrap;
}

.prodtest_table .product_data td,
.prodtest_table td {
    border-top: 0 !important;
    border-left: 0 !important;
    border-bottom: 1px solid #dce5e1 !important;
    padding: 4px 6px !important;
    color: #0f1f2f;
    font-size: 12px !important;
    line-height: 1.45;
    vertical-align: middle;
}

.prodtest_table tbody tr.product_data:hover {
    background: #f7fbf8;
}

.prodtest_table td:nth-child(1) {
    width: 52px;
    color: #64748b;
    text-align: center;
}

.prodtest_table td:nth-child(2) {
    min-width: 190px;
}

.prodtest_table td:nth-child(4) {
    min-width: 330px;
    max-width: 470px;
}

.prodtest_table td:nth-child(7) {
    min-width: 245px;
}

tr.product_list td a,
.part_detail,
.apivendors {
    color: #00714d !important;
    font-weight: 800 !important;
    overflow-wrap: anywhere;
}

.product_pricing_dropdown {
    display: grid;
    gap: 4px;
    padding: 0;
    margin: 0;
    list-style: none;
    color: #0f1f2f;
    font-size: 13px;
    font-weight: 800;
}

.mg-stock-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 70px;
    min-height: 34px;
    padding: 6px 9px;
    border-radius: 2px;
    color: #006a48 !important;
    background: #b9f0d8;
    font-size: 12px;
    line-height: 1.15;
    font-weight: 900;
    text-align: center;
    text-decoration: none !important;
}

.mg-stock-contact {
    color: #0f2742 !important;
    background: #eef2f6;
}

.mg-stock-lead {
    display: block;
    margin-top: 5px;
    color: #496070;
    font-size: 11px;
    font-weight: 700;
}

.buy_price {
    display: flex;
    align-items: center;
    gap: 0;
    flex-wrap: nowrap;
}

.buy_price .input_data {
    width: 48px;
    min-width: 48px;
    max-width: 48px;
    height: 36px;
    padding: 0 6px;
    border: 1px solid #cfd9e5 !important;
    border-radius: 0 !important;
    background: #fff;
    text-align: center;
    font-weight: 800;
}

.buy_price .addto_cart {
    width: 40px;
    min-width: 40px;
    height: 40px;
    margin-left: 10px;
    margin-right: 8px !important;
    border: 0;
    border-radius: 2px !important;
    background: #007d5a;
    font-size: 16px;
    font-weight: 900;
    box-shadow: none;
}

.buy_price p {
    margin: 0;
    color: #0f1f2f;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
}

.mg-products-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 18px;
    border-top: 1px solid #dce5e1;
    background: #fff;
}

.mg-products-footer .dataTables_info {
    padding: 0 !important;
    color: #0f1f2f;
    font-size: 13px;
    font-weight: 600;
}

.mg-products-footer .dataTables_paginate {
    display: flex !important;
    align-items: center;
    gap: 8px;
    padding: 0 !important;
}

.mg-products-footer .dataTables_paginate .paginate_button {
    min-width: 34px;
    height: 34px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #d6e0e8 !important;
    border-radius: 3px !important;
    background: #fff !important;
    color: #0f1f2f !important;
    font-size: 12px;
    font-weight: 800;
}

.mg-products-footer .dataTables_paginate .paginate_button.current {
    border-color: #007d5a !important;
    background: #007d5a !important;
    color: #fff !important;
}

@media (max-width: 1199px) {
    .mg-products-toolbar {
        grid-template-columns: minmax(240px, 1fr) auto;
    }

    .mg-products-top-info {
        justify-self: start;
    }

    .prodtest_table {
        min-width: 980px;
    }

    .prodtest_table td:nth-child(7) {
        min-width: 310px;
    }
}

@media (max-width: 767px) {
    .mg-products-page {
        padding: 14px 10px 28px;
    }

    .mg-products-toolbar {
        grid-template-columns: 1fr;
        gap: 10px;
        border: 1px solid #d7e0e9;
        border-radius: 8px;
        margin-bottom: 12px;
        padding: 12px;
    }

    .mg-products-filter .btn,
    .mg-products-page-size {
        width: 100%;
        justify-content: space-between;
    }

    .mg-products-top-info {
        justify-self: stretch;
        letter-spacing: 0.03em;
    }

    .mg-products-table-shell {
        overflow-x: visible;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .prodtest_table,
    .prodtest_table thead,
    .prodtest_table tbody,
    .prodtest_table th,
    .prodtest_table td,
    .prodtest_table tr {
        display: block;
        width: 100% !important;
        min-width: 0 !important;
    }

    .prodtest_table {
        background: transparent;
    }

    .prodtest_table thead {
        display: none;
    }

    .prodtest_table tbody tr.product_data {
        margin-bottom: 14px;
        border: 1px solid #d7e0e9;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 10px 18px rgba(15, 23, 42, 0.06);
        overflow: hidden;
    }

    .prodtest_table .product_data td,
    .prodtest_table td {
        display: grid;
        grid-template-columns: 112px minmax(0, 1fr);
        gap: 14px;
        align-items: start;
        min-height: 44px;
        border-bottom: 1px solid #edf2f7 !important;
        padding: 12px 14px !important;
        text-align: left !important;
    }

    .prodtest_table tbody tr.product_data td:last-child {
        border-bottom: 0 !important;
    }

    .prodtest_table td::before {
        content: attr(data-label);
        color: #64748b;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0.02em;
        text-transform: uppercase;
    }

    .buy_price {
        align-items: center;
        flex-wrap: wrap;
        gap: 8px;
    }

    .buy_price .input_data {
        width: 60px;
        min-width: 60px;
        max-width: 60px;
    }

    .buy_price .addto_cart {
        flex: 0 0 42px;
        margin-right: 0 !important;
        margin-left: 0;
    }

    .mg-products-footer {
        display: grid;
        justify-items: center;
        padding: 14px 0 0;
        background: transparent;
        border-top: 0;
    }

    .mg-products-footer .dataTables_paginate {
        flex-wrap: wrap;
        justify-content: center;
    }
}

/* Final override: keep the table quantity stepper visible before Add to Cart. */
.buy_price {
    align-items: center;
    gap: 10px;
}

.mg-list-qty-control {
    display: inline-grid;
    grid-template-columns: 30px 52px 30px;
    width: 112px;
    height: 36px;
    overflow: hidden;
    border: 1px solid #cbd8e3;
    border-radius: 4px;
    background: #ffffff;
    flex: 0 0 112px;
}

.mg-list-qty-btn {
    width: 30px;
    height: 36px;
    border: 0;
    background: #ffffff;
    color: #0f2a43;
    font-size: 16px;
    line-height: 1;
    font-weight: 800;
}

.mg-list-qty-btn:hover {
    background: #eef4fb;
}

.buy_price .mg-list-qty-control .input_data {
    display: block !important;
    width: 52px;
    min-width: 52px;
    max-width: 52px;
    height: 36px;
    min-height: 36px;
    padding: 0 4px;
    border: 0 !important;
    border-left: 1px solid #e2eaf1 !important;
    border-right: 1px solid #e2eaf1 !important;
    border-radius: 0 !important;
    background: #ffffff;
    color: #0f2a43;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    box-shadow: none;
    appearance: textfield;
    -moz-appearance: textfield;
    flex-basis: auto;
}

.buy_price .mg-list-qty-control .input_data::-webkit-outer-spin-button,
.buy_price .mg-list-qty-control .input_data::-webkit-inner-spin-button {
    margin: 0;
    appearance: none;
    -webkit-appearance: none;
}

@media (max-width: 420px) {
    .mg-list-qty-control {
        width: 100%;
        grid-template-columns: 38px 1fr 38px;
        flex-basis: 100%;
    }

    .buy_price .mg-list-qty-control .input_data {
        width: 100%;
        min-width: 0;
        max-width: none;
    }
}

/* Quantity control shown before Add to Cart in the inventory table. */
.buy_price {
    align-items: center;
    gap: 10px;
}

.mg-list-qty-control {
    display: inline-grid;
    grid-template-columns: 30px 52px 30px;
    width: 112px;
    height: 36px;
    overflow: hidden;
    border: 1px solid #cbd8e3;
    border-radius: 4px;
    background: #ffffff;
    flex: 0 0 112px;
}

.mg-list-qty-btn {
    width: 30px;
    height: 36px;
    border: 0;
    background: #ffffff;
    color: #0f2a43;
    font-size: 16px;
    line-height: 1;
    font-weight: 800;
}

.mg-list-qty-btn:hover {
    background: #eef4fb;
}

.buy_price .mg-list-qty-control .input_data {
    display: block;
    width: 52px;
    height: 36px;
    min-height: 36px;
    padding: 0 4px;
    border: 0;
    border-left: 1px solid #e2eaf1;
    border-right: 1px solid #e2eaf1;
    border-radius: 0;
    background: #ffffff;
    color: #0f2a43;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    box-shadow: none;
    appearance: textfield;
    -moz-appearance: textfield;
}

.buy_price .mg-list-qty-control .input_data::-webkit-outer-spin-button,
.buy_price .mg-list-qty-control .input_data::-webkit-inner-spin-button {
    margin: 0;
    appearance: none;
    -webkit-appearance: none;
}

@media (max-width: 420px) {
    .mg-list-qty-control {
        width: 100%;
        grid-template-columns: 38px 1fr 38px;
        flex-basis: 100%;
    }

    .buy_price .mg-list-qty-control .input_data {
        width: 100%;
    }
}

@media (max-width: 420px) {

    .prodtest_table .product_data td,
    .prodtest_table td {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .buy_price .input_data,
    .buy_price .addto_cart {
        width: 100%;
        max-width: none;
        flex-basis: 100%;
    }
}

/* Precision stock inventory table */
.mg-products-page {
    padding: 12px 10px 34px;
    /* background: #f2f6fb; */
}

.mg-products-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    padding: 18px 18px 10px;
    border: 1px solid #d8e2ee;
    /* border-bottom: 1px; */
    border-radius: 8px 8px 0 0;
    background: #ffffff;
}

.mg-products-heading .search-heading {
    margin: 0 0 5px;
    color: #233142;
    font-size: 22px;
    font-weight: 900;
}

.mg-products-heading p {
    margin: 0;
    color: #718095;
    font-size: 13px;
    font-weight: 600;
}

.mg-products-heading>span {
    color: #64748b;
    font-size: 12px;
    font-weight: 900;
    white-space: nowrap;
}

.mg-products-toolbar {
    grid-template-columns: minmax(220px, 1fr) auto auto auto auto;
    margin: 0;
    padding: 12px 0;
    border: 0 !important;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.mg-products-search {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.mg-products-result-summary {
    display: none;
    min-width: min(420px, 46vw);
    margin: 0 auto;
    padding: 4px 0 0;
    text-align: center;
}

.mg-products-result-summary h2 {
    margin: 0 0 3px;
    color: #0f2742;
    font-family: var(--mg-font-headline, "Open Sans", sans-serif);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.25;
}

.mg-products-result-summary h2 span {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

.mg-products-result-summary p {
    margin: 0;
    color: #64748b;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
}

.mg-products-search .form-control,
.mg-products-filter .btn,
.mg-products-export,
.mg-products-page-size {
    height: 40px;
    border-color: #d7e1ed;
    border-radius: 5px;
    background: #fff;
}

.mg-products-page-size {
    padding: 0;
    border: 0;
    background: transparent;
    width: auto;
    max-width: 175px;
}

.mg-products-page-size select {
    width: 112px !important;
    min-width: 112px;
    max-width: 112px;
    height: 54px;
    padding: 0 28px 0 12px;
    border: 1px solid #d7e1ed;
    border-radius: 6px;
    background: #ffffff;
    font-weight: 400;
}

.mg-products-export {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 15px;
    color: #334155;
    font-size: 12px;
    font-weight: 800;
}

.mg-products-table-shell {
    border-color: #d8e2ee;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 14px 26px rgba(15, 23, 42, 0.06);
}

.prodtest_table {
    min-width: 1080px;
}

table#example tr.add_to_cart_table_header th,
.prodtest_table thead th {
    border-bottom: 1px solid #d8e2ee !important;
    background: #ffffff !important;
    color: #64748b !important;
    padding: 10px 4px !important;
    font-size: 11px !important;
    letter-spacing: 0.06em;
}

.prodtest_table .product_data td,
.prodtest_table td {
    border-bottom: 1px solid #d8e2ee !important;
    padding: 5px !important;
    color: #334155;
    font-size: 13px !important;
    font-weight: 600;
}

.prodtest_table tbody tr.product_data:hover {
    background: #f9fcff;
}

/* Global Column Widths for Products Table */
.mg-products-table-shell table.prodtest_table th:nth-child(1),
.mg-products-table-shell table.prodtest_table td:nth-child(1) {
    width: 13%;
    min-width: 130px;
    text-align: center;
}

.mg-products-table-shell table.prodtest_table th:nth-child(2),
.mg-products-table-shell table.prodtest_table td:nth-child(2) {
    width: 12%;
    min-width: 120px;
    color: #233142;
    font-weight: 800;
}

.mg-products-table-shell table.prodtest_table th:nth-child(3),
.mg-products-table-shell table.prodtest_table td:nth-child(3) {
    width: 20%;
    min-width: 200px;
}

.mg-products-table-shell table.prodtest_table th:nth-child(4),
.mg-products-table-shell table.prodtest_table td:nth-child(4) {
    width: 11%;
    min-width: 110px;
}

.mg-products-table-shell table.prodtest_table th:nth-child(5),
.mg-products-table-shell table.prodtest_table td:nth-child(5) {
    width: 8%;
    min-width: 60px;
}

.mg-products-table-shell table.prodtest_table th:nth-child(6),
.mg-products-table-shell table.prodtest_table td:nth-child(6) {
    width: 12%;
    min-width: 120px;
}

.mg-products-table-shell table.prodtest_table th:nth-child(7),
.mg-products-table-shell table.prodtest_table td:nth-child(7) {
    width: 10%;
    min-width: 100px;
}

.mg-products-table-shell table.prodtest_table th:nth-child(8),
.mg-products-table-shell table.prodtest_table td:nth-child(8) {
    width: 12%;
    min-width: 100px;
}

tr.product_list td a,
.part_detail,
.apivendors {
    color: #0b7db5 !important;
    font-weight: 900 !important;
}

.mg-product-thumb {
    display: block;
    width: 54px;
    height: 54px;
    object-fit: contain;
    margin: 0 auto;
    border-radius: 4px;
    background: #fff;
}

.mg-part-manufacturer {
    display: block;
    margin-top: 5px;
    color: #334155;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 400;
}

.mg-stock-seller {
    display: block;
    margin-bottom: 6px;
    color: #0b7db5;
    font-size: 13px;
    line-height: 1.25;
    font-weight: 900;
}

.mg-stock-units {
    display: inline-block;
    color: #334155;
    line-height: 1.35;
    font-weight: 800;
}

.mg-price-slabs-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 7px 18px;
    border: 1px solid #009448;
    border-radius: 999px;
    background: #fff;
    color: #009448;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.2;
}

.mg-price-slabs-btn::after {
    content: "*";
    margin-left: 8px;
    color: #009448;
}

.product_pricing_dropdown {
    display: none;
    position: absolute;
    z-index: 30;
    min-width: 170px;
    margin: 6px 0 0 0;
    padding: 10px 16px;
    border: 1px solid #d7e2ee;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.12);
    list-style: none;
}

.product_pricing_dropdown li {
    display: grid;
    grid-template-columns: 72px 1fr;
    align-items: center;
    gap: 0;
    min-height: 27px;
    padding: 0;
    color: #0f2b50 !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
}

.product_pricing_dropdown li span:first-child {
    color: #009448 !important;
    text-align: left;
}

.product_pricing_dropdown li span+span {
    min-height: 27px;
    padding-left: 15px;
    border-left: 1px solid #e5edf5;
    text-align: right;
    color: #0f2b50 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

.mg-unit-price {
    display: block;
    color: #233142;
    font-size: 15px;
    font-weight: 900;
}

.prodtest_table td[data-label="Unit Price"]>.mg-unit-price {
    display: none;
}

.mg-unit-tier {
    display: block;
    margin-top: 3px;
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
}

.mg-status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 92px;
    min-height: 36px;
    padding: 7px 12px;
    border-radius: 12px;
    font-size: 14px;
    line-height: 1.15;
    font-weight: 800;
    text-align: center;
    text-decoration: none !important;
}

.mg-status-ok {
    background: #bff6d9;
    color: #047857 !important;
}

.mg-status-ok::before {
    content: "";
    width: 5px;
    height: 5px;
    margin-right: 6px;
    border-radius: 50%;
    background: currentColor;
}

.mg-status-low {
    background: #fff0bc;
    color: #b45309 !important;
}

.mg-status-low::before {
    content: "";
    width: 5px;
    height: 5px;
    margin-right: 6px;
    border-radius: 50%;
    background: currentColor;
}

.mg-status-contact {
    background: #e4ebf4;
    color: #475569 !important;
}

.mg-stock-lead {
    margin-top: 7px;
    color: #64748b;
    font-size: 11px;
}

.buy_price {
    justify-content: flex-start;
    gap: 8px;
}

.buy_price>.input_data,
.buy_price p {
    display: none;
}

.buy_price .addto_cart {
    width: auto;
    min-width: 72px;
    height: auto;
    margin: 0 !important;
    padding: 0;
    border-radius: 0 !important;
    background: transparent;
    color: #0b7db5 !important;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.3;
    text-align: left;
    box-shadow: none;
    white-space: normal;
}

.buy_price .mg-table-cart-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    min-width: 114px;
    height: 38px;
    padding: 0 12px !important;
    border-radius: 8px !important;
    background: #13974e !important;
    color: #fff !important;
    font-size: 14px;
    gap: 6px;
    line-height: 1;
    text-align: center;
    box-shadow: none;
}

.buy_price .mg-table-cart-icon:hover,
.buy_price .mg-table-cart-icon:focus {
    background: #0f7f41 !important;
    color: #fff !important;
}

.buy_price .mg-table-cart-icon.is-added,
.mg-table-cart-icon.is-added {
    background: #0f7f41 !important;
    color: #fff !important;
}

.mg-products-footer {
    background: #f8fbff;
}

.mg-common-product-cell {
    vertical-align: top !important;
}

@media (max-width: 1199px) {
    .mg-products-toolbar {
        grid-template-columns: minmax(220px, 1fr) auto auto;
    }

    .prodtest_table {
        min-width: 1020px;
    }
}

@media (max-width: 767px) {
    .mg-products-heading {
        display: grid;
        padding: 14px;
        border: 1px solid #d8e2ee;
        border-radius: 8px;
        margin-bottom: 10px;
    }

    .mg-products-result-summary {
        min-width: 0;
        width: 100%;
        margin-left: 0;
    }

    .mg-products-toolbar {
        grid-template-columns: 1fr;
        border-radius: 8px;
        margin-bottom: 12px;
    }

    .mg-products-export {
        width: 100%;
        justify-content: center;
    }

    .prodtest_table .product_data td,
    .prodtest_table td {
        padding: 13px 14px !important;
    }

    .prodtest_table td:nth-child(1),
    .prodtest_table td:nth-child(2),
    .prodtest_table td:nth-child(3),
    .prodtest_table td:nth-child(4),
    .prodtest_table td:nth-child(5),
    .prodtest_table td:nth-child(6),
    .prodtest_table td:nth-child(7),
    .prodtest_table td:nth-child(8) {
        width: 100%;
        min-width: 0;
    }
}

/* Global customer typography override */
body.customers,
body.customers input,
body.customers textarea,
body.customers select,
body.customers button,
body.customers table,
body.customers td,
body.customers th,
body.customers a,
body.customers li,
body.customers label,
body.customers div,
body.customers p,
body.customers h1,
body.customers h2,
body.customers h3,
body.customers h4,
body.customers h5,
body.customers h6,
body.customers small,
body.customers strong,
body.customers b,
body.customers em {
    font-family: "Open Sans", sans-serif !important;
}

body.customers,
body.customers div,
body.customers table,
body.customers td,
body.customers th,
body.customers a,
body.customers li,
body.customers label,
body.customers input,
body.customers textarea,
body.customers select,
body.customers button {
    font-size: 13px !important;
}

body.customers p,
body.customers span:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.glyphicon):not([class^="fa-"]):not([class*=" fa-"]):not([class^="glyphicon-"]):not([class*=" glyphicon-"]),
body.customers h5 {
    font-size: 13px !important;
    font-weight: 400 !important;
}

body.customers h1 {
    font-size: 22px !important;
}

body.customers h2 {
    font-size: 20px !important;
}

body.customers h3 {
    font-size: 18px !important;
}

body.customers h4 {
    font-size: 16px !important;
}

/* Mangofy product table font tune-up: remove this block to revert product table typography */
.mg-products-page,
.mg-products-page input,
.mg-products-page select,
.mg-products-page button,
.mg-products-page .dataTables_wrapper,
.mg-products-table-shell,
.prodtest_table,
.prodtest_table th,
.prodtest_table td,
.prodtest_table a,
.prodtest_table span,
.prodtest_table div {
    font-family: var(--mg-font-body, "Open Sans", sans-serif) !important;
}

.mg-products-heading .search-heading,
.mg-products-heading>span,
table#example tr.add_to_cart_table_header th,
.prodtest_table thead th {
    font-family: var(--mg-font-headline, "Open Sans", sans-serif) !important;
}

table#example tr.add_to_cart_table_header th,
.prodtest_table thead th {
    color: #52657f !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em;
}

.prodtest_table .product_data td,
.prodtest_table td {
    color: #27364a !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
}

tr.product_list td a,
.part_detail,
.apivendors {
    color: #0079b8 !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em;
}

.prodtest_table td:nth-child(2) {
    font-weight: 500 !important;
}

.mg-part-manufacturer {
    color: #233142 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    letter-spacing: 0;
}

.prodtest_table td:nth-child(3),
.prodtest_table td:nth-child(4),
.prodtest_table td:nth-child(5),
.prodtest_table td:nth-child(6) {
    font-weight: 500 !important;
}

body.customers .mg-products-heading .mg-products-result-summary h2,
body.customers .mg-products-heading .mg-products-result-summary h2 .mg-products-search-term,
body.customers .mg-products-heading .mg-products-result-summary h2 span#mgProductsSearchTerm {
    font-family: var(--mg-font-headline, "Open Sans", sans-serif) !important;
    font-size: 24px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
}

body.customers .mg-products-heading .mg-products-result-summary p {
    font-size: 13px !important;
    font-weight: 400 !important;
}

/* /Mangofy product table font tune-up */

body.customers h5,
body.customers h6 {
    font-size: 13px !important;
}

/* Mangofy product detail font tune-up: remove this block to revert detail-page typography */
.mg-pdp,
.mg-pdp *:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.material-symbols-outlined):not([class^="fa-"]):not([class*=" fa-"]),
.detail_product_data,
.detail_product_data *:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.material-symbols-outlined):not([class^="fa-"]):not([class*=" fa-"]),
.detail_rightside,
.detail_rightside *:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.material-symbols-outlined):not([class^="fa-"]):not([class*=" fa-"]),
.pricetable,
.pricetable *:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.material-symbols-outlined):not([class^="fa-"]):not([class*=" fa-"]),
#detail_price,
#detail_price *:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.material-symbols-outlined):not([class^="fa-"]):not([class*=" fa-"]) {
    font-family: var(--mg-font-body, "Open Sans", sans-serif) !important;
}

.mg-pdp-title,
.mg-pdp-section-title,
.mg-pdp-spec-title,
.mg-pdp-spec-heading,
.mg-pdp-subtitle,
.mg-pdp-price,
.mg-pdp-brand,
.mg-similar-name,
.detail_product_data h1,
.detail_product_data h2,
.detail_product_data h3,
.detail_product_data h4,
.detail_rightside .modal-title,
.table_header th,
#detail_price th {
    font-family: var(--mg-font-headline, "Open Sans", sans-serif) !important;
}

.mg-pdp-title {
    color: #102033 !important;
    font-size: clamp(26px, 2.7vw, 38px) !important;
    font-weight: 700 !important;
    line-height: 1.16 !important;
    letter-spacing: 0 !important;
}

.mg-pdp-brand,
.mg-pdp-breadcrumb,
.mg-pdp-meta,
.mg-pdp-rating span,
.mg-pdp-small,
.mg-pdp-qty label,
.mg-pdp-tool,
.mg-similar-brand,
.img_rep_text {
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
}

.mg-pdp-description {
    color: #405168 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
}

.mg-pdp-stock {
    font-size: 14px !important;
    font-weight: 600 !important;
}

.mg-pdp-price {
    font-size: 24px !important;
    font-weight: 700 !important;
}

.mg-pdp-subtitle,
.mg-pdp-section-title,
.mg-pdp-spec-title,
.detail_rightside .modal-title {
    color: #102033 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

.mg-pdp-spec-heading {
    color: #25364b !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

.mg-pdp-price-table,
.mg-pdp-price-table th,
.mg-pdp-price-table td,
.mg-pdp-spec-row span,
.mg-pdp-spec-row strong,
.mg-similar-stock,
.mg-similar-price,
.product_desc-wrap,
.product_desc-wrap span,
.stoks,
.right_pricedata,
.right_pricedata *:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.material-symbols-outlined):not([class^="fa-"]):not([class*=" fa-"]),
#detail_price th,
#detail_price td {
    color: #27364a !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}

.mg-pdp-price-table th,
.mg-pdp-price-table td:last-child,
.mg-pdp-spec-row strong,
.product_desc-wrap span.pr_desc_title,
.stoks strong,
#detail_price th,
#detail_price td.price-num {
    font-weight: 600 !important;
}

.mg-pdp-action,
.mg-price-slabs-btn,
button.detail_btn {
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
}

.leftsd h4 {
    color: #102033 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}

.leftsd p,
.leftsd strong {
    color: #405168 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
}

.leftsd p strong {
    color: #233142 !important;
    font-weight: 600 !important;
}

.table_header th,
#detail_price th {
    background: #eef4fb !important;
    color: #52657f !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
}

/* /Mangofy product detail font tune-up */

/* Mangofy add-to-cart modal guard: remove this block to revert cart popup product-page overrides */
body.customers #addtocartmodal,
body.customers #addtocartmodal *:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.material-symbols-outlined):not([class^="fa-"]):not([class*=" fa-"]) {
    font-family: var(--mg-font-body, "Open Sans", sans-serif) !important;
}

body.customers #addtocartmodal .modal-header h2,
body.customers #addtocartmodal .modal-header .h1-responsive,
body.customers #addtocartmodal .mg-cart-confirm-copy h3 {
    font-family: var(--mg-font-headline, "Open Sans", sans-serif) !important;
}

body.customers #addtocartmodal .modal-header h2,
body.customers #addtocartmodal .modal-header .h1-responsive {
    font-size: 21px !important;
    font-weight: 700 !important;
}

body.customers #addtocartmodal .mg-cart-confirm-copy h3 {
    font-size: 19px !important;
    font-weight: 700 !important;
}

body.customers #addtocartmodal .mg-cart-confirm-copy p,
body.customers #addtocartmodal .mg-cart-confirm-details dt,
body.customers #addtocartmodal .mg-cart-confirm-details dd {
    font-size: 14px !important;
    line-height: 1.45 !important;
}

body.customers #addtocartmodal .mg-cart-confirm-kicker {
    font-size: 12px !important;
    font-weight: 700 !important;
}

body.customers #addtocartmodal .modal-footer .btn {
    font-size: 14px !important;
    font-weight: 600 !important;
}

/* /Mangofy add-to-cart modal guard */

/* Mangofy mobile product-list fit: remove this block to revert responsive card fixes */
@media (max-width: 767px) {

    html,
    body.customers {
        max-width: 100%;
        overflow-x: hidden;
    }

    .mg-products-page {
        width: 100% !important;
        max-width: 100vw !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 12px 10px 28px !important;
        overflow-x: hidden;
        box-sizing: border-box;
    }

    .mg-products-page>div,
    .mg-products-page .dataTables_wrapper,
    .mg-products-table-shell {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box;
        overflow-x: visible !important;
    }

    .mg-products-toolbar,
    .mg-products-heading {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box;
    }

    .mg-products-search,
    .mg-products-search .form-control {
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box;
    }

    .prodtest_table,
    .prodtest_table thead,
    .prodtest_table tbody,
    .prodtest_table tr,
    .prodtest_table th,
    .prodtest_table td {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box;
    }

    .prodtest_table {
        table-layout: fixed !important;
        border-spacing: 0 !important;
    }

    .prodtest_table thead {
        display: none !important;
    }

    .prodtest_table tbody tr.product_data {
        margin: 0 0 12px !important;
        padding: 0 10px !important;
        border: 1px solid #d8e2ee;
        border-radius: 7px;
        overflow: unset;
        background: #fff;
        box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
    }

    .prodtest_table .product_data td,
    .prodtest_table td {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 7px !important;
        padding: 12px 10px !important;
        overflow-wrap: anywhere;
    }

    .prodtest_table td::before {
        display: block;
        min-width: 0;
        color: #64748b;
        font-size: 11px !important;
        font-weight: 800 !important;
        letter-spacing: 0.03em;
        line-height: 1.25;
        text-transform: uppercase;
    }

    .mg-product-thumb {
        width: 42px;
        height: 42px;
    }

    .mg-price-slabs-btn {
        width: 100%;
        max-width: 100%;
    }

    .product_pricing_dropdown {
        position: relative;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        margin-top: 8px;
        box-sizing: border-box;
    }

    .buy_price,
    .buy_price.d-flex {
        display: grid !important;
        grid-template-columns: 1fr !important;
        width: 100%;
        gap: 8px !important;
        align-items: stretch !important;
    }

    .mg-list-qty-control {
        width: 100% !important;
        max-width: 100% !important;
        grid-template-columns: 38px minmax(0, 1fr) 38px !important;
        flex-basis: auto !important;
    }

    .buy_price .mg-list-qty-control .input_data {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    .buy_price .mg-table-cart-icon,
    .buy_price .addto_cart {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 42px !important;
        margin: 0 !important;
        flex-basis: auto !important;
    }

    .buy_price p {
        display: none !important;
    }
}

/* /Mangofy mobile product-list fit */

/* Inline price slabs and toggles */
.mg-price-slabs-inline {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
    max-width: 120px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.mg-slab-row {
    display: grid;
    grid-template-columns: max-content 1fr;
    column-gap: 8px;
    align-items: center;
    min-height: 20px;
    color: #0f2b50 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.3;
}

.mg-slab-row span:first-child {
    color: #009448 !important;
    text-align: left;
    white-space: nowrap;
}

.mg-slab-row span+span {
    padding-left: 8px;
    border-left: 1px solid #cbd8e3;
    text-align: right;
    color: #0f2b50 !important;
    white-space: nowrap;
}

.mg-price-slabs-toggle {
    display: inline-block;
    background: transparent;
    border: none;
    color: #009448;
    font-size: 11px;
    font-weight: 400;
    padding: 2px 0 0 0;
    text-align: left;
    cursor: pointer;
    outline: none;
    text-decoration: underline;
}

.mg-price-slabs-toggle:hover {
    color: #006b34;
}

/* Custom layout alignment & text transforms */
.price-drop .btn,
.price-drop_div label {
    text-transform: capitalize !important;
}

.buy_price {
    display: flex !important;
    flex-wrap: wrap !important;
}

.mg-min-mult {
    flex-basis: 100%;
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.3;
    margin-top: 4px;
}

@media (max-width: 420px) {
    .buy_price .mg-min-mult {
        display: none !important;
    }
}

table.prodtest_table th,
table.prodtest_table td,
table.prodtest_table tr,
table.prodtest_table tbody tr.odd,
table.prodtest_table tbody tr.even,
table.prodtest_table tbody tr.odd>.sorting_1,
table.prodtest_table tbody tr.even>.sorting_1 {
    background-color: white !important;
}

.mg-image-zoom-modal {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(15, 23, 42, 0.76);
}

.mg-image-zoom-modal.is-open {
    display: flex;
}

.mg-image-zoom-shell {
    position: relative;
    width: min(720px, 100%);
    height: min(600px, calc(100vh - 48px));
    display: block;
    overflow: hidden;
    border: 1px solid rgba(226, 232, 240, 0.8);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 28px 80px rgba(2, 6, 23, 0.35);
}

.mg-image-zoom-stage {
    min-height: 0;
    overflow: hidden;
    background: #f8fafc;
    cursor: zoom-in;
}

.mg-image-zoom-stage img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    transform: scale(1);
    transform-origin: center center;
    transition: transform 0.16s ease;
    will-change: transform;
}

.mg-image-zoom-stage.is-zooming img {
    transform: scale(2.2);
}

.mg-image-zoom-side {
    display: none;
}

.mg-image-zoom-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 16px 16px 14px;
    border-bottom: 1px solid #edf2f7;
}

.mg-image-zoom-title strong,
.mg-image-zoom-title span {
    display: block;
}

.mg-image-zoom-title strong {
    color: #17223a;
    font-size: 15px;
    font-weight: 800;
}

.mg-image-zoom-title span {
    color: #64748b;
    font-size: 12px;
    margin-top: 4px;
}

.mg-image-zoom-close {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 10;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border: 1px solid #dce5ef;
    border-radius: 50%;
    background: #fff;
    color: #17223a;
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
}

.mg-image-zoom-preview {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    background: #f8fafc;
}

.mg-image-zoom-preview img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center center;
}

@media (max-width: 760px) {
    .mg-image-zoom-modal {
        padding: 12px;
    }

    .mg-image-zoom-shell {
        height: min(560px, calc(100vh - 24px));
        grid-template-columns: 1fr;
    }

    .mg-image-zoom-side {
        order: -1;
        border-left: 0;
        border-bottom: 1px solid #dce5ef;
    }

    .mg-image-zoom-preview {
        display: none;
    }
}

.mg-image-zoom-title strong {
    font-size: 13px;
}

.mg-image-zoom-title span {
    font-size: 11px;
}