:root{
  --teal:#087f7d; --teal-dark:#006e6d; --mint:#edf8f5; --line:#9bcac5;
  --yellow:#ffc928; --ink:#155b5a; --cream:#fff3df; --content:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;background:var(--mint);color:#174b4a;font-family:Arial,"Noto Sans TC","Microsoft JhengHei",sans-serif;line-height:1.5}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
.container{width:min(var(--content),100%);margin-inline:auto}
.section{padding:38px 20px 30px;scroll-margin-top:0px}
.section-title{text-align:center;color:var(--ink);font-size:clamp(22px,2.5vw,32px);font-weight:800;line-height:1.3;margin:0 0 8px}
.section-subtitle{text-align:center;font-size:15px;margin:0 0 22px;color:#477a77}
.panel{background:#fff;border-radius:14px;padding:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:5px;background:var(--yellow);color:#332900;font-size:14px;font-weight:800;padding:10px 20px;min-height:38px;transition:background-color 0.2s ease,filter 0.2s ease,transform 0.2s ease;}
.btn:hover{filter:brightness(0.88);transform: scale(0.97);}
.btn:active{transform: scale(0.95);}
.btn-teal{background:var(--teal);color:#fff;transition:background-color 0.2s ease,filter 0.2s ease,transform 0.2s ease;}
.btn-outline{background:#fff;border:1px solid var(--line);color:var(--teal-dark)}
/* 區一：固定置頂導覽 */
.site-nav{position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 2px 8px #003c3a16}
.nav-inner{width:min(var(--content),100%);margin:auto;min-height:56px;display:flex;align-items:center;gap:18px;padding:8px 16px}
.logo-links{display:flex;align-items:center;gap:10px;flex:none}.logo-slot{width:100px;height:34px;display:flex;align-items:center;justify-content:center;color:#6d9995;font-size:10px;white-space:nowrap}.logo-slot img{max-width:100%;max-height:100%;object-fit:contain}.logo-slot a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.brand{font-weight:900;color:#b08c36;white-space:nowrap;font-size:15px}
.nav-links{display:flex;align-items:center;justify-content:flex-end;gap:20px;flex:1;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}
.nav-links a{font-size:15px;font-weight:700;padding:8px 0}
.nav-links a:hover{color:var(--teal)}
.nav-cta{flex:none;font-size:15px;padding:8px 12px;border-radius:18px;background:var(--teal);color:white;font-weight:bold;}
/* 區二：輪播 */
.hero{background:#4ba3a3;padding:18px 16px}
.hero-inner{width:min(var(--content),100%);margin:auto;position:relative}
.hero-track{overflow:hidden;border-radius:4px}
.hero-slides{display:flex;transition:transform .45s ease}
.hero-slide {
  flex: 0 0 100%;
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  padding: 10px 7% 40px;
  color: #fff;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.hero-slide:nth-child(2) {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.hero-copy {
  width: 100%;
  max-width: 720px;
  margin-left: 0;
  margin-right: auto;
}
.hero-kicker{font-size:18px;font-weight:600;letter-spacing:2px;color:#000;}
.hero h1{font-size:clamp(30px,5vw,55px);line-height:1.15;margin:8px 0;color:#0e7b7b;letter-spacing:-1px;font-weight:bold;}
.hero p{margin:0 0 5px;font-size:26px;font-weight:800;letter-spacing:2px;color:#ff7b13;}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;border:0;background:#ffffff2c;color:#fff;font-size:28px;width:42px;height:52px;border-radius:4px}
.hero-arrow.prev{left:10px}.hero-arrow.next{right:10px}
.dots{display:flex;justify-content:center;gap:8px;margin-top:12px}
.dots button{width:8px;height:8px;border:0;border-radius:50%;padding:0;background:#ffffff88}
.dots button[aria-current="true"]{background:#fff;width:22px;border-radius:6px}
/* 區三：商品卡 */
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.product-card{border:1px solid #d8e9e5;border-radius:22px;padding:22px 16px;display:flex;flex-direction:column;min-height:425px;position:relative;background:#fff}
.product-card h3{font-size:21px;color:#111;margin:8px 0;font-weight:bolder;}
.product-card p{font-size:15px;color:#66716f;margin:0 0 12px;line-height:1.7;}
.product-card .price{font-size:14px;margin-top:auto;margin-bottom:8px;color:#6d7775;}
.product-card .price strong{display:block;font-size:18px;color:#237b78}
.product-card .btn{width:100%;font-size:15px;padding:12px 8px;min-height:46px}
.product-card.featured{border:2px solid #e890a7;background:#fff8f9;box-shadow:0 5px 16px #b25d5d16}
.hot-tag{position:absolute;top:0px;right:6%;background:#c94868;color:#fff;font-size:12px;font-weight:800;padding:4px 15px;border-radius:0 0 7px 7px}
.claim-bar{margin:26px auto 0;max-width:995px;border:3px solid #237b78;border-radius:22px;background:#fff;padding:14px 36px;box-shadow:0 5px 0 #f6c43b;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:800}
.claim-bar .btn{min-width:235px;min-height:48px;font-size:18px}
.floating-claim{position:fixed;bottom:0;left:0;right:0;z-index:900;background:#fffdf5ed;border-top:1px solid #d9c45e;box-shadow:0 -3px 14px #164b4a12;padding:10px 16px;display:none}
.floating-claim .container{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;font-weight:800}
.floating-claim.visible{display:block}
/* 區四：案例示範 */
.case-intro{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.avatar{width:76px;height:76px;border-radius:50%;background:#f7e6d4;display:grid;place-items:center;font-size:34px;flex:none}
.case-intro h3{margin:0;color:var(--teal);font-size:22px;font-weight:bolder;}
.case-intro p{margin:4px 0 0;font-size:14px}
.steps-three{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.mini-step{border:1px solid var(--teal);border-radius:12px;padding:16px;min-height:130px}
.step-num{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:5px;background:var(--teal);color:#fff;font-weight:800}
.mini-step h4{margin:8px 0 4px;font-size:18px}.mini-step p{font-size:15px;color:#607875;margin:0;font-weight:bolder;}
.saving{margin:16px 0;background:var(--teal);color:#fff;border-radius:12px;text-align:center;padding:18px}
.saving small{display:block}.saving .amounts{font-size:clamp(25px,4vw,38px);font-weight:900}
.saving .amounts span{color:#ffd621;}
.case-bottom{border:1px solid #d9c14b;border-radius:10px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:15px}
/* 區五：會員抽獎 */
.member-banner{background:var(--teal);color:#fff;border-radius:14px;padding:28px;display:grid;grid-template-columns:1fr 1.5fr;gap:22px;align-items:center}
.member-banner h3{font-size:clamp(22px,3vw,45px);line-height:1.3;margin:0 0 16px;font-weight: bold;}
.member-options{display:grid;gap:12px}
.member-option{background:#fff1d9;color:var(--ink);border-radius:12px;padding:16px;border-bottom:4px solid #f6c43b}.member-option:nth-child(2){background:#edf8f5}
.member-option h4{margin:0 0 6px;font-size:21px;font-weight:bolder;}.member-option p{margin:0;font-size:14px}.member-option .btn{margin:10px auto 0;display:flex;max-width:220px;}
/* 區六：五步驟 */
.five-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.five-step{border:1px solid var(--teal);border-radius:10px;padding:14px 12px;min-height:120px;background:#fff}
.five-step h4{font-size:15px;margin:8px 0;font-weight:bold;}.five-step p{font-size:12px;margin:0;color:#5a7774}
.five-step .btn{padding:6px 8px;font-size:12px;min-height:30px}
.process-box{margin-top:18px;border-radius:12px;overflow:hidden;background:#fff;border:1px solid #e4e4e4}
.process-box h3{margin:0;background:#111;color:#fff;text-align:center;padding:12px;font-size:19px}
.process-placeholder{min-height:300px;background:#fff2df;margin:16px;border-radius:8px;display:grid;place-items:center;color:#b9a98e;border:1px dashed #e2cfb3}
/* 區七、八：左右專區 */
.insurance-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
.insurance-copy h3{font-size:clamp(28px,3.2vw,44px);line-height:1.12;margin:0 0 8px;color:var(--teal);font-weight:bolder;}
.insurance-copy p{margin:0 0 14px}
.offer-pills{display:grid;gap:8px;margin:12px 0}
.offer-pill{background:var(--teal);color:#fff;border-radius:16px;padding:12px 14px;font-weight:800;text-align:center;font-size:19px}.offer-pill strong{font-size:25px;color:#ffd33e}
.motor-features div{display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:8px;align-items:center;text-align:center;min-height:42px}
.motor-features .feature-icon{grid-row:1 / span 2;margin:0}
.motor-features b,.motor-features small{grid-column:2;text-align:center}
.motor-features b{font-size:13px}.motor-features small{font-size:12px}
.quick-cta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}.quick-cta small{font-size:12px;color:#596a68}
.image-placeholder{background:#dedede;min-height:260px;display:grid;place-items:center;color:#777;font-size:14px;border-radius:4px}
.notice{margin-top:14px;background:var(--cream);border-radius:9px;padding:14px 18px;font-size:14px;color:#655947}
.notice p{margin:3px 0}
/* 區九：FAQ */
.faq-list{max-width:900px;margin:auto;display:grid;gap:10px}
.faq-item{border:1px solid #8fc6c0;border-radius:12px;overflow:hidden;background:#f5fbf9}
.faq-question{width:100%;border:0;background:transparent;color:var(--teal-dark);font-weight:800;text-align:left;padding:16px 18px;display:flex;justify-content:space-between;gap:12px;align-items:center}
.faq-question .plus{font-size:20px;flex:none}
.faq-answer{padding:0 18px 16px;color:#536f6c;font-size:14px}
.faq-answer[hidden]{display:none}
footer{padding:30px 20px 100px;text-align:center;color:#7b9b97;font-size:12px}

.section-kicker{text-align:center;color:#ff7b13;font-weight:800;font-size:18px;margin:0 0 4px}
.product-tag{align-self:flex-start;display:inline-block;background:#e7e7e7;color:#656565;border-radius:22px;padding:7px 14px;font-size:13px;margin-bottom:2px}
.product-tag.pink{background:#f8d5df;color:#c94f70}
.coupon-value{display:flex;justify-content:space-between;gap:8px;background:#fff0dd;color:#e9933e;padding:12px 14px;border-radius:5px;margin:0 0 14px;font-size:14px}
.step-chip{display:block;width:fit-content;max-width:100%;background:#edf8f5;color:#237b78;font-weight:700;font-size:12px;padding:5px 10px;border-radius:5px;margin-top:6px}
.saving-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}.saving-columns small{font-size:16px;font-weight:800}.saving-columns .amounts{font-size:clamp(28px,3vw,42px);margin-top:4px}.saving-columns b{font-size:12px}
.code-pill{display:inline-block;background:#ffe6eb;color:#d92b3a;padding:2px 10px;border-radius:16px;margin:0 3px}
.red-code{color:#d92b3a;font-weight:900}
.motor-features{display:grid;gap:8px;margin-top:10px}.motor-features div{border:2px solid var(--line);border-radius:20px;padding:8px 12px;display:flex;align-items:center;gap:10px;color:var(--teal);font-size:13px}.motor-features small{color:#333}
@media(max-width:600px){.feature-list span{min-height:64px}.motor-features div{display:grid;grid-template-columns:24px minmax(0,1fr)}.motor-features b,.motor-features small{display:block}.section-kicker{font-size:15px}.claim-bar{padding:12px 14px}.claim-bar .btn{min-width:0;width:100%}.saving-columns{grid-template-columns:1fr 1fr}.saving-columns .amounts{font-size:26px}.motor-features div{display:block}.motor-features small{display:block}}

@media(max-width:900px){
 .nav-inner{gap:12px}.nav-links{justify-content:flex-start;gap:16px}.nav-cta{display:none}
 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .member-banner{grid-template-columns:1fr}
 .five-steps{grid-template-columns:repeat(5,minmax(135px,1fr));overflow-x:auto;padding-bottom:6px}
 .insurance-layout{gap:14px}.panel{padding:18px}
}
@media(max-width:600px){
 .section{padding:28px 14px 22px}
 .nav-inner{padding:8px 12px;gap:10px}.brand{font-size:13px}.logo-links{gap:5px}.logo-slot{width:50px;height:28px;font-size:8px}.nav-links{gap:14px}
.hero {
  padding: 12px 8px;
}
.hero-slide {
  min-height: 0;
  height: auto;
  aspect-ratio: 3 / 4;
  box-sizing: border-box;
  padding: 24px 20px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
    
.hero-slide:nth-child(1) {
  background-image: url('../images/hero/kv_01_M.jpg') !important;
}

.hero-slide:nth-child(2) {
  background-image: url('../images/hero/kv_02_M.jpg') !important;
}
    
.hero-slide:nth-child(3) {
  background-image: url('../images/hero/kv_03_M.jpg') !important;
}

.hero-copy {
  width: 100%;
  max-width: none;
  margin: 0;
}
    
.hero h1 {
  font-size: clamp(32px, 8vw, 48px);
  line-height: 1.2;
  letter-spacing: 0;
  margin: 8px 0;
}

.hero p {
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0;
  margin-bottom: 12px;
}

.hero-copy .btn {
  font-size: 14px;
  padding: 10px 18px;
}

/* M版輪播控制 */
.hero-arrow {
  width: 28px;
  height: 36px;
  font-size: 22px;
}

.dots {
  margin-top: 8px;
}
 .product-grid{grid-template-columns:1fr 1fr;gap:9px}
 .product-card{padding:16px 11px;min-height:360px;border-radius:16px}.product-card h3{font-size:16px}.product-card p{font-size:12px}.product-card .price strong{font-size:15px}.product-card .btn{font-size:12px}
 .claim-bar{align-items:stretch;flex-direction:column}.claim-bar .btn{width:100%}
 .case-intro{align-items:flex-start}.avatar{width:58px;height:58px;font-size:27px}
 .steps-three{grid-template-columns:1fr}.mini-step{min-height:auto}
 .case-bottom{align-items:stretch;flex-direction:column}
 .member-banner{padding:20px;grid-template-columns:1fr}.member-banner h3{font-size:25px}
 .five-steps{grid-template-columns:repeat(5,150px)}
 .process-placeholder{min-height:220px}
 .insurance-layout{grid-template-columns:1fr}.insurance-copy h3{font-size:30px}.offer-pill{font-size:16px}.offer-pill strong{font-size:21px}
 .insurance-layout.reverse-mobile .image-placeholder{order:2}
 .image-placeholder{min-height:210px}
 .floating-claim .container{font-size:12px}.floating-claim .btn{padding:8px 12px;min-height:34px}
}

/* 第六區：可展開兌換流程與注意事項 */
.process-toggle{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 20px;border:0;background:#fff;color:#414b58;font-size:21px;font-weight:800;cursor:pointer;box-shadow:0 2px 8px #0002}
.toggle-state{display:inline-flex;align-items:center;justify-content:center;gap:4px;background:#2c5d97;color:#fff;border-radius:20px;padding:4px 9px;height:24px;min-width:64px;box-sizing:border-box;font-size:11px;line-height:1;white-space:nowrap}
.toggle-arrow{display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1;width:10px;height:14px;transform:translateY(-1px)}
.process-toggle>span:first-child{line-height:1.25}
.process-content{padding:22px 24px 28px;background:#fff;border-top:1px solid #e7e7e7}
.process-content[hidden]{display:none}
.process-intro{font-size:19px;font-weight:800;text-align:center;color:#414b58;margin:0 0 22px}
.process-step{margin:0 0 18px;color:#414b58}
.process-step>span{display:inline-block;background:#2c5d97;color:#fff;border-radius:24px;padding:7px 28px;font-weight:900;letter-spacing:1px;min-width:145px;text-align:center}
.process-step p{margin:12px 0 0 24px;line-height:1.8}
.process-image-placeholder{height:auto;max-width:850px;padding:10px;margin:14px auto 0;background:#e7f5f2;border:1px dashed #a8d8d1;border-radius:12px;display:grid;place-items:center;color:#688d89}
.process-notices{margin-top:38px;padding-top:28px;border-top:2px dashed #e5e8eb;color:#414b58}
.process-notices h3{font-size:24px;color:#2c5d97;margin:0 0 14px;display:flex;align-items:center;gap:8px}
.notice-icon{display:inline-grid;place-items:center;width:36px;height:36px;background:#2c5d97;color:#fff;border-radius:50%;font-size:25px}
.process-notices ol{padding-left:26px;margin:0;line-height:1.6}
.process-notices li{padding-left:2px;margin:2px 0}
.notice-warning{color:#c34b55;font-weight:700}
.back-to-top{position:fixed;right:24px;bottom:80px;z-index:1500;width:48px;height:48px;border:0;border-radius:50%;background:#176f70;color:#fff;box-shadow:0 3px 12px #003c3a40;font-size:13px;font-weight:900;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top:hover{background:#105b5c}
@media(max-width:600px){.process-toggle{font-size:16px;padding:14px 10px}.process-content{padding:18px 12px}.process-intro{font-size:16px}.process-step p{margin-left:4px}.process-notices h3{font-size:21px}.process-notices ol{padding-left:22px;font-size:13px}.back-to-top{right:14px;bottom:80px;width:44px;height:44px}}


/* V5：FAQ 使用 + / &#8722;，保障細項採圖示在左、文字置中的橫向版型 */
.faq-question .plus{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  font-size:25px;
  line-height:1;
  font-weight:500;
  color:var(--teal);
}

/* 第六區兌換流程：標題列使用 + / &#8722;，不再顯示 OPEN 箭頭 */
.process-toggle{position:relative;justify-content:center;padding-right:58px}
.process-toggle .toggle-state{
  position:absolute;
  right:22px;
  top:50%;
  transform:translateY(-50%);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  padding:0;
  border-radius:0;
  background:transparent;
  color:#2c5d97;
  font-size:27px;
  line-height:1;
  font-weight:500;
}
.process-toggle .toggle-arrow{display:none}
@media(max-width:600px){
  .process-toggle{padding-right:48px}
  .process-toggle .toggle-state{right:14px}
}





/* 第八區機車險 icon 與第七區旅平險統一：藍綠圓底、白色符號、取消斜體 */
.motor-features .feature-icon{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  flex:0 0 28px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#137f7d!important;
  color:#fff!important;
  font-family:inherit!important;
  font-size:15px!important;
  font-weight:800!important;
  font-style:normal!important;
  line-height:1!important;
}
.motor-features i,
.motor-features em{
  font-style:normal!important;
}
@media(max-width:600px){
  .motor-features .feature-icon{
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    flex-basis:25px!important;
    font-size:14px!important;
  }
}


/* 第八區機車險圖示：強制與第七區一致的藍綠圓底＋白色單色符號 */
.motor-features i.feature-icon,
.motor-features .feature-icon{
  appearance:none!important;
  -webkit-appearance:none!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:28px!important;
  min-width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
  margin:0 2px 0 0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#137f7d!important;
  background-image:none!important;
  color:#fff!important;
  opacity:1!important;
  filter:none!important;
  box-shadow:none!important;
  font-family:Arial, sans-serif!important;
  font-size:16px!important;
  font-weight:700!important;
  font-style:normal!important;
  line-height:1!important;
  text-align:center!important;
  vertical-align:middle!important;
}
.motor-features i.feature-icon::before,
.motor-features i.feature-icon::after{
  content:none!important;
  display:none!important;
}
@media(max-width:600px){
  .motor-features i.feature-icon,
  .motor-features .feature-icon{
    width:25px!important;
    min-width:25px!important;
    height:25px!important;
    flex-basis:25px!important;
    font-size:14px!important;
  }
}

    

/* 第七區：旅平險四格保障項目，統一版型 */

/* 四格：兩欄排列 */
.feature-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  align-items: stretch !important;
}

/* 每一格：左圖示、右文字 */
.feature-list > .feature-card {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;

  width: 100% !important;
  min-width: 0 !important;
  min-height: 80px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 10px 12px !important;

  border: 2px solid var(--line) !important;
  border-radius: 20px !important;
  background: #fff !important;
  text-align: left !important;
}

/* 圓形圖示 */
.feature-list > .feature-card > .feature-icon {
  display: inline-flex !important;
  flex: 0 0 28px !important;
  align-items: center !important;
  justify-content: center !important;

  width: 28px !important;
  height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 50% !important;
  background: #137f7d !important;
  color: #fff !important;
  font-size: 16px !important;
  font-style: normal !important;
  line-height: 1 !important;
}

/* 右側標題與補充文字 */
.feature-list > .feature-card > .feature-copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 2px !important;

  flex: 0 1 auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  background: transparent !important;
  text-align: left !important;
  line-height: 1.35 !important;
}

/* 避免舊版 span 的高度、背景設定影響文字 */
.feature-list > .feature-card > .feature-copy > span,
.feature-list > .feature-card > .feature-copy > small {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  background: transparent !important;
  font-style: normal !important;
  line-height: 1.35 !important;
  text-align: left !important;
}

.feature-list > .feature-card > .feature-copy > span {
  color: var(--teal) !important;
  font-size: 15px !important;
  font-weight: bold !important;
  white-space: nowrap !important;
}

.feature-list > .feature-card > .feature-copy > small {
  color: #4c7773 !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}

/* 手機版 */
@media (max-width: 600px) {
  .feature-list {
    gap: 7px !important;
  }

  .feature-list > .feature-card {
    min-height: 70px !important;
    gap: 6px !important;
    padding: 8px 5px !important;
  }

  .feature-list > .feature-card > .feature-icon {
    flex-basis: 25px !important;
    width: 25px !important;
    height: 25px !important;
    font-size: 14px !important;
  }

  .feature-list > .feature-card > .feature-copy > span {
    font-size: 11px !important;
    white-space: normal !important;
  }

  .feature-list > .feature-card > .feature-copy > small {
    font-size: 9px !important;
    white-space: normal !important;
  }
}
