/* ============================================================================
 * rental-detail-cuckoo.css
 *
 * 쿠쿠 (CUCKOO) 상품 상세 — 운영 화면용 CSS 스코프.
 * cuckoo.co.kr productView .prd_section01 영역을 sanitize 후 사용:
 *   - 보존: <h3 class="tit_03">, 가격/사양 테이블, YouTube iframe + wrapper,
 *           spec/*.jpg 본문 이미지
 *   - 제거: .blind, .prd_tab, banner 이미지(main_mini/benefit_/cuckooconsumer/card),
 *           map/area, script, 리뷰/Q&A/사은품 섹션
 *
 * 사용:
 *   <link rel="stylesheet" href="/rental/assets/css/rental-detail-cuckoo.css">
 *   <div class="rental-detail-cuckoo"> ... 정리된 detail HTML ... </div>
 * ============================================================================ */

.rental-detail-cuckoo {
    max-width: 100%;
    margin: 0 auto;
    color: #1a1a1a;
    line-height: 1.6;
    font-size: 16px;
    word-break: keep-all;
}
.rental-detail-cuckoo * { box-sizing: border-box; }

/* ── 이미지 (spec 본문 시퀀스) ──────────────────────────── */
.rental-detail-cuckoo img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* ── YouTube 등 iframe (16:9 비율 유지) ─────────────────── */
/* sanitize 결과의 iframe wrapper:
 *   <div style="position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;">
 *     <iframe style="position:absolute;top:0;left:0;width:100%;height:100%;">
 * → 인라인 style이 그대로 동작 가능. 다만 max-width 캡 + 가운데 정렬 보강.
 */
.rental-detail-cuckoo iframe {
    max-width: 100%;
    border: 0;
    display: block;
}

/* ── 가격/사양 테이블 ───────────────────────────────────── */
.rental-detail-cuckoo .prd_tbl_info,
.rental-detail-cuckoo .tbl_wrap {
    margin: 16px auto;
    max-width: 900px;
}
.rental-detail-cuckoo .tit_03,
.rental-detail-cuckoo h3.tit_03 {
    font-size: 18px;
    font-weight: 700;
    margin: 16px 0 8px;
    padding-bottom: 6px;
    border-bottom: 2px solid #1a1a1a;
}
.rental-detail-cuckoo .tbl,
.rental-detail-cuckoo .tbl.type_border {
    margin: 8px 0;
    overflow-x: auto;
}
.rental-detail-cuckoo table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    background: #fff;
}
.rental-detail-cuckoo table caption { display: none; }
.rental-detail-cuckoo table th,
.rental-detail-cuckoo table td {
    padding: 10px 14px;
    border: 1px solid #e5e5e5;
    text-align: left;
    vertical-align: middle;
}
.rental-detail-cuckoo table th {
    background: #f5f5f5;
    font-weight: 600;
    width: 110px;
    color: #333;
}

/* ── 본문 p / br 정리 ───────────────────────────────────── */
.rental-detail-cuckoo p {
    margin: 0 0 8px;
}
.rental-detail-cuckoo br {
    line-height: 1.2;
}

/* ── 안전망 (혹시 sanitize 누락된 잔존 요소) ─────────────── */
.rental-detail-cuckoo .blind,
.rental-detail-cuckoo .hidden,
.rental-detail-cuckoo .sr-only,
.rental-detail-cuckoo .prd_tab { display: none !important; }