/* 高雄租車營業據點 | SoberCMS zy001
   標題沿用站上 .indextitle；其餘為版塊專用（class 皆唯一，故不再重複 .rf-store 前綴）
   位置：FAQ 之後、頁尾之前；上方留白由 FAQ 的 padding-bottom 提供 */
.rf-store{
  --navy:#171c61; --blue:#00539f; --sky:#3f93bf;
  --line:#e4ecf4; --pale:#f4f9fd; --label:66px;
  clear:both;                 /* 清掉上層 .iservA 浮動 */
  padding:0 0 70px;
  color:#666; text-align:left;
  font-family:"Microsoft JhengHei",PMingLiU,sans-serif;
}
.rf-store .indextitle{color:#000;margin:0 0 22px;padding-left:10px}
.rf-store .indextitle span:before{border-bottom-color:#000}
.rf-store-lead{margin:0 0 34px 10px;font-size:17px;line-height:1.9;color:#888}

/* 頁籤 */
.rf-store-tabs{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;margin-bottom:-1px;position:relative;z-index:2}
.rf-store-tab{
  padding:12px 24px;font:inherit;font-size:16px;font-weight:bold;line-height:1.45;letter-spacing:.5px;
  color:#6b7684;background:#f7fafd;border:1px solid var(--line);border-bottom:0;cursor:pointer;
  transition:color .18s,border-color .18s;   /* 底色瞬切，避免深藍↔淺色出現灰紫中間色 */
}
.rf-store-tab:hover{color:var(--blue);background:#eef6fc}
.rf-store-tab.is-active{color:#fff;background:var(--navy);border-color:var(--navy);padding-bottom:13px}
.rf-store-tab.is-active:hover{color:#fff;background:#1d2478}
.rf-store-tab:focus{outline:none}
.rf-store-tab:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}
.rf-store-tab-no{display:inline-block;margin-right:8px;font-size:12px;letter-spacing:1px;color:var(--blue)}
.rf-store-tab.is-active .rf-store-tab-no{color:#a8c6ea}
.rf-store-panel{display:none;min-width:0}
.rf-store-panel.is-active{display:block}

/* 卡片：左資訊、右地圖 */
.rf-store-card{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:stretch;
  min-width:0;overflow:hidden;background:#fff;
  border:1px solid var(--line);border-top:3px solid var(--sky);
  box-shadow:0 6px 18px rgba(23,28,97,.10),0 2px 4px rgba(23,28,97,.06);
  transition:transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s,border-top-color .3s;
}
.rf-store-card.is-hub{border-top-color:var(--blue)}
.rf-store-card:hover{transform:translateY(-6px);box-shadow:0 22px 40px -14px rgba(23,28,97,.35),0 4px 10px rgba(23,28,97,.08)}
.rf-store-main{display:flex;flex-direction:column;min-width:0;padding:24px 28px 22px}
.rf-store-head{display:flex;align-items:flex-start;gap:14px;padding-bottom:14px;border-bottom:1px solid #eef3f9}
.rf-store-no{padding:3px 9px;font-size:12px;font-weight:bold;letter-spacing:1px;line-height:1.5;color:var(--blue);background:#f2f8fc;border:1px solid #d9e8f4}
.rf-store-name{margin:0 0 8px;font-size:21px;line-height:1.45;font-weight:bold;color:var(--navy);letter-spacing:.5px}
.rf-store-tag{margin:0;font-size:14px;line-height:1.6;color:var(--sky)}
.rf-store-info{flex:1;margin:20px 0 0;padding:0;list-style:none}
.rf-store-info li{display:flex;align-items:flex-start;gap:14px;padding:7px 0;font-size:16px;line-height:1.75;color:#4a5568}
.rf-store-info li+li{border-top:1px dotted #e8eef5}
.rf-store-k{flex:0 0 var(--label);margin-top:2px;padding:2px 0;font-size:13px;line-height:1.5;text-align:center;color:var(--blue);background:var(--pale);border:1px solid #dfeaf4}
.rf-store-v{flex:1;min-width:0;word-break:break-word}
.rf-store-v b,.rf-store-v strong{color:#2b3440}
.rf-store-v a{color:var(--blue);border-bottom:1px solid #cfe0ee;transition:color .2s,border-color .2s}
.rf-store-v a:hover{color:#0b3f74;border-bottom-color:#0b3f74}
.rf-store-v .rf-store-sub{display:block;font-size:14px;color:#8a949f}
.rf-store-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid #eef3f9}
.rf-store-btn{
  display:inline-block;padding:12px 22px;font:inherit;font-size:15px;font-weight:bold;line-height:1;
  letter-spacing:.5px;text-decoration:none;color:#fff;background:var(--navy);
  border:1px solid var(--navy);cursor:pointer;transition:background .22s,border-color .22s;
}
.rf-store-btn:hover{color:#fff;background:var(--blue);border-color:var(--blue)}
.rf-store-mapbox{position:relative;min-width:0;min-height:420px;background:var(--pale);border-left:1px solid var(--line)}
.rf-store-mapbox>iframe{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;border:0}
.rf-store-mapbox-label{
  position:absolute;top:14px;left:14px;z-index:2;padding:6px 12px;font-size:13px;line-height:1.4;
  letter-spacing:.5px;color:var(--navy);background:rgba(255,255,255,.95);border:1px solid #dfeaf4;
  box-shadow:0 2px 8px rgba(23,28,97,.12);pointer-events:none;   /* 不擋地圖操作 */
}

/* 底部提示列 */
.rf-store-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:22px;padding:20px 26px;background:var(--pale);border:1px solid #dfeaf4;border-left:3px solid var(--navy)}
.rf-store-cta p{margin:0;flex:1 1 320px;font-size:16px;line-height:1.75;color:#5f6a75}
.rf-store-cta p b{color:var(--navy)}
.rf-store-cta-links{display:flex;flex-wrap:wrap;align-items:center}
.rf-store-cta-links a{padding:0 16px;font-size:15px;color:var(--blue);border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.rf-store-cta-links a:first-child{padding-left:0}
.rf-store-cta-links a+a{border-left:1px solid #d8e3ee}
.rf-store-cta-links a:hover{color:#0b3f74;border-bottom-color:#0b3f74}

/* 進場：不預藏內容，沒 JS 或「減少動態」也照常顯示 */
@keyframes rf-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.rf-store .rf-in{animation:rf-up .6s cubic-bezier(.22,.61,.36,1) backwards}
@media (prefers-reduced-motion:reduce){.rf-store .rf-in{animation:none}}

/* 響應式 */
@media (max-width:991px){
  .rf-store-lead{font-size:16px}
  .rf-store-tab{font-size:15px;padding:11px 20px}
  .rf-store-card{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
  .rf-store-main{padding:22px 24px 20px}
  .rf-store-mapbox{min-height:400px}
}
@media (max-width:767px){
  .rf-store{--label:60px;padding:0 0 50px}
  .rf-store-lead{margin-bottom:24px;font-size:15px}
  .rf-store-tabs{gap:6px}
  .rf-store-tab{flex:1;padding:11px 8px;font-size:14px;letter-spacing:0;text-align:center}
  .rf-store-tab.is-active{padding-bottom:12px}
  .rf-store-tab-no{font-size:11px;margin-right:4px}
  .rf-store-card{grid-template-columns:minmax(0,1fr)}
  .rf-store-main{padding:22px 18px 20px}
  .rf-store-head{gap:10px}
  .rf-store-no{font-size:11px;padding:2px 7px}
  .rf-store-name{font-size:17px;margin-bottom:6px}
  .rf-store-tag{font-size:13px}
  .rf-store-info{margin-top:16px}
  .rf-store-info li{font-size:14.5px;gap:10px;padding:8px 0}
  .rf-store-k{font-size:12px}
  .rf-store-v .rf-store-sub{font-size:13px}
  .rf-store-btn{flex:1;padding:12px 14px;text-align:center;font-size:14px}
  .rf-store-mapbox{min-height:0;height:300px;border-left:0;border-top:1px solid var(--line)}
  .rf-store-mapbox-label{top:10px;left:10px;font-size:12px;padding:5px 10px}
  .rf-store-cta{padding:16px 18px}
  .rf-store-cta p{flex:1 1 100%;font-size:15px}
  .rf-store-cta-links a{font-size:14px;padding:0 12px}
}
@media (max-width:400px){
  .rf-store{--label:54px}
  .rf-store-name{font-size:16px}
  .rf-store-info li{font-size:14px}
  .rf-store-mapbox{height:260px}
}