/* ===== split/CI-017.css — แยกจาก page_product_detail.css เมื่อ 2026-09-11 =============
   .ci-017 ที่เคยอยู่ใน page_product_detail.css ย้ายมาไว้ที่นี้แบบ verbatim (ไม่แก้ค่าใดๆ)
   ต้องโหลดไฟล์นี้คู่กับ page_product_detail.css เสมอ
   รายละเอียด/หลักฐาน: ดู vendor/page-product-detail-split-report.txt
   ===== */

.ci-017 h2 {
        margin: 0 0 16px 0 !important;
    }

.ci-017 .container--content .card-info {
        display: inline-block;
        border-radius: 3px;
        box-shadow: 1px 2px 20px 0 rgba(35,19,18,0.05);
        background-color: #FFFFFF;
        width: auto !important;
        margin-bottom: 30px;
    }

@media(max-width:767px) {
        .ci-017 .container--content .image img {
            width: 110px !important;
            max-height: 110px !important;
        }

        .ci-017 .image .img-365, .img-365 {
            width: 110px;
            height: 110px;
            object-fit: cover;
        }

        .ci-017 .container--content .card-info {
            display: inline-block;
            border-radius: 3px;
            box-shadow: 1px 2px 20px 0 rgba(35,19,18,0.05);
            background-color: #FFFFFF;
            width: 100%;
            margin-bottom: 30px;
        }

        .ci-017 .card-block {
            padding: 0 !important;
        }

        .ci-017 .mb-30 {
            margin-left: 30px;
            margin-bottom: 30px;
        }
    }

.ci-017 .txt-interest-rate {
    font-size: 12px;
    line-height: 29px;
    background-color: #5a5a5a;
    color: #fff;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
}

@media (max-width: 767px) {
    .ci-017 .txt-interest-rate {
        font-size: 6px;
        line-height: 20px;
        background-color: #5a5a5a;
        color: #fff;
        padding-left: unset;
        padding-right: unset;
        width: 110px;
        position: absolute;
        bottom: 2px;
        height: 20px;
        text-align: center;
        margin-bottom: 16px;
        border-bottom-left-radius: 3px;
        margin-bottom: unset;
        bottom: 0;
    }

    /*.ci-017 .card-info {
        display: flex;
        border-radius: 3px;
        box-shadow: 1px 2px 20px 0 rgba(35,19,18,0.05);
        background-color: #FFFFFF;
        width: 100%;
        margin-bottom: 30px;
    }*/
}