@charset "utf-8";

:root {
  /* 顏色 */
  --mainColor: #DC0A13;
  --mainDColor: #A8070E;
  --mainSubColor: #EDBC3B;
  --subColor01: #F0F0F0;
  --subColor02: #E5E5E5;
  --subColor03: #FF7400;
  --subColor04: #06C755;
  --subColor05: #DDDDDD;
  --subColor06: #FFFFFF;
  --textColor: #333333;
  --textSubColor01: #999999;
  --textSubColor02: #666666;
  --redColor: #DC0A13;
  --bgColor: #F7F7F7;
  --bgDColor: #000000;
  --inputColor01: #DDDDDD;
  --inputColor02: #FFFFFF;
  /* 陰影 */
  --shadow01: 0 0 10px rgb(0 0 0 / 6%);
  --shadow02: 0 4px 16px rgb(0 0 0 / 8%);
  /* 字型 */
  --ffMicroSoft: "Microsoft JhengHei", "微軟正黑體", sans-serif;
  --ffNotoSans: "Noto Sans TC", "Noto Sans", "Microsoft JhengHei", sans-serif;
  --ffNotoSerif: "Noto Serif", "Noto Serif TC", serif;
  /* 字體基準15px-50px */
  --f_base: clamp(0.94rem, 2vw, 3.125rem);
  /* 比例 */
  --s-xss: 0.55;
  --s-xs: 0.75;
  --s-s: 0.88;
  --s-m: 1.13;
  --s-l: 1.50;
  --s-xl: 1.80;
  /*12*/
  --fz12: 0.75rem;
  /*13*/
  --fz13: 0.8125rem;
  /*14*/
  --fz14: 0.8750rem;
  /*14-15*/
  --fz15: clamp(0.8750rem, calc(var(--f_base) * var(--s-xs)), 0.9375rem);
  /*15-16*/
  --fz16: clamp(0.9375rem, calc(var(--f_base) * var(--s-xs)), 1rem);
  /*16-17*/
  --fz17: clamp(1rem, calc(var(--f_base) * var(--s-xs)), 1.125rem);
  /*17-18*/
  --fz18: clamp(1.0625rem, calc(var(--f_base) * var(--s-s)), 1.125rem);
  /*19-20*/
  --fz20: clamp(1.1875rem, calc(var(--f_base) * var(--s-s)), 1.25rem);
  /*21-22*/
  --fz22: clamp(1.3125rem, calc(var(--f_base) * var(--s-s)), 1.375rem);
  /*23-24*/
  --fz24: clamp(1.4375rem, calc(var(--f_base) * var(--s-m)), 1.5rem);
  /*25-26*/
  --fz26: clamp(1.5625rem, calc(var(--f_base) * var(--s-m)), 1.625rem);
  /*28-30*/
  --fz30: clamp(1.75rem, calc(var(--f_base) * var(--s-l)), 1.875rem);
  /*32-36*/
  --fz36: clamp(2rem, calc(var(--f_base) * var(--s-l)), 2.25rem);
  /*36-40*/
  --fz40: clamp(2.25rem, calc(var(--f_base) * var(--s-l)), 2.5rem);
  /*46-50*/
  --fz50: clamp(2.875rem, calc(var(--f_base) * var(--s-xl)), 3.125rem);
  /* 間距：命名 = 最大值 px */
  /*8-10*/
  --pd10: clamp(0.5rem, .3vw, 0.625rem);
  /*10-15*/
  --pd15: clamp(0.625rem, .5vw, 0.9375rem);
  /*15-20*/
  --pd20: clamp(0.9375rem, .7vw, 1.25rem);
  /*15-25*/
  --pd25: clamp(0.9375rem, 1.2vw, 1.5625rem);
  /*20-30*/
  --pd30: clamp(1.25rem, 1.5vw, 1.875rem);
  /*30-40*/
  --pd40: clamp(1.875rem, 2vw, 2.5rem);
  /*35-50*/
  --pd50: clamp(2.1875rem, 2.6vw, 3.125rem);
  /*40-70*/
  --pd70: clamp(2.5rem, 3.6vw, 4.375rem);
  /*45-80*/
  --pd80: clamp(2.8rem, 4.1vw, 5rem);
  /*50-100*/
  --pd100: clamp(3.125rem, 5.1vw, 6.25rem);
  /* 圓角 */
  /*10-14*/
  --rd14: clamp(0.625rem, .8vw, 0.875rem);
  /*14-20*/
  --rd20: clamp(0.875rem, 1.1vw, 1.25rem);
  /*20-30*/
  --rd30: clamp(1.25rem, 1.6vw, 1.875rem);
  /*24-40*/
  --rd40: clamp(1.5rem, 2.1vw, 2.5rem);
}

/* 專案 reset（接在 normalize.css 之後，不改第三方檔） */
* {
  box-sizing: border-box;
  max-width: 100%;
}

body {
  max-width: 100%;
  font-family: var(--ffNotoSans);
  color: var(--textColor);
  line-height: 1.6;
  background: var(--bgColor);
  overflow-x: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}

p {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: normal;
}

img {
  max-width: 100%;
  display: block;
}

ul, li {
  list-style: none;
  padding: 0;
  margin: 0;
}

blockquote, figure, dl, dd {
  margin: 0;
  padding: 0;
}

em {
  font-style: normal;
}

input, select, button {
  color: inherit;
  font-family: inherit;
}

button {
  cursor: pointer;
}

/* 後台編輯器內容還原（內文區掛 .editPart） */
.editPart ul, .editPart li {
  list-style: initial;
  padding: initial;
  margin: initial;
}

.editPart img {
  height: auto;
}

.swiper ul, .swiper li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.swiper-wrapper {
  max-width: unset;
}

/* 工具類 */
.max1900 { max-width: 1900px; width: 100%; margin: 0 auto; }
.max1600 { max-width: 1600px; width: 100%; margin: 0 auto; }
.max1400 { max-width: 1400px; width: 100%; margin: 0 auto; }
.max1000 { max-width: 1000px; width: 100%; margin: 0 auto; }

.flex {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.flex_start {
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
}

/* 版面骨架 */
.page_contain {
  position: relative;
  z-index: 1;
  width: 100%;
}

.indexMain {
  width: 100%;
  position: relative;
}

.mainBox {
  padding: clamp(1rem, 2em, var(--pd30)) clamp(1rem, 2.5%, var(--pd50)) clamp(2.5rem, 5em, var(--pd100));
}

/* ============================================================
   共用元件
   ============================================================ */

/* 白底圓角區塊 */
.motor_box {
  background: #FFFFFF;
  border-radius: var(--rd30);
  box-shadow: var(--shadow01);
  padding: clamp(1.5rem, 2.5em, var(--pd50)) clamp(1rem, 4%, var(--pd50));
}

/* title：區塊標題列（左紅字標題、右觀看更多） */
.titlePart {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--pd20);
  margin-bottom: var(--pd20);
}

.motor_topTitle {
  font-size: var(--fz22);
  font-weight: 700;
  color: var(--textColor);
}

.titlePart > a {
  font-size: var(--fz14);
  font-weight: 700;
  color: var(--mainColor);
  white-space: nowrap;
}

.titlePart > a i {
  margin-left: .5em;
}

.motor_secTitle h2 {
  font-size: var(--fz26);
  font-weight: 700;
  color: var(--mainColor);
}

.motor_centerTitle {
  font-size: var(--fz30);
  font-weight: 700;
  color: var(--mainColor);
  text-align: center;
  margin-bottom: var(--pd40);
}

/* 觀看更多（紅字 + 雙箭頭） */
.motor_more {
  font-size: var(--fz14);
  font-weight: 700;
  color: var(--mainColor);
  white-space: nowrap;
  transition: .3s;
}

.motor_more i {
  margin-left: .6em;
}

/* 白底長條標題列（全部商品 / 分類列表 / 列表頁頂） */
.motor_titleBar {
  display: flex;
  align-items: center;
  gap: var(--pd20) var(--pd30);
  background: #FFFFFF;
  border-radius: var(--rd14);
  box-shadow: var(--shadow01);
  padding: .9em clamp(1em, 2.5%, var(--pd50));
  margin-bottom: var(--pd30);
}

.motor_titleBar_h {
  font-size: var(--fz26);
  font-weight: 700;
  color: var(--mainColor);
  line-height: 1.3;
  padding-right: var(--pd30);
  border-right: 1px solid var(--subColor05);
  white-space: nowrap;
}

.motor_titleBar .motor_more {
  margin-left: auto;
}

/* 線框按鈕（立即搜尋 / 文章搜尋） */
.motor_btnLine {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .4em;
  padding: .35em 1em;
  border: 1px solid var(--mainColor);
  border-radius: .4em;
  background: #FFFFFF;
  color: var(--mainColor);
  font-size: var(--fz15);
  white-space: nowrap;
  transition: .3s;
}

/* 紅底按鈕（回上一頁） */
.motor_back {
  display: block;
  width: fit-content;
  min-width: 10em;
  margin: var(--pd50) auto 0;
  padding: .7em 2em;
  border-radius: .5em;
  background: var(--mainColor);
  color: #FFFFFF;
  font-size: var(--fz15);
  text-align: center;
  transition: .3s;
}

/* 寬版白框按鈕（新進店家觀看更多） */
.motor_moreBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .8em;
  width: min(770px, 100%);
  margin: var(--pd50) auto 0;
  padding: 1.1em;
  border: 1px solid var(--subColor05);
  border-radius: var(--rd20);
  background: #FFFFFF;
  font-size: var(--fz16);
  font-weight: 700;
  transition: .3s;
}

/* 圓形箭頭鈕 */
.motor_arrowBtn {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  border: 1px solid var(--textSubColor01);
  color: var(--textSubColor01);
  font-size: var(--fz14);
  transition: .3s;
}

/* path */
.path {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .4em 1em;
  font-size: var(--fz13);
  font-weight: 500;
  color: var(--textColor);
  margin-bottom: var(--pd30);
}

.path i {
  font-size: .8em;
}

/* 頁碼 */
.pageList {
  margin-top: var(--pd50);
}

.pageList ul {
  gap: .3em;
  font-size: var(--fz14);
  color: var(--textSubColor02);
}

.pageList li a {
  min-width: 1.8em;
  height: 1.8em;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: .2em .4em;
  border-radius: .3em;
  line-height: 1;
  transition: .3s;
}

.pageList li.active a {
  background: var(--mainColor);
  color: #FFFFFF;
  pointer-events: none;
  font-weight: bold;
}

/* 共用搜尋列（header 產品搜尋） */
.motor_searchBox {
  display: flex;
  align-items: center;
  gap: var(--pd10);
  background: #FFFFFF;
  border: 1px solid var(--subColor02);
  border-radius: 999px;
  padding: .3em .3em .3em 1.6em;
}

.motor_searchBox input[type="text"] {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  outline: 0;
  padding: .5em 0;
  font-size: var(--fz14);
  background: transparent;
}

.motor_searchBox button {
  flex: none;
  width: 2.6em;
  height: 2.6em;
  border: 0;
  border-radius: .7em;
  background: var(--mainColor);
  color: #FFFFFF;
  font-size: var(--fz16);
  transition: .3s;
}

/* 小型搜尋框（文章搜尋 / 店家搜尋） */
.motor_miniSearch {
  display: flex;
  align-items: center;
  gap: var(--pd15);
}

.motor_miniSearch label {
  display: flex;
  align-items: center;
  width: clamp(160px, 14vw, 260px);
  border: 1px solid var(--subColor05);
  border-radius: 999px;
  padding: 0 1em;
  background: #FFFFFF;
}

.motor_miniSearch input {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  padding: .5em 0;
  font-size: var(--fz13);
  background: transparent;
}

.motor_miniSearch label i {
  color: var(--textSubColor01);
  font-size: var(--fz14);
}

.motor_miniSearch .motor_btnLine {
  border-radius: 999px;
  padding: .45em 1.2em;
}

/* 分類頁籤（文章 / 店家篩選） */
.motor_tabs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--pd15);
}

.motor_tabs a {
  min-width: 6.5em;
  padding: .45em 1.2em;
  border-radius: .4em;
  background: var(--subColor01);
  font-size: var(--fz14);
  text-align: center;
  transition: .3s;
}

.motor_tabs a.active {
  background: var(--mainColor);
  color: #FFFFFF;
}

/* 共用圖框：高度靠 aspect-ratio，不對 img 寫 height */
.motor_img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: var(--rd14);
  background: var(--subColor01);
}

.motor_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .6s;
}

/* 日期 */
.articleDate {
  font-size: var(--fz13);
  color: var(--textColor);
}

/* 空狀態 */
.noData {
  width: 100%;
  text-align: center;
  color: var(--textSubColor01);
  padding: var(--pd50) 0;
  grid-column: 1 / -1;
}

/* 商品卡片 */
.motor_pdCard {
  position: relative;
  height: auto;
  background: #FFFFFF;
  border-radius: var(--rd14);
  box-shadow: var(--shadow02);
  padding: var(--pd10);
}

.motor_pdCard > a {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.motor_pdInfo {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: var(--pd20) var(--pd15) var(--pd10);
}

.motor_pdInfo h4 {
  font-size: var(--fz12);
  color: var(--textColor);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.motor_pdInfo h3 {
  font-size: var(--fz15);
  font-weight: 500;
  margin-top: .3em;
  overflow: hidden;
  text-overflow: ellipsis;
}

.motor_pdPrice {
  margin-top: auto;
  padding-top: var(--pd20);
  padding-right: var(--pd20);
}

.motor_pdPrice p {
  display: flex;
  align-items: baseline;
  gap: 0 .6em;
  flex-wrap: wrap;
}

.motor_pdPrice span {
  font-size: var(--fz12);
}

.motor_pdPrice .oriPrice b {
  font-size: var(--fz14);
  font-weight: 500;
  color: var(--subColor03);
  text-decoration: line-through;
}

.motor_pdPrice .salePrice b {
  font-size: var(--fz18);
  font-weight: 700;
  color: var(--mainColor);
}

/* 收藏鈕 / 移除紀錄鈕 */
.likeCollect,
.historyRemove {
  position: absolute;
  right: var(--pd20);
  bottom: var(--pd20);
  z-index: 2;
  border: 0;
  padding: 0;
  background: none;
  color: var(--textSubColor01);
  font-size: var(--fz20);
  line-height: 1;
  transition: .3s;
}

.likeCollect .fa-solid { display: none; }
.likeCollect.like_checked { color: var(--mainColor); }
.likeCollect.like_checked .fa-solid { display: inline-block; }
.likeCollect.like_checked .fa-regular { display: none; }

/* 商品列表（格狀） */
.motor_pdGrid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(260px, 45%), 1fr));
  gap: var(--pd30) var(--pd20);
}

/* 輪播左右鈕（商品 / 文章輪播共用） */
.motor_swiperNav {
  --swiper-navigation-size: 1em;
  --swiper-navigation-color: #FFFFFF;
  --swiper-navigation-sides-offset: 0px;
}

.motor_swiperNav .swiper-button-prev,
.motor_swiperNav .swiper-button-next {
  width: 2.4em;
  height: 2.4em;
  border-radius: .3em;
  background: rgb(0 0 0 / 55%);
  font-size: var(--fz14);
}

.motor_swiperNav .swiper-button-prev svg,
.motor_swiperNav .swiper-button-next svg {
  width: .7em;
  height: auto;
}

/* 文字列表（日期 + 標題）：首頁文章一覽、促銷文章、相關文章 */
.motor_lineList {
  display: grid;
  /* 最多兩欄：欄寬下限取 420px 與 45% 較大者，寬度不足自動變一欄 */
  grid-template-columns: repeat(auto-fill, minmax(min(max(420px, 45%), 100%), 1fr));
  gap: 0 var(--pd50);
}

.motor_lineList li {
  border-bottom: 1px solid var(--subColor02);
}

.motor_lineList a {
  display: flex;
  align-items: center;
  gap: var(--pd20);
  padding: 1em .6em;
  position: relative;
  transition: .3s;
}

.motor_lineList h3 {
  flex: 1 1 auto;
  min-width: 0;
  font-size: var(--fz14);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 日期在上的版本 */
.motor_lineList_dateTop a {
  flex-direction: column-reverse;
  align-items: flex-start;
  gap: .3em;
}

.motor_lineList_dateTop h3 {
  width: 100%;
}

/* 有編號的版本 */
.motor_lineList_num {
  counter-reset: lineNum;
}

.motor_lineList_num a {
  counter-increment: lineNum;
  padding-left: 3.6em;
}

.motor_lineList_num a::before {
  content: counter(lineNum);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2.4em;
  padding-right: .6em;
  border-right: 1px solid var(--subColor02);
  font-size: var(--fz16);
  text-align: center;
}

/* 文章卡片（有圖） */
.motor_artList {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: var(--pd40) var(--pd30);
}

.motor_artCard {
  height: auto;
  background: #FFFFFF;
  border-radius: var(--rd30);
  box-shadow: var(--shadow02);
  padding: var(--pd15);
}

.motor_artCard .motor_img {
  aspect-ratio: 4 / 3;
  border-radius: var(--rd20);
}

.motor_artCard figure {
  padding: var(--pd20) var(--pd10) var(--pd10);
}

.motor_artCard h3 {
  font-size: var(--fz17);
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.motor_artCard .articleDate {
  margin: .6em 0 .3em;
}

.motor_artCard p {
  font-size: var(--fz13);
  color: var(--textSubColor02);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 店家資訊條（商品內頁 / 文章內頁 / 店家內頁） */
.motor_storeBar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--pd20) var(--pd40);
  margin-bottom: var(--pd30);
}

.motor_storeBar.motor_box {
  padding: var(--pd25) clamp(1rem, 2.5%, var(--pd50));
}

.motor_storeBar_info {
  display: flex;
  align-items: center;
  gap: var(--pd30);
  min-width: 0;
}

.motor_storeBar_logo {
  flex: none;
  width: clamp(110px, 7.5vw, 145px);
  aspect-ratio: 140 / 104;
  overflow: hidden;
  background: var(--subColor01);
}

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

.motor_storeBar_data {
  min-width: 0;
}

.motor_storeBar_data h1,
.motor_storeBar_data h2 {
  font-size: var(--fz16);
  font-weight: 700;
  color: var(--mainColor);
}

.motor_storeBar_data > p {
  font-size: var(--fz12);
  color: var(--textSubColor01);
  margin-bottom: .3em;
}

.motor_storeBar_data li {
  display: flex;
  gap: 1em;
  font-size: var(--fz13);
}

.motor_storeBar_side {
  flex: none;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--pd15);
}

.motor_storeBar_btns {
  display: flex;
  border-radius: .6em;
  background: var(--mainColor);
  overflow: hidden;
}

.motor_storeBar_btns a {
  display: flex;
  align-items: center;
  gap: .6em;
  padding: .7em clamp(1.2em, 2vw, 2.6em);
  color: #FFFFFF;
  font-size: var(--fz14);
  transition: .3s;
}

.motor_storeBar_btns a + a {
  border-left: 1px solid rgb(255 255 255 / 50%);
}

.motor_storeBar_btns img {
  width: 1.1em;
}

/* 圓形圖示連結（LINE / FB / 地圖 / 官網） */
.motor_iconLinks {
  display: flex;
  flex-wrap: wrap;
  gap: .5em;
}

.motor_iconLinks a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background: var(--subColor02);
  font-size: var(--fz14);
  transition: .3s;
}

.motor_iconLinks a img {
  width: max(15px,50%);
}

/* 文章搜尋區（文章列表 / 促銷文章列表 / 店家列表） */
.motor_filter_t {
  display: flex;
  align-items: baseline;
  gap: var(--pd30);
  margin-bottom: var(--pd30);
}

.motor_filter_t h1 {
  font-size: var(--fz22);
  font-weight: 700;
  color: var(--mainColor);
}

.motor_filter_t p {
  font-size: var(--fz14);
}

.motor_filter_t b {
  color: var(--mainColor);
}

.motor_filter_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--pd20);
  padding-bottom: var(--pd20);
  border-bottom: 1px solid var(--subColor05);
}

.motor_filter_tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .4em var(--pd30);
  padding-top: var(--pd20);
  font-size: var(--fz13);
}

.motor_filter_tags h3 {
  font-size: var(--fz13);
  font-weight: 700;
  margin-right: var(--pd10);
}

.motor_filter_tags a {
  display: inline-flex;
  align-items: center;
  gap: .4em;
  transition: .3s;
}

.motor_filter_tags a.active {
  color: var(--mainColor);
}

/* 文章內容區（文章內頁 / 促銷文章內頁） */
.motor_article_share {
  display: flex;
  align-items: center;
  gap: .8em;
  font-size: var(--fz12);
  color: var(--textSubColor01);
  margin-bottom: var(--pd20);
}

.motor_article_share a {
  display: inline-flex;
  width: 1.3em;
  color: var(--textSubColor01);
  font-size: var(--fz14);
}

.motor_article_share .share_line {
  color: var(--subColor04);
}

.motor_article_title {
  font-size: var(--fz22);
  font-weight: 700;
  margin-bottom: .6em;
}

.motor_article_date {
  display: flex;
  align-items: center;
  gap: .6em;
  font-size: var(--fz13);
  color: var(--textSubColor02);
  padding-bottom: var(--pd30);
  margin-bottom: var(--pd30);
  border-bottom: 1px solid var(--subColor02);
}

.motor_article_date img {
  width: 1.1em;
}

.motor_article_cont {
  font-size: var(--fz14);
  line-height: 1.5;
}

.motor_article_cont img {
  margin-top: var(--pd40);
}

/* header */
.header {
  width: 100%;
  position: relative;
  z-index: 100;
  background: var(--bgColor);
  padding: var(--pd20) clamp(1rem, 2.5%, var(--pd50));
}

.header_main {
  display: flex;
  align-items: center;
  gap: var(--pd20) clamp(1.5em, 4vw, 4em);
  padding: 0 clamp(0px, 2%, var(--pd50));
}

.header_logo {
  flex: none;
}

.logoMain img {
  width: clamp(150px, 13vw, 250px);
}

.siteName {
  position: absolute;
  font-size: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.header_search {
  flex: 1 1 auto;
  max-width: 1210px;
}

.header_links {
  flex: none;
  display: flex;
  gap: clamp(1em, 1.6vw, 2em);
  margin-left: auto;
}

.header_links a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .2em;
  font-size: var(--fz12);
  color: var(--textSubColor02);
  transition: .3s;
}

.header_links em {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.8em;
  font-size: var(--fz20);
  color: var(--textSubColor02);
}

.header_links em img {
  width: 1.1em;
}

/* 分類選單：桌機不顯示，1024 以下為漢堡選單 */
.stellarnav.desktop {
  display: none;
}

/* ============================================================
   index（首頁各區塊依畫面順序）
   ============================================================ */

/* 首頁上方：大圖 + 全站分類 + 好康優惠 */
.index_page .index_top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(260px, 17.5vw, 345px) clamp(270px, 18.5vw, 360px);
  gap: var(--pd25);
  margin-bottom: var(--pd50);
}

/* 首頁大圖 */
.index_page .indexBanner {
  --ban_radius: var(--rd40);
  position: relative;
  min-width: 0;
}

.index_page .swiperBanner {
  height: 100%;
  border-radius: var(--ban_radius);
  overflow: hidden;
  --swiper-pagination-color: #FFFFFF;
  --swiper-pagination-bullet-inactive-color: #FFFFFF;
  --swiper-pagination-bullet-inactive-opacity: .5;
  --swiper-pagination-bullet-size: .9em;
  --swiper-pagination-bottom: 1.6em;
}

.index_page .swiperBanner .swiper-pagination {
  left: auto;
  right: 4%;
  width: auto;
}

.index_page .swiperBanner .swiper-pagination-bullet-active {
  width: 1.8em;
  border-radius: 999px;
}

.index_page .swiperBanner .swiper-slide img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1150 / 600;
  object-fit: cover;
  object-position: left center;
}

/* 統計數字：疊在大圖左下角，背景同頁面色並做出反向圓角 */
.index_page .counterBox {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, auto);
  width: min(600px, 55%);
  padding: var(--pd30) var(--pd30) var(--pd10) 0;
  background: var(--bgColor);
  border-top-right-radius: var(--ban_radius);
}

.index_page .counterBox::before,
.index_page .counterBox::after {
  content: "";
  position: absolute;
  width: var(--ban_radius);
  height: var(--ban_radius);
  background: radial-gradient(circle at 0 0, transparent var(--ban_radius), var(--bgColor) calc(var(--ban_radius) - 1px));
}

.index_page .counterBox::before {
  left: 0;
  top: calc(var(--ban_radius) * -1);
  transform: scaleX(-1);
}

.index_page .counterBox::after {
  right: calc(var(--ban_radius) * -1);
  bottom: 0;
  transform: scaleX(-1);
}

.index_page .counterBox dl {
  text-align: center;
  padding: 0 .4em;
}

.index_page .counterBox dl + dl {
  border-left: 1px solid var(--subColor05);
}

.index_page .counterBox dt {
  font-size: var(--fz14);
  font-weight: 700;
  color: var(--mainColor);
  white-space: nowrap;
}

.index_page .counterBox dt b {
  font-size: var(--fz30);
  margin-right: .1em;
}

.index_page .counterBox dd {
  font-size: var(--fz15);
  font-weight: 700;
}

/* 全站分類 / 好康優惠 外框（依設計稿標註：漸層底 + 白框 + 陰影） */
.index_page .index_topBox {
  background: linear-gradient(45deg, #F7F7F7, #FFFFFF);
  border: 2px solid #FFFFFF;
  box-shadow: 0px 0px 10px rgb(0 0 0 / 6%);
  border-radius: var(--rd30);
  padding: var(--pd30) var(--pd20) var(--pd20);
  min-width: 0;
}

.index_page .index_topBox .titlePart {
  padding: 0 var(--pd10);
}

/* 全站分類：項目平均撐滿框高（同設計稿） */
.index_page .index_classBox {
  display: flex;
  flex-direction: column;
}

.index_page .index_classList {
  flex: 1 1 auto;
  display: grid;
  grid-auto-rows: 1fr;
  gap: var(--pd15);
  grid-template: min-content / 1fr;
}

.index_page .index_classList:has(li:nth-child(8)) {
  gap: var(--pd10);
}

.index_page .index_classList a {
  height: 100%;
  display: flex;
  align-items: center;
  gap: .8em;
  padding: .9em 1.1em .9em 1.6em;
  border-radius: 999px;
  background: linear-gradient(90deg, #FFFFFF, #F4F4F4);
  box-shadow: 0 2px 8px rgb(0 0 0 / 6%);
  font-size: var(--fz18);
  transition: .3s;
}

.index_page .index_classNum {
  font-weight: 500;
  letter-spacing: .1em;
  padding-right: .7em;
  border-right: 1px solid var(--subColor05);
  line-height: 1;
}

.index_page .index_classList b {
  flex: 1 1 auto;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index_page .index_classList i {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.7em;
  height: 1.7em;
  border-radius: 50%;
  border: 1px solid var(--textSubColor01);
  color: var(--textSubColor01);
  font-size: var(--fz14);
  transition: .3s;
}

/* 好康優惠：三張卡片，展開的那張顯示副標與 GO */
.index_page .index_saleLinks {
  display: flex;
  flex-direction: column;
  height: calc(100% - 3.2em);
}

.index_page .index_saleLink {
  --sale_border: var(--mainColor);
  position: relative;
  flex: 1 1 0;
  min-height: 6.5em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: var(--pd20) var(--pd30);
  border: 2px solid var(--sale_border);
  border-radius: var(--rd20);
  color: #FFFFFF;
  /* 卡片高度、大標字級、副標展開三者同時間、同曲線，內容才會跟著卡片一起長大 */
  --sale_speed: .6s ease;
  /* 展開 / 收合只切換這兩個變數：大標字級、圖示尺寸 */
  --sale_h3: var(--fz20);
  --sale_icon: var(--pd70);
  transition: flex-grow var(--sale_speed);
}

/* 依設計稿：卡片上下相疊，下一張的圓角頂端蓋住上一張的底部；被蓋住的高度由下內距補回 */
.index_page .index_saleLink + .index_saleLink {
  margin-top: calc(var(--rd20) * -1);
}

.index_page .index_saleLink:not(:last-child) {
  padding-bottom: calc(var(--pd20) + var(--rd20));
}

.index_page .index_saleLink02 { --sale_border: #F39800; }
.index_page .index_saleLink03 { --sale_border: #20A9B5; }

.index_page .index_saleLink_bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-position: bottom;
  object-fit: cover;
  border-radius: calc(var(--rd20) - 2px);
}

.index_page .index_saleLink_hot {
  position: absolute;
  left: -.8em;
  top: -.8em;
  width: 2.6em;
}

.index_page .index_saleLink_cont {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--pd20);
}

.index_page .index_saleLink_icon {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--sale_icon);
  aspect-ratio: 1;
  border-radius: 50%;
  border: 2px solid rgb(255 255 255 / 60%);
  background: radial-gradient(circle at 30% 30%, rgb(255 255 255 / 45%), rgb(255 255 255 / 10%));
  transition: width var(--sale_speed);
}

.index_page .index_saleLink_icon img {
  width: 62%;
}

.index_page .index_saleLink_txt {
  flex: 1;
}

.index_page .index_saleLink_txt h3 {
  font-size: var(--sale_h3);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: .02em;
  transition: font-size var(--sale_speed);
}

.index_page .index_saleLink_txt h4 {
  font-size: var(--fz16);
  font-weight: 700;
}

/* 副標 + GO：收合時高度 0、透明；展開時用 grid 列高 0fr→1fr 平滑長出 */
.index_page .index_saleLink_more {
  position: relative;
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  transition: grid-template-rows var(--sale_speed), opacity var(--sale_speed);
}

.index_page .index_saleLink_more > div {
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .6em;
}

.index_page .index_saleLink_sub {
  margin-top: .6em;
  font-size: var(--fz18);
  font-weight: 700;
}

.index_page .index_saleLink_go {
  display: inline-flex;
  align-items: center;
  gap: .4em;
  padding: .2em 1em;
  border-radius: 999px;
  background: var(--mainColor);
  font-size: var(--fz14);
}

/* 展開狀態：預設第一張 */
/* .index_page .index_saleLink:first-child {
  flex-grow: 2.4;
  --sale_h3: var(--fz36);
}

.index_page .index_saleLink:first-child .index_saleLink_more {
  grid-template-rows: 1fr;
  opacity: 1;
} */

/* 首頁商品列表 */
.index_page .index_pdList {
  margin-bottom: var(--pd50);
}

.index_page .index_pdList_select {
  display: flex;
  align-items: center;
  gap: var(--pd15) clamp(1em, 2.5vw, 3em);
}

.index_page .index_pdSwiper {
  padding: var(--pd10);
  margin: calc(var(--pd10) * -1);
}

/* 首頁分類下拉（main.js 產生 .select 結構） */
.index_page .select-hidden {
  display: none;
}

.index_page .select {
  position: relative;
  font-size: var(--fz15);
}

.index_page .select-styled {
  position: relative;
  min-width: 7.5em;
  padding: .3em 2.2em .3em 0;
  cursor: pointer;
  white-space: nowrap;
}

.index_page .select-styled::after {
  content: "";
  position: absolute;
  right: .3em;
  top: 50%;
  border: .35em solid transparent;
  border-top-color: var(--textColor);
  transform: translateY(-25%);
  transition: .3s;
}

.index_page .select-styled.active {
  color: var(--mainColor);
}

.index_page .select-styled.active::after {
  transform: translateY(-75%) rotate(180deg);
}

/* 依設計稿標註：下拉面板背景模糊半透明 */
.index_page .select-options-wrapper {
  display: none;
  position: absolute;
  left: -1.2em;
  top: calc(100% + .8em);
  z-index: 20;
  min-width: 22em;
  padding: 1em 1.2em;
  border: 1px solid var(--subColor02);
  border-top: 2px solid var(--mainColor);
  border-radius: 0 0 .4em .4em;
  background: rgb(255 255 255 / 70%);
  backdrop-filter: saturate(50%) blur(5px);
  -webkit-backdrop-filter: saturate(50%) blur(5px);
  box-shadow: var(--shadow02);
}

.index_page .select-options {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .6em 1.2em;
}

.index_page .select-options:has(li:nth-child(16)) {
  grid-template-columns: repeat(4, 1fr);
}

.index_page .select-options li {
  font-size: var(--fz14);
  white-space: nowrap;
  cursor: pointer;
  transition: .3s;
}

.index_page .select-options li.is-selected {
  color: var(--mainColor);
}

/* 精選文章 */
.index_page .index_article {
  background: var(--subColor01);
  border-radius: var(--rd30);
  padding: clamp(1.5rem, 3em, var(--pd50)) clamp(1rem, 2.5%, var(--pd50));
  margin-top: var(--pd80);
}

.index_page .index_featured {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--pd30) var(--pd30);
  margin-bottom: var(--pd50);
}

.index_page .index_featured_first .motor_img {
  aspect-ratio: 900 / 590;
  border-radius: var(--rd30);
}

.index_page .index_featured_first .index_featured_info {
  position: relative;
  padding: var(--pd20) 4em var(--pd10) var(--pd20);
}

.index_page .index_featured_first h3 {
  color: var(--mainColor);
}

.index_page .index_featured_first .motor_arrowBtn {
  position: absolute;
  right: var(--pd20);
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  background: var(--mainColor);
  color: #FFFFFF;
}

.index_page .index_featured_info h3 {
  font-size: var(--fz17);
  font-weight: 500;
  line-height: 1.4;
}

.index_page .index_featured_info .articleDate {
  margin: .5em 0;
}

.index_page .index_featured_info p {
  font-size: var(--fz13);
  color: var(--textSubColor02);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.index_page .index_featured_list {
  display: grid;
  gap: var(--pd30);
  align-content: space-between;
}

.index_page .index_featured_list a {
  display: flex;
  align-items: center;
  gap: var(--pd30);
}

.index_page .index_featured_list .motor_img {
  flex: none;
  width: min(305px, 38%);
  aspect-ratio: 305 / 230;
  border-radius: var(--rd20);
}

.index_page .index_featured_list .index_featured_info {
  flex: 1 1 auto;
  min-width: 0;
}

.index_page .index_featured_list .articleDate {
  padding-bottom: .6em;
  border-bottom: 1px solid var(--subColor05);
}

.index_page .index_artLines {
  padding-block: var(--pd40) var(--pd30);
}

/* 新進店家 */
.index_page .index_newStore {
  padding: var(--pd80) 0;
}

.index_page .newStoreSwiper {
  --swiper-pagination-color: var(--mainColor);
  padding: var(--pd10) var(--pd10) var(--pd40);
  margin: 0 calc(var(--pd10) * -1);
}

.index_page .newStoreSwiper .swiper-slide {
  height: auto;
}

.index_page .newStoreSwiper a {
  display: block;
  aspect-ratio: 248 / 190;
  border-radius: var(--rd20);
  overflow: hidden;
  background: #FFFFFF;
  box-shadow: var(--shadow02);
}

.index_page .newStoreSwiper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .6s;
}

/* 合作廣告 */
.index_page .index_ad {
  position: relative;
}

.index_page .index_ad img {
  width: 100%;
}

.index_page .index_ad_links {
  position: absolute;
  left: 2.7%;
  right: 2.7%;
  bottom: 7%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--pd15);
}

.index_page .index_ad_links a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .6em;
  padding: .5em;
  border: 1px solid rgb(255 255 255 / 25%);
  border-radius: .3em;
  background: rgb(255 255 255 / 5%);
  color: #FFFFFF;
  font-size: var(--fz16);
  font-weight: 700;
  transition: .3s;
}

/* ============================================================
   各內頁（每頁一區，整區包在 .頁面_page 範圍內）
   ============================================================ */

/* 商品列表頁 class */
.class_page .class_wrap {
  display: grid;
  grid-template-columns: clamp(220px, 15vw, 290px) minmax(0, 1fr);
  gap: var(--pd30) var(--pd50);
  align-items: start;
}

.class_page .class_menu_t {
  font-size: var(--fz24);
  font-weight: 700;
  padding: var(--pd20) var(--pd15) 0;
  margin-bottom: var(--pd20);
}

.class_page .class_menu_special {
  display: grid;
  margin-bottom: var(--pd20);
}

.class_page .class_menu_special a {
  padding: .6em var(--pd15);
  font-size: var(--fz17);
  font-weight: 700;
  transition: .3s;
}

.class_page .class_menu_special a.active {
  color: var(--mainColor);
}

.class_page .classMenuList {
  display: grid;
  gap: var(--pd15);
}

.class_page .classMenuList > li {
  position: relative;
}

.class_page .classMenuList > li > a {
  display: block;
  padding: .7em 3em .7em 1.1em;
  border-radius: .4em;
  background: var(--subColor01);
  font-size: var(--fz16);
  transition: .3s;
}

.class_page .classMenuList > li.active > a {
  background: var(--mainColor);
  color: #FFFFFF;
  font-weight: 700;
  border-radius: .4em .4em 0 0;
}

/* 開合鈕：main.js 插入 .toggle-btn */
.class_page .toggle-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 3em;
  height: 3.1em;
  cursor: pointer;
}

.class_page .toggle-btn::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: .5em;
  height: .5em;
  border-right: 2px solid var(--textSubColor02);
  border-bottom: 2px solid var(--textSubColor02);
  transform: translate(-50%, -75%) rotate(45deg);
  transition: .3s;
}

.class_page .classMenuList > li.active > .toggle-btn::after {
  border-color: #FFFFFF;
}

.class_page .classMenuList ul {
  padding: var(--pd15) var(--pd10);
  border: 1px solid var(--subColor01);
  border-top: 0;
  border-radius: 0 0 .4em .4em;
  background: #FFFFFF;
}

.class_page .classMenuList ul a {
  display: block;
  padding: .45em .3em;
  font-size: var(--fz14);
  color: var(--textSubColor02);
  transition: .3s;
}

.class_page .classMenuList ul li.active a {
  color: var(--mainColor);
}

.class_page .class_top {
  margin-bottom: var(--pd40);
}

.class_page .class_top .motor_titleBar_h span {
  margin-left: .4em;
  font-size: var(--fz16);
  color: var(--subColor03);
}

.class_page .class_count {
  font-size: var(--fz17);
  font-weight: 700;
  white-space: nowrap;
}

.class_page .class_count b {
  color: var(--mainColor);
}

.class_page .class_tools {
  display: flex;
  align-items: center;
  gap: var(--pd20);
  margin-left: auto;
}

.class_page .class_switch {
  display: flex;
  gap: var(--pd15);
}

.class_page .class_switch button {
  width: 2.4em;
  height: 2.4em;
  border: 0;
  border-radius: .3em;
  background: none;
  color: var(--textSubColor02);
  font-size: var(--fz18);
  transition: .3s;
}

.class_page .class_switch button.active {
  background: var(--subColor01);
}

.class_page .class_sort select {
  width: clamp(160px, 14vw, 265px);
  padding: .6em 2.4em .6em 1em;
  border: 1px solid var(--inputColor01);
  border-radius: .3em;
  background: #FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23333' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 1em center / .8em;
  font-size: var(--fz16);
  appearance: none;
  -webkit-appearance: none;
  outline: 0;
}

/* 列表排列：圖左文右 */
.class_page .line_prods .motor_pdGrid {
  grid-template-columns: minmax(0, 1fr);
}

.class_page .line_prods .motor_pdCard > a {
  flex-direction: row;
  align-items: center;
}

.class_page .line_prods .motor_pdImg {
  flex: none;
  width: clamp(110px, 12vw, 180px);
}

.class_page .line_prods .motor_pdInfo {
  padding: var(--pd10) 4em var(--pd10) var(--pd30);
}

/* 商品內頁 info */
.info_page .info_box {
  padding-block: var(--pd50) var(--pd70);
}

.info_page .info_top {
  display: grid;
  grid-template-columns: minmax(0, 810px) minmax(0, 1fr);
  gap: var(--pd40) clamp(2rem, 6vw, 7.5rem);
  align-items: start;
  margin-bottom: var(--pd70);
}

.info_page .info_picSwiper img {
  width: 100%;
  aspect-ratio: 810 / 535;
  object-fit: contain;
  background: #FFFFFF;
}

.info_page .info_thumbSwiper {
  margin-top: var(--pd15);
}

.info_page .info_thumbSwiper .swiper-slide {
  cursor: pointer;
  opacity: .6;
  transition: .3s;
}

.info_page .info_thumbSwiper .swiper-slide-thumb-active {
  opacity: 1;
}

.info_page .info_thumbSwiper img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}

.info_page .info_data {
  padding-top: var(--pd10);
}

.info_page .info_data_t {
  position: relative;
  padding-right: 3em;
}

.info_page .info_data h1 {
  font-size: var(--fz22);
  font-weight: 700;
  line-height: 1.4;
}

.info_page .info_data .likeCollect {
  top: 0;
  right: 0;
  bottom: auto;
  font-size: var(--fz30);
}

.info_page .info_number {
  display: flex;
  gap: 1.5em;
  margin-top: var(--pd15);
  font-size: var(--fz13);
}

.info_page .info_number b {
  font-weight: normal;
}

.info_page .info_overview {
  font-size: var(--fz13);
  margin: var(--pd20) 0 0;
  padding-bottom: var(--pd40);
  border-bottom: 1px solid var(--subColor05);
  max-width: 800px;
}

.info_page .info_list {
  display: grid;
  gap: var(--pd15);
  margin: var(--pd40) 0;
}

.info_page .info_list li {
  display: flex;
  align-items: baseline;
  gap: 1.5em;
}

.info_page .info_list b {
  flex: none;
  font-size: var(--fz13);
  font-weight: normal;
}

.info_page .info_oriPrice p {
  font-size: var(--fz16);
  color: var(--textSubColor01);
  text-decoration: line-through;
}

.info_page .info_salePrice p {
  font-size: var(--fz24);
  font-weight: 700;
  color: var(--mainColor);
}

.info_page .info_spec {
  margin-top: var(--pd30);
}

.info_page .info_spec div {
  display: flex;
  flex-wrap: wrap;
  gap: .6em 1em;
}

.info_page .info_spec span {
  padding: .4em 1em;
  border: 1px solid var(--textSubColor01);
  border-radius: .2em;
  font-size: var(--fz13);
}

.info_page .info_goBuy {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1em;
  width: min(600px, 100%);
  padding: 1em;
  border-radius: .5em;
  background: var(--mainColor);
  box-shadow: 0 4px 10px rgb(220 10 19 / 25%);
  color: #FFFFFF;
  font-size: var(--fz16);
  transition: .3s;
}

.info_page .info_tabTitle {
  display: flex;
  flex-wrap: wrap;
  gap: var(--pd10);
  border-bottom: 1px solid var(--subColor05);
}

.info_page .info_tabTitle a {
  display: block;
  min-width: clamp(7em, 10vw, 12.5em);
  margin-bottom: -1px;
  padding: 1.1em 1.5em;
  border: 1px solid transparent;
  background: var(--subColor01);
  font-size: var(--fz15);
  color: var(--textSubColor02);
  text-align: center;
  transition: .3s;
}

.info_page .info_tabTitle .activeTab a {
  border-color: var(--subColor05) var(--subColor05) #FFFFFF;
  background: #FFFFFF;
  color: var(--textColor);
  font-weight: 700;
}

.info_page .info_tabInner {
  display: none;
  padding: var(--pd40) var(--pd30) 0;
  font-size: var(--fz14);
  line-height: 1.7;
}

.info_page .info_tabInner.info_tabShow {
  display: block;
}

.info_page .info_related {
  padding-top: var(--pd80);
}

.info_page .info_relatedSwiper {
  padding: var(--pd10);
  margin: calc(var(--pd10) * -1);
}

/* 店家列表頁 allStores */
.storeList_page .storeList_path {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .4em var(--pd30);
  margin-bottom: var(--pd30);
}

.storeList_page .storeList_path .path {
  margin-bottom: 0;
}

.storeList_page .storeList_result {
  font-size: var(--fz14);
  font-weight: 500;
}

.storeList_page .storeList_result b {
  margin-right: 1em;
  color: var(--mainColor);
}

.storeList_page .storeList_result b i {
  margin-right: .5em;
}

.storeList_page .storeList_result span {
  color: var(--mainColor);
  font-weight: 700;
}

.storeList_page .storeList_filter {
  margin-bottom: var(--pd50);
}

.storeList_page .storeList_city a {
  color: var(--textSubColor02);
  padding: .3em .7em;
  border-radius: .4em;
}

.storeList_page .storeList_city a i {
  color: var(--textSubColor01);
}

.storeList_page .storeList_city a.active {
  background: var(--mainColor);
  color: #FFFFFF;
}

.storeList_page .storeList_city a.active i {
  color: #FFFFFF;
}

.storeList_page .storeList_list > ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(400px, 100%), 1fr));
  gap: var(--pd30) var(--pd30);
}

/* 店家卡 */
.motor_storeCard {
  display: flex;
  /* align-items: center; */
  align-items: flex-start;
  gap: var(--pd20);
  padding: var(--pd30);
  border-radius: var(--rd20);
  background: #FFFFFF;
  box-shadow: var(--shadow01);
}

.motor_storeCard_logo {
  flex: none;
  width: clamp(110px, 7.5vw, 140px);
  width: calc(var(--fz50) * 2.8);
  /* aspect-ratio: 140 / 104; */
  aspect-ratio: 7/6;
  overflow: hidden;
  background: url(../images/nopic_logo.webp) center no-repeat,var(--subColor01);
  background-size: 70%;
}

.motor_storeCard_logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .6s;
}

.motor_storeCard_data {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: min(0.3em,2vw);
  height: 100%;
}

.motor_storeCard_data h3 {
  font-size: var(--fz18);
  font-weight: 700;
  color: var(--mainColor);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* margin-bottom: .2em; */
  margin: 0;
}

.motor_storeCard_data li {
  display: flex;
  gap: 1em;
  font-size: var(--fz13);
  /* white-space: nowrap; */
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left:3em;
  position: relative;
}

.motor_storeCard_data li span{
  position: absolute;
  left: 0;
  top: 0;
}

.motor_storeCard .motor_iconLinks {
  /* margin-top: var(--pd15); */
  margin-top: auto;
}

/* .motor_iconLinks .icon_store {
  color: #FFFFFF;
  font-size: var(--fz12);
} */

.storeList_page .storeList_filter .storeList_subItem {
  margin-top: var(--pd20);
  padding: var(--pd15) var(--pd20);
  border-radius: .4em;
  background: var(--subColor01);
  animation: storeList_subOpen .35s ease;
}
.storeList_page .storeList_filter .storeList_subItem a.active {
  font-weight: 700;
}

.storeList_page .storeList_filter .storeList_city {
  flex-wrap: nowrap;
  align-items: flex-start;
}
.storeList_page .storeList_filter .storeList_city h3 {
  flex: none;
  padding-top: .3em;
}
.storeList_page .storeList_filter .storeList_cityList {
  flex: 1;
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(8em, 1fr));
  gap: .4em var(--pd10);
}
.storeList_page .storeList_filter .storeList_cityList a {
  justify-self: start;
}

.storeList_page .storeList_list .motor_storeCard_data ul{
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: .5em;
}

.storeList_page .storeList_list .motor_storeCard_data li {
  /* line-height: 1.7; */
  line-height: 1.4;
}

@media (min-width:769px) {
  .storeList_page .storeList_list .motor_storeCard_data ul {
    font-size: var(--fz13);
    /* min-height: calc(1.7em * 4); */
  }
}

.storeList_page .storeList_result .storeList_kwClear {
  margin-left: .3em;
  color: #999;
  transition: .3s;
}

.storeList_page .storeList_result .storeList_kwClear:hover {
  color: var(--mainColor);
}

@keyframes storeList_subOpen {
  from { opacity: 0; transform: translateY(-8px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* 精選文章列表頁 articleList */
.articleList_page .motor_filter,
.promoList_page .motor_filter {
  margin-bottom: var(--pd30);
}

.articleList_page .articleList_focus {
  margin-bottom: var(--pd70);
}

.articleList_page .articleList_focusList {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.articleList_page .articleList_focusList li {
  padding: 0 var(--pd15);
}

.articleList_page .articleList_focusList li + li {
  border-left: 1px solid var(--subColor02);
}

.articleList_page .articleList_focusList .motor_img {
  aspect-ratio: 420 / 315;
  border-radius: var(--rd14);
  background: #FFFFFF;
}

.articleList_page .articleList_focusList figure {
  padding: var(--pd20) var(--pd10) 0;
}

.articleList_page .articleList_focusList h3 {
  font-size: var(--fz17);
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.articleList_page .articleList_focusList .articleDate {
  margin: .8em 0 .3em;
}

.articleList_page .articleList_focusList p {
  font-size: var(--fz13);
  color: var(--textSubColor02);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.articleList_page .motor_artList {
  grid-template-columns: repeat(auto-fill, minmax(min(360px, 100%), 1fr));
}

/* 促銷文章列表頁 promoList */
.promoList_page .promoList_focus {
  margin-bottom: var(--pd30);
}

.promoList_page .promoList_list {
  padding-block: var(--pd30);
}

/* 精選文章內頁 articleIn ＆ 促銷文章內頁 promoIn */
.articleIn_page .articleIn_box,
.promoIn_page .promoIn_box {
  padding-block: var(--pd30) var(--pd50);
}

.articleIn_page .motor_article_cont > img {
  width: min(1370px, 100%);
}

.articleIn_page .articleIn_related,
.promoIn_page .promoIn_related {
  padding-top: var(--pd80);
}

.articleIn_page .articleIn_relatedSwiper {
  padding: var(--pd10);
  margin: calc(var(--pd10) * -1);
}

.promoIn_page .promoIn_pics {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: var(--pd15) var(--pd30);
  width: min(970px, 100%);
  margin-top: var(--pd40);
}

.promoIn_page .promoIn_pics img {
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
}

.promoIn_page .promoIn_pics img:first-child {
  grid-row: span 2;
}

/* 店家內頁 store */
.store_page .store_head {
  padding-bottom: 0;
}

.store_page .store_body {
  padding-top: var(--pd70);
}

/* 黑底店家介紹區（店家自訂內容示意） */
.store_page .store_show {
  --store_gold: var(--mainSubColor);
  background: var(--bgDColor);
  color: #FFFFFF;
  padding: var(--pd80) clamp(1rem, 2.5%, var(--pd50)) var(--pd100);
  overflow: hidden;
}

.store_page .store_goldTitle {
  font-size: var(--fz30);
  font-weight: 900;
  color: var(--store_gold);
  letter-spacing: .1em;
  margin-bottom: var(--pd30);
}

.store_page .store_subTitle {
  display: flex;
  align-items: center;
  gap: .8em;
  font-size: var(--fz16);
  font-weight: 700;
  color: var(--store_gold);
  letter-spacing: .08em;
  margin-bottom: .6em;
}

.store_page .store_subTitle::before,
.store_page .store_subTitle_center::after {
  content: "";
  width: 1.8em;
  height: 1px;
  background: var(--store_gold);
}

.store_page .store_subTitle_center {
  justify-content: center;
}

.store_page .store_show p {
  font-size: var(--fz14);
  font-weight: 700;
  line-height: 1.9;
  letter-spacing: .12em;
}

.store_page .store_show p + p {
  margin-top: 1.5em;
}

/* 關於我們 */
.store_page .store_about {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2.1fr);
  gap: var(--pd40) var(--pd30);
  margin-bottom: var(--pd100);
}

.store_page .store_about_l {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: var(--pd80);
  padding: 0 var(--pd30) var(--pd80);
  background: url(../images/storeAboutDecTest01.jpg) no-repeat center 30% / contain;
}

.store_page .store_enTitle {
  font-size: var(--fz50);
  font-weight: 900;
  line-height: 1;
  color: var(--store_gold);
  letter-spacing: .06em;
}

.store_page .store_enTitle span {
  display: block;
  font-size: .55em;
  color: #FFFFFF;
}

.store_page .store_about_l p {
  max-width: 22em;
  margin-left: auto;
}

.store_page .store_about_r .store_goldTitle {
  margin-bottom: var(--pd20);
}

.store_page .store_about_pic {
  display: block;
  margin-top: var(--pd70);
}

.store_page .store_about_pic img {
  width: 100%;
  aspect-ratio: 1110 / 570;
  object-fit: cover;
}

/* 品牌故事 */
.store_page .store_story {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--pd40) clamp(2rem, 6vw, 7rem);
  align-items: start;
  padding: 0 clamp(0px, 6%, 7rem);
}

.store_page .store_story_txt {
  padding-top: var(--pd30);
}

.store_page .store_story_pic {
  display: block;
  width: min(610px, 100%);
  border-radius: 45% 1.2em 1.2em 1.2em / 22% 1.2em 1.2em 1.2em;
  overflow: hidden;
}

.store_page .store_story_pic img {
  width: 100%;
  aspect-ratio: 610 / 800;
  object-fit: cover;
}

.store_page .store_strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  width: min(1400px, 100%);
  margin: var(--pd80) auto var(--pd100);
  padding: 0 clamp(0px, 7%, 9rem);
}

.store_page .store_strip li {
  overflow: hidden;
  clip-path: polygon(4% 0, 100% 0, 96% 100%, 0 100%);
}

.store_page .store_strip img {
  width: 100%;
  aspect-ratio: 350 / 250;
  object-fit: cover;
}

/* 服務項目 */
.store_page .store_service {
  padding: var(--pd70) clamp(1rem, 7%, 8rem) var(--pd70);
  background: linear-gradient(rgb(0 0 0 / 72%), rgb(0 0 0 / 72%)), url(../images/storeStripTest02.jpg) no-repeat center / cover;
  margin-bottom: var(--pd100);
  text-align: center;
}

.store_page .store_serList {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(220px, 100%), 1fr));
  gap: var(--pd50) var(--pd40);
  margin-top: var(--pd50);
  text-align: left;
}

.store_page .store_serList img {
  width: clamp(48px, 3.2vw, 64px);
  margin-bottom: var(--pd30);
}

.store_page .store_serList h3 {
  font-size: var(--fz14);
  font-weight: 700;
  margin-bottom: 1.4em;
}

.store_page .store_serList p {
  font-size: var(--fz13);
}

.store_page .store_serList li::after {
  content: "";
  display: block;
  width: 3.5em;
  height: 2px;
  margin-top: var(--pd30);
  background: var(--store_gold);
}

/* 服務據點 */
.store_page .store_location {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr);
  align-items: center;
  gap: var(--pd40);
  padding-left: clamp(0px, 6%, 8rem);
}

.store_page .store_locList li {
  width: min(460px, 100%);
  padding: var(--pd25) 0;
  border-bottom: 1px solid rgb(255 255 255 / 60%);
}

.store_page .store_locList h3 {
  font-size: var(--fz14);
  font-weight: 700;
  margin-bottom: .6em;
}

.store_page .store_show .store_locList p {
  font-size: var(--fz13);
}

.store_page .store_locLinks {
  display: flex;
  gap: 1.4em;
  margin-top: 1em;
}

.store_page .store_locLinks a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .3em;
  font-size: var(--fz12);
  transition: .3s;
}

.store_page .store_locLinks i {
  font-size: var(--fz20);
}

.store_page .store_location_pic img {
  width: 100%;
  aspect-ratio: 1010 / 760;
  object-fit: cover;
}

/* 店家商品 / 精選文章 / 文章一覽 */
.store_page .store_product,
.store_page .store_article {
  margin-bottom: var(--pd70);
}

.store_page .store_articleSwiper {
  padding: var(--pd10);
  margin: calc(var(--pd10) * -1);
}

/* ============================================================
   footer
   ============================================================ */

/* footer */
footer {
  position: relative;
  background: var(--subColor05);
}

footer::after{
  content: '';
  width: 100%;
  height: .5em;
  background: var(--mainColor);
  position: absolute;
  left: 0;
  bottom: 0;
}

.footerMain {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: var(--pd30) var(--pd70);
  padding: var(--pd70) clamp(1rem, 4%, var(--pd30));
}

.footerLogo img {
  width: clamp(180px, 13vw, 250px);
  margin: 0 auto var(--pd15);
}

.copy {
  font-size: var(--fz14);
  text-align: right;
  letter-spacing: .03em;
}

.disclaimer h6 {
  font-size: var(--fz14);
  margin-bottom: .6em;
}

.disclaimer dd {
  font-size: var(--fz12);
  line-height: 1.6;
}

.otherPortal {
  background: var(--mainColor);
  color: #FFFFFF;
  padding: .6em clamp(1rem, 4%, var(--pd30));
}

.otherPortal ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-size: var(--fz12);
  font-weight: 500;
}

.otherPortal li::after {
  content: "|";
  margin: 0 .5em;
}

.go_top {
  position: fixed;
  right: clamp(1rem, 5%, 6rem);
  bottom: var(--pd40);
  z-index: 90;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 3.4em;
  height: 3.4em;
  border-radius: .6em;
  background: #222222;
  color: #FFFFFF;
  font-size: var(--fz14);
  font-weight: 700;
  line-height: 1.1;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}

.go_top.active {
  opacity: 1;
  visibility: visible;
}

.go_top i {
  font-size: .8em;
}

/* ============================================================
   hover統整：所有 hover 都寫在這一區
   ============================================================ */

/* hover統整 */
@media (hover:hover) and (pointer:fine) {
  /* 共用元件 */
  .motor_more:hover,
  .titlePart > a:hover {
    opacity: .7;
  }

  .motor_btnLine:hover {
    background: var(--mainColor);
    color: #FFFFFF;
  }

  .motor_back:hover,
  .motor_storeBar_btns a:hover {
    background: var(--mainDColor);
  }

  .motor_moreBtn:hover {
    border-color: var(--mainColor);
    color: var(--mainColor);
  }

  .motor_searchBox button:hover {
    background: var(--mainDColor);
  }

  .pageList li a:hover {
    color: var(--mainColor);
  }

  .motor_tabs a:hover {
    background: var(--mainColor);
    color: #FFFFFF;
  }

  .motor_pdCard:hover .motor_img img,
  .motor_artCard:hover .motor_img img {
    transform: scale(1.05);
  }

  .motor_pdCard:hover h3,
  .motor_artCard:hover h3 {
    color: var(--mainColor);
  }

  .likeCollect:hover,
  .historyRemove:hover {
    color: var(--mainColor);
  }

  .motor_lineList a:hover {
    background: linear-gradient(90deg, var(--subColor01), transparent);
    box-shadow: inset 0 -2px 0 var(--mainColor);
  }

  .motor_lineList a:hover h3 {
    color: var(--mainColor);
  }

  .motor_iconLinks a:hover {
    opacity: .7;
  }

  .motor_filter_tags a:hover {
    color: var(--mainColor);
  }

  /* header */
  .header_links a:hover,
  .header_links a:hover em {
    color: var(--mainColor);
  }

  /* 首頁 全站分類 */
  .index_page .index_classList a:hover {
    color: var(--mainColor);
  }

  .index_page .index_classList a:hover i {
    border-color: var(--mainColor);
    background: var(--mainColor);
    color: #FFFFFF;
  }

  /* 首頁 好康優惠：滑入時改展開該張 */
  .index_page .index_saleLinks:hover .index_saleLink {
    flex-grow: 1;
    --sale_h3: var(--fz20);
  }

  .index_page .index_saleLinks:hover .index_saleLink .index_saleLink_more {
    grid-template-rows: 0fr;
    opacity: 0;
  }

  .index_page .index_saleLinks .index_saleLink:hover {
    flex-grow: 2.4;
    --sale_h3: var(--fz36);
  }

  .index_page .index_saleLinks .index_saleLink03:hover {
    --sale_h3: var(--fz26);
  }

  .index_page .index_saleLinks .index_saleLink:hover .index_saleLink_more {
    grid-template-rows: 1fr;
    opacity: 1;
  }

  /* 首頁 下拉選項 */
  .index_page .select-options li:hover {
    color: var(--mainColor);
  }

  /* 首頁 精選文章 */
  .index_page .index_featured a:hover .motor_img img {
    transform: scale(1.05);
  }

  .index_page .index_featured a:hover h3 {
    color: var(--mainColor);
  }

  .index_page .index_featured_list a:hover .motor_arrowBtn {
    border-color: var(--mainColor);
    background: var(--mainColor);
    color: #FFFFFF;
  }

  /* 首頁 新進店家 */
  .index_page .newStoreSwiper a:hover img {
    transform: scale(1.05);
  }

  /* 首頁 合作廣告 */
  .index_page .index_ad_links a:hover {
    background: rgb(255 255 255 / 20%);
  }

  /* 商品列表頁 class */
  .class_page .class_menu_special a:hover,
  .class_page .classMenuList ul a:hover {
    color: var(--mainColor);
  }

  .class_page .classMenuList > li:not(.active) > a:hover {
    background: var(--subColor02);
  }

  .class_page .class_switch button:hover {
    color: var(--mainColor);
  }

  /* 商品內頁 info */
  .info_page .info_goBuy:hover {
    background: var(--mainDColor);
  }

  .info_page .info_tabTitle li:not(.activeTab) a:hover {
    color: var(--mainColor);
  }

  /* 店家列表頁 allStores */
  .motor_storeCard:hover .motor_storeCard_logo img {
    transform: scale(1.05);
  }

  .motor_iconLinks a:hover img{
    filter: brightness(10);
  }

  .motor_iconLinks .icon_store:hover {
    background: #F39800;
    opacity: 1;
  }

  .motor_iconLinks .icon_web:hover {
    background: #20877E;
    opacity: 1;
  }

  .motor_iconLinks .icon_line:hover {
    background: var(--subColor04);
  }

  .motor_iconLinks .icon_fb:hover{
    background: #1877F2;
  }

  .motor_iconLinks .icon_map:hover{
    background: #EA4335;
  }

  /* 精選文章列表頁 articleList */
  .articleList_page .articleList_focusList a:hover .motor_img img {
    transform: scale(1.05);
  }

  .articleList_page .articleList_focusList a:hover h3 {
    color: var(--mainColor);
  }

  /* 店家內頁 store */
  .store_page .store_locLinks a:hover {
    color: var(--store_gold);
  }

  /* footer */
  .otherPortal a:hover {
    opacity: .7;
  }

  .go_top:hover {
    background: var(--mainColor);
  }
}

/* ============================================================
   RWD：12 階 max-width 由大到小
   1024 為 PC/Mobile 分水嶺；1024 / 768 / 480 / 375 四階必有內容
   ============================================================ */

/* RWD */
@media (max-width:1680px) {
  /* 首頁 */
  .index_page .index_featured_list .index_featured_info p {
    -webkit-line-clamp: 1;
  }
}

@media (max-width:1400px) {
  /* 精選文章列表：本日焦點 4 欄改 2 欄 */
  .articleList_page .articleList_focusList {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--pd30) 0;
  }

  .articleList_page .articleList_focusList li:nth-child(odd) {
    border-left: 0;
  }

  /* 首頁：大圖獨佔一列，分類與好康並排在下方 */
  .index_page .index_top {
    grid-template-columns: 1fr 1fr;
  }

  .index_page .indexBanner {
    grid-column: 1 / -1;
  }

  .index_page .index_saleLinks {
    height: auto;
  }

  /* 卡片高度改依內容撐開，避免展開的卡片文字被裁切 */
  .index_page .index_saleLink {
    flex: none;
  }
}

@media (max-width:1300px) {
  /* 首頁 精選文章：上下排 */
  .index_page .index_featured {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width:1200px) {
  /* 首頁 標題列：下拉換到第二行 */
  .index_page .index_pdList_title {
    flex-wrap: wrap;
  }

  .index_page .index_pdList_select {
    order: 3;
    width: 100%;
  }
}

@media (max-width:1024px) {
  /* PC/Mobile 分水嶺：header sticky，分類轉漢堡選單 */
  .header {
    position: sticky;
    top: 0;
    box-shadow: var(--shadow01);
  }

  .header_main {
    flex-wrap: wrap;
    padding: 0;
  }

  .header_search {
    order: 3;
    flex: 1 1 100%;
    max-width: none;
  }

  /* 漢堡選單放進 header 排列（覆寫 menu.css 的絕對定位與 769 以上隱藏） */
  .header .stellarnav.mobile {
    position: static;
    display: block;
    flex: none;
    width: auto;
  }

  .header .stellarnav .menu-toggle {
    height: auto;
    padding: 0 0 0 .4em;
  }

  .index_page .counterBox {
    width: min(600px, 75%);
  }

  /* 商品列表頁：側欄收起（分類改由 header 漢堡選單進入） */
  .class_page .class_wrap {
    grid-template-columns: minmax(0, 1fr);
  }

  .class_page .class_menu {
    display: none;
  }

  .class_page .class_top {
    flex-wrap: wrap;
  }

  /* 商品內頁：圖片與資訊改上下排 */
  .info_page .info_top {
    grid-template-columns: minmax(0, 1fr);
  }

  /* 店家資訊條：右側按鈕換到下方 */
  .motor_storeBar {
    flex-wrap: wrap;
  }

  .motor_storeBar_side {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  /* 文章搜尋區：頁籤與搜尋框上下排 */
  .motor_filter_row {
    flex-wrap: wrap;
  }

  /* 店家內頁：介紹區各段改上下排 */
  .store_page .store_about,
  .store_page .store_story,
  .store_page .store_location {
    grid-template-columns: minmax(0, 1fr);
    padding-left: 0;
    padding-right: 0;
  }

  .store_page .store_about_l {
    order: 2;
    min-height: 360px;
  }

  .store_page .store_strip {
    padding: 0;
  }
}

@media (max-width:768px) {
  /* 首頁：分類與好康改上下排 */
  .index_page .index_top {
    grid-template-columns: minmax(0, 1fr);
  }

  /* 大圖下方的統計數字改到圖片外 */
  .index_page .counterBox {
    position: relative;
    width: 100%;
    padding: var(--pd20) 0 0;
    border-radius: 0;
  }

  .index_page .counterBox::before,
  .index_page .counterBox::after {
    display: none;
  }

  /* 合作廣告：聯絡資訊移到圖片下方 */
  .index_page .index_ad_links {
    position: static;
    grid-template-columns: minmax(0, 1fr);
    margin-top: var(--pd15);
  }

  .index_page .index_ad_links a {
    background: var(--mainColor);
  }

  /* footer */
  footer{
    font-size: .4em;
  }
  .footerMain {
    grid-template-columns: minmax(0, 1fr);
  }

  .copy {
    text-align: center;
    letter-spacing: 0;
    font-size: inherit;
  }

  /* 促銷文章內頁：照片改單欄 */
  .promoIn_page .promoIn_pics {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
  }

  .promoIn_page .promoIn_pics img:first-child {
    grid-row: auto;
  }

  /* 店家列表頁 allStores */
  .storeList_page .storeList_filter .storeList_city{
    flex-wrap: wrap;
  }

  .storeList_page .storeList_filter .storeList_city h3{
    display: none;
  }

  .storeList_page .storeList_filter .storeList_cityList{
    flex: unset;
    width: 100%;
    grid-template-columns: repeat(auto-fill, minmax(7em, 1fr));
    grid-gap: min(5px,1vw);
  }
  
  /* 店家卡 / 店家資訊條：logo 在上 */
  .storeList_page .storeList_list > ul{
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    grid-gap: min(var(--pd20),3vw);
  }

  .motor_storeCard{
    flex-direction: column;
    padding: min(var(--pd20),3vw);
    width: 100%;
    /* display: grid; */
    /* grid-template-columns: 1fr; */
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
  }

  .motor_storeCard_logo{
    width: 100%;
    /* height: 100%; */
    aspect-ratio: 4/3;
  }

  .storeList_page .storeList_list .motor_storeCard_data li{
    padding-left: 2.5em;
  }

  .motor_iconLinks {
    gap: min(.5em,1vw);
  }

  .motor_iconLinks a {
    width: auto;
    height: auto;
    aspect-ratio: 1 / 1;
    background: transparent;
    flex: 1;
  }

  /* 店家內頁：作品條改兩欄、桌機用的強制換行取消 */
  .store_page .store_strip {
    grid-template-columns: repeat(2, 1fr);
  }

  .store_page .store_about_r br {
    display: none;
  }

  /* 商品卡片 */
  .motor_pdGrid{
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  }

  .motor_pdCard > a{
    gap: min(var(--pd15),3vw);
  }

  .motor_pdInfo{
    padding: 0;
  }
}

@media (max-width:600px) {
  /* 首頁 精選文章小卡：圖上字下 */
  .index_page .index_featured_list a {
    flex-wrap: wrap;
  }

  .index_page .index_featured_list .motor_img {
    width: 100%;
  }

  .index_page .index_featured_list .motor_arrowBtn {
    display: none;
  }

  .index_page .select-options-wrapper {
    min-width: 16em;
  }

  .index_page .select-options {
    grid-template-columns: repeat(2, 1fr);
  }

  /* 商品列表頁：工具列換到下一行、排列切換隱藏 */
  .class_page .class_tools {
    width: 100%;
    margin-left: 0;
  }

  .class_page .class_switch {
    display: none;
  }

  .class_page .class_sort,
  .class_page .class_sort select {
    width: 100%;
  }

  .class_page .line_prods .motor_pdGrid {
    grid-template-columns: repeat(auto-fill, minmax(min(260px, 45%), 1fr));
  }

  .class_page .line_prods .motor_pdCard > a {
    flex-direction: column;
    align-items: stretch;
  }

  .class_page .line_prods .motor_pdImg {
    width: 100%;
  }

  .class_page .line_prods .motor_pdInfo {
    padding: var(--pd20) var(--pd15) var(--pd10);
  }

  /* 店家卡 / 店家資訊條：logo 在上 */
  .storeList_page .storeList_list > ul{
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  }
}

@media (max-width:480px) {
  /* header：圖示連結只留圖示 */
  .header_links span {
    display: none;
  }

  .index_page .index_pdList_select {
    flex-wrap: wrap;
  }

  .index_page .counterBox dt b {
    font-size: var(--fz22);
  }

  /* 精選文章列表：本日焦點改單欄 */
  .articleList_page .articleList_focusList {
    grid-template-columns: minmax(0, 1fr);
  }

  .articleList_page .articleList_focusList li {
    border-left: 0;
  }

  /* 商品卡片 */
  .motor_pdGrid{
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  }

  .motor_pdPrice .salePrice b{
    width: 100%;
  }

  .likeCollect .fa-regular{
    font-weight: 900;
    color: #E5E5E5;
  }

  .likeCollect, .historyRemove{
    bottom: unset;
    top: var(--pd20);
  }

  .motor_pdPrice{
    padding-right: 0;
  }

  /* 店家卡 / 店家資訊條：logo 在上 */
  /* .motor_storeCard, */
  .motor_storeBar_info {
    flex-wrap: wrap;
  }

  .motor_storeBar_side {
    flex-wrap: wrap;
    gap: var(--pd15);
  }

  .motor_storeBar_btns {
    width: 100%;
  }

  .motor_storeBar_btns a {
    flex: 1 1 0;
    justify-content: center;
    padding-inline: .5em;
  }

  /* 文章搜尋框滿版 */
  .motor_miniSearch {
    width: 100%;
  }

  .motor_miniSearch label {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
  }

  .motor_titleBar_h {
    border-right: 0;
    padding-right: 0;
  }
}

@media (max-width:375px) {
  /* 375 不得有水平捲軸 */
  .logoMain img {
    width: 130px;
  }

  .header_links {
    gap: .8em;
  }
  

  /* 店家卡 / 店家資訊條：logo 在上 */
  .storeList_page .storeList_list > ul{
    grid-template-columns: 1fr;
  }

  .motor_storeCard_data, 
  .motor_storeCard_data ul{
    display: grid;
    grid-template-columns: 1fr;
  }

  /* fotoer */
  .copy>p span{display: block;}
}