.phone-1{position:fixed;right:1%;top:40%;z-index:1000;}
.line-1{position:fixed;right:1%;top:52%;z-index:1000;}
.map{position:fixed;right:1%;top:64%;z-index:1000;}

/*手機版-側欄浮動按鈕-縮小*/
@media (max-width: 430px){ 
  .phone-1, .fb, .line-1, .ig, .map, .wechat, .shop-1, .x-twitter, .pixnet, .youtube-1, .tiktok , .thread , .messenger-link , .mail-1 { 
    transform: scale(0.8);
    right:0;
  }
}

/*根元素*/
:root{
--white:#ffffff; /* 背景(白) var(--white)*/
--black:#000000; /* 段落文字  var(--black)*/
--card:#f1f1f1; /* 卡片底(淺灰) var(--card)*/
--text:#2A2D32;  /* 主要文字(深石墨灰) var(--text)*/
--text2:#B48A3C; /* h3次要文字(古銅金) var(--text2)*/
--text3:#8C6925; /* h4次要文字(深古銅金) var(--text3)*/
--text4:#20bcd4; /* 次要文字(灰紫) var(--text4)*/
--shadow: 0 5px 10px rgba(0,0,0,.25); /* 陰影 var(--shadow)*/
--gradient: linear-gradient(120deg, #6f86d6 0%, #48c6ef 100%); /* 漸層 var(--gradient)*/
}

/*logo&頁籤選單文字區塊左右靠齊*/
.topnavbar {
    background-color: #fff;/*頁籤底圖顏色;background-color: rgba(255,255,255,0);透明Transparent*/
    position: relative;/*relative 頁籤&banner分開不重疊;頂置 fixed;*/
    line-height: 0;
    padding: 0;
}

.topnavbar .container {
  padding: 0;  /* 清除內距 */
  display: flex;
  align-items: flex-end;  /* center上下置中; flex-end靠下; */
  justify-content: space-around; /* 平均分配 */

  text-align: center;
}

.topnavbar .container #logo, 
.topnavbar .container #nav { 
  width: 100%; 
}

.topnavbar .container #nav { text-align: right; }/* 讓頁籤選單文字靠右 */
#logo { display: flex;}

/*按鈕-回首頁&搜尋*/
body[data-type="fullpage"] .navbar .container {
    margin: 0 3vw 0 auto;
}

body {
    background-color: #fff;/*背景底色*/
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans TC", sans-serif;
/* 優先套用各平台預設英文字型（蘋果 / Windows / 安卓 / 舊版系統），中文字依序遞補套用 Noto Sans TC（思源黑體），最後由系統無襯線體（sans-serif）墊底 */
}


/*動到表格手機不會破版*/
table {
  table-layout: fixed;
  word-wrap:break-word;
} 

hr {
  border-top: 1px solid #ddd;
  border-bottom: 0;
  margin: 2em 0;
}

/*編輯欄設定*/
#main-wrap .container {
  font-size: clamp(16px, 2vw, 18px);
  color:  var(--black);
}/*編輯欄文字*/

body[data-type="fullpage"]:not(#managehome) #wrap>*:not(:last-child) {
    margin-bottom: 0px;
}

body[data-type="fullpage"] #product-header.main {
      min-height: auto;/*產品-編輯框不設定高*/
}

.fcol p{  
  line-height: 2;
  text-wrap: pretty ;  /*適用內文,段落避開孤字*/
 }

h1, h2, h3, h4, h5, h6 { 
  text-wrap: balance ;  /*適用標題和短文案,視覺效果更平衡*/
} 

.fcol h2 { 
  color: var(--text);
  font-size: clamp(26px, 3vw, 36px);/*最小值 首選值 最大值 限制屬性值區間*/
}

.fcol h3 { 
  color: var(--text2);
  font-size: clamp(24px, 3vw, 30px);/*最小值 首選值 最大值 限制屬性值區間*/
}

.fcol h4 { 
  color: var(--text3);
  font-size: clamp(20px, 3vw, 24px);/*最小值 首選值 最大值 限制屬性值區間*/
}

/*nav*/
#nav ul li a {
    white-space: normal; /*自動換行*/
    font-size: 1.0rem;/*頁籤文字大小*/
    color: #000;/*頁籤文字顏色*/
    padding: 10px 20px;/*頁籤文字間隔;padding:2px 16px 2px 16px;*/
    line-height: 1.3;
    transition: .3s;
}

#nav ul li a:hover  {
    color: var(--text);/*頁籤滑過文字顏色*/
}
#nav ul li.current a {
    color: var(--text);/*頁籤按下後文字顏色*/
    font-weight: 500;
}

#nav .subnav {
    background-color: #fff;/*次頁籤底色*/
    max-width: 400px;/*次頁籤背景最大寬度*/
    width: max-content;/*最大內容*/
    text-align: left;
}

#nav .subnav .has-subnav span{
    max-width: 400px;/*次頁籤文字背景最大寬度*/
}

#nav li.has-subnav ul li.has-subnav>div a::after, #nav>ul>li.has-subnav>a::after {
    padding-left: 2px;/*下拉選單箭頭距離*/
}

/*產品頁*/
#side h3 {
  /*background-color: var(--card);*/
  background-image: var(--gradient);
  border-radius: 10px 10px 0 0;
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--white);
}
#side ul li a {
  font-size: 16px;
  color: #333;
  border-bottom: 1px dashed #ddd;
}
#side ul li a:hover {
  color: var(--text);
}

ul.product-list li a {
    color: var(--text);/*產品格文字顏色*/
    background-color: #eee;/*產品格底色*/
}
ul.product-list li a:hover {
    color: var(--text2);/*產品格滑過文字顏色*/
}
.productdetail .detail-spec h2 {
    color: #333;
    font-size: clamp(22px, 3vw, 26px);
}/*產品內頁標題文字*/

/*--------隱藏側欄+main產品頁100%---------*/
body[data-type="fullpage"].shopping .main-container.left-menu .fcol-side,
body[data-type="fullpage"].product .main-container.left-menu .fcol-side,
body[data-type="fullpage"].productdetail .main-container.left-menu .fcol-side {
   display:none;
}/*side側欄頁籤隱藏*/

body[data-type="fullpage"].shopping .main-container.left-menu .fcol-side+.fcol,
body[data-type="fullpage"].product .main-container.left-menu .fcol-side+.fcol,
body[data-type="fullpage"].productdetail .main-container.left-menu .fcol-side+.fcol {
    width: calc(1 * 1920px);
}/*main產品頁100%*/


/*分頁title文字*/
.h1title h1{
  color: var(--text);
  text-align: center;
}

a {
    color: var(--text2);/*連結顏色*/
    text-decoration: none;
}

.swiper-container {
  height: auto !important; /* 將容器預設的高拿掉 */
}
.swiper-wrapper, .swiper-slide {
  height: 0 !important;
}
.swiper-slide {
  width: 100% !important; /* 強制圖片寬度隨容器變更 */
}
/* 首頁 */
#bodyinhome .swiper-wrapper, #bodyinhome .swiper-slide {
  padding-bottom: calc(750 / 1920 * 100%); /* 首頁 banner 大小 */
}
/* 內頁 */
#bodyinpage .swiper-wrapper, #bodyinpage .swiper-slide {
  padding-bottom: calc(400 / 1920 * 100%); /* 內頁 banner 大小 */
}

#bodyinhome .fcol:nth-child(-n+6),
body.about-us .fcol:nth-child(-n+6) { padding: 0; } /*首頁-全編輯欄間距*/

#bodyinhome .fcol:nth-child(-n+6) .container {  width: 100%; padding: 0;  } /*首頁-全編輯欄容器拉寬*/

body.about-us .fcol:nth-child(-n+7) .container,
body.service .fcol:nth-child(-n+7) .container,
body.recyclable .fcol:nth-child(-n+7) .container {  width: 100%; padding: 0;  } /*內頁-全編輯欄容器拉寬*/

/*圖文連結特效*/
.snip1585 {
  background-color: rgb(41, 46, 57);
  color: #fff;
  display: block;
  font-size: 16px;
  margin: 0 auto ;
  overflow: hidden;
  position: relative;
  text-align: left;
  width: 100%;
}

.snip1585 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease;
}

.snip1585:after {
  background-image: -webkit-linear-gradient(top, #0000 60% ,#0009  80%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 1;
  opacity: 1;
}
@media only screen and (max-width: 768px){ 
  .snip1585:after { background-image: -webkit-linear-gradient(top, #0000 50% ,#0009  60%); }
} /* 在螢幕寬度 768px 以下顯現 */
.snip1585 img {
  vertical-align: top;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;  /*cover圖片剪裁不拉伸壓縮 ; contain不拉伸壓縮.等比縮放)*/
}

.snip1585 figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap:0.2em;
  line-height: 1.2;
  padding: clamp(1.5em, 3vw, 2em);
}

.snip1585 h3 {
  font-size: clamp(1.2rem, 3vw, 1.5rem);
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 0.5em;
}
.snip1585 h3::after {
    content: '';
    position: relative;
    display: block;
    bottom: -5px;
    left: 0;
    width: 50px;
    height: 2px;
    background-color: #f0ad4e;
}

.snip1585 p {
  font-weight: 400;
  font-size:clamp(14px,2vw,18px);
  color: #fff; 
  line-height: 1.2;
}

.snip1585 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
}

.snip1585:hover > img,
.snip1585.hover > img {
  opacity: 0.7;
}

.snip1585:hover img,
.snip1585.hover img {
  -webkit-transform: scale(1.1) ;
  transform: scale(1.1) ;
}

/*footer*/
#foot-nav {
    border-bottom: 1px solid var(--c-primary, #B48A3C);
    display: flex;
    justify-content: center;
}
	
/* ===================================================
   iYP 模組化自訂 CSS (全 custom- 前綴)
=================================================== */

/*區塊模組通用根元素*/
:root {
  --c-primary: #B48A3C;       /* 主品牌色：古銅金 */
  --c-primary-dark: #8C6925;  /* 深古銅金：用於強狀態 */
  --c-dark-bg: #2A2D32;       /* 深石墨灰：深色背景切換備用 */
  --c-card-bg: #FFFFFF;       /* 卡片背景白 */
  --c-text-title: #222222;    /* 主標題文字黑 */
  --c-text-body: #555555;     /* 內文文字灰 */
  
  --c-alert-red: #A93226;  /* 專人服務電話紅 */
  --c-line-green: #06C755;  /* 4. LINE 線上諮詢綠 */ 
}

/* 圖片防拉伸基礎類別 */
.custom-img {
  max-width: 100%;
  height: 100%;
  display: block;
}

/* 2. 通用 Section 與 Container 規範 */
.custom-section {
  padding: 60px 0;
  width: 100%;
}

.custom-container {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 20px;
}

.custom-bg-light { 
  width: auto;
  margin: 0 -16px;
  background-color: #f8f9fa; 
}
.custom-bg-dark {     
  width: auto;
  margin: 0 -16px;
  background-color: var(--c-dark-bg, #2A2D32);
}

/* 3. 統一區塊標頭 */
.custom-section-header {
  text-align: center;
  margin-bottom: 40px;
}

.custom-section-title {
  font-size: 28px;
  font-weight: 700;
  color: #222222;
  margin: 0 0 6px 0;
  letter-spacing: 1px;
  font-family: 'Noto Serif TC', serif;
}

.custom-section-subtitle {
  font-size: 14px;
  color: var(--c-primary, #B48A3C);
  letter-spacing: 2px;
  text-transform: uppercase;
  display: block;
}

.custom-section-line {
  width: 40px;
  height: 3px;
  background-color: var(--c-primary, #B48A3C);
  margin: 10px auto 0 auto;
  border-radius: 2px;
}

.custom-header-dark .custom-section-title { color: #ffffff; }

.custom-btn {
  display: inline-flex;
  align-items: center;
    gap: 5px;
    padding: 10px 15px;
  border-radius: 4px;
  font-weight: 700;
  text-decoration: none;
  font-size: 16px;
}

.custom-btn-line { background-color: var(--c-line-green, #06C755); color: #ffffff; }
.custom-btn-phone { background-color: var(--c-primary, #B48A3C); color: #ffffff; }
.custom-btn-primary { background-color: var(--c-primary, #B48A3C); color: #ffffff; }
.custom-btn-primary:hover  {
    background-color: var(--c-primary-dark, #B48A3C);
    color: #ffffff;
}

/* 5. 快速聯絡列 */
.custom-quick-bar {
  background-color: #ffffff;
  border-bottom: 1px solid #eee;
  padding: 2em 0;
}

.custom-quick-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2em;
}

.custom-quick-text { 
  font-weight: 700; 
  color: #444; 
  text-align: right;
}

.custom-quick-box {
  padding: 10px 20px;
  border-radius: 4px;
  color: #ffffff;
  text-decoration: none;
  font-weight: 700;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.custom-quick-red { background-color: var(--c-alert-red, #A93226); }
.custom-quick-green { background-color: var(--c-line-green, #06C755); }

/* 6. 資格認證區塊 */
.custom-qual-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.custom-qual-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
    border-top: 2px solid var(--c-primary, #B48A3C);
    border-radius: 0px;
  padding: 24px 20px;
  display: flex;
  align-items: center;
  gap: 16px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.custom-qual-icon-wrap {
  width: 52px;
  height: 52px;
  background-color: rgba(180, 138, 60, 0.08);
  border: 1px solid rgba(180, 138, 60, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: var(--c-primary, #B48A3C);
  flex-shrink: 0;
}

.custom-qual-body { display: flex; flex-direction: column; }
.custom-qual-label { font-size: 13px; color: #666666; margin-bottom: 4px; }
.custom-qual-val { font-size: 16px; color: #222222; word-break: break-all; }

/* 7. 回收項目 7 欄網格 */
.custom-items-grid {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(7, 1fr);
  gap: 12px;
}

.custom-item-card {
  background: #ffffff;
    /* border: 1px solid #eee; */
    border-radius: 0px;
  overflow: hidden;
  text-align: center;
}

.custom-item-img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.custom-item-name {
    padding: 10px 4px;
    font-size: clamp(15px, 2vw, 18px) !important;
    font-weight: 700;
    color: #333333 !important;
}

/* 8. 關於江太區塊 */
.custom-about-full-section {
  margin: 0 -16px;
  background-color: #f8f9fa;
  overflow: hidden;
}

.custom-about-full-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 480px;
}

.custom-about-left {
  position: relative;
  width: 100%;
  height: 100%;
}

.custom-about-bg-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.custom-about-right {
  padding: 60px 80px 60px 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.custom-about-desc {
  color: #555555;
  font-size: clamp(14px, 2vw, 16px);
  margin-bottom: 30px;
  max-width: 600px;
}

.custom-about-btn { align-self: flex-start; }

.custom-about-watermark {
  position: absolute;
  right: 10vw;
  bottom: 1.5em;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
}

.custom-about-watermark i { font-size: clamp(2rem,5vw,3rem); }

.custom-about-watermark span {
  font-size: clamp(14px,2vw,16px);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 1px;
}

/* 9. 服務流程區塊 (修復核心：預設僅顯示橫向箭頭) */
.custom-process-flow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.custom-process-item {
  flex: 1;
  text-align: center;
  padding: 10px;
}

.custom-process-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 12px;
}

.custom-process-num {
  font-size: 32px;
  font-weight: 400;
  font-style: italic;
  color: var(--c-primary, #B48A3C);
  font-family: Georgia, serif;
}

.custom-process-icon {
  font-size: 26px;
  color: #ffffff;
}

.custom-process-item-title {
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 8px 0;
}

.custom-process-item-desc {
  font-size: 14px;
  color: #a0a0a0;
  line-height: 1.5;
  margin: 0;
}

/* 箭頭包覆與預設切換法則 */
.custom-process-arrow-wrap {
  color: rgba(255, 255, 255, 0.4);
  font-size: 18px;
  padding: 0 5px;
}

/* 電腦版：強烈預設只顯示向右箭頭 (>)，隱藏向下箭頭 (v) */
.custom-arrow-desktop {
  display: inline-block !important;
}
.custom-arrow-mobile {
  display: none !important;
}

/* 10. 實績案例 */
.custom-cases-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.custom-case-card {
  border: 1px solid #eee;
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
}

.custom-case-img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.custom-case-body { padding: 18px; }
.custom-case-title { 
  font-size: clamp(20px, 3vw, 24px) !important;
  margin: 0 0 6px 0;
  color: var(--c-primary-dark, #8C6925) !important;
}
.custom-case-desc { font-size: 14px; color: #666; margin: 0; }

/* 11. 底部 CTA 區塊 */
.custom-cta-section {
  background: #f1f3f5;
  padding: 60px 0;
  text-align: center;
}

.custom-cta-desc { color: #666; margin-bottom: 25px; }

.custom-cta-contact {
    text-align: center;
    font-size: clamp(1.3em, 3vw, 1.5em);
    font-weight: 700;
    color: var(--c-primary-dark, #8C6925);
    display: flex;
    flex-direction: column;
    gap: 1em;
}

/* 12. Footer */
.custom-footer {
  color: #dddddd;
  padding: 40px 0;
  font-size: clamp(14px,2vw,16px);
}

.custom-footer-container {
	display: grid;
    align-items: center;
    grid-template-columns: repeat(3, 1fr);
    gap: 1em;
}

.custom-footer-brand h3 { color: #ffffff; margin: 0 0 6px 0; font-size: 20px; }
.custom-footer-info p { margin: 2px 0; }

/*====================
       內頁-公司簡介
=======================*/
/*服務地區*/
.custom-badge {
    display: inline-block;
    background-color: var(--c-primary);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 16px;
    border-radius: 20px;
    margin-bottom: 12px;
}
/* 3. 圖文兩欄佈局 (Flexbox) */
.custom-content-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  align-items: center;
  margin-bottom: 40px;
}

.custom-text-block {
  flex: 1 1 500px;
}

.custom-image-block {
  flex: 1 1 400px;
}

.custom-cred-note {
  font-size: 14px;
  color: #64748b;
  margin: 0;
  line-height: 1.6;
  border-top: 1px dashed #e2e8f0;
  border-bottom: 1px dashed #e2e8f0;
  padding: 15px 10px;
}

/*內頁-公司簡介-聯絡資訊*/
.custom-cta-box {
    background: var(--c-dark-bg);
    color: #ffffff;
    border-radius: 12px;
    padding: 40px 25px;
    text-align: center;
    box-shadow: 0 10px 25px rgba(30, 58, 138, 0.2);
}
.custom-cta-box h2 {
  font-size: 26px;
  margin: 0 0 12px 0;
  color: #ffffff;
}
.custom-cta-box p {
  font-size: 16px;
  color: #cbd5e1;
  margin: 0 0 25px 0;
}
.custom-contact-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin-bottom: 30px;
  font-size: 16px;
}
.custom-contact-line {
  background: rgba(255, 255, 255, 0.1);
  padding: 8px 18px;
  border-radius: 20px;
}

/* ===================================================
 內頁-服務項目 網格結構 (固定 2 欄)  /  內頁-回收項目 七大回收項目 網格結構 (固定 3 欄) 
=================================================== */
.custom-grid-2col {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
  margin-bottom: 20px;
}

.custom-grid-3col {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  margin-bottom: 20px;
}

.custom-grid-2col .custom-item-card {
  display: flex;
  flex-direction: column;  
}
.custom-grid-3col .custom-item-card {
  display: flex;
  flex-direction: row;
}
/* 2. 服務&回收項目卡片樣式 */
.custom-grid-2col .custom-item-card,
.custom-grid-3col .custom-item-card {
  background-color: var(--c-card-bg, #ffffff);
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  border: 1px solid #eef0f2;
  transition: transform 0.3s ease, box-shadow 0.3s ease; 
}

.custom-item-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
  border-color: var(--c-primary, #B48A3C);
}

.custom-card-img-wrap {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background-color: #f1f1f1;
}

.custom-item-card:hover .custom-card-img {
  transform: scale(1.05);
}

.custom-card-content {
  padding: 22px 20px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.custom-card-title {
  font-size: 20px !important;
  font-weight: 700;
  color: var(--c-text-title, #222222) !important;
  margin: 0 0 10px 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.custom-card-num {
  color: var(--c-primary, #B48A3C);
  font-family: 'Noto Serif TC', serif;
  font-weight: 700;
}

.custom-card-desc {
    font-size: clamp(14px, 3vw, 16px);
    color: var(--c-text-body, #555555);
    line-height: 1.6 !important;
    margin: 0 0 15px 0;
    flex-grow: 1;
      text-align: left;
}

.custom-card-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--c-primary, #B48A3C);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.2s ease, transform 0.2s ease;
}

.custom-card-link:hover {
  color: var(--c-primary-dark, #8C6925);
}

.custom-card-link i {
  font-size: 12px;
  transition: transform 0.2s ease;
}

.custom-card-link:hover i {
  transform: translateX(4px);
}

/* 3. 第 07 項廢塑膠：橫跨 3 欄且左圖右文特殊佈局 */
.custom-card-wide-span3 {
  grid-column: span 3;
  flex-direction: row;
}

.custom-card-wide-span3 .custom-card-img-wrap {
  width: 50%;
  min-height: 220px;
}

.custom-card-wide-span3 .custom-card-content {
  width: 50%;
  justify-content: center;
  padding: 25px 30px;
}

/* 4. 備註小字 */
.custom-notice-text {
  text-align: center;
  /*font-size: 14px;*/
  color: #888888;
  margin: 20px 0 50px 0;
}

/* 5. 「詢價前，請先確認」區塊 */
.custom-confirm-wrapper {
  margin-top: 40px;
  padding-top: 30px;
  border-top: 1px dashed #dddddd;
}

.custom-confirm-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 30px;
}

.custom-confirm-item {
  text-align: center;
  padding: 20px 15px;
}

.custom-confirm-icon-box {
  width: 60px;
  height: 60px;
  margin: 0 auto 15px auto;
  background-color: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 6px rgba(0,0,0,0.03);
}

.custom-confirm-icon-box i {
  font-size: 26px;
  color: var(--c-primary, #B48A3C);
}

.custom-confirm-title {
  font-family: Georgia, serif;
  font-size: 1.5rem !important;
  font-weight: 500;
  color: var(--c-text-title, #222222) !important;
  margin: 0 0 8px 0;
}

.custom-confirm-num {
  color: var(--c-primary, #B48A3C);
  margin-right: 4px;
}

.custom-confirm-desc {
  font-size: clamp(14px, 3vw, 18px);
  color: var(--c-text-body, #555555);
  line-height: 1.6 !important;
  margin: 0;
}

/* ===================================================
   13. RWD 響應式斷點控制
=================================================== */
@media (max-width: 992px) {
  .custom-items-grid { grid-template-columns: repeat(4, 1fr); }
  .custom-qual-grid { grid-template-columns: repeat(1, 1fr); }
  
  /* 關於我們在平板/手機改為上下疊加 */
  .custom-about-full-grid { grid-template-columns: 1fr; }
  .custom-about-right { padding: 40px 30px; }
  
  /* 服務流程在平板/手機改為垂直單欄 */
  .custom-process-flow {
    flex-direction: column;
    gap: 15px;
  }
  
  /* 手機版斷點切換：隱藏向右箭頭，顯示向下箭頭 */
  .custom-arrow-desktop {
    display: none !important;
  }
  .custom-arrow-mobile {
    display: inline-block !important;
  }
  
  .custom-cases-grid { grid-template-columns: repeat(1, 1fr); }
  
  /*回收項目*/
  .custom-grid-3col {  grid-template-columns: repeat(2, 1fr);  }
  .custom-card-wide-span3 {  grid-column: span 2; }
  
  .custom-confirm-grid {  gap: 20px; }
  
}

@media (max-width: 768px) {
  .custom-quick-container {  grid-template-columns: repeat(2, 1fr); gap: 1em;}
  .custom-quick-container > :first-child {  grid-column: span 2; }/* 第一個元素跨 2 欄，獨佔第一行 */
  .custom-quick-text { text-align: left; }
  
  /*服務&回收項目*/
  .custom-grid-2col, .custom-grid-3col { grid-template-columns: 1fr; }
  .custom-grid-3col .custom-item-card {  flex-direction: column;  }
  
  .custom-card-wide-span3 {  grid-column: span 1;  flex-direction: column;  }
  .custom-card-wide-span3 .custom-card-img-wrap,
  .custom-card-wide-span3 .custom-card-content {   width: 100%;  }
  .custom-card-wide-span3 .custom-card-img-wrap { height: 200px;  }
  
  .custom-confirm-grid {  grid-template-columns: 1fr;  gap: 25px; }
}

@media (max-width: 576px) {
  .custom-quick-container {  grid-template-columns: 1fr; gap: 1em;}
  .custom-quick-container > :first-child {  grid-column: auto; }/* 取消跨欄，恢復正常排列 */
  
  .custom-items-grid { grid-template-columns: repeat(2, 1fr); }
  .custom-footer-container { flex-direction: column; text-align: center; grid-template-columns: 1fr;}
}