/* 1. 站台外層修正 */
body{ background-color:#fff; }
section.index-editor{ padding-top:0; padding-bottom:0; background-color:#fff; }
.index-editor .row{ padding-top:0; padding-bottom:0; }
.index-editor .html-info{ margin-bottom:0; }
.html-info{ margin-bottom:0; }

/* 空白頁模組 */
.blank-page section{ padding-top:0; padding-bottom:0; }

/* 聯絡我模組頁 */
.b_contact_detail section{ padding-top:0; padding-bottom:0; }
.b_contact_detail .row{ padding-top:0; padding-bottom:0; }
.b_contact_detail .page-title{ display:none; }
.b_contact_detail .html-info{ margin-bottom:clamp(48px,5vw,80px); }

.html-info a, .html-info a:active, .html-info a:focus,
.html-info a:hover, .html-info a:visited{ color:var(--link-color); }

/* 圖片 margin */
.html-info .container img{ margin:0; }

/* 2. 產品列表縮圖等高 */
.product-group .img-box{ height:200px; background:#fff; overflow:hidden; }
.product-group .img-box picture{ display:block; width:100%; height:100%; }
.product-group .img-box img{ width:100%; height:100%; object-fit:contain; }
@media (max-width:991px){ .product-group .img-box{ height:180px } }
@media (max-width:575px){ .product-group .img-box{ height:150px } }

/* 3. 按鈕漸層 */
:root{
  --dhs-btn-grad:       linear-gradient(90deg,#1C5791 0%,#2A78C2 100%);
  --dhs-btn-grad-hover: linear-gradient(90deg,#17497C 0%,#2268A8 100%);
}

/* 4. 桌機頁首 logo */
@media (min-width:992px){
  .content.nav-logo .navbar{ align-items:center; flex-wrap:nowrap; padding:16px 0; margin-bottom:0; }
  .content.nav-logo .navbar .navi-item:nth-child(2){ flex:0 0 auto; width:auto; max-width:none; }
  .content.nav-logo .navbar .navi-item:nth-child(2) > .container{ padding-right:0; }
  .content.nav-logo .navbar .navi-item.naviMain{ flex:1 1 auto; width:auto; min-width:0; }
  .content.nav-logo .navbar .naviMain > .container{ padding-left:24px; }
  .content.nav-logo .navbar .naviMain ul{ justify-content:flex-end; align-items:center; flex-wrap:nowrap; column-gap:clamp(22px,2.6vw,40px); }
  .content.nav-logo .navbar .navbar-brand{ max-width:none; margin-right:0; }
  .content.nav-logo .navbar .navbar-brand img{ height:56px; width:auto; max-width:none; }
}

/* 5. 首頁區塊滿版 */
section.index-editor > .html-info > .row{ margin-left:0; margin-right:0; }
section.index-editor > .html-info > .row > [class*="col-"]:has(> section.dhs-sec){ padding-left:0; padding-right:0; }
section.index-editor .dhs-sec{ padding-left:max(15px, calc(50% - 645px)); padding-right:max(15px, calc(50% - 645px)); }

/* 6. 區塊編輯器樣式表覆蓋 */
.html-info section p.dhs-lead{ font-size:var(--dhs-lead); }
.html-info .dhs-sec b, .html-info .dhs-sec strong{ font-weight:700; }

/* 7. 頁首電話按鈕 */
@media (min-width:992px){
  .navbar .naviMain li:has(> a[href^="tel:"]) > a{
    display:inline-flex; align-items:center; gap:8px; height:auto; line-height:22px; padding:9px 20px 9px 16px;
    border-radius:100px; background:linear-gradient(90deg,#1C5791 0%,#2A78C2 100%);
    color:#fff !important; white-space:nowrap; box-shadow:0 6px 16px rgba(40,115,188,.24);
    transition:background .25s ease;
  }
  .navbar .naviMain li:has(> a[href^="tel:"]) > a::before,
  .navbar .naviMain li:has(> a[href^="tel:"]) > a:hover::before{
    content:""; position:static; display:block; flex:none; width:16px; height:16px;
    opacity:1; visibility:visible; transform:none; transition:none;
    background:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27%23FFFFFF%27%20stroke-width=%272%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27M22%2016.9v3a2%202%200%2001-2.2%202%2019.8%2019.8%200%2001-8.6-3.1%2019.5%2019.5%200%2001-6-6A19.8%2019.8%200%20012.1%204.2%202%202%200%20014.1%202h3a2%202%200%20012%201.7c.1%201%20.4%202%20.7%202.9a2%202%200%2001-.5%202.1L8.1%209.9a16%2016%200%20006%206l1.2-1.2a2%202%200%20012.1-.5c.9.3%201.9.6%202.9.7a2%202%200%20011.7%202z%27/%3E%3C/svg%3E") center/16px 16px no-repeat;
  }
  .navbar .naviMain li:has(> a[href^="tel:"]) > a > span,
  .navbar .naviMain li:has(> a[href^="tel:"]) > a:hover > span{
    display:inline; transform:none; opacity:1; transition:none;
    color:#fff !important; font-weight:700; letter-spacing:.03em; font-variant-numeric:tabular-nums;
  }
  .navbar .naviMain li:has(> a[href^="tel:"]) > a:hover{ background:linear-gradient(90deg,#17497C 0%,#2268A8 100%); }
}
@media (max-width:991px){
  .mobile-nav li:has(> a[href^="tel:"]){ padding:18px 20px 8px; }
  .mobile-nav li:has(> a[href^="tel:"]) > a{
    display:flex; align-items:center; justify-content:center; gap:8px;
    padding:13px 20px; border:0; border-radius:100px;
    background:linear-gradient(90deg,#1C5791 0%,#2A78C2 100%);
    color:#fff !important; font-weight:700; letter-spacing:.03em; font-variant-numeric:tabular-nums;
    box-shadow:0 6px 16px rgba(40,115,188,.24);
  }
  .mobile-nav li:has(> a[href^="tel:"]) > a::before{
    content:""; flex:none; width:18px; height:18px; background:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27%23FFFFFF%27%20stroke-width=%272%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27M22%2016.9v3a2%202%200%2001-2.2%202%2019.8%2019.8%200%2001-8.6-3.1%2019.5%2019.5%200%2001-6-6A19.8%2019.8%200%20012.1%204.2%202%202%200%20014.1%202h3a2%202%200%20012%201.7c.1%201%20.4%202%20.7%202.9a2%202%200%2001-.5%202.1L8.1%209.9a16%2016%200%20006%206l1.2-1.2a2%202%200%20012.1-.5c.9.3%201.9.6%202.9.7a2%202%200%20011.7%202z%27/%3E%3C/svg%3E") center/18px 18px no-repeat;
  }
}

/* 8. 手機頁首 logo 旁電話 */
@media (max-width:991px){
  .mobile-menu.left-style{ display:flex; align-items:center; }
  .mobile-menu.left-style > .hamburger,
  .mobile-menu.left-style > .mobile-logo,
  .mobile-menu.left-style > .mobile-btn{ float:none; }
  .mobile-menu.left-style > .hamburger{ order:1; }
  .mobile-menu.left-style > .mobile-logo{ order:2; }
  .mobile-menu.left-style > .dhs-mTel{ order:3; }
  .mobile-menu.left-style > .mobile-btn{ order:4; }
}
.mobile-menu .dhs-mTel{
  float:none; margin:0 6px 0 auto; display:inline-flex; align-items:center; flex:none; gap:5px;
  height:32px; padding:0 10px 0 8px; border-radius:100px;
  background:linear-gradient(90deg,#1C5791 0%,#2A78C2 100%); color:#fff !important;
  font-size:12px; font-weight:700; line-height:1; letter-spacing:0; white-space:nowrap; text-decoration:none;
  font-variant-numeric:tabular-nums; word-break:keep-all; box-shadow:0 4px 12px rgba(40,115,188,.22);
}
.mobile-menu .dhs-mTel::before{ content:""; flex:none; width:14px; height:14px; background:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27%23FFFFFF%27%20stroke-width=%272.2%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27M22%2016.9v3a2%202%200%2001-2.2%202%2019.8%2019.8%200%2001-8.6-3.1%2019.5%2019.5%200%2001-6-6A19.8%2019.8%200%20012.1%204.2%202%202%200%20014.1%202h3a2%202%200%20012%201.7c.1%201%20.4%202%20.7%202.9a2%202%200%2001-.5%202.1L8.1%209.9a16%2016%200%20006%206l1.2-1.2a2%202%200%20012.1-.5c.9.3%201.9.6%202.9.7a2%202%200%20011.7%202z%27/%3E%3C/svg%3E") center/14px 14px no-repeat; }
@media (max-width:374px){
  .mobile-menu .dhs-mTel{ width:32px; padding:0; gap:0; justify-content:center; font-size:0; }
}
@media (max-width:320px){
  .mobile-menu .dhs-mTel{ display:none; }
}

/* 9. 電話按鈕字型 */
.navbar .naviMain li:has(> a[href^="tel:"]) > a,
.navbar .naviMain li:has(> a[href^="tel:"]) > a > span,
.mobile-nav li:has(> a[href^="tel:"]) > a,
.mobile-menu .dhs-mTel{
  font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei","Heiti TC",sans-serif;
}

/* 10. 產品內頁評論區滿版 */
.row > .mt-4:has(> .comment-area){ flex:0 0 100%; max-width:100%; width:100%; padding-left:15px; padding-right:15px; }
.row > .mt-4 > .comment-area{ width:100%; }

/* 11. 相鄰白底區段接縫 */
section.index-editor:has(section.dhs-sec:not(.dhs-tint):not(.dhs-hero))
  + section.index-editor section.dhs-sec:not(.dhs-tint):not(.dhs-hero),
.b_about_detail .html-info .row:has(> [class*="col-"] > section.dhs-sec:not(.dhs-tint):not(.dhs-hero))
  + .row > [class*="col-"] > section.dhs-sec:not(.dhs-tint):not(.dhs-hero){
  padding-top:calc(var(--dhs-pad) * .5);
}
section.index-editor:has(section.dhs-sec:not(.dhs-tint):not(.dhs-hero)):has(+ section.index-editor section.dhs-sec:not(.dhs-tint):not(.dhs-hero))
  section.dhs-sec:not(.dhs-tint):not(.dhs-hero):not(:has(.dhs-fadeWrap)),
.b_about_detail .html-info .row:has(> [class*="col-"] > section.dhs-sec:not(.dhs-tint):not(.dhs-hero)):has(+ .row > [class*="col-"] > section.dhs-sec:not(.dhs-tint):not(.dhs-hero))
  > [class*="col-"] > section.dhs-sec:not(.dhs-tint):not(.dhs-hero):not(:has(.dhs-fadeWrap)){
  padding-bottom:calc(var(--dhs-pad) * .5);
}

/* 12. 關於頁 row 內距 */
.b_about_detail main.html-info > .container > .row{ padding-top:0; padding-bottom:0; }

/* 13. 頁尾電話不斷行 */
footer ul li{ word-break:keep-all; overflow-wrap:normal; }

/* 14. 桌機選單詢價車 */
.navbar .naviMain li.dhs-navInquiry > a{ position:relative; }
.navbar .naviMain li.dhs-navInquiry > a > .count-badge--icon,
.navbar .naviMain li.dhs-navInquiry > a:hover > .count-badge--icon{
  position:absolute; top:2px; left:100%; margin-left:-8px; transform:none; opacity:1; transition:none;
}