/*
Theme Name: FL生活+
Theme URI: https://www.flplus.com.tw/
Description: FL生活+ 電商主題 — 像素級復刻 flplus.com.tw（繁體中文 / TWD / WooCommerce 11.x）
Version: 3.0.30
Author: WorkBuddy
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 7.4
Text Domain: flplus
Tags: e-commerce, woocommerce, responsive, flplus
*/

/* ═══════════════════════════════════════════════════
   設計令牌（提取自 flplus.com.tw 真實截圖）
   ═══════════════════════════════════════════════════ */
:root{
  --c-green:#4a9d5f;       /* 參考站 Logo 綠 */
  --c-green-dark:#3d8a4e;
  --c-primary:#E57644;      /* 特價橙 */
  --c-btn:#db9c84;          /* 按鈕陶土棕 */
  --c-btn-hover:#c9886f;
  --c-sale:#ff3366;         /* 促銷紅 */
  --c-ink:#2b2b2b;
  --c-muted:#888;
  --c-line:#e5e5e5;
  --c-bg:#fafafa;
  --c-card:#fff;
  --maxw:1100px;
  --radius:3px;
}

*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  font-family:"PingFang TC","Microsoft JhengHei","Helvetica Neue",Helvetica,Arial,"微軟正黑體",sans-serif;
  color:var(--c-ink);background:var(--c-bg);
  font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;transition:color .15s;}
a:hover{color:var(--c-primary);}
img{max-width:100%;height:auto;display:block;}
ul,ol{list-style:none;}
.container{max-width:var(--maxw);margin:0 auto;padding:0 15px;}

/* ═══════════════════════════════════════════════════
   01. 頁頭 — 對齊 flplus.com.tw
   ═══════════════════════════════════════════════════ */
.site-header{
  background:#fff;position:sticky;top:0;z-index:1000;
  border-bottom:1px solid var(--c-line);
}

/* --- 上排：Logo 居中 + 工具靠右 --- */
.header-top{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 20px;max-width:var(--maxw);margin:0 auto;position:relative;
  min-height:124px; /* 容納 100px logo，避免絕對定位溢出被導航遮蓋 */
}
.header-spacer{width:100px;flex-shrink:0;} /* 左側佔位，保持 logo 居中 */

/* Logo：FAMILY LIFE+ 生活+ （真實圖片）*/
.header-logo{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  display:block;text-decoration:none;
}
.header-logo img{
  height:100px;width:600px;display:block;
  object-fit:contain;
}

/* 右側工具列 */
.header-tools{display:flex;align-items:center;gap:18px;margin-left:auto;z-index:1;}
.tool-btn{
  display:inline-flex;align-items:center;justify-content:center;
  color:var(--c-muted);transition:color .15s;padding:4px;border-radius:50%;
}
.tool-btn:hover{color:var(--c-green);background:rgba(74,157,95,.06);}
.tool-btn svg{display:block;}
.cart-btn{position:relative;}
.cart-badge{
  position:absolute;top:-2px;right:-6px;
  min-width:16px;height:16px;background:var(--c-sale);color:#fff;
  border-radius:99px;font-size:10px;font-weight:700;
  display:inline-flex;align-items:center;justify-content:center;
  padding:0 4px;line-height:1;
}

/* --- 導覽列（二級下拉分組，對齊 3.0.11 居中外觀）--- */
.main-nav{background:#fff;border-top:1px solid #f0f0f0;}
.nav-list{
  display:flex;align-items:stretch;flex:1;margin:0;padding:0;
  justify-content:center;list-style:none;flex-wrap:wrap;
}
.nav-item{position:relative;}
.nav-item > .each{display:flex;align-items:center;height:100%;}
.nav-item > .each > a{
  display:block;padding:13px 15px;font-size:13.5px;font-weight:500;
  color:var(--c-ink);white-space:nowrap;transition:.15s;letter-spacing:.3px;
}
.nav-item:first-child > .each > a{color:var(--c-green);font-weight:700;}
.nav-item > .each > a:hover{color:var(--c-green);}

/* 箭頭（桌面隱藏 hover 旋轉；手機作為展開鈕）*/
.arrow{
  background:none;border:none;cursor:pointer;padding:8px 4px 8px 0;
  color:var(--c-muted);display:inline-flex;align-items:center;transition:transform .2s,color .15s;
}
.nav-item.has-sub:hover > .each > .arrow{transform:rotate(180deg);color:var(--c-green);}

/* 二級下拉（對齊 1shop ul.sub）*/
.nav-item .sub{
  position:absolute;top:100%;left:50%;transform:translateX(-50%);
  min-width:172px;background:#fff;border:1px solid var(--c-line);
  box-shadow:0 6px 18px rgba(0,0,0,.08);border-radius:0 0 4px 4px;
  list-style:none;padding:6px 0;margin:0;z-index:1200;
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s;
}
.nav-item.has-sub:hover > .sub{opacity:1;visibility:visible;pointer-events:auto;}
.nav-item .sub li a{
  display:block;padding:8px 18px;font-size:13px;color:#555;white-space:nowrap;transition:.15s;
}
.nav-item .sub li a:hover{background:#f6faf7;color:var(--c-green);}

/* 福利品閃爍（對齊 1shop header-menu-10）*/
.flash-item > .each > a{color:#ff3366!important;font-weight:700;animation:flashmenu 1s linear infinite;}
@keyframes flashmenu{0%,100%{opacity:1}50%{opacity:.4}}

/* 漢堡選單 */
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;}
.nav-toggle span{display:block;width:20px;height:2px;background:var(--c-ink);margin:4px 0;border-radius:1px;transition:.2s;}

@media(max-width:768px){
  .header-top{min-height:0;padding:8px 12px;}
  .header-logo{position:relative;left:auto;top:auto;transform:none;order:2;}
  .header-logo img{height:42px;width:auto;max-width:72vw;}
  .header-spacer{width:40px;}
  .header-tools{gap:10px;order:3;}
  .nav-toggle{display:block;order:1;}
  .main-nav{padding:0;border-top:none;}
  .nav-list{display:none;flex-direction:column;width:100%;align-items:stretch;justify-content:flex-start;}
  .nav-list.open{display:flex;}
  .nav-item{width:100%;border-bottom:1px solid var(--c-line);}
  .nav-item > .each{justify-content:space-between;}
  .nav-item > .each > a{padding:13px 15px;flex:1;}
  .nav-item .sub{
    position:static;transform:none;opacity:1;visibility:visible;pointer-events:auto;
    box-shadow:none;border:none;border-top:1px dashed #eee;display:none;min-width:0;
  }
  .nav-item.has-sub.open > .sub{display:block;}
  .nav-item .sub li a{padding:10px 30px;background:#fafafa;}
  .flash-item > .each > a{font-size:13px;}
}

/* ═══════════════════════════════════════════════════
   02. HERO 輪播 — 對齊 1shop Sliders（1920×1200 真實大圖）
   ═══════════════════════════════════════════════════ */
.hero-slider{
  width:100%;
  overflow:hidden;
  position:relative;
  background:#f3f3f3;
  max-width:var(--maxw);margin:auto;
}
.hero-track{
  display:flex;width:100%;transition:transform .5s ease;
}
.hero-slide{
  flex:0 0 100%;display:block;line-height:0;
}
.hero-slide img{width:100%;height:auto;display:block;object-fit:cover;max-height:560px;}
.hero-arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  width:44px;height:44px;border-radius:50%;
  background:rgba(255,255,255,.75);border:none;
  color:var(--c-ink);font-size:18px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:.15s;z-index:2;
}
.hero-arrow:hover{background:rgba(255,255,255,.95);}
.hero-prev{left:20px;}
.hero-next{right:20px;}
.hero-dots{
  position:absolute;bottom:16px;left:50%;transform:translateX(-50%);
  display:flex;gap:8px;z-index:2;
}
.hero-dots span{
  width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.6);
  cursor:pointer;transition:.2s;
}
.hero-dots span.active{background:#fff;width:24px;border-radius:6px;}

/* 廣告圖區塊（對齊 1shop section.img）*/
.home-banner{width:100%;line-height:0;max-width:var(--maxw);margin:auto;}
.home-banner a{display:block;width:100%;}
.home-banner img{width:100%;height:auto;display:block;object-fit:cover;}

@media(max-width:768px){
  .hero-slide img{max-height:300px;}
  .hero-arrow{width:34px;height:34px;font-size:14px;}
  .hero-prev{left:10px;}
  .hero-next{right:10px;}
}

/* ═══════════════════════════════════════════════════
   03. 分類標題 + 商品網格
   ═══════════════════════════════════════════════════ */
.home-products{padding:28px 0 0;}

.cat-header{
  max-width:var(--maxw);margin:0 auto;padding:0 15px 14px;
  display:flex;align-items:center;justify-content:space-between;
  border-bottom:2px solid var(--c-ink);padding-bottom:10px;
}
.cat-name{
  font-size:20px;font-weight:800;color:var(--c-ink);
  letter-spacing:1px;
}
.cat-more{
  font-size:13px;color:var(--c-primary);font-weight:600;
  white-space:nowrap;text-decoration:none;display:inline-block;margin-top:4px;
}
.cat-more:hover{color:var(--c-primary-hover);text-decoration:underline;}

.product-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:18px;
  max-width:var(--maxw);margin:0 auto;padding:0 15px 20px;
}

/* ═══════════════════════════════════════════════════
   04. 商品卡（img-square-wrap + single-product-text）
   ═══════════════════════════════════════════════════ */
.img-square-wrap{
  position:relative;aspect-ratio:1/1;background:#f5f5f5;overflow:hidden;
  border:1px solid var(--c-line);border-radius:var(--radius);
}
.img-square-wrap a{display:block;width:100%;height:100%;}
.img-square-wrap img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .35s ease;
}
.img-square-wrap:hover img{transform:scale(1.05);}

/* hover 遮罩 */
.mask{
  position:absolute;inset:0;
  background:rgba(0,0,0,0);transition:background .3s;pointer-events:none;z-index:1;
}
.img-square-wrap:hover .mask{background:rgba(0,0,0,.35);}

/* 選購按鈕 — 白色 pill 居中 */
.add-to-cart{
  position:absolute;left:50%;right:auto;bottom:14px;
  transform:translateX(-50%) translateY(8px);
  opacity:0;transition:all .25s ease;z-index:2;
}
.img-square-wrap:hover .add-to-cart{opacity:1;transform:translateX(-50%) translateY(0);}
.add-to-cart .btn-buy{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  background:#fff;color:#333;border:none;
  border-radius:999px;padding:5px 36px;font-weight:600;font-size:14px;line-height:1.4;
  cursor:pointer;transition:.2s;box-shadow:0 2px 10px rgba(0,0,0,.15);
  white-space:nowrap;
}
.add-to-cart .btn-buy .buy-ico{flex:0 0 auto;display:block;}
.add-to-cart .btn-buy:hover{background:#f8f8f8;box-shadow:0 4px 14px rgba(0,0,0,.2);}

/* 文字區 */
.single-product-text{padding:12px 8px 14px;}
.single-product-text .title{
  font-size:13.5px;font-weight:600;color:var(--c-ink);line-height:1.45;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  min-height:39px;
}
.single-product-text .name-mark{
  font-size:12px;color:var(--c-btn);margin-top:3px;
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;
}
.price-wrap{margin-top:8px;}
.price-wrap .price .special{
  color:var(--c-primary);font-size:17px;font-weight:800;
}
.price-wrap .price .del{
  color:var(--c-muted);font-size:12.5px;text-decoration:line-through;margin-left:6px;
}
.sells-number{font-size:11.5px;color:var(--c-muted);margin-top:4px;}

/* 響應式欄數 */
@media(max-width:1024px){.product-grid{grid-template-columns:repeat(3,1fr);gap:14px;}}
@media(max-width:768px){
  .product-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
  .add-to-cart{opacity:1;transform:translateX(-50%) translateY(0);} /* 手機常駐 */
  .single-product-text{padding:8px 5px 10px;}
  .single-product-text .title{font-size:13px;min-height:37px;}
  .cat-name{font-size:17px;}
  .home-products{padding:20px 0 0;}
}

/* ═══════════════════════════════════════════════════
   05. 促銷 Banner 區塊
   ═══════════════════════════════════════════════════ */

/* 全寬促銷 Banner */
.promo-banner{
  width:100%;min-height:160px;display:flex;align-items:center;justify-content:center;
  margin:28px 0;overflow:hidden;position:relative;
}
.promo-banner .pb-inner{
  display:flex;flex-direction:column;align-items:center;
  padding:30px 20px;text-align:center;position:relative;z-index:1;
}
.pb-tag{
  font-size:11.5px;font-weight:700;letter-spacing:4px;
  opacity:.7;margin-bottom:6px;text-transform:uppercase;
}
.pb-title{font-size:26px;font-weight:800;letter-spacing:2px;}
.pb-sub{font-size:14px;opacity:.7;margin-top:5px;}

/* 生活風（米色）*/
.pb-lifestyle{
  background: linear-gradient(135deg, #f7efe8 0%, #ede4d8 50%, #f0e8dc 100%);
  color: var(--c-ink);
}

/* 分割式 Banner（左文右圖）*/
.split-banner{
  max-width:var(--maxw);margin:28px auto;display:flex;
  border-radius:var(--radius);overflow:hidden;
  box-shadow:0 2px 16px rgba(0,0,0,.06);
}
.split-banner .sb-text{
  flex:1;min-height:210px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;padding:38px 28px;
}
.split-banner .sb-img{flex:1.3;min-height:210px;background-size:cover;background-position:center;}

.sb-warm{background:linear-gradient(180deg,#f5f0ea,#ebe3d6);color:var(--c-ink);}
.sb-cool{background:linear-gradient(180deg,#eaf4f8,#dceef5);color:#2c5aa0;}
.sb-img-warm{background:linear-gradient(135deg,#f0e6da,#e2d6c6);}
.sb-img-cool{background:linear-gradient(135deg,#e2eff5,#cde3ee);}

.sb-reverse{flex-direction:row-reverse;}

.sb-tag{font-size:12px;font-weight:700;letter-spacing:3px;opacity:.65;margin-bottom:8px;}
.sb-title{font-size:26px;font-weight:900;letter-spacing:1px;line-height:1.3;}
.sb-sub{font-size:14px;opacity:.7;margin-top:8px;}
.sb-badge{
  margin-top:12px;display:inline-block;
  background:var(--c-primary);color:#fff;font-size:11px;
  padding:4px 14px;border-radius:99px;font-weight:700;
}
.sb-cool .sb-badge{background:#2c5aa0;}

@media(max-width:768px){
  .split-banner{flex-direction:column !important;margin:20px 12px;}
  .split-banner .sb-img{min-height:150px;flex:none;}
  .promo-banner{min-height:130px;margin:20px 0;}
  .pb-title{font-size:22px;}
  .sb-title{font-size:22px;}
}

/* ═══════════════════════════════════════════════════
   06. 商店 / 分類頁
   ═══════════════════════════════════════════════════ */
.shop-head{padding:22px 0 6px;}
.breadcrumb{font-size:12.5px;color:var(--c-muted);margin-bottom:5px;}
.breadcrumb a:hover{color:var(--c-primary);}
.shop-title{font-size:22px;font-weight:800;margin:0 0 4px;}
.shop-desc{font-size:13px;color:var(--c-muted);margin:0 0 16px;}

/* ═══════════════════════════════════════════════════
   07. 商品詳情頁
   ═══════════════════════════════════════════════════ */
.single-product-wrap{
  display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:40px;
  padding:24px 0 40px;background:#fff;
}
.single-info .product-cat{font-size:13px;color:var(--c-muted);margin-bottom:6px;}
.single-info h1{font-size:24px;margin:0 0 8px;font-weight:800;}
.single-info .name-mark{font-size:13px;color:var(--c-btn);margin-bottom:12px;}
.single-price{font-size:26px;color:var(--c-primary);font-weight:800;margin:10px 0;}
.single-price .del{color:var(--c-muted);font-size:16px;text-decoration:line-through;margin-left:10px;font-weight:400;}
.single-desc{color:#5f554b;font-size:14px;line-height:1.8;}
.single-detail{max-width:var(--maxw);margin:0 auto;padding:26px 0 8px;border-top:1px solid var(--c-line);}
.sd-title{font-size:18px;font-weight:800;margin:0 0 14px;}
.single-desc img{max-width:100%;height:auto;display:block;margin:14px auto;border-radius:var(--radius);}

/* 左側圖集（對齊 1shop product-gallery：主圖 + 縮圖）*/
.single-gallery{display:flex;flex-direction:column;gap:12px;}
.pg-main{position:relative;border:1px solid var(--c-line);border-radius:var(--radius);overflow:hidden;background:#fff;}
.pg-main img{width:100%;display:block;}
.pg-ph{width:100%;aspect-ratio:1;background:#e4e8ec;display:flex;align-items:center;justify-content:center;color:#999;}
.pg-thumbs{display:flex;gap:8px;overflow-x:auto;flex-wrap:nowrap;scroll-behavior:smooth;padding:2px 0;scrollbar-width:none;-ms-overflow-style:none;}
.pg-thumbs::-webkit-scrollbar{display:none;}
.pg-thumb{flex:0 0 auto;width:72px;height:72px;object-fit:cover;border:1px solid var(--c-line);border-radius:4px;cursor:pointer;transition:.15s;}
.pg-thumb:hover{border-color:var(--c-primary);}
.pg-thumb.active{border-color:var(--c-primary);box-shadow:0 0 0 2px var(--c-primary);}
/* 主圖左右切換按鈕 */
.pg-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:none;border-radius:50%;background:rgba(0,0,0,.35);color:#fff;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s;z-index:2;}
.pg-nav:hover{background:rgba(0,0,0,.6);}
.pg-prev{left:12px;}
.pg-next{right:12px;}
/* 縮圖單行滑動 + 左右滑動按鈕 */
.pg-thumbs-wrap{position:relative;display:flex;align-items:center;gap:6px;}
.pg-tnav{flex:0 0 auto;width:30px;height:30px;border:1px solid var(--c-line);background:#fff;border-radius:50%;color:#555;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s;z-index:1;}
.pg-tnav:hover{border-color:var(--c-primary);color:var(--c-primary);}
.pg-tnav:disabled{opacity:.3;cursor:default;border-color:var(--c-line);color:#ccc;}
.ship-note{color:var(--c-muted);font-size:13px;margin-top:14px;line-height:1.8;}
.qty-row{display:flex;align-items:center;gap:12px;margin:18px 0;}
.qty-row input{width:64px;padding:9px;border:1px solid var(--c-line);text-align:center;border-radius:var(--radius);}
.btn-add-cart{
  background:var(--c-btn);color:#fff;border:none;border-radius:99px;
  padding:12px 34px;font-weight:700;font-size:15px;cursor:pointer;transition:.15s;
}
.btn-add-cart:hover{background:var(--c-btn-hover);}

@media(max-width:768px){.single-product-wrap{grid-template-columns:1fr;gap:24px;}}

/* 詳情頁：規格 / 數量 / 加購（對齊 1shop product-data）*/
.single-info .variations{margin:12px 0;}
.var-opts{display:flex;flex-wrap:wrap;gap:8px;}
.var-opt{font-size:14px;padding:8px 16px;border:1px solid var(--c-line);border-radius:6px;background:#fff;color:#333;cursor:pointer;transition:.15s;}
.var-opt:hover{border-color:var(--c-primary);color:var(--c-primary);}
.var-opt.active{border-color:var(--c-primary);background:var(--c-primary);color:#fff;font-weight:600;}
.single-info .var-row{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
.single-info .var-row label{font-size:13px;min-width:52px;color:#666;}
.single-info .single-attr{padding:8px 10px;border:1px solid var(--c-line);border-radius:4px;min-width:150px;font-size:14px;background:#fff;}
.single-info .qty-row button{width:36px;height:40px;border:1px solid var(--c-line);background:#f5f5f5;font-size:18px;cursor:pointer;}
.single-info .qty-row button:first-child{border-radius:4px 0 0 4px;}
.single-info .qty-row input{border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line);border-left:none;border-right:none;}
.single-info .qty-row button:last-child{border-radius:0 4px 4px 0;}

/* ═══ 選購彈窗（對齊 1shop viewAllProduct 快速購買）═══ */
.qv-modal{position:fixed;inset:0;z-index:2000;display:none;}
.qv-modal.open{display:flex;align-items:center;justify-content:center;}
.qv-overlay{position:absolute;inset:0;background:rgba(0,0,0,.55);}
.qv-dialog{
  position:relative;width:min(560px,92vw);max-height:90vh;
  background:#fff;border-radius:10px;
  box-shadow:0 24px 80px rgba(0,0,0,.35);
  display:flex;flex-direction:column;overflow:hidden;
}
/* 關閉按鈕 — 右上角 × */
.qv-close{
  position:absolute;top:10px;right:14px;z-index:5;
  width:32px;height:32px;border-radius:50%;
  background:rgba(255,255,255,.85);border:none;
  color:#666;font-size:20px;line-height:32px;text-align:center;
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:.15s;
}
.qv-close:hover{background:#fff;color:#333;}

/* ── 大圖輪播區（對齊截圖：大圖 + 左右箭頭 + 1/N 計數器）── */
.qv-gallery{
  position:relative;width:100%;background:#f5f5f5;
  border-bottom:1px solid #eee;
}
/* 品牌浮水印（右上）*/
.qv-brandmark{
  position:absolute;top:10px;right:14px;z-index:3;
  text-align:right;line-height:1.25;pointer-events:none;
  font-size:11px;font-weight:800;letter-spacing:.5px;color:#3d4a3e;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.qv-brandmark .qv-bm-plus{color:#5a8f5c;}
.qv-brandmark .qv-bm-tw{font-size:9px;font-weight:500;letter-spacing:2px;color:#6b6b6b;}
.qv-slides{position:relative;width:100%;overflow:hidden;}
.qv-slide{
  display:none;width:100%;aspect-ratio:4/3;
  align-items:center;justify-content:center;
}
.qv-slide.active{display:flex;}
.qv-slide img{
  width:100%;height:100%;object-fit:cover;
}
.qv-img-ph{
  width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  color:#bbb;font-size:15px;
}

/* 左右箭頭 */
.qv-prev,.qv-next{
  position:absolute;top:50%;transform:translateY(-50%);
  width:36px;height:36px;border-radius:50%;
  background:rgba(255,255,255,.8);border:none;
  color:#555;font-size:16px;cursor:pointer;z-index:2;
  display:flex;align-items:center;justify-content:center;
  transition:.15s;
}
.qv-prev:hover,.qv-next:hover{background:rgba(255,255,255,.95);}
.qv-prev{left:10px;}
.qv-next{right:10px;}

/* 圖片計數器 1/9 */
.qv-counter{
  position:absolute;bottom:10px;right:12px;z-index:2;
  background:rgba(255,255,255,.8);padding:3px 10px;
  border-radius:12px;font-size:12px;color:#555;
}

/* ── 商品資訊區 ── */
.qv-body{padding:18px 20px 14px;overflow-y:auto;}
.qv-loading{padding:60px 20px;text-align:center;color:#999;font-size:14px;}
.qv-product{display:flex;flex-direction:column;}

/* 標題 */
.qv-title{
  font-size:17px;font-weight:700;line-height:1.45;
  color:#222;margin-bottom:6px;
  word-break:break-word;
}

/* 狀態標籤（藍色文字，對齊截圖 🔵夏日涼爽風暴🔵）*/
.qv-status{
  font-size:13px;color:#2563eb;margin-bottom:8px;
  line-height:1.4;
}

/* 價格行：原價刪除線 + 售價紅字粗體 */
.qv-price-row{
  display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;
  margin-bottom:12px;
}
.qv-reg{
  font-size:13px;color:#999;text-decoration:line-through;
}
.qv-sale{
  font-size:15px;color:#e53e3e;
}
.qv-sale b{font-weight:800;font-size:17px;}

/* 數量選擇器 -1 +1 */
.qv-qty-wrap{
  display:inline-flex;align-items:center;border:1px solid #ddd;
  border-radius:6px;overflow:hidden;margin-bottom:12px;
}
.qv-qty-wrap button{
  width:38px;height:38px;border:none;background:#fafafa;
  font-size:18px;cursor:pointer;color:#444;
  transition:.1s;
}
.qv-qty-wrap button:hover{background:#eee;}
.qv-qty-wrap input{
  width:52px;height:38px;border:none;border-left:1px solid #ddd;
  border-right:1px solid #ddd;text-align:center;font-size:15px;
  font-weight:600;color:#222;-moz-appearance:textfield;
}
.qv-qty-wrap input::-webkit-inner-spin-button,
.qv-qty-wrap input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}

/* 變體規格：展開式按鈕選項（不使用下拉框） */
.qv-vars{margin-bottom:12px;}
.qv-vars .var-row{
  display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;
}
.qv-vars .var-row:last-child{margin-bottom:0;}
.qv-vars .var-row label{
  font-size:13px;min-width:48px;color:#555;font-weight:500;
  line-height:1.4;padding-top:7px;flex-shrink:0;
}
/* 選項按鈕組：自動換行 */
.var-opts{display:flex;flex-wrap:wrap;gap:8px;flex:1;min-width:0;}
.var-opt{
  padding:7px 18px;border:1px solid #ddd;border-radius:6px;
  background:#fff;color:#333;font-size:14px;line-height:1.4;
  cursor:pointer;transition:all .15s ease;
  font-family:inherit;
}
.var-opt:hover{border-color:var(--c-btn);color:var(--c-btn);}
.var-opt.selected{
  border-color:var(--c-btn);background:var(--c-btn);color:#fff;font-weight:600;
}

/* 描述列表（◉ 項目符號，對齊截圖）*/
.qv-desc{
  list-style:none;padding:0;margin:8px 0 14px;
  max-height:160px;overflow-y:auto;
}
.qv-desc li{
  position:relative;padding-left:18px;margin-bottom:5px;
  font-size:13.5px;color:#444;line-height:1.6;
}
.qv-desc li::before{
  content:'◉';position:absolute;left:0;color:#888;
  font-size:11px;top:3px;
}

/* ── 底部固定欄：小計 | NT$ xxx | 加入購物車（桃色按鈕）── */
.qv-footer{
  display:flex;align-items:center;gap:14px;
  padding:14px 20px;border-top:1px solid #eee;
  background:#fafafa;
}
.qv-footer-label{
  font-size:14px;color:#666;font-weight:500;white-space:nowrap;
}
.qv-footer-total{
  font-size:18px;font-weight:800;color:#222;white-space:nowrap;
}
.qv-add{
  margin-left:auto;background:#E57644;color:#fff;
  border:none;border-radius:20px;padding:10px 28px;
  font-weight:700;font-size:14px;cursor:pointer;
  white-space:nowrap;transition:.15s;
  flex-shrink:0;
}
.qv-add:hover{background:#d06a3b;}
.qv-add:disabled{opacity:.6;cursor:not-allowed;}

body.qv-lock{overflow:hidden;}

@media(max-width:600px){
  .qv-dialog{width:96vw;max-height:94vh;}
  .qv-footer{flex-wrap:wrap;gap:8px;}
  .qv-add{width:100%;order:3;margin-left:0;text-align:center;}
}

/* ═══════════════════════════════════════════════════
   08. 頁尾（頂部大圖 + 支付品牌圖標）
   ═══════════════════════════════════════════════════ */
/* 對齊 1shop v3.2.17 頁尾規範：淺色背景、深灰文字、居中、支付圖標 26px */
.footer{
  background:#fff;color:#4d4d4d;line-height:1.6;padding-top:20px;margin-top:40px;
}
/* ── 頂部宣傳大圖（用戶指定，全寬）── */
.footer-banner{max-width:1100px;margin:0 auto;width:100%;overflow:hidden;line-height:0;}
.footer-banner img{width:100%;height:auto;display:block;object-fit:cover;}
.footer .container{max-width:var(--maxw);margin:0 auto;padding:0 15px;}
/* ── 頁面連結選單（對齊 1shop：居中 + | 分隔）── */
.footer-menu{margin-bottom:10px;}
.footer-menu ul.nav{display:flex;justify-content:center;flex-wrap:wrap;list-style:none;margin:0;padding:0;}
.footer-menu ul>li{position:relative;padding:0;}
.footer-menu ul>li>a{color:#4d4d4d;display:block;padding:2px 10px;font-size:14px;font-weight:600;}
.footer-menu ul>li>a:hover{color:#000;}
.footer-menu li:not(:last-of-type):after{content:"|";position:absolute;right:-2px;top:calc(50% - 12px);color:#ccc;}
/* ── 聯絡資訊（對齊 1shop .footer-content：深灰文字、居中）── */
.footer-content{margin-bottom:10px;text-align:center;color:#424242;font-size:13px;line-height:1.9;}
.footer-content a{color:#424242;}
.footer-content a:hover{color:#000;}
/* ── 支付品牌圖標（對齊 1shop .supplier：高 26px、居中）── */
.footer .supplier{margin-top:10px;margin-bottom:10px;text-align:center;padding:0 15px;}
.footer .supplier>img{display:inline-block;height:26px;width:auto;padding:3px;}
/* 版權（兼容 .copyright） */
.footer .copyright{color:grey;font-size:14px;padding:10px;text-align:center;}
.footer .copyright a{color:grey;}

/* 響應式：手機端圖標縮小 */
@media(max-width:600px){
  .footer .supplier>img{height:22px;}
}

/* ═══════════════════════════════════════════════════
   09. WooCommerce 相容
   ═══════════════════════════════════════════════════ */
.woocommerce{color:var(--c-ink);}
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info{
  background:#fff;border:1px solid var(--c-line);
  border-left:4px solid var(--c-primary);
  padding:12px 16px;margin-bottom:18px;font-size:14px;
}
.woocommerce table.shop_table{
  width:100%;border-collapse:collapse;
  background:#fff;border:1px solid var(--c-line);
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td{
  padding:14px 16px;border-bottom:1px solid var(--c-line);
  text-align:left;font-size:14px;
}
.woocommerce table.shop_table th{background:var(--c-bg);font-weight:700;}
.woocommerce .product-thumbnail img{width:64px;}
.woocommerce .quantity .qty,
.woocommerce input.input-text,
.woocommerce textarea.input-text,
.woocommerce select{
  border:1px solid var(--c-line);border-radius:var(--radius);
  padding:9px 11px;font-size:14px;outline:none;
}
.woocommerce input.input-text:focus{border-color:var(--c-green);}
.woocommerce button.button,
.woocommerce button.button.alt{
  background:var(--c-btn);color:#fff;border:none;
  border-radius:99px;padding:12px 28px;font-weight:600;
  cursor:pointer;font-size:15px;
}
.woocommerce button.button.alt:hover{background:var(--c-btn-hover);}
.woocommerce a.button,
.woocommerce a.button.wc-forward{
  display:inline-block;background:#fff;color:var(--c-green);
  border:1.5px solid var(--c-green);border-radius:99px;
  padding:10px 22px;font-weight:600;font-size:14px;
}
.woocommerce a.button:hover{background:var(--c-green);color:#fff;}
.woocommerce .cart-collaterals .cart_totals{
  background:#fff;border:1px solid var(--c-line);padding:20px;margin-top:20px;
}
.woocommerce-account .woocommerce-MyAccount-navigation{
  background:#fff;border:1px solid var(--c-line);padding:14px;margin-bottom:18px;
}
.woocommerce-account .woocommerce-MyAccount-navigation li{
  padding:7px 10px;border-radius:var(--radius);
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active{background:var(--c-bg);}

/* 結帳頁響應式統一於下方「11. 結帳頁」區塊（max-width:900px）*/

/* 感謝頁（order-received） */
.woocommerce-thankyou{
  background:#fff;border:1px solid var(--c-line);border-radius:var(--radius);
  padding:28px 24px;max-width:760px;margin:0 auto;
}
.woocommerce-thankyou .woocommerce-thankyou-order-received{
  color:var(--c-green);font-size:18px;font-weight:800;margin-bottom:10px;
}
.woocommerce-thankyou ul.order_details{
  list-style:none;display:flex;flex-wrap:wrap;gap:0;
  padding:0;margin:16px 0;border:1px solid var(--c-line);border-radius:var(--radius);overflow:hidden;
}
.woocommerce-thankyou ul.order_details li{
  flex:1;padding:12px 14px;font-size:13px;
  border-right:1px solid var(--c-line);background:var(--c-bg);
}
.woocommerce-thankyou ul.order_details li:last-child{border-right:none;}
.woocommerce-thankyou ul.order_details li strong{display:block;font-size:14px;margin-top:3px;}

/* ═══════════════════════════════════════════════════
   10. 購物車頁（flp-cart-*）
   ═══════════════════════════════════════════════════ */
.flp-cart-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--c-line);}
.flp-cart-table th,.flp-cart-table td{padding:14px 12px;border-bottom:1px solid var(--c-line);font-size:14px;vertical-align:middle;}
.flp-cart-table thead th{background:var(--c-bg);font-weight:700;font-size:13px;color:#555;}
.flp-cart-table .cp-img{width:88px;}
.flp-cart-table .cp-img img{width:72px;height:72px;object-fit:cover;border-radius:var(--radius);}
.flp-cart-table .cp-name a{color:var(--c-ink);font-weight:600;}
.flp-cart-table .cp-name a:hover{color:var(--c-green);}
.flp-cart-table .cp-name small{color:#999;font-size:12px;}
.flp-cart-table .cp-price,.flp-cart-table .cp-sub{white-space:nowrap;}
.flp-cart-table .cp-sub{font-weight:700;color:var(--c-primary);}
.flp-cart-table .cp-qty input.qty{
  width:64px;padding:7px 6px;text-align:center;
  border:1px solid var(--c-line);border-radius:var(--radius);
  -moz-appearance:textfield;
}
.flp-cart-table .cp-qty input.qty::-webkit-inner-spin-button,
.flp-cart-table .cp-qty input.qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
.cp-remove{
  display:inline-flex;align-items:center;justify-content:center;
  width:28px;height:28px;border-radius:50%;
  color:#bbb;font-size:20px;line-height:1;transition:.15s;
}
.cp-remove:hover{background:#fdeaea;color:#e04444;}
.flp-cart-bottom{
  display:flex;justify-content:space-between;align-items:center;
  margin:18px 0;gap:12px;flex-wrap:wrap;
}
.btn-continue{color:var(--c-green);font-weight:600;font-size:14px;}
.btn-continue:hover{color:var(--c-green-dark);text-decoration:underline;}
.btn-update-cart{
  background:#fff;border:1.5px solid var(--c-green);color:var(--c-green);
  border-radius:99px;padding:9px 22px;font-size:14px;font-weight:600;cursor:pointer;
}
.btn-update-cart:hover{background:var(--c-green);color:#fff;}
.flp-cart-collaterals{display:flex;justify-content:flex-end;}
.flp-cart-collaterals .cart_totals{width:min(420px,100%);}
.flp-cart-collaterals .cart_totals h2{font-size:17px;margin-bottom:12px;}
.flp-cart-collaterals .cart_totals table.shop_table{border:none;}
.flp-cart-collaterals .cart_totals .order-total .woocommerce-Price-amount{
  color:var(--c-primary);font-weight:800;font-size:18px;
}
.flp-cart-collaterals .wc-proceed-to-checkout a.checkout-button{
  display:block;text-align:center;background:var(--c-btn);color:#fff !important;
  border-radius:99px;padding:13px 20px;font-weight:700;font-size:15px;
}
.flp-cart-collaterals .wc-proceed-to-checkout a.checkout-button:hover{background:var(--c-btn-hover);}

/* 空購物車 */
.woocommerce-cart .cart-empty{padding:48px 0;text-align:center;font-size:15px;}
.woocommerce-cart .cart-empty::before{content:'';display:none;}
.woocommerce-cart .return-to-shop{text-align:center;margin-bottom:40px;}

/* ═══════════════════════════════════════════════════
   11. 結帳頁（單欄堆疊：訂單摘要在上、帳單資訊在下，覆蓋 woomp 內聯 CSS）
   ═══════════════════════════════════════════════════ */
.woocommerce-checkout form.checkout{
  background:#fff;border:1px solid var(--c-line);padding:28px;border-radius:var(--radius);
  /* 單欄堆疊主容器：訂單摘要在上、帳單在下 */
  display:flex;flex-direction:column;flex-wrap:nowrap;gap:28px;align-items:stretch;
}
.woocommerce-checkout h3{font-size:16px;margin:0 0 14px;}

/* ── 訂單摘要（原右欄）：置頂 ── */
.woocommerce-checkout #order_review_heading{
  order:1;min-width:0;font-size:16px;margin:0;
}
.woocommerce-checkout #order_review{
  /* 必須用 !important 覆蓋 woomp-public.css 的 #order_review{display:block!important} */
  order:1!important;min-width:0;
  display:flex!important;flex-direction:column;
  position:static;margin:0;
  float:none;clear:none;width:100%;
  flex:1 1 100%!important;
}

/* ── 帳單 + 配送（原左欄）：置底 ── */
.woocommerce-checkout .col2-set,
.woocommerce-checkout #customer_details{
  order:2;min-width:0;
  box-sizing:border-box;flex:1 1 100%;
}
/* col2-set 內的 col-1 / col-2 上下堆疊 */
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2{
  width:100%;float:none;margin-bottom:22px;
}
.woocommerce-checkout .col2-set .col-2{margin-bottom:0;}

/* ── 欄位佈局：姓/名並排，其餘全寬 ── */
.woocommerce-checkout .form-row{margin-bottom:16px;}
.woocommerce-checkout .form-row-first{width:48%;float:left;}
.woocommerce-checkout .form-row-last{width:48%;float:right;}
.woocommerce-checkout .form-row-wide{width:100%;clear:both;}
.woocommerce-checkout .col-1:after,
.woocommerce-checkout .col-2:after,
.woocommerce-checkout #customer_details:after{content:"";display:table;clear:both;}

/* ── 標籤與輸入框 ── */
.woocommerce-checkout .form-row label{display:block;font-size:13px;margin-bottom:6px;color:#555;font-weight:500;}
.woocommerce-checkout .form-row .required{color:#e04444;text-decoration:none;}
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea{
  width:100%;padding:10px 12px;border:1px solid var(--c-line);
  border-radius:8px;font-size:14px;line-height:1.5;box-sizing:border-box;
  background:#fff;color:#333;
}
/* 郵遞區號：ID 級強制與其他欄位同款（避免被預設/插件樣式擠窄） */
.woocommerce-checkout #billing_postcode,
.woocommerce-checkout #shipping_postcode{
  width:100%;padding:10px 12px;border:1px solid var(--c-line);
  border-radius:8px;font-size:14px;line-height:1.5;box-sizing:border-box;
  background:#fff;color:#333;min-width:0;
}
.woocommerce-checkout #billing_postcode:focus,
.woocommerce-checkout #shipping_postcode:focus{
  border-color:var(--c-btn);outline:none;box-shadow:0 0 0 3px rgba(219,156,132,.15);
}
/* twzipcode 注入的縣市/鄉鎮/郵遞區號：其 input 無 .input-text class，需單獨補同款樣式（否則郵編框會是滿寬但無邊框/內距的裸框） */
.woocommerce-checkout .form-row select[name='county'],
.woocommerce-checkout .form-row select[name='district'],
.woocommerce-checkout .form-row input[name='zipcode']{
  width:100%;padding:10px 12px;border:1px solid var(--c-line);
  border-radius:8px;font-size:14px;line-height:1.5;box-sizing:border-box;
  background:#fff;color:#333;
}
.woocommerce-checkout .form-row select[name='county']:focus,
.woocommerce-checkout .form-row select[name='district']:focus,
.woocommerce-checkout .form-row input[name='zipcode']:focus{
  border-color:var(--c-btn);outline:none;box-shadow:0 0 0 3px rgba(219,156,132,.15);
}
.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-checkout .form-row select:focus,
.woocommerce-checkout .form-row textarea:focus{
  border-color:var(--c-btn);outline:none;box-shadow:0 0 0 3px rgba(219,156,132,.15);
}

/* ── 訂單摘要表格 ── */
.woocommerce-checkout #order_review .shop_table{border:1px solid var(--c-line);border-radius:var(--radius);overflow:hidden;}
.woocommerce-checkout #order_review .shop_table th,
.woocommerce-checkout #order_review .shop_table td{padding:11px 14px;font-size:13.5px;border-bottom:1px solid var(--c-line);}
.woocommerce-checkout #order_review .shop_table tfoot th{background:var(--c-bg);}

/* ── 付款方式（#paymentWrap）與 貨件/總計 卡片樣式統一 ── */
.woocommerce-checkout #order_review #paymentWrap{
  width:100%;border:1px solid var(--c-line);border-radius:var(--radius);overflow:hidden;margin-top:16px;
}
.woocommerce-checkout #order_review #paymentWrap th{
  background:var(--c-bg);font-weight:600;width:159px;padding:11px 14px;font-size:13.5px;
  text-align:left;border-right:1px solid var(--c-line);border-bottom:1px solid var(--c-line);vertical-align:top;
}
.woocommerce-checkout #order_review #paymentWrap td{
  padding:11px 14px;font-size:13.5px;border-bottom:1px solid var(--c-line);
}
.woocommerce-checkout #order_review #paymentWrap tr:last-child th,
.woocommerce-checkout #order_review #paymentWrap tr:last-child td{border-bottom:none;}
/* 內部 #payment 去掉自身邊框/內距，與卡片單元格對齊 */
.woocommerce-checkout #order_review #paymentWrap #payment{border:none;padding:0;background:none;}

/* ── 付款方式 ── */
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment{border-radius:var(--radius);padding:6px 16px;}
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods{list-style:none;margin:0;padding:10px 0;border-bottom:1px solid var(--c-line);}
#add_payment_method #payment ul.payment_methods li,
.woocommerce-checkout #payment ul.payment_methods li{padding:10px 0;}
#add_payment_method #payment ul.payment_methods li label,
.woocommerce-checkout #payment ul.payment_methods li label{font-weight:600;cursor:pointer;}
.woocommerce-checkout .payment_box{
  background:#fff;border:1px solid var(--c-line);border-radius:var(--radius);
  padding:12px 14px;font-size:13.5px;color:#666;margin-top:8px;
}
.woocommerce-checkout #place_order{
  width:100%;background:var(--c-btn);color:#fff;border:none;
  border-radius:99px;padding:14px;font-weight:700;font-size:16px;cursor:pointer;
}
.woocommerce-checkout #place_order:hover{background:var(--c-btn-hover);}
/* woomp 把 #place_order 移入 #placeOrderWrap（#order_review 內），確保容器可見、與上方付款方式保持間距 */
.woocommerce-checkout #placeOrderWrap{display:block!important;width:100%;margin-top:16px;margin-bottom:8px;}

/* ── 響應式：≤900px 維持單欄（主布局已 column，這裡確保寬度與欄位併排）── */
@media(max-width:900px){
  .woocommerce-checkout form.checkout{gap:28px;}
  .woocommerce-checkout .col2-set,
  .woocommerce-checkout #customer_details,
  .woocommerce-checkout #order_review_heading,
  .woocommerce-checkout #order_review{flex:0 0 100%!important;width:100%;position:static;}
  .woocommerce-checkout .form-row-first,
  .woocommerce-checkout .form-row-last{width:100%;float:none;}
}

@media(max-width:768px){
  .flp-cart-table thead{display:none;}  .flp-cart-table tr{display:block;border-bottom:1px solid var(--c-line);padding:10px 6px;}
  .flp-cart-table td{display:flex;align-items:center;gap:10px;border:none;padding:5px 6px;}
  .flp-cart-table td::before{content:attr(data-title);font-weight:700;font-size:12px;color:#999;min-width:40px;}
  .flp-cart-table td.cp-img::before,.flp-cart-table td.cp-name::before{content:none;}
  .flp-cart-collaterals{justify-content:stretch;}
  .flp-cart-collaterals .cart_totals{width:100%;}
}

/* ===== 一般內容頁（購物說明 / 會員條款 / 訂單查詢）— 對齊 flplus / 1shop 內容頁樣式 ===== */
.section{padding:34px 0;}
.section .container .legal-page{max-width:900px;margin:0 auto;}
.legal-page{
  /* 1shop 全站字體棧：Microsoft JhengHei / 微軟正黑體 */
  font-family:"Microsoft JhengHei","微軟正黑體","微软雅黑",Helvetica Neue,Helvetica,Arial,sans-serif;
  color:#2c2d2f;font-size:15px;line-height:1.9;
}
.legal-page .legal-lead{font-size:15px;color:#555;margin:0 0 18px;line-height:1.9;}
.legal-page .legal-note{color:#999;font-size:13px;margin-top:12px;}
/* 章節標題：對齊 1shop 預設 h1–h6 { font-weight:400 }（不加粗、無色條） */
.legal-page h2.legal-h2{
  font-size:19px;line-height:1.5;margin:30px 0 12px;padding:0;
  border-left:none;color:#2c2d2f;font-weight:400;letter-spacing:.5px;
}
.legal-page p{margin:0 0 12px;line-height:1.9;}
/* 列表：對齊 flplus 以 ● / 數字 呈現的條列 */
.legal-page ul.legal-list,.legal-page ol.legal-ol{margin:0 0 14px;padding-left:22px;}
.legal-page ul.legal-list{list-style:disc;}
.legal-page ol.legal-ol{list-style:decimal;}
.legal-page ul.legal-list li,.legal-page ol.legal-ol li{margin:7px 0;line-height:1.85;}
.legal-page ul.legal-sub{list-style:circle;margin:6px 0 6px 18px;}
/* 連結：對齊 1shop a{color:#2088cd} */
.legal-page a{color:#2088cd;text-decoration:none;}
.legal-page a:hover{color:#3ea2e0;}
.legal-page b,.legal-page strong{color:#2c2d2f;font-weight:700;}

/* 訂單查詢：WooCommerce 訂單追蹤表單 — 對齊 flplus 主色 #db9c84 / 1shop .btn 圓角 pill */
.track_order{max-width:520px;margin:18px 0 0;display:flex;flex-direction:column;gap:14px;}
.track_order p{margin:0;}
.track_order .form-row{width:100%;}
.track_order label{display:block;font-weight:600;margin-bottom:6px;font-size:14px;color:#2c2d2f;}
.track_order input.input-text{
  width:100%;padding:11px 14px;border:1px solid var(--c-line);border-radius:6px;font-size:15px;
  font-family:"Microsoft JhengHei","微軟正黑體",sans-serif;
}
.track_order input.input-text:focus{outline:none;border-color:#2088cd;}
.track_order .button{
  align-self:flex-start;background:var(--c-btn);color:#fff;border:none;border-radius:30px;
  padding:12px 34px;font-weight:600;font-size:15px;cursor:pointer;
  font-family:"Microsoft JhengHei","微軟正黑體",sans-serif;
}
.track_order .button:hover{opacity:.85;}