/* 클론 전용 추가 상품(ja-rental 상품 16종) 상세 화면 — 제이에이솔루션 방 msg 1263 · 2026-10-08
   원본: ja-rental.co.kr 상세의 모델 사양 위젯(jp-wrap) · 렌탈요금표(model-rate) · 공식 카탈로그(report-catalog) 스타일 그대로. */

      .jp-wrap {
         font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans KR', sans-serif;
         max-width: 1100px;
         margin: 0 auto;
         background: #fff;
         padding: 24px;
         display: grid;
         grid-template-columns: minmax(300px, 420px) 1fr;
         gap: 24px;
      }
      .jp-wrap * { box-sizing: border-box; }

      .jp-left { display: flex; flex-direction: column; }
      .jp-image-box {
         width: 100%;
         background: #f7f8fa;
         border: 1px solid #eef0f3;
         border-radius: 12px;
         display: flex;
         align-items: center;
         justify-content: center;
         padding: 12px;
      }
      .jp-image-box img { width: 100%; height: auto; display: block; }

      .jp-right { min-width: 0; }
      .jp-model-code { grid-column: 1 / -1; font-size: 20px; font-weight: 700; color: #134393; margin: 0 0 12px; }
      .jp-stats-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 10px; margin-bottom: 22px; }
      .jp-stat-card { background: #f4f7fc; border: 1px solid #e8edf7; border-radius: 10px; padding: 12px 14px; }
      .jp-stat-icon { color: #134393; margin-bottom: 6px; }
      .jp-stat-icon svg { width: 20px; height: 20px; }
      .jp-stat-value { font-size: 20px; font-weight: 800; color: #0a1128; line-height: 1; }
      .jp-stat-label { font-size: 11px; color: #6b7280; margin-top: 6px; }

      .jp-section-title { font-size: 12px; font-weight: 700; color: #134393; margin: 0 0 12px; }
      .jp-feature-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px 12px; }
      .jp-feature-item { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px; }
      .jp-feature-icon {
         width: 60px; height: 60px; border-radius: 14px;
         background: #f4f7fc; border: 1px solid #e8edf7;
         display: flex; align-items: center; justify-content: center;
         color: #134393;
      }
      .jp-feature-icon svg { width: 30px; height: 30px; }
      .jp-feature-name { font-size: 12px; color: #6b7280; line-height: 1.3; white-space: pre-line; }

      @media (max-width: 720px) {
         .jp-wrap { grid-template-columns: 1fr; }
         .jp-image-box { max-width: 360px; margin: 0 auto; }
      }
      @media (max-width: 480px) {
         .jp-feature-grid { grid-template-columns: repeat(3, 1fr); }
      }
      
.model-rate{max-width:1100px;width:100%;margin:45px auto;color:#555;text-align:left;overflow-x:auto;box-sizing:border-box;container-type:inline-size}.model-rate *{box-sizing:border-box}.rate-sheet{width:100%;padding:0 0 1px}.rate-title{display:flex;align-items:center;gap:38px;margin:0 0 28px}.model-rate .rate-title h2{font-size:38px;line-height:1.3;white-space:nowrap;margin:0;color:#333;font-weight:700;letter-spacing:-2px}.rate-title p{font-size:20px;line-height:1.6;margin:0;color:#333;letter-spacing:-1px}.model-rate i{display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-weight:700;background:#fff;color:#444;width:27px;height:27px;border-radius:50%;font-size:20px;letter-spacing:-1px;vertical-align:middle;margin-right:5px}.rate-title i{background:#444;color:#fff;width:27px;height:27px}.model-rate header{background:#333;color:#fff;border-radius:13px 13px 0 0;min-height:60px;padding:14px 26px;font-size:25px;display:flex;justify-content:space-between;align-items:center;line-height:1.3}.model-rate header small{font-size:12px;font-weight:400;color:#eee}.model-care,.model-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #e9e9e9;border-top:0;border-radius:0 0 13px 13px;overflow:hidden}.model-plans{grid-template-columns:repeat(3,minmax(0,1fr))}.model-rate article{padding:0;border-right:1px solid #eee;min-width:0}.model-rate article:last-child{border-right:0}.rate-card-top{padding:26px 38px 21px;border-bottom:1px solid #eee;min-height:120px}.model-rate h3{font-size:23px;line-height:1.5;font-weight:500;margin:0;white-space:nowrap;letter-spacing:-1px}.model-rate h3 span{font-size:16px;display:inline;font-weight:400;color:#333;letter-spacing:-.7px;margin-left:5px}.model-rate strong{font-size:32px;line-height:1.3;letter-spacing:-1px;font-weight:700;color:#0061ff}.model-rate strong small{font-size:14px;color:#555;font-weight:400;letter-spacing:-.5px;margin-left:4px}.care-0 h3,.care-0 strong{color:#009aff}.care-1 h3,.care-1 strong,.care-1 dd{color:#9261ff}.care-2 h3,.care-2 strong,.care-2 dd{color:#00c795}.care-3 h3,.care-3 strong,.care-3 dd{color:#ff4a70}.model-rate dl{display:grid;grid-template-columns:105px minmax(0,1fr);margin:0;padding:31px 38px 32px;gap:5px 6px;font-size:14px;line-height:1.45;letter-spacing:-.7px;min-height:240px}.model-rate dt,.model-rate dd{margin:0;padding:0}.model-rate .model-plans dl{grid-template-columns:88px minmax(0,1fr);min-height:180px;gap:9px 8px;line-height:1.7;padding-top:26px;padding-bottom:26px}.model-rate .model-plans h3 span{font-size:20px;margin-left:13px}.rate-blue{color:#0061ff}.rate-note{background:#f8f8f8;padding:14px 22px;border-radius:13px;font-size:12px;line-height:1.85;margin:19px 0 29px;color:#888;letter-spacing:-.35px}.model-rate .model-care dd:empty{min-height:20px}@container(max-width:1000px){.rate-title{gap:20px}.rate-title p{font-size:17px}.model-rate .rate-title h2{font-size:33px}.rate-card-top{padding-left:24px;padding-right:20px}.model-rate dl{padding-left:24px;padding-right:20px;grid-template-columns:95px minmax(0,1fr)}.model-rate h3{font-size:21px}.model-rate h3 span{font-size:14px}.model-rate .model-plans h3 span{font-size:17px}}@media(max-width:767px){.model-rate{margin:25px 0;max-width:100%;-webkit-overflow-scrolling:touch}.rate-sheet{min-width:980px}.rate-title{gap:28px}.model-rate .rate-title h2{font-size:36px}.rate-title p{font-size:19px}.model-rate header{font-size:24px}.rate-card-top{padding-left:28px}.model-rate dl{padding-left:28px}.model-rate h3{font-size:22px}.model-rate h3 span{font-size:15px}}
#model-rate{max-width:1200px;width:100%;margin:0 auto;overflow:visible;container-type:inline-size;position:relative}
#model-rate .rate-accessible{position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;pointer-events:none}
#model-rate .rate-original{position:relative;width:100%;margin:0;padding:0;line-height:0;isolation:isolate}
#model-rate .rate-original>img{display:block!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important}
#model-rate .rate-overlay{position:absolute;box-sizing:border-box;background:#fff;display:flex;align-items:center;white-space:nowrap;text-align:left;margin:0;padding:0;line-height:1.2;letter-spacing:-.08cqw;font-family:'Pretendard Variable','Malgun Gothic',sans-serif;color:#555}
#model-rate .rate-price{font-size:2.6667cqw;font-weight:700;color:#0061ff}
#model-rate .rate-price span{font-size:1.25cqw;font-weight:400;color:#444;letter-spacing:-.06cqw}
#model-rate .rate-small{font-size:1.1667cqw;font-weight:400;letter-spacing:-.055cqw}
#model-rate .rate-extra{color:#0061ff}
#model-rate .rate-plan-pages{font-size:1.6667cqw;font-weight:500;color:#333}

#model-rate .rate-care-0{color:#009aff}#model-rate .rate-care-1{color:#9261ff}#model-rate .rate-care-2{color:#00c795}#model-rate .rate-care-3{color:#ff4a70}
#model-rate .rate-service{display:grid;grid-template-rows:repeat(7,1fr);align-items:center;font-size:1.1667cqw;letter-spacing:-.04cqw}
#model-rate .rate-bottom-note{background:#f8f8f8;color:#888;font-size:1.1cqw}

.report-catalog{max-width:1100px;margin:60px auto 30px;text-align:left;scroll-margin-top:150px}.report-catalog h2{font-size:26px;color:#0056a6;margin-bottom:16px}.report-catalog>p{font-size:14px;line-height:1.8;margin:12px 0}.report-catalog figure{margin:24px 0}.report-catalog figure img{width:100%;height:auto;cursor:zoom-in}.report-catalog figcaption{text-align:center;color:#777;font-size:12px;padding:10px}.report-example-note{max-width:1050px;margin:14px auto;padding:12px 16px;font-size:13px;line-height:1.7;background:#f7f7f9;color:#555;box-sizing:border-box}.report-status{max-width:1400px;margin:24px auto 12px;padding:12px 16px;border:1px solid #e4e8ef;font-size:13px;line-height:1.6;color:#555;box-sizing:border-box}#report-catalog-dialog{padding:12px;max-width:96vw;max-height:94vh;border:0;border-radius:8px;overflow:auto}#report-catalog-dialog::backdrop{background:#000a}#report-catalog-dialog button{position:sticky;left:0;top:0;padding:10px 18px;background:#0056a6;color:white;border-radius:5px;font-size:15px}#report-catalog-dialog img{display:block;width:2000px;max-width:none;height:auto}#prdDetail.report-detail-visible{display:block}@media(max-width:767px){.report-catalog{margin:30px 0}.report-catalog h2{font-size:21px}.report-catalog .btnNormal{display:inline-block;margin:4px 0}.report-status{margin:12px 16px}.report-example-note{font-size:12px}.report-catalog>p{font-size:13px}}
/* 클론 화면 보정 — 원본은 상세 이미지를 모두 가운데 둔다(#prdDetail.restore-detail-centered img). 클론 상세는 이미지마다 인라인 margin:0 auto 라 새 칸만 같게 맞춘다. */
#prdDetail .report-catalog figure{margin-left:0;margin-right:0}
#prdDetail .report-catalog figure img,#prdDetail .model-rate img{display:block;float:none;margin-left:auto;margin-right:auto;max-width:100%;height:auto;vertical-align:top}
@media(max-width:767px){#prdDetail .report-catalog h2,#prdDetail .report-catalog>p{padding-left:16px;padding-right:16px}}