/* ============================================
   維修（併在「完整售後服務」#afterservice 裡）
   ============================================ */
.as-card{display:flex;flex-direction:column;}
.as-more{align-self:center;margin-top:14px;display:inline-flex;align-items:center;min-height:40px;font-size:13px;font-weight:500;color:var(--sky,#2C6AA8);}
.as-more::after{content:'↓';margin-left:6px;transition:transform .2s;}
.as-more:hover::after{transform:translateY(2px);}

.rp-block{margin-top:56px;padding-top:48px;border-top:1px solid var(--line,#ECE7D2);scroll-margin-top:-24px;}
.rp-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px 48px;align-items:end;margin-bottom:24px;}
.rp-head h3{font-family:'Noto Serif TC',serif;font-size:clamp(22px,2.4vw,28px);font-weight:700;line-height:1.4;color:var(--text);text-wrap:balance;}
.rp-head p{font-size:14.5px;line-height:1.9;color:var(--muted);}

.rp-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:24px;}
.rp-ph{position:relative;margin:0;aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:var(--line,#ECE7D2);}
.rp-ph img{width:100%;height:100%;object-fit:cover;}
.rp-ph figcaption{position:absolute;left:8px;bottom:8px;font-size:11px;line-height:1;padding:6px 9px;border-radius:50px;background:rgba(14,18,22,.58);color:#fff;letter-spacing:.03em;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);white-space:nowrap;}

.rp-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.rp-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line,#ECE7D2);border-radius:16px;padding:30px 28px 26px;}
.rp-card.main{background:linear-gradient(180deg,var(--sky-band,#E6EFF8),#fff 70%);border:2px solid var(--sky,#2C6AA8);box-shadow:0 18px 34px -24px rgba(44,106,168,.6);}
.rp-tag{align-self:flex-start;font-size:12px;line-height:1;padding:7px 12px;border-radius:50px;font-weight:600;letter-spacing:.06em;background:var(--hi,#F4F0B8);color:var(--on-hi,#4A4510);}
.rp-card.main .rp-tag{background:var(--sky,#2C6AA8);color:#fff;}
.rp-who{font-size:12.5px;color:var(--muted);margin-top:10px;}
.rp-card h4{font-family:'Noto Serif TC',serif;font-size:21px;font-weight:700;line-height:1.45;color:var(--text);margin:8px 0 10px;text-wrap:balance;}
.rp-card:not(.main) h4{font-size:18px;}
.rp-card p{font-size:14px;line-height:1.9;color:var(--text);}
.rp-acts{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:auto;padding-top:22px;}
.rp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 24px;border-radius:50px;font-size:14px;font-weight:500;background:var(--sky,#2C6AA8);color:#fff;transition:background .2s,transform .15s;}
.rp-btn:hover{background:var(--sky-hover,#23578C);transform:translateY(-1px);}
.rp-btn svg{width:18px;height:18px;}
.rp-card:not(.main) .rp-btn{background:#fff;color:var(--sky,#2C6AA8);box-shadow:inset 0 0 0 1.5px var(--sky,#2C6AA8);}
.rp-card:not(.main) .rp-btn:hover{background:var(--sky-band,#E6EFF8);}
.rp-lk{display:inline-flex;align-items:center;min-height:44px;font-size:13.5px;font-weight:500;color:var(--sky,#2C6AA8);}
.rp-lk::after{content:'→';margin-left:6px;transition:margin .2s;}
.rp-lk:hover::after{margin-left:10px;}
.rp-note{font-size:12.5px;line-height:1.8;color:var(--muted);margin:14px 2px 0;}

/* 三個理由：收合 */
.rp-why{margin-top:20px;background:#fff;border:1px solid var(--line,#ECE7D2);border-radius:14px;}
.rp-why summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:14px 22px;font-size:15px;font-weight:600;color:var(--text);}
.rp-why summary::-webkit-details-marker{display:none;}
.rp-why summary span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;color:var(--sky,#2C6AA8);white-space:nowrap;}
.rp-why summary span::after{content:'';width:8px;height:8px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .25s;}
.rp-why[open] summary span::after{transform:rotate(-135deg) translateY(-2px);}
.rp-why[open] summary span{font-size:0;gap:0;}
.rp-why[open] summary span::after{font-size:12.5px;}
.rp-why>p{font-size:13.5px;color:var(--muted);padding:0 22px;margin-bottom:6px;}
.rp-why ol{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;counter-reset:w;padding:6px 22px 22px;}
.rp-why li{counter-increment:w;display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid var(--line,#ECE7D2);}
.rp-why li::before{content:counter(w);width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font:italic 700 14px/1 'Playfair Display',serif;background:var(--hi,#F4F0B8);color:var(--on-hi,#4A4510);}
.rp-why li b{font-size:15px;font-weight:600;color:var(--text);letter-spacing:.04em;}
.rp-why li span{font-size:13.5px;line-height:1.85;color:var(--muted);}

.rp-end{display:flex;gap:12px;align-items:center;margin-top:14px;padding:14px 20px;border-radius:14px;background:var(--hi,#F4F0B8);color:var(--on-hi,#4A4510);font-size:14px;line-height:1.7;font-weight:500;}
.rp-end svg{flex:none;width:22px;height:22px;}
.rp-end a{text-decoration:underline;text-underline-offset:3px;}

@media(max-width:900px){
  .rp-head{grid-template-columns:1fr;}
  .rp-cards{grid-template-columns:1fr;gap:14px;}
  .rp-why ol{grid-template-columns:1fr;gap:0;}
  .rp-why li{display:grid;grid-template-columns:28px 1fr;gap:2px 14px;padding:14px 0;}
  .rp-why li::before{grid-row:span 2;}
}
@media(max-width:768px){
  .rp-block{margin-top:40px;padding-top:36px;}
  .rp-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;margin:0 -24px 18px;padding:2px 24px 4px;scroll-padding-inline:24px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;}
  .rp-strip::-webkit-scrollbar{display:none;}
  .rp-ph{flex:0 0 44%;scroll-snap-align:start;}
  .rp-card{padding:22px 20px 18px;}
  .rp-acts{flex-direction:column;align-items:stretch;gap:2px;}
  .rp-btn{min-height:50px;}
  .rp-lk{justify-content:center;}
  .rp-why summary{padding:14px 18px;}
  .rp-why>p{padding:0 18px;}
  .rp-why ol{padding:4px 18px 10px;}
}
.rp-end small{display:inline-block;font-size:12.5px;font-weight:400;opacity:.85;}

/* ===== 售後裡只留「其他冷氣」：單卡橫排 ===== */
.rp-cards.one{grid-template-columns:1fr;}
.rp-cards.one .rp-card{flex-direction:row;flex-wrap:wrap;align-items:flex-start;column-gap:28px;}
.rp-cards.one .rp-card .rp-tag{flex:none;}
.rp-cards.one .rp-card h4,.rp-cards.one .rp-card p{flex:1 1 100%;}
.rp-cards.one .rp-acts{flex:1 1 100%;}
.rp-inl{color:var(--sky,#2C6AA8);font-weight:600;border-bottom:1px solid currentColor;}

/* ===== Why Us：一條龍大卡（快速叫修＋維修照片） ===== */
.why-feature{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:0;background:#fff;border:2px solid var(--sky,#2C6AA8);border-radius:var(--r);overflow:hidden;margin-bottom:24px;box-shadow:0 22px 40px -28px rgba(44,106,168,.55);scroll-margin-top:8px;}
.wf-strip{display:grid;grid-template-columns:1.5fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:6px;padding:6px;min-height:360px;}
.wf-strip .rp-ph{aspect-ratio:auto;border-radius:12px;min-height:0;}
.wf-strip .rp-ph:first-child{grid-row:span 2;}
.wf-body{display:flex;flex-direction:column;justify-content:center;padding:36px 40px;}
.why-feature .why-num{font-size:40px;margin-bottom:6px;}
.wf-title{font-family:'Noto Serif TC',serif;font-size:clamp(22px,2.3vw,28px);font-weight:700;line-height:1.4;color:var(--ink,#1D2A36);margin-bottom:12px;text-wrap:balance;}
.wf-who{align-self:flex-start;font-size:12.5px;font-weight:600;letter-spacing:.04em;padding:7px 12px;border-radius:50px;background:var(--hi,#F4F0B8);color:var(--on-hi,#4A4510);margin-bottom:14px;}
.wf-body p{font-size:14.5px;line-height:1.9;color:var(--ink,#1D2A36);}
.wf-body .rp-acts{margin-top:0;padding-top:22px;}
.why-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
@media(max-width:1024px){
  .why-feature{grid-template-columns:1fr;}
  .wf-strip{min-height:0;height:min(56vw,420px);}
  .wf-body{padding:28px 28px 30px;}
}
@media(max-width:768px){
  .why-grid{grid-template-columns:1fr!important;}
  .wf-strip{display:flex;height:auto;overflow-x:auto;scroll-snap-type:x mandatory;gap:6px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-padding-inline:6px;}
  .wf-strip::-webkit-scrollbar{display:none;}
  .wf-strip .rp-ph{flex:0 0 82%;aspect-ratio:3/2;scroll-snap-align:start;}
  .wf-strip .rp-ph:first-child{grid-row:auto;}
  .wf-body{padding:22px 20px 22px;}
  .why-feature .why-num{font-size:32px;}
  .wf-body .rp-acts{flex-direction:column;align-items:stretch;gap:2px;}
}