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

.ci-015 .card-info .image.product-card img {
        width: 100%;
        height: auto;
        max-height: 270px;
        object-fit: cover;
        min-height: unset;
        border-radius: 3px 0px 0px 3px;
    }

.ci-015 .card-info .image {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        float: unset !important;
    }

@media(max-width:767px) {
        .ci-015 .container--content .image img {
            /*width: auto !important;
            max-height: 110px !important;*/
            vertical-align: middle;
            border-style: none;
            height: 110px;
            width: 110px;
        }

        .ci-015 .mb-20 {
            margin-bottom: 15px;
        }

        .ci-015 .card-info .image.product-card img {
            width: 117px;
            height: 117px;
            object-fit: cover;
            min-height: unset;
            border-radius: 3px 0px 0px 3px;
        }

        .ci-015 .card-info .content {
            padding: 8px !important;
            width: calc(100% - 110px) !important;
            float: left !important;
            height: auto !important;
        }

        .ci-015 .text-service .text-service-mb {
            font-size: 12px;
            font-family: Thongterm-Roman;
        }
    }

.ci-015 .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-015 .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-015 .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;
        }
    }