/* --- 變數定義 --- */
 :root {
     --primary-orange: #ff8d31;
     --text-dark: #333;
     --deep-orange: #ff6826;
 }

 body {
     font-family: 'Arial', sans-serif;
     overflow-x: hidden;
     background-color: #e0e0e0;
     margin: 0;
     padding: 0;
 }

 .site-wrapper {
     max-width: 1920px;
     margin: 0 auto;
     background-color: #fff;
     position: relative;
     width: 100%;
     box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
     overflow-x: hidden;
 }

 /* --- 頂部 Header --- */
 .top-header {
     padding: 40px 60px 26px;
     background: #fff;
 }

 .top-header .logo,
 .top-header .main-nav {
     padding-left: 0;
     padding-right: 0;
 }

 .is-sticky .top-header {
     padding: 10px 60px 26px;
 }

 .logo a {
     text-decoration: none;
     display: block;
 }

 .logo img {
     max-height: 101px;
 }

 .top-nav {
     font-size: 27px;
 }

 .top-nav a {
     color: #000;
     text-decoration: none;
     margin: 0 10px;
     font-weight: 500;
 }

 .top-nav a:hover {
     color: var(--primary-orange);
 }

 .top-nav a:last-of-type {
     margin-right: 0;
 }

 .top-nav .separator {
     display: inline-block;
     width: 1px;
     height: 0.9em;
     background-color: #000;
     margin: 0 10px;
     vertical-align: middle;
 }

 .top-actions {
     display: flex;
     align-items: center;
     gap: 15px;
     margin-top: 10px;
     margin-bottom: -30px;
 }

 .search-trigger {
     cursor: pointer;
     color: #8f8e8e;
     font-size: 16px;
 }

 .cart-icon {
     position: relative;
     color: #8f8e8e;
     font-size: 16px;
     cursor: pointer;
     text-decoration: none;
 }

 a.cart-icon:hover {
     color: #757575;
 }

 .cart-badge {
     position: absolute;
     top: -5px;
     right: -5px;
     background: #333;
     color: #fff;
     font-size: 21px;
     border-radius: 50%;
     width: 28px;
     height: 28px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 /* --- 捲動時 Header 固定置頂 --- */
 .header-spacer {
     height: 0;
     display: block;
 }

 .header-sticky-wrap {
     position: relative;
     background: #fff;
     width: 100%;
 }

 .header-sticky-wrap.is-sticky {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     z-index: 1000;
     background: #fff;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
     animation: headerSlideDown 0.35s ease-out forwards;
 }

 @keyframes headerSlideDown {
     from {
         transform: translateY(-100%);
     }

     to {
         transform: translateY(0);
     }
 }

 @media (max-width: 1900px) and (min-width: 768px) {
     .logo img {
         width: 16.7vw;
     }

     .top-nav {
         font-size: 20px;
     }

     .search-trigger,
     .cart-icon {
         font-size: 14px;
     }

     .search-trigger img,
     .cart-icon img {
         width: 20px;
         height: 20px;
     }

     .cart-badge {
         font-size: 18px;
         width: 25px;
         height: 25px;
     }

     .cart-icon {
         padding-right: 20px;
     }

 }

 @media (max-width: 960px) {
     .top-nav {
         font-size: 18px;
     }

     .top-nav a {
         margin-left: 5px;
     }

     .top-nav .separator {
         margin: 0px;
     }
 }

 @media (max-width: 767px) {

     .top-header,
     .is-sticky .top-header {
         padding: 20px 40px;
     }

     .logo img {
         width: 130px;
         max-width: 100%;
     }

     .search-trigger,
     .cart-icon {
         font-size: 14px;
     }

     .search-trigger img,
     .cart-icon img {
         width: 20px;
         height: 20px;
     }

     .cart-badge {
         font-size: 18px;
         width: 25px;
         height: 25px;
     }

     .cart-icon {
         padding-right: 20px;
     }

     .top-actions {
         margin: 0px;
     }
 }

 /* 手機版側邊選單樣式 */
 .mobile-nav-list li {
     padding: 10px 0;
     border-bottom: 1px solid #eee;
 }

 .mobile-nav-list li a {
     color: #333;
     text-decoration: none;
     font-size: 18px;
     font-weight: 500;
     display: block;
 }

 .mobile-nav-list li a:hover {
     color: var(--primary-orange);
     padding-left: 5px;
     transition: all 0.3s;
 }

 /* --- 第二層導航 (Secondary Nav) & Mega Menu --- */
 .secondary-nav-container {
     border-top: 1px solid #afafaf;
     position: relative;
 }

 .main-menu-container {
     padding: 30px 0;
 }

 .main-menu {
     list-style: none;
     margin: 0;
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding-left: 40px;
 }

 .menu-item {
     position: relative;
     cursor: pointer;
     font-weight: bold;
     font-size: 38px;
     color: #000;
     border-bottom: 4px solid transparent;
     transition: all 0.3s;
     line-height: 80px;
 }

 .menu-item:hover {
     color: #000;
     border-bottom: 4px solid var(--primary-orange);
 }

 .secondary-nav-container .new-product {
     text-align: right;
 }

 .new-badge {
     background: #d4e157;
     color: #fff;
     font-size: 24px;
     border-radius: 4px;
     text-transform: uppercase;
     text-decoration: none;
     padding: 5px 5px 5px 20px;
     border-radius: 20px 0px 0px 20px;
     margin-right: -12px;
 }

 .new-badge:hover {
     color: #000;
 }

 @media (max-width: 1670px) {
     .menu-item {
         line-height: 1.2em;
         font-size: 36px;
     }
 }

 @media (max-width: 1600px) {
     .menu-item {
         font-size: 32px;
     }
 }

 @media (max-width: 1400px) {
     .menu-item {
         font-size: 28px;
     }

     .new-badge {
         display: block;
     }
 }

 /* --- Mega Menu (下拉選單) --- */
 .mega-menu-container {
     position: absolute;
     width: 100%;
     padding: 20px;
 }

 .mega-menu {
     position: fixed;
     top: var(--mega-menu-top, 0px);
     left: 0;
     right: 0;
     width: 100%;
     box-sizing: border-box;
     background-color: #dcdcdc;
     padding: 50px 25px;
     z-index: 1000;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
     max-width: 1920px;
     margin: auto;
     max-height: 0;
     overflow: hidden;
     opacity: 0;
     pointer-events: none;
     transition: max-height 0.4s ease-out, opacity 0.3s ease;
 }

 .menu-item.is-open .mega-menu {
     max-height: 100vh;
     opacity: 1;
     pointer-events: auto;
     overflow-y: auto;
 }

 .menu-item.is-open {
     color: #000;
     border-bottom-color: var(--primary-orange);
 }

 .mega-menu h2,
 .mega-menu h2 a {
     color: #868686;
     font-size: 50px;
     font-weight: bolder;
     margin-bottom: 30px;
     font-style: italic;
     padding: 0px;
     text-decoration: none;
 }

 .mega-menu h2 a:hover {
     color: var(--primary-orange);
 }

 .mega-menu h4 {
     font-size: 30px;
     font-weight: bolder;
     margin-bottom: 15px;
     font-style: italic;
 }

 .mega-menu h4 a {
     color: #e06400;
     text-decoration: none;
 }

 .mega-menu h4 a:hover {
     color: var(--primary-orange);
     text-decoration: underline;
 }

 .mega-menu ul {
     list-style: none;
     padding: 0;
 }

 .mega-menu ul li a {
     color: #000;
     text-decoration: none;
     font-size: 20px;
     line-height: 2;
     display: block;
     font-weight: normal;
 }

 .mega-menu ul li a:hover {
     color: var(--primary-orange);
 }

 .mega-menu .view-all {
     margin-top: 10px;
     font-size: 18px;
     color: #fff;
     display: inline-block;
     text-decoration: none;
     font-style: italic;
 }

 .mega-menu .view-all i.fa-circle-chevron-right {
     background-color: #aaa;
 }

 .mega-menu i.fa-circle-chevron-right {
     font-size: 20px;
     color: #fff;
     font-weight: bold;
     background-color: #d6d1c9;
     border-radius: 50%;
 }

 .mega-sub-menu {
     margin-bottom: 40px;
 }

 .mega-menu .col-md-4 {
     border-left: 1px solid #fff;
     padding-left: 40px;
 }

 @media (max-width: 1900px) and (min-width: 768px) {
     .mega-menu h2 {
         font-size: 30px;
     }

     .mega-menu h4 {
         font-size: 20px;
     }

     .mega-menu ul li a {
         font-size: 16px;
     }

     .mega-menu .view-all {
         font-size: 14px;
     }

     .mega-menu i.fa-circle-chevron-right {
         font-size: 14px;
     }

     .mega-sub-menu {
         margin-bottom: 30px;
     }

     .mega-menu .col-md-4 {
         padding-left: 20px;
     }
 }

 @media (max-width: 1200px) {
     .menu-item {
         font-size: 20px;
         line-height: 40px;
     }

     .new-badge {
         font-size: 16px;
         display: inline-block;
     }
 }

 @media (max-width: 767px) {
     .new-product {
         display: none;
     }

     .main-menu {
         padding-left: calc(var(--bs-gutter-x) * .5);
     }

     .main-menu-container {
         padding: 20px 0;
     }

     .mega-menu {
         padding: 20px 0;
     }

     .menu-item {
         font-size: 14px;
         line-height: 16px;
     }

     .new-badge {
         font-size: 12px;
         display: block;
     }

     .mega-menu h2 {
         font-size: 20px;
     }

     .mega-menu h4 {
         font-size: 16px;
     }

     .mega-menu ul li a {
         font-size: 12px;
     }

     .mega-menu .view-all {
         font-size: 10px;
     }

     .mega-menu i.fa-circle-chevron-right {
         font-size: 10px;
     }

     .mega-sub-menu {
         margin-bottom: 20px;
     }

     .mega-menu .col-md-4 {
         padding-left: 10px;
     }
 }

 /* --- 搜尋覆蓋層 (Search Overlay) --- */
 #search-overlay {
     display: none;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     background: #efefef;
     padding: 40px 0;
     z-index: 1001;
     border-bottom: 1px solid #ccc;
 }

 .search-box {
     position: relative;
     max-width: 800px;
     margin: 0 auto;
 }

 .search-box input {
     width: 100%;
     padding: 10px 15px 10px 50px;
     font-size: 18px;
     border: 1px solid #ccc;
     background: #f9f9f9;
 }

 .search-box i {
     position: absolute;
     left: 15px;
     top: 50%;
     transform: translateY(-50%);
     font-size: 24px;
     color: #000;
 }


 /* --- Hero Section (Banner) --- */
 .hero-section {
     position: relative;
 }

 .hero-content {
     z-index: 2;
     color: #fff;
     text-shadow: 0 2px 5px rgba(255, 255, 255, 0.3);
     position: relative;
 }

 .hero-images img {
     width: 100%;
     display: block;
     vertical-align: bottom;
 }

 /* Hero 輪播：按鈕預設隱藏，hover 時顯示 */
 .hero-swiper-wrap {
     position: relative;
 }

 .hero-swiper {
     overflow: hidden;
 }

 .hero-swiper .swiper-slide {
     height: auto;
 }

 .hero-slide-link {
     display: block;
     text-decoration: none;
 }

 .hero-swiper-btn {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     width: 48px;
     height: 48px;
     border-radius: 50%;
     background: rgba(0, 0, 0, 0.4);
     border: none;
     color: #fff;
     font-size: 18px;
     cursor: pointer;
     z-index: 10;
     display: flex;
     align-items: center;
     justify-content: center;
     opacity: 0;
     transition: opacity 0.25s;
 }

 .hero-swiper-wrap:hover .hero-swiper-btn {
     opacity: 1;
 }

 .hero-swiper-btn:hover {
     background: rgba(0, 0, 0, 0.6);
 }

 .hero-swiper-prev {
     left: 20px;
 }

 .hero-swiper-next {
     right: 20px;
 }

 .hero-text {
     position: absolute;
     top: 45%;
     width: 100%;
     text-align: center;
 }

 .hero-text .container-fluid {
     width: 78%;
 }

 .hero-title {
     font-size: 120px;
     font-weight: 900;
     text-transform: uppercase;
     line-height: 1;
     color: var(--primary-orange);
     text-align: left;
     position: relative;
 }

 .title01-span.title02 {
     font-size: 90px;
     margin-top: 64px;
     position: absolute;
 }

 .hero-title.title03 {
     text-align: right;
     padding-right: 80px;
     margin-bottom: 0px;
 }


 .hero-subtitle {
     font-size: 37px;
     font-style: italic;
     margin: 0px;
     color: #000;
     text-shadow: none;
     text-align: right;
     padding-right: 110px;
     font-weight: bold;
 }

 .btn-hero {
     background: var(--primary-orange);
     color: #fff;
     padding: 4px 20px;
     border-radius: 20px;
     border: none;
     text-transform: uppercase;
     font-size: 16px;
     margin-right: 10px;
 }

 @media (max-width: 1900px) {
     .hero-title {
         font-size: 6.25vw;
     }

     .title01-span.title02 {
         font-size: 4.68vw;
         margin-top: 3.33vw;
     }

     .hero-subtitle {
         font-size: 1.93vw;
         padding-right: 5.73vw;
         line-height: 1;
         margin-top: 0.3vw;
     }

     .btn-hero {
         font-size: 14px;
     }
 }

 @media (max-width: 767px) {
     .hero-subtitle {
         font-size: 14px;
         padding-right: 0px;
         margin-top: 10px;
         line-height: unset;
         text-align: center;
     }

     .hero-text {
         top: 16vw;
     }
 }

 /* ---  products-section 產品列表區域 --- */
 .products-section {
     padding: 100px 0;
 }

 .products-section>.container-fluid {
     padding: 0px 60px;
 }

 .product-card {
     padding: 20px;
     text-align: center;
     transition: 0.3s;
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     overflow: hidden;
 }

 .product-card img {
     border: 1px solid #eee;
     border-radius: 10px;
     max-width: 100%;
     height: auto;
     margin-bottom: 40px;
     object-fit: cover;
 }

 .product-card.active img,
 .product-card:hover img {
     outline: 10px solid var(--primary-orange);
 }

 .product-title {
     font-size: 30px;
     font-weight: bold;
     margin-bottom: 30px;
     text-decoration: none;
     text-underline-offset: 10px;
 }

 .product-card.active .product-title,
 .product-card:hover .product-title {
     text-decoration: underline;
     text-decoration-color: var(--primary-orange);
 }

 .product-desc {
     font-size: 22px;
     color: #000;
     margin-bottom: 30px;
     line-height: 1.2;
     flex-grow: 1;
     padding: 0px 10%;
     text-align: left;
 }

 .product-but {
     text-align: right;
     padding: 0px 10%;
 }

 .btn-product {
     display: inline-block;
     background: #e0e0e0;
     color: #666;
     border-radius: 20px;
     padding: 1px 20px;
     font-size: 16px;
     border: none;
     text-transform: uppercase;
     text-decoration: none;
 }

 .product-card a img {
     display: block;
 }

 .product-card.active .btn-product,
 .product-card:hover .btn-product {
     background: var(--primary-orange);
     color: #fff;
 }

 @media (max-width: 1600px) {
     .product-card {
         padding: 5px;
     }

     .product-card img {
         margin-bottom: 10px;
     }

     .product-card.active img,
     .product-card:hover img {
         outline: 5px solid var(--primary-orange);
     }

     .product-title {
         font-size: 20px;
         margin-bottom: 20px;
     }

     .product-desc {
         font-size: 16px;
     }

     .product-but {
         text-align: center;
     }

     .btn-product {
         padding: 5px 15px;
         font-size: 14px;
     }
 }

 @media (max-width: 767px) {
     .products-section {
         padding: 50px 0;
     }

     .products-section>.container-fluid {
         padding: 0px 10px;
     }

     .product-desc {
         margin-bottom: 10px;
     }
 }

 /* --- New Products 新產品輪播區塊 --- */
 .new-products-section {
     padding: 20px 0 100px;
     background: #fff;
 }

 .new-products-section .container-fluid {
     padding: 0px 40px;
 }

 .new-products-title {
     margin: 0 0 40px;
     font-size: 0;
     position: relative;
 }


 .new-products-title-text {
     font-size: 80px;
     font-weight: bolder;
     white-space: nowrap;
     text-align: center;
     margin-top: -0.6em;
     font-family: Verdana;
 }

 .new-products-title-text-inner {
     display: inline-block;
     background: #fff;
     padding: 0px 10px;
 }

 .new-products-title-line {
     width: 100%;
     height: 1px;
     background: #7d7d7d;
 }

 .new-products-swiper-wrap {
     padding: 0 50px;
 }

 .new-products-swiper {
     overflow: hidden;
 }

 .new-product-card {
     background: #eaeaea;
     border-radius: 17px;
     padding: 30px;
     text-align: center;
     height: 100%;
     display: flex;
     flex-direction: column;
     align-items: center;
     border: 4px solid #eaeaea;
 }

 .new-product-card:hover {
     border: 4px solid var(--primary-orange);
 }


 .new-product-card-img-wrap {
     width: 100%;
     aspect-ratio: 1;
     background: #fff;
     border-radius: 8px;
     overflow: hidden;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 16px;
 }


 .new-product-card-img-wrap img {
     width: 100%;
     height: 100%;
     object-fit: contain;
 }

 .new-product-desc {
     color: #000;
     font-size: 24px;
     margin: 0 10px 18px;
     line-height: 1.3;
     flex-grow: 1;
     text-align: left;
     font-weight: bold;
     height: 2.6em;
     overflow: hidden;
 }

 .new-product-sku {
     color: var(--deep-orange);
     font-size: 30px;
     margin: 0;
     font-weight: bold;
 }

 .new-products-swiper-btn {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     width: 48px;
     height: 48px;
     border-radius: 50%;
     background: #c2c2c2;
     border: none;
     color: #fff;
     font-size: 18px;
     cursor: pointer;
     z-index: 10;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: background 0.2s;
 }

 .new-products-swiper-btn:hover {
     background: #999;
 }

 .new-products-swiper-prev {
     left: 0;
 }

 .new-products-swiper-next {
     right: 0;
 }

 @media (max-width: 1800px) {
     .new-product-desc {
         font-size: 18px;
     }

     .new-product-sku {
         font-size: 20px;
     }
 }

 @media (max-width: 1200px) {
     .new-products-title-text {
         font-size: 40px;
     }
 }

 @media (max-width: 767px) {
     .new-products-title-text {
         font-size: 32px;
     }
 }

 /* --- About DNW 關於我們區塊（左右分欄） --- */
 .about-dnw-section {
     padding: 0;
     margin-top: 50px;
 }

 .about-dnw-inner {
     display: flex;
     flex-wrap: wrap;
     position: relative;
     margin-bottom: 150px;
     background-color: #e6e6e6;
 }

 .about-dnw-left {
     position: relative;
 }

 .about-dnw-left img {
     width: 100%;
 }

 .about-dnw-left-img {
     position: absolute;
     bottom: 0px;
     left: 0px;
 }

 .about-dnw-right {
     padding: 90px 90px 50px 90px;
 }

 .about-dnw-heading {
     margin: 0 0 40px;
     font-size: 80px;
     font-weight: bolder;
     font-family: Verdana;
 }

 .about-dnw-heading-light {
     color: #fff;
 }

 .about-dnw-heading-dark {
     vertical-align: text-bottom;
 }

 .about-dnw-heading-dark img {
     height: 1em;
     margin-bottom: 14px;
 }

 .about-dnw-heading sup {
     font-size: 0.5em;
 }

 .about-dnw-text {
     margin: 0 0 40px;
     font-size: 24px;
 }

 .about-dnw-btn-wrap {
     text-align: right;
 }

 .about-dnw-btn {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     background: var(--deep-orange);
     color: #fff;
     padding: 1px 60px;
     border-radius: 24px;
     text-transform: uppercase;
     text-decoration: none;
     font-size: 24px;
 }

 .about-dnw-btn i.fa-circle-chevron-right {
     background-color: #3b3a3a;
     border-radius: 50%;
 }

 .about-dnw-btn:hover {
     color: #fff;
     opacity: 0.9;
 }

 @media (max-width: 1900px) {
     .about-dnw-right {
         padding: 2vw;
     }
 }

 @media (max-width: 1620px) {
     .about-dnw-left-img {
         position: relative;
         margin-left: -10px;
     }

     .about-dnw-left {
         display: flex;
         align-items: center;
     }
 }

 @media (max-width: 1200px) {
     .about-dnw-heading {
         font-size: 40px;
         margin: 0 0 0.5em;
     }

     .about-dnw-heading-dark img {
         margin-bottom: 6px;
     }

     .about-dnw-text {
         margin: 0 0 20px;
         font-size: 18px;
     }
 }

 @media (max-width: 767px) {
     .about-dnw-left img {
         width: 100%;
         margin-top: -80px;
     }

     .about-dnw-right {
         padding: 40px;
     }

     .about-dnw-inner {
         margin-bottom: 0px;
     }

     .about-dnw-btn {
         font-size: 18px;
     }

 }

 /* --- Our Mission 我們的使命區塊 --- */
 .mission-section {
     padding: 0;
     margin-bottom: 150px;
 }

 .mission-inner {
     display: flex;
     flex-wrap: wrap;
 }

 .mission-text {
     width: 56%;
     padding: 0px 5.73vw 0px 8.85vw;
     box-sizing: border-box;
     border-bottom: 1px solid;
 }

 .text-orange {
     color: var(--deep-orange);
 }

 .mission-heading {
     margin: 0 0 40px;
     font-size: 80px;
     font-weight: bold;
     font-family: Verdana;
 }

 .mission-text p {
     margin: 0 0 40px;
     font-size: 24px;
 }

 .mission-indent {
     padding-left: 1em;
 }

 .mission-image {
     width: 44%;
 }

 .mission-image img {
     display: block;
     width: 100%;
     height: auto;
     border-radius: 15px 0px 0px 15px;
 }

 @media (max-width: 1200px) {
     .mission-heading {
         font-size: 40px;
         margin: 0 0 0.5em;
     }

     .mission-text p {
         margin: 0 0 20px;
         font-size: 18px;
     }
 }

 /* 手機：圖片在上、文字在下 */
 @media (max-width: 767px) {
     .mission-image img {
         border-radius: 0px;
     }

     .mission-inner {
         flex-direction: column;
     }

     .mission-text {
         width: 100%;
         order: 2;
         padding: 40px;
     }

     .mission-image {
         width: 100%;
         order: 1;
     }

     .mission-section {
         margin-bottom: 50px;
     }
 }

 /* --- Solution 解決方案輪播區塊 --- */
 .solution-section {
     padding: 0 0 150px;
     background: #fff;
 }

 .solution-section .container-fluid {
     padding: 0 50px;
 }

 .solution-title {
     text-align: center;
     font-size: 80px;
     font-weight: bolder;
     line-height: 1;
     margin-bottom: 0px;
     font-family: Verdana;
 }

 .title-first-letter {
     color: var(--deep-orange);
 }

 .title-first-letter::first-letter {
     color: #000;
 }

 .solution-subtitle {
     text-align: center;
     color: #000;
     font-size: 24px;
     margin: 0px 0px 60px;
 }

 .solution-swiper-wrap {
     padding: 0 50px;
 }

 .solution-swiper {
     overflow: hidden;
 }

 .solution-card {
     position: relative;
     border-radius: 12px;
     overflow: hidden;
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
     aspect-ratio: 7/10;
 }

 .solution-card-bg {
     position: absolute;
     inset: 0;
     background-size: cover;
     background-position: center;
 }

 .solution-card-overlay {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     padding: 24px;
     background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
 }

 .solution-card-title {
     margin: 0 0 12px;
     font-size: 2em;
     font-weight: bold;
     color: #fff;
 }

 .solution-card-btn {
     display: inline-block;
     padding: 1px 20px;
     border-radius: 20px;
     font-size: 15px;
     text-transform: uppercase;
     text-decoration: none;
     background: #fff;
     color: #747474;
     font-weight: bold;
 }

 .solution-card-btn:hover {
     background: var(--deep-orange);
     color: #fff;
 }

 .solution-swiper-btn {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     width: 48px;
     height: 48px;
     border-radius: 50%;
     background: rgba(200, 200, 200, 0.8);
     border: none;
     color: #fff;
     font-size: 18px;
     cursor: pointer;
     z-index: 10;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .solution-swiper-btn:hover {
     background: rgba(180, 180, 180, 0.9);
 }

 .solution-swiper-prev {
     left: 0;
 }

 .solution-swiper-next {
     right: 0;
 }

 @media (max-width: 1600px) {
     .solution-card-title {
         font-size: 1.5em;
     }

     .solution-card-btn {
         font-size: 12px;
     }
 }

 @media (max-width: 1200px) {
     .solution-title {
         font-size: 40px;
         margin: 0 0 0.5em;
     }

     .solution-subtitle {
         font-size: 18px;
         margin: 0px 0px 20px;
     }
 }

 @media (max-width: 767px) {
     .solution-section {
         padding: 0 0 50px;
     }
 }

 /* --- Testimonials 客戶評價輪播 --- */
 .testimonials-section {
     padding: 180px 0 150px;
     background: #e8e8e8 url('../images/homepage/testimonials-section-bg.jpg') no-repeat center center / cover;
 }

 .testimonials-inner {
     padding: 0 100px;
 }

 .testimonials-title {
     text-align: center;
     font-size: 80px;
     font-weight: bolder;
     line-height: 1;
     margin-bottom: 100px;
     font-family: Verdana;
 }

 .testimonials-swiper-wrap {
     padding: 0 50px;
 }

 .testimonials-swiper {
     overflow: hidden;
 }

 .testimonial-card {
     background: #fff;
     border-radius: 12px;
     padding: 24px;
     text-align: center;
     box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
     height: 100%;
 }

 .testimonial-card-img {
     width: 100%;
     aspect-ratio: 6/5;
     margin-bottom: 16px;
     text-align: center;
 }

 .testimonial-card-img img {
     max-width: 100%;
 }

 .testimonial-initials {
     margin: 0px;
     font-size: 40px;
     color: #333;
 }

 .testimonial-date {
     margin: 0 0 12px;
     font-size: 20px;
     color: #555;
 }

 .testimonial-stars {
     color: var(--deep-orange);
     font-size: 28px;
 }

 .testimonials-swiper-btn {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     width: 48px;
     height: 48px;
     border-radius: 50%;
     background: #555;
     border: none;
     color: #fff;
     font-size: 18px;
     cursor: pointer;
     z-index: 10;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .testimonials-swiper-btn:hover {
     background: #333;
 }

 .testimonials-swiper-prev {
     left: 0;
 }

 .testimonials-swiper-next {
     right: 0;
 }

 @media (max-width: 1500px) {
     .testimonial-initials {
         font-size: 30px;
     }

     .testimonial-date {
         font-size: 18px;
     }

     .testimonial-stars {
         font-size: 20px;
     }
 }

 @media (max-width: 1200px) {
     .testimonial-initials {
         font-size: 20px;
     }

     .testimonial-date {
         font-size: 16px;
     }

     .testimonial-stars {
         font-size: 18px;
     }
 }

 @media (max-width: 1200px) {
     .testimonials-title {
         font-size: 40px;
         margin-bottom: 50px;
     }

     .testimonial-initials {
         font-size: 20px;
     }
 }

 @media (max-width: 767px) {
     .testimonials-section {
         padding: 50px 0 50px;
     }

     .testimonials-inner {
         padding: 0 50px;
     }
 }

 /* --- Footer 頁尾（每頁共用） --- */
 .main-footer {
     padding: 40px 60px 50px;
     background: #e5e5e5 url('../images/homepage/footer-bg.jpg') no-repeat right bottom;
     background-size: cover;
 }

 .footer-top-nav {
     display: flex;
     align-items: center;
     justify-content: space-around;
     flex-wrap: wrap;
     gap: 0 16px;
     padding-bottom: 24px;
     border-bottom: 1px solid #333;
 }

 .footer-top-nav a {
     color: #000;
     text-decoration: none;
     font-size: 32px;
 }

 .footer-top-nav a:hover {
     color: var(--primary-orange);
 }

 .footer-sep {
     display: inline-block;
     width: 1px;
     height: 28px;
     background: #999;
 }

 .footer-main {
     display: flex;
     flex-wrap: initial;
     justify-content: flex-start;
     align-items: flex-start;
     padding-top: 32px;
     gap: 40px;
 }

 .footer-left {
     max-width: 420px;
 }

 .footer-logo {
     margin: 0 0 20px;
     font-size: 2.5rem;
     font-weight: bold;
     color: #000;
 }

 .footer-logo sup {
     font-size: 0.5em;
 }

 .footer-contact {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .footer-contact li {
     margin-bottom: 12px;
     font-size: 24px;
     color: #000;
     line-height: 1.4;
 }

 .footer-label {
     display: inline-block;
     min-width: 82px;
     padding: 2px 20px;
     margin-right: 8px;
     background: #999;
     color: #fff;
     font-size: 18px;
     border-radius: 20px;
     text-align: center;
     vertical-align: text-bottom;
 }

 .footer-contact a {
     color: var(--deep-orange);
     text-decoration: none;
 }

 .footer-contact a:hover {
     text-decoration: underline;
 }

 .footer-right {
     display: flex;
     flex-direction: column;
     align-items: flex-end;
     gap: 20px;
     position: relative;
 }

 .footer-nav {
     display: flex;
     flex-wrap: wrap;
     gap: 8px 80px;
     justify-content: end;
     padding: 26px 0px;
 }

 .footer-nav a {
     color: #292929;
     text-decoration: none;
     font-size: 26px;
 }

 .footer-nav a:hover {
     color: var(--primary-orange);
 }

 .footer-inquire-btn {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     padding: 2px 80px;
     background: var(--deep-orange);
     color: #fff;
     font-size: 24px;
     text-transform: uppercase;
     text-decoration: none;
     border-radius: 20px;
     position: absolute;
     bottom: 3em;
 }

 .footer-inquire-btn:hover {
     color: #fff;
     opacity: 0.9;
 }

 /* --- Copyright 版權列 --- */
 .copyright-bar {
     padding: 30px 100px;
     background: #a5a5a5;
     position: relative;
 }

 .copyright-text {
     margin: 0;
     font-size: 22px;
     color: #fff;
     text-align: center;
 }

 .copyright-social {
     display: flex;
     gap: 30px;
     position: absolute;
     right: 100px;
     top: 22px;
     font-size: 30px;
 }

 .copyright-social a {
     color: #494949;
 }

 .copyright-social a:hover {
     color: #fff;
 }

 @media (max-width: 1600px) {
     .footer-inquire-btn {
         bottom: unset;
     }
 }

 @media (max-width: 1300px) {
     .footer-top-nav {
         gap: 0 8px;
     }

     .footer-top-nav a {
         font-size: 22px;
     }

     .footer-nav a {
         font-size: 20px;
     }

     .footer-nav {
         justify-content: space-around;
         gap: 8px;
     }

     .footer-inquire-btn {
         position: relative;
     }
 }

 @media (max-width: 991px) {
     .footer-main {
         flex-direction: column;
     }

     .footer-right {
         align-items: flex-start;
     }

     .footer-top-nav {
         flex-direction: column;
         gap: 12px;
     }

     .footer-sep {
         display: none;
     }

     .footer-nav {
         display: none;
     }

     .footer-left {
         max-width: unset;
         width: 100%;
         text-align: center;
     }

     .copyright-social {
         position: relative;
         right: unset;
         top: unset;
         font-size: 28px;
         text-align: center;
         display: block;
     }

     .footer-inquire-btn {
         margin: 0 auto;
     }

 }

 @media (max-width: 767px) {
     .main-footer {
         padding: 30px 24px 40px;
     }

     .footer-logo img {
         max-width: 220px;
     }

     .footer-contact li {
         font-size: 20px;
     }

     .footer-contact li span {
         font-size: 18px;
     }

     .footer-inquire-btn {
         padding: 2px 40px;
         font-size: 18px;
         position: relative;
     }

     .footer-inquire-btn i {
         font-size: 14px;
     }

     .copyright-bar {
         flex-direction: column;
         padding: 16px 24px;
         text-align: center;
     }

     .copyright-text {
         font-size: 16px;
     }
 }

 /* --- About 內頁：麵包屑、主視覺、理念 --- */
 .breadcrumb-wrap {
     padding: 20px 60px;
     font-size: 30px;
     color: #858585;
 }

 .breadcrumb-wrap .container-fluid {
     border-bottom: 1px solid #666;
 }

 .breadcrumb-wrap a {
     color: #666;
     text-decoration: none;
 }

 .breadcrumb-wrap a:hover {
     color: var(--primary-orange);
 }

 .breadcrumb-wrap i.fa-house {
     font-size: 36px;
     vertical-align: top;
 }

 .breadcrumb-sep {
     margin: 0 8px;
 }

 .breadcrumb-current {
     color: var(--primary-orange);
     font-weight: bold;
 }

 @media (max-width: 1400px) {

     .breadcrumb-wrap,
     .breadcrumb-wrap i.fa-house {
         font-size: 1rem;
         vertical-align: unset;
     }
 }

 @media (max-width: 767px) {

     .breadcrumb-wrap,
     .breadcrumb-wrap i.fa-house {
         font-size: 0.8rem;
     }
 }


 .about-page-hero {
     position: relative;
     padding: 100px;
     min-height: 400px;
 }

 .about-page-hero-bg {
     position: absolute;
     inset: 0;
     background-color: #e6e6e6;
     background-image: url('../images/about/about-page-hero-bg.jpg');
     background-repeat: no-repeat;
     background-position-x: center;
     background-position-y: top;
     background-size: contain;
     opacity: 0.9;
 }

 .about-page-hero-inner {
     position: relative;
     z-index: 1;
 }

 .page-title {
     font-size: 85px;
     font-weight: bold;
     font-family: Verdana;
 }

 .about-page-hero-title {
     margin: 0 0 180px;
 }

 .about-page-brand {
     margin-bottom: 90px;
     font-size: 1.25rem;
 }

 .about-page-logo {
     font-weight: bold;
     color: #fff;
     font-size: 2rem;
     vertical-align: bottom;
 }

 .about-page-logo img {
     max-width: 280px;
 }


 .about-page-tagline {
     color: #fff;
     font-size: 34px;
     font-weight: 900;
     font-style: italic;
     font-family: Arial;
 }

 .about-page-intro {
     font-size: 28px;
     color: #000;
     line-height: 1.3;
     margin-bottom: 120px;
 }

 .about-page-intro-left {
     padding-right: 50px;
 }

 .about-page-intro-right {
     padding-left: 50px;
 }

 .about-page-philosophy {
     padding: 60px 60px 80px;
     background: #f3f3f3;
 }

 .about-page-philosophy-title {
     margin: 0 0 50px;
     font-size: 32px;
     font-weight: 900;
     color: #000;
     font-style: italic;
 }

 .about-page-philosophy p {
     margin-bottom: 2em;
     font-size: 28px;
     color: #000;
     line-height: 1.3;
 }

 .about-page-cta-link {
     color: var(--deep-orange);
     font-weight: bold;
     text-decoration: none;
 }

 .about-page-cta-link:hover {
     color: var(--primary-orange);
     opacity: 0.9;
 }

 .about-page-our-mission-inner {
     padding: 100px 100px 0px;
 }

 .about-page-our-mission-title {
     text-align: center;
     margin-bottom: 100px;
 }

 .about-page-our-mission-img img {
     width: 100%;
 }

 @media (max-width: 1200px) {
     .page-title {
         font-size: 40px;
         margin-bottom: 40px;
     }

     .about-page-intro-left {
         padding-right: calc(var(--bs-gutter-x) * .5);
     }

     .about-page-intro-right {
         padding-left: calc(var(--bs-gutter-x) * .5);
     }

     .about-page-intro {
         font-size: 20px;
     }

     .about-page-brand {
         margin-bottom: 40px;
     }

     .about-page-philosophy p {
         font-size: 20px;
     }

     .about-page-our-mission-inner {
         padding: 100px 40px 0px;
     }

     .about-page-tagline {
         font-size: 28px;
     }
 }

 @media (max-width: 767px) {
     .breadcrumb-wrap {
         padding: 12px 24px;
     }

     .about-page-hero {
         padding: 40px 24px 60px;
     }

     .about-page-philosophy {
         padding: 40px 24px 60px;
     }

     .about-page-philosophy-title {
         font-size: 1.2rem;
     }

     .about-page-intro {
         margin-bottom: 40px;
     }

     .about-page-our-mission-inner {
         padding: 40px 40px 0px;
     }
 }

 .competitive-advantage-inner-row {
     align-items: center;
 }

 .about-competitive-advantage-left-img img {
     width: 100%;
 }

 .competitive-advantage-left.col-md-6 {
     padding-right: 0px;
     padding-left: 0px;
 }

 .competitive-advantage-right {
     padding: 200px 100px;
     border-top: 1px solid #ccc;
 }

 .about-page-competitive-advantage-title {}

 .about-page-competitive-advantage-title span.title01-span {
     display: block;
     text-align: right;
 }

 @media (max-width: 1200px) {
     .competitive-advantage-right {
         padding: 100px 50px;
     }
 }

 @media (max-width: 767px) {
     .competitive-advantage-right {
         border-top: none;
         padding-bottom: 0px;
     }

     .about-page-competitive-advantage-title {
         text-align: center;
     }

     .about-page-competitive-advantage-title span.title01-span {
         display: inline;
     }
 }

 /* --- About 內頁：30 years industry experience 四張卡片 --- */
 .about-page-industry-experience {
     padding: 100px;
     background: #fff;
 }

 .about-page-industry-experience-title {
     text-align: center;
     margin: 0 0 80px;
     font-size: 40px;
     font-weight: bold;
     color: #676868;
     line-height: 1.3;
     font-family: Verdana;
 }

 .about-page-experience-cards {
     margin: 0 -12px;
 }

 .about-experience-card {
     height: 100%;
     background: #eeeeee;
     border-radius: 10px;
     overflow: hidden;
     display: flex;
     flex-direction: column;
 }

 .about-experience-card-img {
     width: 100%;
     aspect-ratio: 1;
     overflow: hidden;
     background: #eee;
 }

 .about-experience-card-img img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .about-experience-card-title {
     margin: 1em 0;
     padding: 20px 0px 0;
     font-size: 30px;
     font-weight: bold;
     color: #000;
     text-align: center;
 }

 .about-experience-card-list,
 .about-experience-card-text {
     padding: 0 30px 20px;
     margin: 0;
     font-size: 24px;
     line-height: 1.2;
     color: #000;
     flex-grow: 1;
 }

 .about-experience-card-list {
     list-style: disc;
     padding-left: 36px;
 }

 .about-experience-card-list li {
     margin-bottom: 1em;
 }

 @media (max-width: 1200px) {
     .about-page-industry-experience {
         padding: 100px 40px;
     }

     .about-page-industry-experience-title {
         font-size: 2em;
         margin-bottom: 40px;
     }

     .about-experience-card-title {
         padding: 0px 10px;
     }

     .about-experience-card-list,
     .about-experience-card-text {
         font-size: 16px;
     }
 }

 @media (max-width: 767px) {
     .about-page-industry-experience {
         padding: 40px 24px 60px;
     }

     .about-page-industry-experience-title {
         font-size: 1.35rem;
         margin-bottom: 32px;
     }
 }

 /* --- Blog 列表頁 --- */
 .blog-hero-section {
     position: relative;
 }

 .blog-hero-bg img {
     width: 100%;
 }

 .blog-hero-content {
     /*position: absolute;
     bottom: 6em;
     width: 100%;*/
 }

 .blog-hero-title {
     /*font-size: 100px;
     font-weight: 900;
     color: var(--deep-orange);
     text-align: center;*/
 }

 .blog-hero-title::first-letter {
     /*color: #fff;*/
 }

 .blog-hero-inner {
     /*padding: 0 100px;*/
     padding: 0 60px;
     margin-top: 40px;
 }

 .blog-list-section {
     padding: 40px 60px 80px;
 }

 .blog-list-grid {
     margin-bottom: 60px;
     gap: 40px 0px;
 }

 .blog-card {
     height: 100%;
     background: #fff;
     border-radius: 8px;
     overflow: hidden;
     box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
 }

 .blog-card-link {
     display: block;
     text-decoration: none;
     color: inherit;
     height: 100%;
 }

 .blog-card-link:hover .blog-card-title {
     color: var(--primary-orange);
 }

 .blog-card-link:hover .blog-card-btn {
     background: var(--primary-orange);
     color: #fff;
 }

 .blog-card-img {
     width: 100%;
     aspect-ratio: 4/3;
     overflow: hidden;
     background: #eee;
 }

 .blog-card-img img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .blog-card-date {
     padding: 12px 20px 0;
     font-size: 20px;
     color: #808080;
     font-family: Verdana;
     margin-bottom: 0.5em;
 }

 .blog-card-title {
     margin: 0 0 12px;
     padding: 0 20px;
     font-size: 1.5rem;
     font-weight: bold;
     color: #000;
     line-height: 1.1;
 }

 .blog-card-desc {
     margin: 0 0 16px;
     padding: 0 20px;
     font-size: 18px;
     line-height: 1.2;
     color: #000;
 }

 .blog-card-btn {
     display: inline-block;
     margin: 0 20px 20px;
     padding: 1px 30px;
     background: #e0e0e0;
     color: #333;
     font-size: 20px;
     text-transform: uppercase;
     border-radius: 20px;
     transition: background 0.2s, color 0.2s;
 }


 @media (max-width: 767px) {
     .blog-list-section {
         padding: 30px 24px 60px;
     }
 }

 /* --- Blog 內頁 --- */
 .blog-detail-section {
     padding: 40px 60px 80px;
 }

 .blog-detail-article {
     margin: 0 auto;
 }

 .blog-detail-header {
     margin-bottom: 24px;
 }

 .blog-detail-date {
     margin: 0 0 8px;
     font-size: 14px;
     color: #888;
 }

 .blog-detail-title {
     font-size: 2rem;
     font-weight: bold;
     margin: 0 0 16px;
     color: #333;
 }

 .blog-detail-intro {
     font-size: 15px;
     line-height: 1.6;
     color: #555;
 }

 .blog-detail-hero {
     margin: 32px 0 24px;
     border-radius: 10px;
     overflow: hidden;
     background: #eee;
 }

 .blog-detail-hero img {
     width: 100%;
     height: auto;
     display: block;
 }

 .blog-detail-hero figcaption {
     padding: 12px 18px 14px;
     font-size: 13px;
     color: #777;
     background: #fafafa;
 }

 .blog-detail-content h2 {
     font-size: 1.35rem;
     margin: 28px 0 12px;
     color: #333;
 }

 .blog-detail-content p {
     font-size: 15px;
     line-height: 1.7;
     color: #555;
     margin-bottom: 16px;
 }

 .blog-detail-content ul {
     padding-left: 20px;
     margin: 8px 0 20px;
 }

 .blog-detail-content ul li {
     font-size: 15px;
     line-height: 1.7;
     color: #555;
     margin-bottom: 6px;
 }

 .blog-detail-endnote {
     margin-top: 16px;
     font-style: italic;
 }

 @media (max-width: 767px) {
     .blog-detail-section {
         padding: 30px 24px 60px;
     }

     .blog-detail-title {
         font-size: 1.6rem;
     }
 }

 /* --- Contact 聯絡我們頁 --- */
 .contact-page-section {
     padding: 80px 60px;
     background: url(../images/contact/contact-page-bg.jpg) no-repeat top right / cover;
 }

 .allpage-hero-inner {
     padding: 0 60px;
     margin-top: 40px;
 }

 .contact-page-inner {}

 .contact-form-col {
     position: relative;
 }

 .contact-form-inner {
     background: #fff;
     padding: 50px 300px 50px 70px;
     border-radius: 0px 600px 600px 0px;
     position: relative;
     left: -70px;
     margin-top: 300px;
     width: 120%;
     box-shadow: 30px 0px rgb(209 209 209 / 40%);
 }

 .contact-page-title {
     font-size: 48px;
     font-weight: bold;
     color: #000;
     margin: 0 0 24px;
 }

 .contact-form .contact-field {
     margin-bottom: 18px;
     display: flex;
     gap: 0px 20px;
 }

 .contact-form label,
 .contact-label {
     font-size: 18px;
     color: #333;
     margin-bottom: 6px;
     width: 8em;
     text-align: right;
 }

 .contact-required {
     color: #c00;
 }

 .contact-form .row .col-md-6 .contact-input {
     width: 80%;
 }

 .contact-input,
 .contact-textarea {
     width: 100%;
     padding: 10px 14px;
     font-size: 15px;
     color: #333;
     background: #e8e8e8;
     border: none;
     border-radius: 6px;
 }

 .contact-textarea {
     resize: vertical;
     min-height: 100px;
 }

 .contact-radios {
     display: flex;
     flex-wrap: wrap;
     gap: 12px 24px;
 }

 .contact-form .contact-field .contact-radios .contact-radio-item {
     width: auto;
 }

 .contact-radio-item {
     display: inline-flex;
     align-items: center;
     gap: 6px;
     font-weight: normal;
     cursor: pointer;
 }

 .contact-radio-item input[type="radio"] {
     accent-color: var(--primary-orange);
 }

 .contact-file-wrap {
     display: flex;
     align-items: center;
     gap: 10px;
     padding: 12px 14px;
     background: #e8e8e8;
     border-radius: 6px;
     position: relative;
     width: 100%;
 }

 .contact-file-icon {
     color: #666;
     font-size: 1.2rem;
 }

 .contact-file-text {
     font-size: 14px;
     color: #666;
 }

 .contact-file-input {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     cursor: pointer;
 }

 .contact-checkbox-wrap {
     width: 100%;
 }

 .contact-checkbox-label {
     display: flex;
     align-items: flex-start;
     gap: 8px;
     font-size: 14px;
     color: #555;
     cursor: pointer;
 }

 .contact-privacy-link {
     color: var(--primary-orange);
     text-decoration: underline;
 }

 .contact-submit-wrap {
     margin-left: calc(8em + 10px);
 }

 .contact-submit-btn {
     padding: 5px 148px 5px 48px;
     font-size: 22px;
     font-weight: bold;
     color: #fff;
     background: #d3d655;
     border: none;
     border-radius: 8px;
     transition: background 0.2s;
 }

 .contact-submit-btn:hover {
     background: #94b330;
 }

 /* 右側聯絡資訊區塊 */
 .contact-info-col {
     position: relative;
 }

 .contact-info-box {
     color: #fff;
     padding: 50px 70px 50px 200px;
     border-radius: 250px 0px 0px 250px;
     overflow: visible;
     background-color: rgb(0 0 0 / 60%);
     position: absolute;
     right: -60px;
 }

 .contact-info-title {
     font-size: 46px;
     font-weight: bold;
     color: var(--deep-orange);
     margin: 0 0 20px;
 }

 .contact-info-list {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .contact-info-list li {
     margin-bottom: 14px;
     font-size: 24px;
     line-height: 1.3;
     display: flex;
     align-items: flex-start;
     gap: 10px;
 }

 .contact-info-icon {
     color: #fff;
     margin-top: 2px;
     flex-shrink: 0;
 }

 .contact-info-list a {
     color: #fff;
     text-decoration: underline;
 }


 @media (max-width: 1600px) {
     .contact-info-box {
         width: 120%;
     }

     .contact-info-title {
         font-size: 36px;
     }

     .contact-info-list li {
         font-size: 18px;
     }

     .contact-page-title {
         font-size: 38px;
     }

     .contact-form-inner {
         width: 140%;
     }

 }

 @media (max-width: 1200px) {
     .align-items-start {
         display: block;
     }

     .contact-form-inner {
         width: 110%;
         margin-top: 0px;
         margin-bottom: 50px;
         padding-right: 200px;
     }

     .contact-info-box {
         width: 110%;
         position: relative;
         right: -24px;
     }

 }

 @media (max-width: 991px) {
     .contact-info-box {
         margin-top: 40px;
     }

 }

 @media (max-width: 767px) {
     .contact-page-section {
         padding: 30px 24px 60px;
     }

     .contact-form-inner {
         left: 0px;
         padding: 50px 10vw 50px 10vw;
         margin-bottom: 0px;
         width: 100%;
         border-radius: 50px;
     }

     .contact-page-title {
         font-size: 24px;
     }

     .contact-form label,
     .contact-label {
         font-size: 16px;
     }

     .contact-form .contact-field {
         margin-bottom: 12px;
     }

     .contact-form .row .col-md-6 .contact-input {
         width: 100%;
     }

     .contact-form .row .col-md-6:nth-child(even) {
         margin-top: 0px;
     }

     .contact-submit-wrap {
         margin-left: 0px;
         margin-left: 6em;
     }

     .contact-info-box {
         padding: 50px 50px 50px 50px;
         width: 100%;
         right: 0px;
         border-radius: 50px;
     }

     .contact-form-col {
         padding: 0px;
     }

     .contact-submit-btn {
         padding: 2px 30px;
     }

 }

 /* --- Privacy Policy 隱私政策頁 --- */
 .privacy-policy-section {
     padding: 40px 60px 80px;
     background: #fff;
 }

 .privacy-policy-inner {}

 .privacy-policy-section .privacy-heading {
     font-size: 24px;
     font-weight: bold;
     color: var(--deep-orange);
     margin: 28px 0 12px;
 }

 .privacy-policy-section .privacy-heading:first-child {
     margin-top: 0;
 }

 .privacy-policy-section p {
     font-size: 24px;
     line-height: 1.6;
     color: #000;
     margin-bottom: 12px;
 }

 .privacy-policy-section .privacy-list {
     margin: 8px 0 2em;
     padding-left: 24px;
 }

 .privacy-policy-section .privacy-list-nested {
     padding-left: 36px;
 }

 .privacy-policy-section .privacy-list li {
     font-size: 24px;
     line-height: 1.4;
     color: #272727;
     margin-bottom: 6px;
 }

 .privacy-policy-inner h4 {
     color: #8a8a8a;
     font-size: 24px;
     font-weight: bold;
 }

 @media (max-width: 767px) {
     .privacy-policy-section {
         padding: 30px 24px 60px;
     }
 }

 /* --- Solutions 解決方案頁 --- */
 .solutions-hero-bg img {
     width: 100%;
 }

 .solutions-section {
     padding: 40px 60px 80px;
     background: #fff;
 }

 .solutions-inner {}

 .solutions-heading {
     font-size: 1.5rem;
     font-weight: bold;
     color: #333;
     text-align: center;
     margin: 0 0 50px;
     line-height: 1.4;
 }

 .solutions-grid {
     margin-bottom: 40px;
 }

 /* PC：一列 5 個 */
 @media (min-width: 992px) {
     .solutions-grid {
         display: grid;
         grid-template-columns: repeat(5, 1fr);
         gap: 20px;
         margin-left: 0;
         margin-right: 0;
     }

     .solutions-grid .solutions-card-col {
         max-width: none;
         flex: none;
         width: auto;
         padding: 0;
         margin: 0;
         margin-bottom: 0;
     }
 }

 .solutions-card-col {
     margin-bottom: 20px;
 }

 .solutions-card {
     position: relative;
     border-radius: 12px;
     overflow: hidden;
     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
     aspect-ratio: 5/7;
 }

 .solutions-card-bg {
     position: absolute;
     inset: 0;
     background-size: cover;
     background-position: center;
     background-color: #ccc;
 }

 .solutions-card-bg::after {
     content: "";
     position: absolute;
     inset: 0;
     background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, transparent 50%);
 }

 .solutions-card-overlay {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     padding: 20px 18px;
     z-index: 1;
 }

 .solutions-card-title {
     font-size: 34px;
     font-weight: bold;
     color: #fff;
     margin: 0 0 30px;
 }

 /* 整張卡片可點擊連到 solution_in.html */
 .solutions-card-link {
     position: absolute;
     inset: 0;
     z-index: 2;
     text-decoration: none;
     color: inherit;
 }

 .solutions-card-btn {
     display: inline-block;
     padding: 2px 20px;
     font-size: 13px;
     font-weight: bold;
     text-transform: uppercase;
     border-radius: 20px;
     transition: background 0.2s, color 0.2s;
     background: rgba(255, 255, 255, 0.95);
     color: #333;
 }

 /* 滑過卡片時按鈕變橘底白字 */
 .solutions-card:hover .solutions-card-btn {
     background: var(--primary-orange);
     color: #fff;
 }

 /* --- Solution 內頁 solution_in.html --- */
 .breadcrumb-current-orange {
     color: var(--primary-orange);
 }

 .solution-in-page.solutions-section {
     padding: 40px 60px 80px;
 }

 .solution-in-inner {}

 .solution-in-sidebar {
     margin-bottom: 32px;
 }

 .solution-in-sidebar-title {
     font-size: 1.1rem;
     font-weight: bold;
     color: #333;
     margin: 0 0 16px;
 }

 .solution-in-nav {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .solution-in-nav-item {
     margin-bottom: 8px;
 }

 .solution-in-nav-item a {
     color: #000;
     text-decoration: none;
     font-size: 1.5rem;
     font-weight: bold;
 }

 .solution-in-nav-item a:hover,
 .solution-in-nav-item.active a {
     color: var(--primary-orange);
 }

 .solution-in-content {
     padding-left: 24px;
     font-size: 1.5rem;
 }

 .solution-in-main-title {
     font-size: 4.5rem;
     font-weight: bold;
     margin: 0 0 100px;
     line-height: 1.2;
 }

 .solution-in-title-dark {
     color: #333;
 }

 .solution-in-title-orange {
     color: var(--primary-orange);
 }



 .solution-in-hero {
     margin: 24px 0 28px;
     border-radius: 10px;
     overflow: hidden;
     background: #eee;
 }

 .solution-in-hero img {
     width: 100%;
     height: auto;
     display: block;
 }

 .solution-in-product-block {
     margin-top: 32px;
     padding: 28px 24px;
     background: #3a3a3a;
     border-radius: 10px;
     color: #fff;
     text-align: center;
 }

 .solution-in-product-title {
     font-size: 1.25rem;
     font-weight: bold;
     margin: 0 0 20px;
     line-height: 1.3;
     text-transform: uppercase;
 }

 .solution-in-product-img-wrap {
     margin-bottom: 16px;
 }

 .solution-in-product-img-wrap img {
     max-width: 100%;
     height: auto;
     display: inline-block;
 }

 .solution-in-product-tagline {
     font-size: 14px;
     margin: 0;
     color: rgba(255, 255, 255, 0.9);
 }

 .solution-in-img img {
     width: 100%;
 }

 @media (max-width: 991px) {
     .solution-in-content {
         padding-left: 0;
         padding-right: 0;
         font-size: 1.2rem;
     }
 }

 @media (max-width: 767px) {
     .solution-in-page.solutions-section {
         padding: 30px 24px 60px;
     }

     .solution-in-main-title {
         font-size: 2rem;
         margin-bottom: 1em;
     }
 }

 /* --- Inquiry 詢價頁 inquiry.html --- */
 .inquiry-section {
     background: url(../images/inquiry/inquiry-up-bg.jpg) no-repeat top right;
     padding: 50px 0px 0px;
 }

 .inquiry-inner {
     padding: 0px 70px 150px;
     background: url(../images/inquiry/inquiry-down-bg.png) no-repeat bottom left;
 }

 /* I. 詢價項目列表 */
 .inquiry-items-wrap {
     position: relative;
     margin-bottom: 50px;
     overflow: hidden;
 }

 .inquiry-items-header {
     display: grid;
     grid-template-columns: 1fr 1.5fr 3fr 1fr 1fr;
     gap: 12px;
     align-items: center;
     padding: 12px 16px;
     background: #cacac9;
     font-size: 1.25rem;
     font-weight: bold;
     color: #333;
     text-align: center;
     border-radius: 30px;
 }

 .inquiry-item {
     display: grid;
     grid-template-columns: 1fr 1.5fr 3fr 1fr 1fr;
     gap: 12px;
     align-items: center;
     padding: 16px;
     margin-top: 12px;
     border-radius: 30px;
     text-align: center;
     font-size: 1.25rem;
 }

 .inquiry-item:nth-child(odd) {
     background: #adadad42;
 }

 .inquiry-col-no {}

 .inquiry-col-img {
     width: 234px;
     height: 234px;
     overflow: hidden;
     border-radius: 10px;
     background: #fff;
     border: 1px solid #ddd;
 }

 .inquiry-items-header .inquiry-col-img {
     width: unset;
     height: unset;
     border: unset;
     background: unset;
     text-align: center;
 }

 .inquiry-col-img img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .inquiry-col-desc {
     display: flex;
     flex-direction: column;
     gap: 4px;
     text-align: left;
     padding: 0px 10%;
 }

 .inquiry-item-name {
     font-size: 1.3rem;
     font-weight: bold;
 }

 .inquiry-item-code {
     color: var(--deep-orange);
 }

 .inquiry-col-qty {}

 .inquiry-qty-btn {
     width: 28px;
     height: 28px;
     padding: 0;
     background: #e0e0e0;
     border: none;
     border-radius: 4px;
     font-size: 16px;
     color: #333;
     cursor: pointer;
     line-height: 1;
 }

 .inquiry-qty-btn:hover {
     background: #d0d0d0;
 }

 .inquiry-qty-input {
     width: 48px;
     height: 28px;
     padding: 0 4px;
     text-align: center;
     font-size: 14px;
     border: 1px solid #ddd;
     border-radius: 4px;
     background: #fff;
 }

 .inquiry-del-btn {
     width: 28px;
     height: 28px;
     padding: 0;
     background: var(--deep-orange);
     border: none;
     border-radius: 6px;
     color: #fff;
 }

 .inquiry-del-btn:hover {
     background: #e67d20;
 }

 @media (min-width: 1600px) {
     .inquiry-qty-input {
         width: 100px;
     }

     .inquiry-qty-btn,
     .inquiry-del-btn {
         width: 36px;
         height: 36px;
     }

     .inquiry-qty-input {
         height: 36px;
     }

 }

 @media (max-width: 1100px) {

     .inquiry-items-header,
     .inquiry-item {
         grid-template-columns: 1fr 2fr 2fr 1fr;
         gap: 5px;
     }

     .inquiry-col-no {
         grid-column-start: 1;
         grid-column-end: 2;
         grid-row-start: 1;
         grid-row-end: 3;
     }

     .inquiry-col-img {
         grid-column-start: 2;
         grid-column-end: 3;
         grid-row-start: 1;
         grid-row-end: 2;
     }

     .inquiry-col-desc {
         grid-column-start: 2;
         grid-column-end: 3;
         grid-row-start: 2;
         grid-row-end: 3;
     }

     .inquiry-col-qty {
         grid-column-start: 3;
         grid-column-end: 4;
         grid-row-start: 1;
         grid-row-end: 3;
     }

     .inquiry-col-del {
         grid-column-start: 4;
         grid-column-end: 5;
         grid-row-start: 1;
         grid-row-end: 3;
     }
 }

 @media (max-width: 420px) {

     .inquiry-items-header,
     .inquiry-item {
         grid-template-columns: 1fr 2fr 2fr;
         gap: 5px;
     }

     .inquiry-col-no {
         grid-column-start: 1;
         grid-column-end: 2;
         grid-row-start: 1;
         grid-row-end: 3;
     }

     .inquiry-col-img {
         grid-column-start: 2;
         grid-column-end: 3;
         grid-row-start: 1;
         grid-row-end: 2;
     }

     .inquiry-col-desc {
         grid-column-start: 2;
         grid-column-end: 3;
         grid-row-start: 2;
         grid-row-end: 3;
     }

     .inquiry-col-qty {
         grid-column-start: 3;
         grid-column-end: 4;
         grid-row-start: 1;
         grid-row-end: 2;
     }

     .inquiry-col-del {
         grid-column-start: 3;
         grid-column-end: 4;
         grid-row-start: 2;
         grid-row-end: 3;
     }
 }

 /* II. 詢價表單 */
 .inquiry-form {
     padding: 120px 0px 0px;
 }

 .inquiry-form .inquiry-field {
     margin-bottom: 18px;
     display: flex;
     gap: 0px 10px;
 }

 .inquiry-form label,
 .inquiry-label {
     display: block;
     font-size: 22px;
     margin-bottom: 6px;
     width: 8em;
     text-align: right;
 }

 .inquiry-required {
     color: #c00;
 }



 .inquiry-input,
 .inquiry-textarea {
     width: 85%;
     padding: 10px 14px;
     font-size: 15px;
     color: #333;
     background: #e7e7e7;
     border: none;
     border-radius: 6px;
 }

 .inquiry-form .row .inquiry-field .inquiry-input {
     width: 70%;
 }

 .inquiry-textarea {
     resize: vertical;
     min-height: 100px;
 }

 .inquiry-radios {
     display: flex;
     flex-wrap: wrap;
     gap: 12px 24px;
 }

 .inquiry-radios .inquiry-radio-item {
     width: unset;
     padding: 0px 10px;
 }

 .inquiry-radio-item {
     display: inline-flex;
     align-items: center;
     gap: 6px;
     font-weight: normal;
     cursor: pointer;
 }

 .inquiry-radio-item input[type="radio"] {
     accent-color: var(--primary-orange);
 }

 .inquiry-file-wrap {
     display: flex;
     align-items: center;
     gap: 10px;
     padding: 12px 14px;
     background: #e8e8e8;
     border-radius: 6px;
     position: relative;
     width: 85%;
 }

 .inquiry-file-icon {
     color: #666;
     font-size: 1.2rem;
 }

 .inquiry-file-text {
     font-size: 14px;
     color: #666;
 }

 .inquiry-file-input {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     cursor: pointer;
 }

 .inquiry-checkbox-wrap {
     margin-top: 10px;
     font-size: 22px;
 }

 .inquiry-checkbox-label {
     display: flex;
     align-items: flex-start;
     gap: 8px;
     font-size: 14px;
     color: #555;
     cursor: pointer;
 }

 .inquiry-privacy-link {
     color: var(--primary-orange);
     text-decoration: underline;
 }

 .inquiry-submit-wrap {
     margin-top: 10px;
 }

 .inquiry-submit-btn {
     padding: 6px 90px 6px 70px;
     font-size: 22px;
     font-weight: bold;
     color: #fff;
     background: #d3d655;
     border: none;
     border-radius: 8px;
     transition: background 0.2s;
 }

 .inquiry-submit-btn:hover {
     background: #94b330;
     color: #333;
 }

 @media (max-width: 1400px) {
     .inquiry-col-img {
         width: 160px;
         height: 160px;
     }

 }

 @media (max-width: 767px) {
     .inquiry-section {
         padding: 30px 0px 0px;
     }

     .inquiry-items-header,
     .inquiry-item {

         font-size: 16px;
     }

     .inquiry-item-name {
         font-size: 16px;
     }

     .inquiry-col-img {
         max-width: 130px;
         max-height: 130px;
     }

     .inquiry-form label,
     .inquiry-label {
         font-size: 16px;
     }

     .inquiry-label {
         font-size: 16px;
     }

     .inquiry-form .row .inquiry-field .inquiry-input {
         width: 85%;
     }

     .inquiry-inner {
         padding: 0px 0px 70px;
     }

     .inquiry-checkbox-wrap {
         font-size: 16px;
     }
 }

 /* --- Products 產品列表頁 products.html --- */
 .products-section {
     padding: 40px 60px 80px;
     background: #fff;
 }

 .products-inner {}

 .products-grid {
     margin-bottom: 0;
 }

 .products-card-col {
     margin-bottom: 6em;
     padding: 0px 25px;
 }

 .products-card {
     height: 100%;
     background: #fff;
 }

 .products-card-link {
     display: block;
     text-decoration: none;
     color: inherit;
     height: 100%;

 }

 .products-card-img-wrap {
     width: 100%;
     aspect-ratio: 5/4;
     overflow: hidden;
     background: #c2c2c2;
     border-radius: 10px;
     margin-bottom: 1.5em;
 }

 .products-card-img-wrap {
     border: 1px solid transparent;
     transition: outline 0.2s;
 }

 .products-card-img-wrap img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 /* 滑過時：橘框、橘底線、橘鈕 */
 .products-card-link:hover .products-card-img-wrap {
     border-color: var(--primary-orange);
     outline: 9px solid var(--primary-orange);
 }

 .products-card-title {
     font-size: 46px;
     font-weight: bold;
     color: #000;
     margin: 0 5% 12px;
     border-bottom: 3px solid transparent;
     padding-bottom: 8px;
     transition: border-color 0.2s;
     text-align: center;
     line-height: 1.2;
 }

 .products-card-link:hover .products-card-title {
     border-bottom-color: var(--primary-orange);
 }

 .products-card-btn {
     display: inline-block;
     padding: 3px 20px;
     font-size: 13px;
     text-transform: uppercase;
     border-radius: 20px;
     transition: background 0.2s, color 0.2s;
     background: #e0e0e0;
     color: #000;
 }

 .products-card-link:hover .products-card-btn {
     background: var(--primary-orange);
     color: #fff;
 }

 .products-card-btn-wrap {
     text-align: right;
     margin-top: 2em;
 }

 .products-card-title-wrap {
     font-size: 46px;
     height: 2.7em;
     overflow: hidden;
 }

 @media (max-width: 1600px) {
     .products-section>.container-fluid {
         padding: 0px;
     }

     .products-card-title,
     .products-card-title-wrap {
         font-size: 30px;
     }
 }

 @media (max-width: 767px) {
     .products-section {
         padding: 30px 24px 60px;
     }

     .products-card-title-wrap {
         height: unset;
         overflow: unset;
     }

     .products-card-title,
     .products-card-title-wrap {
         font-size: 20px;
     }

     .products-card-col {
         margin-bottom: 3em;
     }

     .products-card-btn-wrap {
         text-align: center;
     }
 }

 /* --- Products List 產品列表內頁 products_list.html --- */
 .products-list-section {
     padding: 40px 60px 80px;
     background: #fff;
 }

 .products-list-inner {}

 .products-list-sidebar {
     background-color: #f2f2f2;
     border-radius: 0 20px 20px 0px;
     font-size: 30px;
     padding: 0px;
     margin-top: 100px;
     position: relative;
 }

 .products-list-sidebar-title {
     font-size: 48px;
     font-weight: bold;
     color: #000;
     margin: 0px;
     background-color: #fff;
     padding: 10px 0px;
     border-bottom: 3px solid var(--primary-orange);
     line-height: 1em;
     display: inline-block;
     position: absolute;
     top: -100px;
 }


 .products-list-intro-title {
     font-size: 3rem;
     font-weight: bold;
     color: #000;
     margin: 0 0 1.5em;
 }

 .products-list-nav {
     list-style: none;
     padding: 40px 30px;
     margin: 0;
 }

 .products-list-nav li {
     margin-bottom: 0.5em;
 }

 .products-list-nav a {
     color: #000;
     text-decoration: none;
     display: inline-block;
 }

 .products-list-nav a:hover,
 .products-list-nav li.active>a,
 .products-list-nav li.active>.products-list-nav-parent>a {
     color: var(--primary-orange);
 }

 /* categories_list 左側選單：有子選單時手風琴（僅 .have-sub 顯示收合按鈕） */
 .products-list-nav li.have-sub:not(.is-open) .products-list-sub-nav {
     display: none;
 }

 .products-list-nav li.have-sub.is-open .products-list-sub-nav {
     display: block;
 }

 .products-list-nav-parent {
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
     gap: 8px;
     width: 100%;
 }

 .products-list-nav-parent>a {
     flex: 1;
     min-width: 0;
     padding-right: 4px;
 }

 .products-list-nav-toggle {
     flex-shrink: 0;
     width: 38px;
     height: 38px;
     margin-top: 4PX;
     margin-left: auto;
     padding: 0;
     border: none;
     background: transparent;
     color: #666;
     cursor: pointer;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     border-radius: 4px;
     transition: background 0.2s, color 0.2s;
 }

 .products-list-nav-toggle {
     background: rgba(255, 255, 255, 0.6);
 }

 .products-list-nav-toggle:hover {
     background: rgba(0, 0, 0, 0.06);
     color: var(--primary-orange);
 }

 .products-list-nav-toggle .fa-chevron-down {
     font-size: 16px;
     transition: transform 0.25s ease;
 }

 .products-list-nav li.have-sub.is-open .products-list-nav-toggle .fa-chevron-down {
     transform: rotate(180deg);
 }

 ul.products-list-nav>li.no-sub .products-list-nav-toggle {
     opacity: 0.3;
     cursor: default;
 }

 ul.products-list-nav>li.no-sub .products-list-nav-toggle:hover {
     color: #666;
     background: rgba(255, 255, 255, 0.6);
 }

 .products-list-main {
     padding-left: 4em;
     font-size: 18px;
 }

 .products-list-page-title {
     font-size: 1.75rem;
     font-weight: bold;
     color: #333;
     margin: 0 0 20px;
     padding-bottom: 12px;
     border-bottom: 1px solid #ccc;
 }

 .products-list-intro {
     margin-bottom: 32px;
     min-height: 70px;
 }

 .products-list-intro p {
     color: #000;
     margin-bottom: 1em;
 }

 .products-list-intro-heading {
     font-size: 1.2rem;
     font-weight: bold;
     color: var(--deep-orange);
     margin: 20px 0 12px;
 }

 .products-list-see-more-wrap {
     border-bottom: 1px solid var(--primary-orange);
     padding-bottom: 6px;
 }

 .products-list-see-more {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     font-size: 14px;
     font-weight: bold;
     color: var(--primary-orange);
     text-decoration: none;
     margin-top: 8px;
     font-style: italic;
 }

 .products-list-see-more:hover {
     color: var(--primary-orange);
 }

 .products-list-see-more-icon {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 24px;
     height: 24px;
     border-radius: 50%;
     background: var(--primary-orange);
     color: #fff;
     font-size: 16px;
 }

 .products-list-intro-more {
     display: none;
 }

 .products-list-intro-more.active {
     display: block;
 }

 .products-list-intro-more p {
     color: #000;
     margin-bottom: 1em;
 }

 .products-list-intro-more p .text-orange {
     color: var(--deep-orange);
 }

 .products-list-grid {
     margin-bottom: 40px;
 }

 .products-list-card-col {
     margin-bottom: 3em;
     padding: 0px 20px;
 }

 .products-list-card {
     height: 100%;
     background: #fff;
 }

 .products-list-card-link {
     display: block;
     text-decoration: none;
     color: inherit;
     height: 100%;
 }

 .products-list-card-img-wrap {
     width: 100%;
     aspect-ratio: 1;
     overflow: hidden;
     background: #fff;
     border: 1px solid #e0e0e0;
     border-radius: 8px;
     margin-bottom: 1em;
     transition: outline 0.2s;
 }

 .products-list-card-link:hover .products-list-card-img-wrap {
     border-color: var(--primary-orange);
     outline: 9px solid var(--primary-orange);
 }

 .products-list-card-img-wrap img {
     width: 100%;
     height: 100%;
     object-fit: contain;
 }

 .products-list-card-title {
     font-size: 2rem;
     font-weight: bold;
     color: #000;
     margin: 0 0 1em;
     border-bottom: 2px solid transparent;
     text-align: center;
 }

 .products-list-card-link:hover .products-list-card-title {
     border-bottom-color: var(--primary-orange);
 }

 .products-list-card-title-wrap {
     font-size: 2rem;
     height: 2.7em;
     overflow: hidden;
     padding: 0px 10px;
 }

 .products-list-card-btn-wrap {
     text-align: right;
     margin-top: 2em;
 }

 .products-list-card-btn {
     display: inline-block;
     padding: 3px 20px;
     font-size: 13px;
     text-transform: uppercase;
     border-radius: 20px;
     transition: background 0.2s, color 0.2s;
     background: #e0e0e0;
     color: #000;
 }

 .products-list-card-link:hover .products-list-card-btn {
     background: var(--primary-orange);
     color: #fff;
 }


 .products-list-sub-nav {
     list-style: none;
     padding: 20px;
     margin: 0;
     font-size: 0.8em;
 }

 .products-list-sub-nav a {
     color: #555;
 }

 @media (max-width: 1700px) {
     .products-list-sidebar-title {
         font-size: 36px;
     }
 }

 @media (max-width: 1600px) {
     .products-list-sidebar {
         margin-top: 60px;
     }

     .products-list-sidebar-title,
     .products-list-intro-title {
         font-size: 24px;
         top: -60px;
     }


     .products-list-nav li {
         margin-bottom: 0.1em;
     }

     .products-list-nav a {
         font-size: 20px;
     }

     .products-list-main {
         font-size: 16px;
     }

     .products-list-card-title {
         font-size: 18px;
     }

     .products-list-card-title-wrap {
         font-size: 18px;
     }

     .products-list-card-btn {
         font-size: 13px;
     }

     .products-list-pagination-arrow,
     .products-list-pagination-num {
         font-size: 13px;
     }

     .products-list-pagination-sep {
         font-size: 13px;
     }

     .products-list-sub-nav {
         padding: 10px;
     }

     .products-list-nav a {
         font-size: 18px;
     }

     .products-list-nav-toggle {
         margin-top: 2px;
         width: 22px;
         height: 22px;
     }

     .products-list-nav-toggle .fa-chevron-down {
         font-size: 12px;
     }

     .products-list-intro {
         min-height: 30px;
     }
 }

 @media (max-width: 991px) {
     .products-list-main {
         padding-left: 0;
     }

     .products-list-sidebar {
         margin-bottom: 2em;
         display: none;
     }

     .products-list-card-btn-wrap {
         margin-top: 1em;
     }

     .products-list-intro {
         min-height: unset;
     }
 }

 @media (max-width: 767px) {
     .products-list-section {
         padding: 30px 24px 60px;
     }

     .products-list-page-title {
         font-size: 1.4rem;
     }

     .products-list-card-btn-wrap {
         text-align: center;
     }

     .products-list-card-title-wrap {
         height: unset;
         overflow: unset;
     }
 }

 /* --- Products List2 產品卡（購物車圖示 + Add In Inquiry  overlay）products_list2.html --- */
 .products-list2-card .products-list2-card-main-link {
     display: block;
     text-decoration: none;
     color: inherit;
 }

 .products-list2-card .products-list2-card-img-wrap {
     position: relative;
     width: 100%;
     aspect-ratio: 1;
     overflow: hidden;
     background: #f5f5f5;
     border: 1px solid #e0e0e0;
     border-radius: 8px;
     margin-bottom: 1.5em;
 }

 .products-list2-card .products-list2-card-img-wrap img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .products-list2-card-inquiry-trigger {
     position: absolute;
     bottom: 0;
     left: 0;
     z-index: 2;
     display: flex;
     align-items: flex-end;
     cursor: pointer;
     padding: 8px 12px;
     min-height: 44px;
     width: 100%;
 }

 .products-list2-card-cart-icon {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 41px;
     height: 33px;
     background: rgba(255, 255, 255, 0.9);
     border-radius: 6px;
     color: #888;
     font-size: 36px;
     flex-shrink: 0;
     transition: bottom 0.2s;
     position: absolute;
     bottom: 8px;
     background: url(../images/products/icon-cart-plus.png) no-repeat center center content-box;
 }

 .products-list2-card-cart-icon i.fa-solid {
     display: none;
 }

 .products-list2-card-inquiry-overlay {
     position: absolute;
     left: 0;
     bottom: 0;
     right: 0;
     padding: 16px;
     background: rgba(255, 141, 49, 0.9);
     color: #fff;
     font-size: 24px;
     white-space: nowrap;
     opacity: 0;
     transition: opacity 0.2s;
     text-align: center;
 }

 .products-list2-card-inquiry-trigger:hover .products-list2-card-inquiry-overlay {
     opacity: 1;
 }

 .products-list2-card-inquiry-trigger:hover .products-list2-card-cart-icon {
     bottom: 68px;
     position: absolute;
 }

 .products-list2-card-inquiry-trigger.is-active:hover .products-list2-card-inquiry-overlay {
     opacity: 0;
 }

 .products-list2-card-inquiry-trigger.is-active .products-list2-card-cart-icon {
     display: none;
 }

 .products-list2-card-cart-icon-active {
     display: flex;
     width: 41px;
     height: 33px;
     border-radius: 6px;
     color: rgba(255, 141, 49, 0.9);
     font-size: 36px;
     flex-shrink: 0;
     position: relative;
     z-index: 1;
     display: none;
     position: absolute;
     bottom: 68px;
     background: url(../images/products/icon-cart-plus-added.png) no-repeat center center content-box;
 }

 .products-list2-card-cart-icon-active i.fa-solid {
     display: none;
 }

 .products-list2-card-inquiry-trigger.is-active .products-list2-card-cart-icon-active {
     display: flex;
 }

 .products-list2-card-cart-icon-active .fa-check {
     font-size: 20px;
     color: #fff;
     margin-left: -26px;
 }

 .products-list2-card-inquiry-overlay-active {
     position: absolute;
     left: 0;
     bottom: 0;
     right: 0;
     padding: 16px;
     background: rgba(255, 255, 255, 0.5);
     color: rgb(255, 142, 49);
     font-size: 24px;
     white-space: nowrap;
     opacity: 0;
     transition: opacity 0.2s;
     text-align: center;
 }

 .products-list2-card-inquiry-trigger.is-active .products-list2-card-inquiry-overlay-active {
     opacity: 1;
 }


 .products-list2-card-title-wrap {
     padding: 0px 10%;
     height: 4.5em;
     overflow: hidden;
     margin-bottom: 1em;
 }

 .products-list2-card .products-list2-card-title {
     font-size: 2rem;
     font-weight: bold;
     color: #000;
     margin: 0 0 1em;
     text-align: center;
 }

 .products-list2-card .products-list2-card-code {
     font-size: 1.75em;
     color: #000;
 }

 .products-list2-card-code-wrap {
     text-align: center;
     border-bottom: 3px solid transparent;
 }

 .products-list2-card-main-link:hover .products-list2-card-code-wrap {
     border-bottom-color: var(--primary-orange);
 }




 @media (max-width: 1600px) {
     .products-list2-card .products-list2-card-title {
         font-size: 18px;
     }

     .products-list2-card .products-list2-card-code {
         font-size: 16px;
     }

     .products-list2-card-title-wrap {
         margin-bottom: 0.5em;
         height: 3em;
     }

     .products-list2-card-inquiry-overlay-active,
     .products-list2-card-inquiry-overlay {
         font-size: 18px;
     }
 }

 /* --- Product Detail 商品詳情頁 product_detal.html --- */
 .products-detal-section {
     padding: 40px 60px 80px;
     background: #fff;
 }

 .products-detal-inner {}

 .products-detal-page-title {
     font-size: 48px;
     font-weight: bold;
     color: #000;
     margin: 0 0 1em;
 }

 .products-detal-top {
     margin-bottom: 3em;
     border-bottom: 1px solid #c1c1c1;
     padding-bottom: 3em;
 }

 .products-detal-main-wrap {
     width: 100%;
     aspect-ratio: 1;
     overflow: hidden;
     background: #fff;
     margin-bottom: 1em;
 }

 .products-detal-main-wrap img {
     width: 100%;
     height: 100%;
     object-fit: contain;
 }

 .products-detal-thumbs {
     display: flex;
     gap: 12px;
     justify-content: flex-end;
 }

 .products-detal-thumb {
     flex: 1;
     max-width: 120px;
     padding: 0;
     border: 2px solid #e0e0e0;
     border-radius: 6px;
     overflow: hidden;
     background: #fff;
     cursor: pointer;
     transition: border-color 0.2s;
 }

 .products-detal-thumb:hover {
     border-color: #ccc;
 }

 .products-detal-thumb.active {
     border-color: var(--primary-orange);
 }

 .products-detal-thumb img {
     width: 100%;
     height: auto;
     display: block;
     aspect-ratio: 1;
     object-fit: cover;
 }

 .products-detal-info {
     padding-left: 24px;
 }

 .products-detal-info-title {
     background-color: #ededed;
     font-size: 36px;
     padding: 0.5em 1.5em 0.2em;
     margin-bottom: 1em;
     border-radius: 0px 2.5em 2.5em 0px;
     position: relative;
 }

 .products-detal-info-title:before {
     content: '';
     width: 60px;
     display: block;
     height: 169px;
     background-color: #ededed;
     position: absolute;
     top: 0;
     left: -60px;
     z-index: 1;
 }

 .products-detal-category {
     color: #000;
     margin: 0px;
     font-weight: bold;
 }

 .products-detal-model {
     font-size: 60px;
     font-weight: bold;
     color: var(--deep-orange);
     margin: 0px;
 }

 .products-detal-info-content {
     font-size: 1.25rem;
     padding-left: 2rem;
     margin-bottom: 2em;
 }

 .products-detal-features {
     list-style: disc;
     padding-left: 20px;
     margin: 0 0 24px;
 }

 .products-detal-features li {
     line-height: 1.6;
     color: #000;
     margin-bottom: 8px;
 }

 .products-detal-info-btn {
     text-align: right;
 }

 .products-detal-inquiry-btn {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     padding: 5px 50px;
     background: var(--primary-orange);
     color: #000;
     font-size: 1.25em;
     font-weight: bold;
     text-decoration: none;
     border-radius: 20px;
     transition: background 0.2s;
     position: relative;
 }

 .products-detal-inquiry-btn .fa-solid {
     position: absolute;
     top: -30px;
     left: 14px;
     font-size: 0px;
     width: 41px;
     height: 33px;
     background: url(../images/products/icon-cart-plus-added.png) no-repeat center center content-box;
 }

 .products-detal-inquiry-btn:hover {
     background: #e67d20;
     color: #fff;
 }

 .products-detal-tabs {
     margin-top: 32px;
 }

 .products-detal-tab-list {
     display: flex;
     gap: 0;
     border-bottom: 1px solid #e0e0e0;
     margin-bottom: 0;
     padding: 0;
     list-style: none;
     justify-content: center;
     align-items: end;
 }

 .products-detal-tab-btn {
     padding: 5px 2em;
     font-size: 2em;
     color: #fff;
     background: #cbcbcb;
     border: none;
     border-bottom: 3px solid transparent;
     cursor: pointer;
     margin-bottom: -1px;
     transition: color 0.2s, background 0.2s;
     border-radius: 10px 10px 0px 0px;
     margin-left: 1px;
     margin-right: 1px;
 }

 .products-detal-tab-btn:hover {
     color: #333;
 }

 .products-detal-tab-btn.active {
     background: #777777;
     color: #fff;
     border-bottom-color: #555;
     padding: 10px 2em;
 }

 .products-detal-tab-panel {
     padding: 24px 0 0;
     display: none;
 }

 .products-detal-tab-panel.active {
     display: block;
 }

 .products-detal-spec-boxes {
     display: flex;
     flex-direction: column;
     gap: 12px;
 }

 .products-detal-spec-box {
     padding: 12px 16px;
     font-size: 14px;
     color: #333;
     background: #fff;
     border: 1px solid #cce5ff;
     border-left: none;
     border-right: none;
     border-radius: 4px;
 }

 .products-detal-diagram-wrap {
     margin-top: 16px;
 }

 .products-detal-diagram-wrap img {
     max-width: 100%;
     height: auto;
     display: block;
 }

 .products-detal-tab-placeholder {
     font-size: 15px;
     color: #888;
 }

 .products-detal-tab-placeholder img {
     max-width: 100%;
     height: auto;
 }

 .products-detal-gallery {
     border-radius: 10px;
     border: 1px solid #c2c2c2;
     padding: 20px;
     z-index: 2;
     background-color: #fff;
     position: relative;
 }



 @media (max-width: 1600px) {
     .products-detal-inner {
         max-width: 1320px;
         margin: 0 auto;
     }
 }

 @media (max-width: 1200px) {
     .products-detal-info-title {
         font-size: 1.25rem;
     }

     .products-detal-model {
         font-size: 2rem;
     }

     .products-detal-info-content {
         font-size: 1rem;
     }

     .products-detal-tab-btn {
         font-size: 1rem;
     }

     .products-detal-info-title:before {
         height: 92px;
     }

 }

 @media (max-width: 991px) {
     .products-detal-info {
         padding-left: 0;
         margin-top: 24px;
     }

     .products-detal-info-btn {
         text-align: center;
     }

     .products-detal-info-content {
         padding-left: 0rem;
     }

     .products-detal-info-title:before {
         content: none;
     }
 }

 @media (max-width: 767px) {
     .products-detal-section {
         padding: 30px 24px 60px;
     }

     .products-detal-page-title {
         font-size: 1.25rem;
     }

     .products-detal-thumbs {
         flex-wrap: wrap;
     }

     .products-detal-thumb {
         max-width: 80px;
     }

     .products-detal-tab-btn {
         padding-left: 10px;
         padding-right: 10px;
     }
 }

 /* --- Related Products 相關產品輪播 product_detal.html --- */
 .related-products-section {
     padding: 60px 60px 80px;
     background: #fff;
 }

 .related-products-title {
     margin: 0 0 32px;
     font-size: 0;
     position: relative;
     text-align: center;
 }

 .related-products-title-line {
     width: 100%;
     height: 1px;
     background: #7d7d7d;
     position: absolute;
     top: 50%;
     left: 0;
 }

 .related-products-title-text {
     font-size: 3rem;
     font-weight: bold;
     position: relative;
     display: inline-block;
     background: #fff;
     padding: 0 24px;
 }

 .related-products-title-grey {
     color: #333;
 }

 .related-products-title-orange {
     color: var(--primary-orange);
 }

 .related-products-swiper-wrap {
     padding: 0 50px;
 }

 .related-products-swiper {
     overflow: hidden;
 }

 .related-product-card {
     background: #f3f3f3;
     border: 3px solid transparent;
     border-radius: 10px;
     padding: 7px 7px 20px;
     height: 100%;
     display: flex;
     flex-direction: column;
     align-items: center;
     transition: border-color 0.2s;
 }

 .related-product-card:hover {
     border-color: var(--primary-orange);
 }

 .related-product-card-link {
     display: block;
     width: 100%;
     text-decoration: none;
     color: inherit;
     flex-grow: 1;
 }

 .related-product-card-img-wrap {
     width: 100%;
     aspect-ratio: 1;
     background: #f5f5f5;
     border-radius: 6px;
     overflow: hidden;
     margin-bottom: 16px;
 }

 .related-product-card-img-wrap img {
     width: 100%;
     height: 100%;
     object-fit: contain;
 }

 .related-product-card-title {
     font-size: 22px;
     font-weight: bold;
     color: #333;
     margin: 0 0 20px;
     text-align: center;
     line-height: 1;
     height: 2em;
     overflow: hidden;
 }

 .related-product-card-code {
     display: block;
     font-size: 20px;
     color: #333;
     text-align: center;
     margin-bottom: 26px;
 }

 .related-product-inquiry-btn {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
     width: 80%;
     font-size: 18px;
     font-weight: 500;
     color: #fff;
     background: #a3a3a3;
     border-radius: 20px;
     text-decoration: none;
     transition: background 0.2s, color 0.2s;
     position: relative;
 }

 .related-product-inquiry-btn .fa-solid {
     width: 31px;
     height: 24px;
     position: absolute;
     left: 0px;
     top: -24px;
     font-size: 0px;
     background-image: url(../images/products/icon-cart-plus.png);
     background-size: cover;
     background-repeat: no-repeat;
     background-position-x: center;
     background-position-y: center;

 }

 .related-product-inquiry-btn:hover,
 .related-product-inquiry-btn.active {
     background: var(--primary-orange);
     color: #fff;
 }

 .related-product-inquiry-btn.active .fa-solid {
     background-image: url(../images/products/icon-cart-plus-added.png);
 }

 .related-products-swiper-btn {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     width: 48px;
     height: 48px;
     border-radius: 50%;
     background: #c2c2c2;
     border: none;
     color: #fff;
     font-size: 18px;
     cursor: pointer;
     z-index: 10;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: background 0.2s;
 }

 .related-products-swiper-btn:hover {
     background: #999;
 }

 .related-products-swiper-prev {
     left: 0;
 }

 .related-products-swiper-next {
     right: 0;
 }

 @media (max-width: 991px) {
     .related-products-title-text {
         font-size: 2rem;
     }

     .related-product-inquiry-btn {
         font-size: 14px;
     }
 }

 @media (max-width: 767px) {
     .related-products-section {
         padding: 40px 24px 60px;
     }

     .related-products-title-text {
         font-size: 28px;
     }

     .related-products-swiper-wrap {
         padding: 0 40px;
     }
 }

 /* --- 頁數(共用)pagination-bar --- */
 .pagination-bar {
     display: flex;
     justify-content: flex-end;
 }

 .the-pagination {
     width: 75%;
     background-color: #cdcdcd;
     text-align: right;
     margin-right: -72px;
     padding: 10px 170px;
     border-radius: 50px 0px 0px 50px;
     font-size: 28px;

 }



 .the-pagination-arrow,
 .the-pagination-num {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     min-width: 40px;
     height: 40px;
     padding: 0 12px;
     color: #000;
     text-decoration: none;
     border-radius: 6px;
 }

 .the-pagination-arrow {
     color: #fff;
 }

 .the-pagination-arrow:hover,
 .the-pagination-num:hover {
     background: #eee;
     color: var(--primary-orange);
 }

 .the-pagination-num.active {
     background: var(--primary-orange);
     color: #fff;
 }

 .the-pagination-num.active:hover {
     background: var(--primary-orange);
     color: #fff;
 }

 @media (max-width: 1600px) {
     .the-pagination {
         padding: 10px 10vw;
     }

 }

 @media (max-width: 1500px) {
     .the-pagination {
         padding: 10px 3vw;
     }

 }

 @media (max-width:1100px) {
     .the-pagination {
         padding: 10px 10vw;
         width: 100%;
         margin-right: 0px;
         text-align: center;
         font-size: 18px;
     }

 }

 @media (max-width:767px) {
     .the-pagination {
         padding: 10px;
         font-size: 14px;
     }

     .the-pagination-arrow,
     .the-pagination-num {
         min-width: 30px;
         height: 30px;
     }
 }

 /* --- 回到頂部浮動按鈕（共用）--- */
 .back-to-top {
     position: fixed;
     bottom: 24px;
     right: 0px;
     padding: 0;
     border: none;
     background: transparent;
     z-index: 9999;
     cursor: pointer;
     opacity: 0;
     visibility: hidden;
     pointer-events: none;
     transition: opacity 0.3s, visibility 0.3s, transform 0.2s;
 }

 .back-to-top.is-visible {
     opacity: 1;
     visibility: visible;
     pointer-events: auto;
 }

 .back-to-top img {
     width: 100%;
     height: 100%;
     display: block;
     object-fit: contain;
 }

 .back-to-top:hover {
     opacity: 1 !important;
     transform: translateY(-2px);
 }

 .back-to-top:focus {
     outline: 2px solid var(--primary-orange);
     outline-offset: 2px;
 }

 /* --- sitmap.html 網站地圖手風琴 --- */
 .sitmap-section {
     padding: 40px 60px 80px;
     background: #fff;
 }

 .sitmap-accordion {}

 .sitmap-item {
     margin-bottom: 40px;
 }

 .sitmap-toggle {
     width: 100%;
     border: none;
     background: #c9c9c9;
     color: #292929;
     text-align: left;
     font-weight: bold;
     font-size: 36px;
     line-height: 1.1;
     padding: 15px 30px 16px;
     border-radius: 10px;
     display: flex;
     align-items: center;
     gap: 18px;
 }

 .sitmap-toggle.is-open {
     background: var(--deep-orange);
     color: #fff;
 }

 .sitmap-toggle-icon {
     font-size: 42px;
     width: 40px;
     text-align: center;
     flex-shrink: 0;
     line-height: 1;
     color: #fff;
 }

 .sitmap-children {
     display: none;
     padding: 20px 60px 40px;
 }

 .sitmap-sub-accordion {
     border-radius: 10px;
     border: 1px solid #e5e5e5;
     padding: 30px;
 }

 .sitmap-sub-toggle {
     background: #fff;
     border-bottom: 1px solid #f1f1f1;
     color: #868686;
     font-size: 40px;
     padding: 20px 0px;
     font-weight: 900;
     gap: 0px;
 }

 .sitmap-sub-toggle .sitmap-toggle-icon {
     color: var(--deep-orange);
 }

 .sitmap-sub-toggle .sitmap-toggle-label {
     font-style: italic;
 }

 .sitmap-sub-accordion .sitmap-toggle.is-open{
    color: #868686;
    background: #fff;
 }

 .sitmap-sub-toggle.is-open .sitmap-toggle-icon {
    color: #868686;
 }

.sitmap-sub-toggle i.fa-solid {
    font-size: 20px;
    color: #d2d2d2;
    margin-left: 12px;
    margin-top: 10px;
}

 .sitmap-columns {
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
     gap: 12px 34px;
     padding-top: 40px;
 }

 .sitmap-col h4 {
    margin: 0 0 12px;
    font-size: 30px;
    font-weight: 900;
    color: var(--deep-orange);
    font-style: italic;
 }

 .sitmap-col h4 a {
     color: inherit;
     text-decoration: none;
 }

 .sitmap-col ul,
 .sitmap-links {
    list-style: none;
    padding: 0;
    margin: 0 0 80px;
 }

 .sitmap-col li,
 .sitmap-links li {
     margin-bottom: 2px;
 }

 .sitmap-col li a,
 .sitmap-links li a {
    color: #000;
    text-decoration: none;
    font-size: 20px;
    line-height: 1.25;
    font-weight: 500;
 }

 .sitmap-col li a:hover,
 .sitmap-links li a:hover {
     color: var(--primary-orange);
 }

 @media (max-width: 991px) {
     .sitmap-toggle {
         font-size: 24px;
     }

     .sitmap-sub-toggle {
         font-size: 26px;
     }

     .sitmap-col h4 {
         font-size: 24px;
     }

     .sitmap-columns {
         grid-template-columns: 1fr;
     }
 }

 @media (max-width: 767px) {
    .sitmap-section {
        padding: 20px 14px 40px;
    }
    .sitmap-item {
        margin-bottom: 20px;
    }
    .sitmap-children {
        padding: 10px 0px;
    }
    .sitmap-sub-accordion {
        padding: 20px;
    }
    .sitmap-sub-toggle {
        padding: 0px;
    }
    .sitmap-columns {
        padding: 10px 20px;
    }
    .sitmap-col ul {margin-bottom: 40px;}
 }

 /* --- 輪撥的半圓形--- */
 .swiper,
 .swiper-container {
     z-index: 11;
 }

 .related-products-swiper-btn i.fa-solid,
 .new-products-swiper-btn i.fa-solid,
 .solution-swiper-btn i.fa-solid,
 .testimonials-swiper-btn i.fa-solid {
     z-index: 10;
 }

 .related-products-swiper-btn:before,
 .new-products-swiper-btn:before,
 .solution-swiper-btn:before,
 .testimonials-swiper-btn:before {
     content: '';
     background-size: cover;
     background-repeat: no-repeat;
     background-position-y: center;
     width: 100%;
     height: 200px;
     position: absolute;
     z-index: 1;

 }

 .related-products-swiper-prev:before,
 .new-products-swiper-prev:before,
 .solution-swiper-prev:before,
 .testimonials-swiper-prev:before {
     background-image: url(../images/swiper-prev-bg.png);
     background-position-x: left;

 }

 .related-products-swiper-prev:hover:before,
 .new-products-swiper-prev:hover:before,
 .solution-swiper-prev:hover:before,
 .testimonials-swiper-prev:hover:before {
     background-image: url(../images/swiper-prev-bg-hover.png);
     background-position-x: left;
 }

 .related-products-swiper-next:before,
 .new-products-swiper-next:before,
 .solution-swiper-next:before,
 .testimonials-swiper-next:before {
     background-image: url(../images/swiper-next-bg.png);
     background-position-x: right;

 }

 .related-products-swiper-next:hover:before,
 .new-products-swiper-next:hover:before,
 .solution-swiper-next:hover:before,
 .testimonials-swiper-next:hover:before {
     background-image: url(../images/swiper-next-bg-hover.png);
     background-position-x: right;

 }