@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//babystudiobuy.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.3.9") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//babystudiobuy.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//babystudiobuy.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//babystudiobuy.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//babystudiobuy.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//babystudiobuy.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//babystudiobuy.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//babystudiobuy.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//babystudiobuy.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(80,76,76);
	--wd-text-font-size: 15px;
	--wd-title-font: Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: rgb(80,76,76);
	--wd-entities-title-font: Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: rgb(80,76,76);
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Noto Sans TC", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(26,26,26);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 16px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(151,57,33);
	--wd-alternative-color: rgb(226,188,158);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(204,196,185);
	--btn-accented-bgcolor-hover: rgb(235,235,233);
	--btn-accented-color-hover: rgb(99,99,99);
	--wd-form-brd-width: 1px;
	--notices-success-bg: rgb(39,85,108);
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(152,56,33);
	--notices-warning-color: #fff;
	--wd-link-color: rgb(80,76,76);
	--wd-link-color-hover: rgb(151,57,33);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgba(255,255,255,0);
	background-image: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
html .product-image-summary-wrap .summary-inner > .price, html .product-image-summary-wrap .summary-inner > .price > .amount, html .product-image-summary-wrap .summary-inner > .price > .price > .amount, html .product-image-summary-wrap .summary-inner > .price ins .amount, html .wd-single-price .price, html .wd-single-price .price > .amount, html .wd-single-price .price > ins .amount {
	color: rgb(142,118,103);
}
.page .wd-page-content {
	background-color: rgb(249,242,231);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-color: rgb(249,242,231);
	background-image: none;
}
.single-product .wd-page-content {
	background-color: rgb(249,242,231);
	background-image: none;
}
.woodmart-archive-blog .wd-page-content {
	background-color: rgb(249,242,231);
	background-image: none;
}
.single-post .wd-page-content {
	background-color: rgb(249,242,231);
	background-image: none;
}
.woodmart-archive-portfolio .wd-page-content {
	background-color: rgb(249,242,231);
	background-image: none;
}
.single-portfolio .wd-page-content {
	background-color: rgb(249,242,231);
	background-image: none;
}
html .wd-buy-now-btn {
	color: rgb(255,255,255);
	background: rgb(53,60,107);
}
html .wd-buy-now-btn:hover {
	color: rgb(255,255,255);
	background: rgb(68,87,137);
}
html .entry-summary .single_add_to_cart_button, .wd-single-add-cart .single_add_to_cart_button {
	color: rgb(255,255,255);
	background: rgb(168,153,131);
}
html .entry-summary .single_add_to_cart_button:hover, .wd-single-add-cart .single_add_to_cart_button:hover {
	background: rgb(193,173,151);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(80,76,76);
	--wd-form-placeholder-color: rgba(80,76,76,0.46);
	--wd-form-brd-color: rgba(211,209,201,0.27);
}
.wd-nav-arrows.wd-pos-together:not(:where(.wd-custom-style)) {
	--wd-arrow-bg: rgba(80,76,76,0.2);
	--wd-arrow-bg-hover: rgba(80,76,76,0.27);
	--wd-arrow-bg-dis: rgba(80,76,76,0.27);
	--wd-arrow-radius: 190px;
}
.wd-nav-scroll {
	--wd-nscroll-height: 20px;
	--wd-nscroll-width: 100%;
	--wd-nscroll-bg: rgba(80,76,76,0.13);
	--wd-nscroll-drag-bg: rgb(210,202,191);
	--wd-nscroll-drag-bg-hover: rgb(210,202,191);
}
.product-labels .product-label.onsale {
	background-color: rgba(206,199,187,0);
	color: rgba(244,244,244,0);
}
.product-labels .product-label.new {
	background-color: rgba(209,58,48,0.78);
}
.product-labels .product-label.featured {
	background-color: rgba(232,160,53,0.77);
}
.product-labels .product-label.out-of-stock {
	background-color: rgb(84,84,84);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 880px;
}

@media (max-width: 1024px) {
	:root {
		--wd-header-el-font-size: 14px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-header-el-font-size: 12px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}

rs-slides :is([data-type=text],[data-type=button]) {
font-family: Arial, Helvetica, sans-serif !important;
}
rs-slides :is(h1,h2,h3,h4,h5,h6)[data-type=text] {
font-family: Arial, Helvetica, sans-serif !important;
}

.wd-page-title {
background-color: #0a0a0a;
}

/* 隱藏「運送到不同地址？」和整個運送表單 */
.woocommerce-checkout #ship-to-different-address,
.woocommerce-checkout .woocommerce-shipping-fields .shipping_address {
  display: none !important;
}
/* 結帳頁：配送方式整行水平對齊（文字 / 價格 / 免運） */
.woocommerce-checkout ul#shipping_method li label {
  display: inline-flex;
  align-items: center; /* 關鍵：全部走同一條中線 */
  gap: 6px;
}

/* 免運 badge 微調（不再用位移） */
.woocommerce-checkout ul#shipping_method li label .fee-tag {
  display: inline-block !important;
  transform: none !important; /* 拿掉之前的位移 */
  margin-left: 6px;
}


/* ===== Elementor / WooCommerce 產品搜尋：強力選擇器整包 ===== */

/* 盡可能抓到 Woo 產品搜尋 input（不同主題 class 不一樣） */
.elementor-widget-container form.woocommerce-product-search input[type="search"],
.elementor-widget-container form.woocommerce-product-search input.search-field,
form.woocommerce-product-search input[type="search"],
form.woocommerce-product-search input.search-field,
.woocommerce-product-search input[type="search"],
.woocommerce-product-search input.search-field {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid transparent !important; /* 預設不顯示 */
    box-shadow: none !important;
    outline: none !important;
	    transition: border-color .25s ease;
}

/* hover / focus 才顯示底線 */
.elementor-widget-container form.woocommerce-product-search input[type="search"]:hover,
.elementor-widget-container form.woocommerce-product-search input[type="search"]:focus,
.elementor-widget-container form.woocommerce-product-search input.search-field:hover,
.elementor-widget-container form.woocommerce-product-search input.search-field:focus,
form.woocommerce-product-search input[type="search"]:hover,
form.woocommerce-product-search input[type="search"]:focus,
form.woocommerce-product-search input.search-field:hover,
form.woocommerce-product-search input.search-field:focus {
    border-bottom-color: rgba(0,0,0,.35) !important;
}
/* placeholder 顏色 */
.elementor-widget-container form.woocommerce-product-search input::placeholder,
form.woocommerce-product-search input::placeholder,
.woocommerce-product-search input::placeholder {
    color: #999 !important;
    opacity: 1 !important;
}

/* icon / submit 按鈕：透明、無邊框、無陰影 */
.elementor-widget-container form.woocommerce-product-search button,
form.woocommerce-product-search button,
.woocommerce-product-search button {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}






/* =========================================================
   Woodmart / Woo 我的帳號：左側空白徹底移除 + 右側滿版（核彈版）
   ========================================================= */

/* 1) 不管主題用 flex / float / grid，一律強制成「單欄」 */
.woocommerce-account .woocommerce-MyAccount{
  display: grid !important;
  grid-template-columns: 1fr !important;
  column-gap: 0 !important;
}

/* 2) 左側導覽/左欄容器：徹底不顯示、不佔位 */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .wd-my-account-sidebar,
.woocommerce-account .my-account-sidebar,
.woocommerce-account .account-sidebar,
.woocommerce-account .sidebar-container,
.woocommerce-account .shop-sidebar,
.woocommerce-account .sidebar-left,
.woocommerce-account aside.sidebar{
  display: none !important;
  width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 3) 右側內容：強制吃滿整行 */
.woocommerce-account .woocommerce-MyAccount-content{
  width: 100% !important;
  max-width: 100% !important;
  grid-column: 1 / -1 !important;
  margin: 0 !important;
  padding-left: 0 !important;
}

/* 4) 有些主題會用 margin-left 推內容（像留給 sidebar），直接歸零 */
.woocommerce-account .woocommerce,
.woocommerce-account .content-area,
.woocommerce-account .site-content{
  margin-left: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* 5) 如果你要「整頁滿到螢幕邊」，解除 container 限制 + 去掉左右 padding */
.woocommerce-account .site-content .container,
.woocommerce-account .wd-container,
.woocommerce-account .container{
  width: 100% !important;
  max-width: 100% !important;
}

.woocommerce-account .site-content{
  padding-left: 0 !important;
  padding-right: 0 !important;
}




/* =========================================
   Woodmart 手機側欄選單 - 高質感電商版
   ========================================= */
@media (max-width: 1024px){

  /* ===== 母項目樣式 ===== */
  .wd-side-hidden .menu > li > a,
  .wd-side-hidden .mobile-nav > ul > li > a{
    font-size: 15px !important;   /* 原本16 → 小1px */
    font-weight: 400 !important;  /* 不要粗體 */
    color: #000 !important;       /* 純黑 */
    letter-spacing: 0.3px;
  }

  /* ===== 子項目樣式 ===== */
  .wd-side-hidden .sub-menu li > a,
  .wd-side-hidden .children li > a{
    font-size: 13px !important;   /* 比母項目小2px */
    font-weight: 400 !important;
    color: rgba(0,0,0,.55) !important;
  }

  /* ===== 移除所有框線 / 分隔線 ===== */
  .wd-side-hidden .menu li,
  .wd-side-hidden .menu li > a,
  .wd-side-hidden .children li,
  .wd-side-hidden .children li > a{
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  .wd-side-hidden .menu li:before,
  .wd-side-hidden .menu li:after,
  .wd-side-hidden .children li:before,
  .wd-side-hidden .children li:after{
    content: none !important;
  }

  /* ===== 移除 opener 的框框背景 ===== */
  .wd-side-hidden .wd-nav-opener,
  .wd-side-hidden .submenu-opener,
  .wd-side-hidden .wd-opener{
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  /* 隱藏主題原本的 icon（避免雙箭頭） */
  .wd-side-hidden .wd-nav-opener svg,
  .wd-side-hidden .submenu-opener svg{
    display: none !important;
  }

  /* ===== 點擊展開時旋轉動畫 ===== */
  .wd-side-hidden .menu-item-has-children.wd-opened > a:after,
  .wd-side-hidden .menu-item-has-children.opened > a:after{
    transform: rotate(180deg);
  }

  /* ===== 保持原本點擊展開機制 ===== */
  .wd-side-hidden .sub-menu,
  .wd-side-hidden .children{
    transition: all .3s ease;
  }

}



/* WoodMart 購物車計數圈圈背景與文字顏色（全面相容版） */
.wd-header-cart .wd-cart-number,
.woodmart-shopping-cart .woodmart-cart-number,
.woodmart-shopping-cart .wd-cart-number,
.wd-tools-element .wd-tools-count {
    background-color: #27556c !important; /* 圈圈背景色 */
    color: #ffffff !important;           /* 數字文字色 */
}


/* 1. 全域 Header 選單文字改為白色 */
.wd-nav-main > li > a .nav-link-text,
.woodmart-navigation > li > a .nav-link-text,
.wd-nav-main > li > a,
.woodmart-navigation > li > a {
    color: #ffffff !important;
}

/* 2. 滑鼠懸停 (Hover) 與當前頁面 (Active) 的顏色變換 */
.wd-nav-main > li:hover > a .nav-link-text,
.wd-nav-main > li.current-menu-item > a .nav-link-text,
.woodmart-navigation > li:hover > a .nav-link-text,
.woodmart-navigation > li.current-menu-item > a .nav-link-text {
    color: #ffffff !important; /* 這裡可改成您想要的 Hover 顏色，目前預設為您的購物車藍色 */
}




/* 移除手機選單圖標的背景，並將圖標線條與文字改為白色 */
.wd-tools-element.wd-header-mobile-nav > a {
    background: none !important;
    background-color: transparent !important;
    color: #ffffff !important;
}

/* 確保裡面的圖標 SVG 或字型也是白色 */
.wd-tools-element.wd-header-mobile-nav > a i,
.wd-tools-element.wd-header-mobile-nav > a svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}







/* =========================================================
   Babystudio 全站商品 Grid 完整版
   排除首頁 / 圖片 4:3 / 卡片等高 / 按鈕固定底部
========================================================= */

/* ================================
   0. 商品列表外層：桌機 4 欄
================================ */

body:not(.home) .site-content .wd-products,
body:not(.home) .site-content .products,
body:not(.home) .site-content ul.products{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:34px 28px !important;
  align-items:stretch !important;
}

/* Woodmart 欄位變數一起覆蓋 */
body:not(.home) .site-content .wd-products{
  --wd-col:4 !important;
  --wd-col-lg:4 !important;
  --wd-col-md:3 !important;
  --wd-col-sm:2 !important;
}

/* 移除 Woodmart / WooCommerce 原本欄寬、float、flex */
body:not(.home) .site-content .wd-products > .wd-product,
body:not(.home) .site-content .wd-products > .product-grid-item,
body:not(.home) .site-content .products > .product,
body:not(.home) .site-content ul.products > li.product{
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
  flex:none !important;
  flex-basis:auto !important;
  float:none !important;
  margin:0 !important;
}

/* ================================
   1. 商品卡片：等高背景底
================================ */

body:not(.home) .site-content .wd-product,
body:not(.home) .site-content .product-grid-item,
body:not(.home) .site-content ul.products li.product{
  height:100% !important;
  min-height:100% !important;

  background:#f6d5bd !important;
  border-radius:8px !important;
  padding:18px 18px 30px !important;
  box-shadow:0 12px 30px rgba(105,61,37,.08) !important;
  overflow:hidden !important;
  text-align:center !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;

  transition:.25s ease !important;
}

/* hover 輕微上移 */
body:not(.home) .site-content .wd-product:hover,
body:not(.home) .site-content .product-grid-item:hover,
body:not(.home) .site-content ul.products li.product:hover{
  transform:translateY(-4px);
}

/* Woodmart 內層也改成 flex，讓按鈕可以推到底部 */
body:not(.home) .site-content .wd-product .product-wrapper,
body:not(.home) .site-content .product-grid-item .product-wrapper,
body:not(.home) .site-content .wd-product .product-information,
body:not(.home) .site-content .product-grid-item .product-information,
body:not(.home) .site-content .wd-product .wd-product-info,
body:not(.home) .site-content .product-grid-item .wd-product-info{
  height:100% !important;
  flex:1 1 auto !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;

  background:transparent !important;
  padding:0 !important;
  text-align:center !important;
}

/* ================================
   2. 圖片固定 4:3
================================ */

/* 圖片外框 4:3 */
body:not(.home) .site-content .wd-product .product-element-top,
body:not(.home) .site-content .product-grid-item .product-element-top,
body:not(.home) .site-content ul.products li.product .product-element-top,
body:not(.home) .site-content ul.products li.product > a:first-child{
  width:100% !important;
  aspect-ratio:4 / 3 !important;
  height:auto !important;
  flex:0 0 auto !important;

  background:#f1c8ad !important;
  border-radius:4px !important;
  overflow:hidden !important;
  margin:0 0 24px !important;

  display:block !important;
}

/* 圖片填滿 4:3 */
body:not(.home) .site-content .wd-product .product-element-top img,
body:not(.home) .site-content .product-grid-item .product-element-top img,
body:not(.home) .site-content ul.products li.product img{
  width:100% !important;
  height:100% !important;
  aspect-ratio:4 / 3 !important;
  object-fit:cover !important;
  display:block !important;

  filter:saturate(.92) contrast(.96);
  transition:transform .45s ease !important;
}

/* 圖片 hover */
body:not(.home) .site-content .wd-product:hover .product-element-top img,
body:not(.home) .site-content .product-grid-item:hover .product-element-top img,
body:not(.home) .site-content ul.products li.product:hover img{
  transform:scale(1.04);
}

/* ================================
   3. 隱藏商品卡片上的 wishlist 文字
================================ */

body:not(.home) .site-content .wd-product .woosw-btn,
body:not(.home) .site-content .wd-product .woosw-btn-wrap,
body:not(.home) .site-content .wd-product .woosw-button-wrap,
body:not(.home) .site-content .product-grid-item .woosw-btn,
body:not(.home) .site-content .product-grid-item .woosw-btn-wrap,
body:not(.home) .site-content .product-grid-item .woosw-button-wrap,
body:not(.home) .site-content ul.products li.product .woosw-btn,
body:not(.home) .site-content ul.products li.product .woosw-btn-wrap,
body:not(.home) .site-content ul.products li.product .woosw-button-wrap{
  display:none !important;
}

/* ================================
   4. 商品標題
================================ */

body:not(.home) .site-content .wd-product .wd-entities-title,
body:not(.home) .site-content .product-grid-item .wd-entities-title,
body:not(.home) .site-content ul.products li.product .woocommerce-loop-product__title{
  margin:0 auto 14px !important;
  color:#255f71 !important;

  font-family:Georgia, "Times New Roman", serif !important;
  font-size:26px !important;
  line-height:1.05 !important;
  font-style:italic !important;
  font-weight:900 !important;
  letter-spacing:-0.04em !important;

  text-align:center !important;
  max-width:100% !important;

  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
  overflow:visible !important;
  text-overflow:unset !important;
}

/* 標題連結 */
body:not(.home) .site-content .wd-product .wd-entities-title a,
body:not(.home) .site-content .wd-product .wd-entities-title a:hover,
body:not(.home) .site-content .product-grid-item .wd-entities-title a,
body:not(.home) .site-content .product-grid-item .wd-entities-title a:hover,
body:not(.home) .site-content ul.products li.product .woocommerce-loop-product__title a,
body:not(.home) .site-content ul.products li.product .woocommerce-loop-product__title a:hover{
  color:#255f71 !important;
  text-decoration:none !important;

  display:block !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:unset !important;
  max-height:none !important;
}

/* ================================
   5. 價格
================================ */

body:not(.home) .site-content .wd-product .price,
body:not(.home) .site-content .product-grid-item .price,
body:not(.home) .site-content ul.products li.product .price{
  display:block !important;
  margin:0 0 24px !important;
  color:#983821 !important;

  font-size:16px !important;
  font-weight:900 !important;
  line-height:1.4 !important;
  text-align:center !important;
}

body:not(.home) .site-content .wd-product .price .amount,
body:not(.home) .site-content .product-grid-item .price .amount,
body:not(.home) .site-content ul.products li.product .price .amount{
  color:#983821 !important;
  font-size:16px !important;
  font-weight:900 !important;
}

/* 特價刪除線 */
body:not(.home) .site-content .wd-product .price del,
body:not(.home) .site-content .product-grid-item .price del,
body:not(.home) .site-content ul.products li.product .price del{
  opacity:.55 !important;
  margin-right:6px !important;
}

/* ================================
   6. 按鈕固定底部
================================ */

/* Woodmart 產品 footer / actions 推到底 */
body:not(.home) .site-content .wd-product .wd-product-footer,
body:not(.home) .site-content .product-grid-item .wd-product-footer,
body:not(.home) .site-content .wd-product .wd-add-btn,
body:not(.home) .site-content .product-grid-item .wd-add-btn,
body:not(.home) .site-content .wd-product .product-buttons,
body:not(.home) .site-content .product-grid-item .product-buttons{
  margin-top:auto !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  width:100% !important;
}

/* 如果按鈕直接在卡片裡，也推到底 */
body:not(.home) .site-content .wd-product > .button,
body:not(.home) .site-content .product-grid-item > .button,
body:not(.home) .site-content ul.products li.product > .button{
  margin-top:auto !important;
}

/* 商品按鈕 */
body:not(.home) .site-content .wd-product .button,
body:not(.home) .site-content .wd-product .add_to_cart_button,
body:not(.home) .site-content .wd-product .product_type_simple,
body:not(.home) .site-content .wd-product .product_type_variable,
body:not(.home) .site-content .wd-product .product_type_external,
body:not(.home) .site-content .product-grid-item .button,
body:not(.home) .site-content .product-grid-item .add_to_cart_button,
body:not(.home) .site-content .product-grid-item .product_type_simple,
body:not(.home) .site-content .product-grid-item .product_type_variable,
body:not(.home) .site-content .product-grid-item .product_type_external,
body:not(.home) .site-content ul.products li.product .button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-width:150px !important;
  height:50px !important;
  padding:0 26px !important;

  border:none !important;
  border-radius:999px !important;
  background:#983821 !important;
  color:#fff7ee !important;

  font-family:"Noto Sans TC", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  text-decoration:none !important;

  box-shadow:none !important;
  transition:.25s ease !important;

  margin-top:auto !important;
}

/* 按鈕 hover */
body:not(.home) .site-content .wd-product .button:hover,
body:not(.home) .site-content .wd-product .add_to_cart_button:hover,
body:not(.home) .site-content .wd-product .product_type_simple:hover,
body:not(.home) .site-content .wd-product .product_type_variable:hover,
body:not(.home) .site-content .wd-product .product_type_external:hover,
body:not(.home) .site-content .product-grid-item .button:hover,
body:not(.home) .site-content .product-grid-item .add_to_cart_button:hover,
body:not(.home) .site-content .product-grid-item .product_type_simple:hover,
body:not(.home) .site-content .product-grid-item .product_type_variable:hover,
body:not(.home) .site-content .product-grid-item .product_type_external:hover,
body:not(.home) .site-content ul.products li.product .button:hover{
  background:#742612 !important;
  color:#fff7ee !important;
  transform:translateY(-2px);
}

/* ================================
   7. 相關商品 Related Products 修正
================================ */

.single-product .related.products,
.single-product section.related.products{
  background:#F9F2E7 !important;
  padding:70px 0 90px !important;
}

/* 相關商品標題 */
.single-product .related.products > h2,
.single-product section.related.products > h2{
  margin:0 0 42px !important;
  color:#3d332e !important;
  font-size:34px !important;
  font-weight:400 !important;
  text-align:left !important;
}

/* 相關商品 grid：桌機 3 欄 */
.single-product .related.products .products,
.single-product .related.products ul.products,
.single-product .related.products .wd-products{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:28px !important;
  align-items:stretch !important;
}

/* 相關商品卡片等高 */
.single-product .related.products .product,
.single-product .related.products .wd-product,
.single-product .related.products .product-grid-item{
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
  flex:none !important;
  margin:0 !important;

  height:100% !important;
  background:#f6d5bd !important;
  border-radius:8px !important;
  padding:18px 18px 30px !important;
  box-shadow:0 12px 30px rgba(105,61,37,.08) !important;
  text-align:center !important;
  overflow:hidden !important;

  display:flex !important;
  flex-direction:column !important;
}

/* 相關商品圖片 4:3 */
.single-product .related.products .product-element-top,
.single-product .related.products .product > a:first-child{
  width:100% !important;
  aspect-ratio:4 / 3 !important;
  height:auto !important;
  overflow:hidden !important;
  border-radius:4px !important;
  background:#f1c8ad !important;
  margin:0 0 24px !important;
  display:block !important;
}

.single-product .related.products img{
  width:100% !important;
  height:100% !important;
  aspect-ratio:4 / 3 !important;
  object-fit:cover !important;
  display:block !important;
}

/* 相關商品按鈕固定底部 */
.single-product .related.products .wd-product-footer,
.single-product .related.products .wd-add-btn,
.single-product .related.products .product-buttons{
  margin-top:auto !important;
  display:flex !important;
  justify-content:center !important;
  width:100% !important;
}

/* ================================
   8. 分頁樣式
================================ */

body:not(.home) .site-content .woocommerce-pagination,
body:not(.home) .site-content nav.woocommerce-pagination{
  margin-top:54px !important;
  text-align:center !important;
}

body:not(.home) .site-content .woocommerce-pagination ul,
body:not(.home) .site-content nav.woocommerce-pagination ul{
  border:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
}

body:not(.home) .site-content .woocommerce-pagination ul li,
body:not(.home) .site-content nav.woocommerce-pagination ul li{
  border:none !important;
}

body:not(.home) .site-content .woocommerce-pagination ul li a,
body:not(.home) .site-content .woocommerce-pagination ul li span,
body:not(.home) .site-content nav.woocommerce-pagination ul li a,
body:not(.home) .site-content nav.woocommerce-pagination ul li span{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  border:1px solid #983821 !important;
  border-radius:999px !important;
  background:transparent !important;
  color:#983821 !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  font-size:13px !important;
  font-weight:900 !important;
  line-height:1 !important;
}

body:not(.home) .site-content .woocommerce-pagination ul li span.current,
body:not(.home) .site-content nav.woocommerce-pagination ul li span.current{
  background:#983821 !important;
  color:#fff7ee !important;
}

/* ================================
   9. 平板：3 欄
================================ */

@media (max-width:1024px){
  body:not(.home) .site-content .wd-products,
  body:not(.home) .site-content .products,
  body:not(.home) .site-content ul.products{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:28px 22px !important;
  }

  body:not(.home) .site-content .wd-product,
  body:not(.home) .site-content .product-grid-item,
  body:not(.home) .site-content ul.products li.product{
    padding:16px 16px 28px !important;
  }

  body:not(.home) .site-content .wd-product .wd-entities-title,
  body:not(.home) .site-content .product-grid-item .wd-entities-title,
  body:not(.home) .site-content ul.products li.product .woocommerce-loop-product__title{
    font-size:23px !important;
  }

  .single-product .related.products .products,
  .single-product .related.products ul.products,
  .single-product .related.products .wd-products{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }
}

/* ================================
   10. 手機：2 欄，字與按鈕縮放
================================ */

@media (max-width:767px){

  body:not(.home) .site-content .wd-products,
  body:not(.home) .site-content .products,
  body:not(.home) .site-content ul.products,
  .single-product .related.products .products,
  .single-product .related.products ul.products,
  .single-product .related.products .wd-products{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:16px 10px !important;
  }

  body:not(.home) .site-content .wd-product,
  body:not(.home) .site-content .product-grid-item,
  body:not(.home) .site-content ul.products li.product,
  .single-product .related.products .product,
  .single-product .related.products .wd-product,
  .single-product .related.products .product-grid-item{
    padding:10px 10px 18px !important;
    border-radius:8px !important;
    min-width:0 !important;
    overflow:hidden !important;
  }

  body:not(.home) .site-content .wd-product .product-element-top,
  body:not(.home) .site-content .product-grid-item .product-element-top,
  body:not(.home) .site-content ul.products li.product .product-element-top,
  body:not(.home) .site-content ul.products li.product > a:first-child,
  .single-product .related.products .product-element-top,
  .single-product .related.products .product > a:first-child{
    aspect-ratio:4 / 3 !important;
    margin-bottom:18px !important;
    border-radius:5px !important;
  }

  body:not(.home) .site-content .wd-product .wd-entities-title,
  body:not(.home) .site-content .product-grid-item .wd-entities-title,
  body:not(.home) .site-content ul.products li.product .woocommerce-loop-product__title,
  .single-product .related.products .wd-entities-title,
  .single-product .related.products .woocommerce-loop-product__title{
    font-size:clamp(18px, 5.2vw, 24px) !important;
    line-height:1.05 !important;
    letter-spacing:-0.035em !important;
    margin:0 auto 12px !important;

    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
    overflow:visible !important;
    display:block !important;
    max-height:none !important;
  }

  body:not(.home) .site-content .wd-product .price,
  body:not(.home) .site-content .product-grid-item .price,
  body:not(.home) .site-content ul.products li.product .price,
  .single-product .related.products .price{
    font-size:13px !important;
    margin:0 0 14px !important;
  }

  body:not(.home) .site-content .wd-product .price .amount,
  body:not(.home) .site-content .product-grid-item .price .amount,
  body:not(.home) .site-content ul.products li.product .price .amount,
  .single-product .related.products .price .amount{
    font-size:13px !important;
  }

  body:not(.home) .site-content .wd-product .button,
  body:not(.home) .site-content .wd-product .add_to_cart_button,
  body:not(.home) .site-content .wd-product .product_type_simple,
  body:not(.home) .site-content .wd-product .product_type_variable,
  body:not(.home) .site-content .wd-product .product_type_external,
  body:not(.home) .site-content .product-grid-item .button,
  body:not(.home) .site-content .product-grid-item .add_to_cart_button,
  body:not(.home) .site-content .product-grid-item .product_type_simple,
  body:not(.home) .site-content .product-grid-item .product_type_variable,
  body:not(.home) .site-content .product-grid-item .product_type_external,
  body:not(.home) .site-content ul.products li.product .button,
  .single-product .related.products .button,
  .single-product .related.products .add_to_cart_button,
  .single-product .related.products .product_type_simple,
  .single-product .related.products .product_type_variable,
  .single-product .related.products .product_type_external{
    width:auto !important;
    min-width:118px !important;
    max-width:100% !important;
    height:42px !important;
    padding:0 18px !important;

    font-size:10px !important;
    letter-spacing:.14em !important;
    line-height:1.1 !important;
    white-space:nowrap !important;
  }
}

/* ================================
   11. 更窄手機
================================ */

@media (max-width:390px){
  body:not(.home) .site-content .wd-product .wd-entities-title,
  body:not(.home) .site-content .product-grid-item .wd-entities-title,
  body:not(.home) .site-content ul.products li.product .woocommerce-loop-product__title,
  .single-product .related.products .wd-entities-title,
  .single-product .related.products .woocommerce-loop-product__title{
    font-size:clamp(16px, 4.9vw, 21px) !important;
  }

  body:not(.home) .site-content .wd-product .button,
  body:not(.home) .site-content .wd-product .add_to_cart_button,
  body:not(.home) .site-content .wd-product .product_type_simple,
  body:not(.home) .site-content .wd-product .product_type_variable,
  body:not(.home) .site-content .product-grid-item .button,
  body:not(.home) .site-content .product-grid-item .add_to_cart_button,
  body:not(.home) .site-content ul.products li.product .button,
  .single-product .related.products .button,
  .single-product .related.products .add_to_cart_button{
    min-width:104px !important;
    height:40px !important;
    padding:0 14px !important;
    font-size:9px !important;
  }
}