/* ============================================================
   RS Project Info — 建案資訊卡片
   Version: 1.2.0
   ============================================================ */

/* ---- Reset & Container ---- */
.rs-pi-card {
    width: 100%;
    max-width: 1068px;
    margin: 0 auto;
    box-sizing: border-box;
}

.rs-pi-card *,
.rs-pi-card *::before,
.rs-pi-card *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* ---- Desktop: 三欄水平排列 ---- */
.rs-pi-inner {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}

/* ---- 區塊 1：圖片 ---- */
.rs-pi-image {
    flex-shrink: 0;
    width: 310px;
}

.rs-pi-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

/* ---- 區塊 2：標題區 ---- */
.rs-pi-heading {
    width: 280px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
    gap: 8px;
}

.rs-pi-title {
    color: #1A1A1A;
    font-size: 23px;
    font-family: "Noto Sans TC", sans-serif;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 2.3px;
    margin: 0;
}

.rs-pi-subtitle {
    color: #88888C;
    font-size: 18px;
    font-family: "Noto Sans TC", sans-serif;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 1.8px;
    margin: 0;
}

/* ---- 區塊 3：規格表 ---- */
.rs-pi-specs {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

/* 每一列：label + value 水平排列 */
.rs-pi-spec-row {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

/* 左標題 — 固定寬度，字均分 */
.rs-pi-spec-label {
    width: 80px;
    flex-shrink: 0;
    margin-right: 20px;
    color: #88888C;
    font-size: 14px;
    font-family: "Noto Sans TC", sans-serif;
    font-weight: 400;
    line-height: 22.4px;
    letter-spacing: 1.4px;
    /* 讓最多5個字平均分配寬度 */
    text-align: justify;
    text-align-last: justify;
}

/* 右內容 — 固定置左 */
.rs-pi-spec-value {
    flex: 1 1 0;
    color: #4D4D4D;
    font-size: 14px;
    font-family: "Noto Sans TC", sans-serif;
    font-weight: 400;
    line-height: 22.4px;
    letter-spacing: 1.4px;
    text-align: left;
}


/* ============================================================
   Responsive — 平板 & 手機：三區塊垂直排列
   ============================================================ */
@media screen and (max-width: 1080px) {

    .rs-pi-inner {
        flex-direction: column;
        gap: 20px;
    }

    /* 圖片滿寬 */
    .rs-pi-image {
        width: 100%;
    }

    /* 標題區 */
    .rs-pi-heading {
        width: 100%;
        align-items: center;
        text-align: center;
    }

    /* 規格表滿寬 */
    .rs-pi-specs {
        width: 100%;
    }
}