.product_details h1, 
.product_details h2, 
.product_details h3,
.product_details h4, 
.product_details h5, 
.product_details h6 {
    font-weight: 700;
    line-height: 1.5;
    color: #222;
    
    margin-top: 2.5rem !important; 
    
    margin-bottom: 0.5rem !important; 
    
    display: block;
}

.product_details h1:first-child,
.product_details h2:first-child,
.product_details h3:first-child {
    margin-top: 0 !important;
}

/* =========================
   Product Details
========================= */

.product_details {
    width: 100%;
    max-width: 100%;
}


/* =========================
   Table Wrapper
========================= */

/* خیلی مهم:
   چون figure کلاس "table" دارد،
   Tailwind ممکن است display: table اعمال کند.
*/
.product_details figure.table {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    -webkit-overflow-scrolling: touch !important;

    margin: 1.5rem 0 !important;
}


/* =========================
   Table
========================= */

.product_details figure.table > table {
    display: table !important;

    width: max-content !important;
    min-width: 650px !important;
    max-width: none !important;

    margin: 0 !important;

    border-collapse: collapse !important;

    border-radius: 12px !important;

    border: 1px solid #f3f4f6 !important;

    direction: rtl !important;

    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1) !important;
}


/* =========================
   Header
========================= */

.product_details figure.table thead tr {
    background-color: #1e293b !important;
    color: #ffffff !important;
}

.product_details figure.table th {
    padding: 12px 20px !important;

    text-align: right !important;

    font-weight: bold !important;

    font-size: 14px !important;

    white-space: nowrap !important;
}


/* =========================
   Body
========================= */

.product_details figure.table td {
    padding: 12px 20px !important;

    font-size: 14px !important;

    color: #4b5563 !important;

    border-bottom: 1px solid #f1f5f9 !important;

    white-space: nowrap !important;
}


/* ستون اول */

.product_details figure.table td:first-child {
    background-color: #f8fafc !important;

    font-weight: bold !important;

    color: #0f172a !important;
}


/* ردیف‌های زوج */

.product_details figure.table tbody tr:nth-child(even) {
    background-color: #f9fafb !important;
}


/* Hover */

.product_details figure.table tbody tr:hover {
    background-color: #eff6ff !important;
}


/* آخرین ردیف */

.product_details figure.table tr:last-child td {
    border-bottom: none !important;
}


/* =========================
   Mobile
========================= */

@media (max-width: 768px) {

    .product_details {
        width: 100% !important;
        max-width: 100% !important;

        /* مهم: خود product_details اسکرول نداشته باشد */
        overflow-x: visible !important;
    }

    .product_details figure.table {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        -webkit-overflow-scrolling: touch !important;

        margin: 1.5rem 0 !important;
    }

    .product_details figure.table > table {
        display: table !important;

        width: max-content !important;

        min-width: 700px !important;

        max-width: none !important;
    }
}


/* =========================
   Links
========================= */

.product_details a,
.article a {
    color: #007bff !important;
    text-decoration: underline !important;
}