/**
 * WooCommerce 全前台：不使用 Woo 內建／Blocks 樣式，僅此檔 + 主題 main 負責外觀。
 * 區塊：列表／單品／購物車／結帳／我的帳戶與 Blocks 後備。
 * 單品視覺對齊 OpenCart Journal（如 spilialana8 route=product/product），數值來自同套 journal3-home-critical.css。
 */

/* —— 共用變數 —— */
.spilia-wc-shell {
	--spilia-wc-border: rgba(226, 226, 226, 1);
	--spilia-wc-text: rgba(46, 46, 46, 1);
	--spilia-wc-muted: rgba(105, 105, 115, 1);
	--spilia-wc-accent: rgba(233, 102, 49, 1);
	--spilia-wc-price: rgba(221, 14, 28, 1);
	--spilia-wc-blue: rgba(15, 58, 141, 1);
	--spilia-wc-green: rgba(67, 160, 71, 1);
	--spilia-wc-radius: 3px;
	font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	color: var(--spilia-wc-text);
	box-sizing: border-box;
}

.spilia-wc-shell *,
.spilia-wc-shell *::before,
.spilia-wc-shell *::after {
	box-sizing: border-box;
}

/*
 * 底欄 #spilia-pdp-fixed-cart-bar 會由 JS append 到 body，脫離 .spilia-wc-shell，
 * 若 --spilia-wc-* 僅定義在 shell 上，則 var() 失效、按鈕色與邊框會「載入後消失」。
 */
body.spilia-wc-pdp-body,
body.spilia-wc-archive-body,
body.spilia-wc-cart-body,
body.spilia-wc-checkout-body,
body.spilia-wc-account-body {
	--spilia-wc-border: rgba(226, 226, 226, 1);
	--spilia-wc-text: rgba(46, 46, 46, 1);
	--spilia-wc-muted: rgba(105, 105, 115, 1);
	--spilia-wc-accent: rgba(233, 102, 49, 1);
	--spilia-wc-price: rgba(221, 14, 28, 1);
	--spilia-wc-blue: rgba(15, 58, 141, 1);
	--spilia-wc-green: rgba(67, 160, 71, 1);
	--spilia-wc-radius: 3px;
}

/* 蓋過 Woo 殘留 */
.spilia-wc-shell .woocommerce-error,
.spilia-wc-shell .woocommerce-message,
.spilia-wc-shell .woocommerce-info {
	list-style: none;
	margin: 0 0 12px;
	padding: 10px 12px;
	border-radius: var(--spilia-wc-radius);
	border: 1px solid var(--spilia-wc-border);
	background: rgba(248, 248, 248, 1);
	font-size: 13px;
}

.spilia-wc-shell .woocommerce-breadcrumb {
	margin: 0 0 12px;
	font-size: 12px;
	padding: 0;
	color: var(--spilia-wc-muted);
}

.spilia-wc-shell .woocommerce-breadcrumb a {
	color: var(--spilia-wc-blue);
	text-decoration: none;
}

/* =============================================================================
   列表：商店 / 商品分類 / 標籤
   ============================================================================= */

.spilia-wc-shell--archive #content.col-sm-12 {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 10px 15px 88px;
}

.spilia-wc-shell--archive .page-title.woocommerce-products-header__title {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.35;
	text-align: center;
	margin: 4px 0 14px;
	padding: 0 4px;
	color: var(--spilia-wc-text);
}

.spilia-wc-shell--archive .category-description {
	margin-bottom: 14px;
	font-size: 14px;
	line-height: 1.55;
	color: var(--spilia-wc-muted);
}

.spilia-wc-shell--archive .category-description .category-image {
	float: none;
	margin: 0 0 10px;
	text-align: center;
}

.spilia-wc-shell--archive .category-description .category-image img {
	max-width: 100%;
	height: auto;
	border-radius: var(--spilia-wc-radius);
	border: 1px solid var(--spilia-wc-border);
}

.spilia-wc-shell--archive .category-description .term-description {
	margin: 0;
}

/* refine */
.spilia-wc-shell--archive .refine-categories {
	margin: 0 0 14px;
}

.spilia-wc-shell--archive .refine-categories .spilia-refine-swiper-wrapper {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -6px;
}

.spilia-wc-shell--archive .refine-categories .refine-item {
	width: 33.333%;
	padding: 6px;
}

.spilia-wc-shell--archive .refine-categories .refine-item a {
	display: block;
	text-decoration: none;
	background: #fff;
	border: 1px solid var(--spilia-wc-border);
	border-radius: 7px;
	padding: 7px;
	transition: box-shadow 0.15s ease;
}

.spilia-wc-shell--archive .refine-categories .refine-item a:hover {
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.spilia-wc-shell--archive .refine-categories .refine-item img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 4px;
}

.spilia-wc-shell--archive .refine-name {
	font-size: 13px;
	color: var(--spilia-wc-muted);
	text-align: center;
	margin-top: 6px;
	line-height: 1.3;
}

.spilia-wc-shell--archive .refine-item .spilia-refine-placeholder {
	min-height: 72px;
}

/* 排序列 */
.spilia-wc-shell--archive .products-filter {
	margin: 0 0 4px;
	padding: 12px 0;
	border-top: 1px solid var(--spilia-wc-border);
	border-bottom: 1px solid var(--spilia-wc-border);
}

.spilia-wc-shell--archive .products-filter .woocommerce-ordering {
	margin: 0;
	width: 100%;
}

.spilia-wc-shell--archive .products-filter select.orderby {
	width: 100%;
	max-width: 100%;
	min-height: 40px;
	padding: 6px 10px;
	font-size: 13px;
	border: 1px solid var(--spilia-wc-border);
	border-radius: var(--spilia-wc-radius);
	background: #fff;
	color: var(--spilia-wc-text);
}

.spilia-wc-shell--archive .pagination-results {
	margin: 10px 0 8px;
	font-size: 13px;
	letter-spacing: 0.4px;
	color: var(--spilia-wc-muted);
}

/* 商品網格 */
.spilia-wc-shell--archive .main-products {
	width: 100%;
	margin: 0;
}

.spilia-wc-shell--archive ul.products.product-grid {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 -5px;
	padding: 0;
	list-style: none;
}

.spilia-wc-shell--archive ul.products .product-layout {
	width: 50%;
	padding: 5px;
	margin: 0;
}

.spilia-wc-shell--archive .product-thumb {
	background: #fff;
	border: 1px solid var(--spilia-wc-border);
	border-radius: var(--spilia-wc-radius);
	padding: 5px;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.spilia-wc-shell--archive .product-thumb .image {
	position: relative;
	overflow: hidden;
	border-radius: 2px;
}

.spilia-wc-shell--archive .quickview-button {
	display: none !important;
}

.spilia-wc-shell--archive .product-thumb .product-img > div {
	overflow: hidden;
}

.spilia-wc-shell--archive .product-thumb img.img-first {
	width: 100%;
	height: auto;
	display: block;
	vertical-align: bottom;
}

.spilia-wc-shell--archive .product-labels {
	position: absolute;
	left: 0;
	top: 0;
	right: auto;
	z-index: 1;
	pointer-events: none;
}

.spilia-wc-shell--archive .caption {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	min-height: 0;
}

/* 蓋過 journal3-home-critical `.main-products.product-grid .product-thumb .stats{display:flex}`（較高類名數但無 shell） */
body.spilia-wc-archive-body .spilia-wc-shell--archive .main-products.product-grid .product-thumb .stats {
	display: none !important;
}

.spilia-wc-shell--archive .product-thumb .name {
	text-align: center;
	padding: 8px 6px 4px;
	margin: 0;
}

.spilia-wc-shell--archive .product-thumb .name a {
	font-size: 17px;
	font-weight: 700;
	line-height: 1.25;
	color: #9e7f72;
	text-decoration: none;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.spilia-wc-shell--archive .product-thumb .product-card-tagline {
	text-align: center;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.4;
	color: #757575;
	margin: 0;
	padding: 0 8px 4px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	word-break: break-word;
}

body.spilia-wc-archive-body .spilia-wc-shell--archive .main-products.product-grid .product-thumb .description {
	display: none !important;
}

.spilia-wc-shell--archive .product-thumb .price {
	text-align: center;
	padding: 4px 2px 6px;
	font-size: 18px;
	font-weight: 700;
}

.spilia-wc-shell--archive .main-products.product-grid .product-thumb .price,
.spilia-wc-shell--archive .main-products.product-grid .product-thumb .price .woocommerce-Price-amount {
	color: #1a3a5a;
}

.spilia-wc-shell--archive .main-products.product-grid .product-thumb .price ins .woocommerce-Price-amount {
	color: rgba(221, 14, 28, 1);
}

.spilia-wc-shell--archive .product-thumb .rating {
	display: none;
}

.spilia-wc-shell--archive .buttons-wrapper {
	margin-top: auto;
	padding-top: 4px;
	border-top: 1px solid var(--spilia-wc-border);
}

.spilia-wc-shell--archive .product-thumb .button-group {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 6px 2px 4px;
}

.spilia-wc-shell--archive .cart-group {
	display: flex;
	align-items: stretch;
	gap: 6px;
	width: 100%;
}

/* 列表與首頁網格一致：不顯示數量 stepper（compact 已不輸出 DOM，此為後備） */
.spilia-wc-shell--archive .product-thumb .stepper {
	display: none !important;
}

/* 分類／商店：快速選購見檔末「spilia-archive-quick-buy」自訂樣式（蓋 Journal / Woo 預設 .button） */

.spilia-wc-shell--archive .product-thumb .extra-group > div {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 4px 2px 0;
}

.spilia-wc-shell--archive .wish-group {
	display: none !important;
}

/* 與首頁相同：簡單商品「快速選購」在 .extra-group（.cart-group 由 main.css 隱藏），此處嚴禁 display:none */

/* 分頁 */
.spilia-wc-shell--archive .woocommerce-pagination {
	padding: 16px 0 8px;
	margin-top: 8px;
	border-top: 1px solid var(--spilia-wc-border);
}

.spilia-wc-shell--archive .woocommerce-pagination ul.page-numbers {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	list-style: none;
	margin: 0;
	padding: 0;
	justify-content: center;
}

.spilia-wc-shell--archive .woocommerce-pagination ul.page-numbers li {
	margin: 0;
	display: inline-block;
}

.spilia-wc-shell--archive .woocommerce-pagination a,
.spilia-wc-shell--archive .woocommerce-pagination span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 34px;
	min-height: 34px;
	padding: 4px 8px;
	border-radius: var(--spilia-wc-radius);
	text-decoration: none;
	font-size: 13px;
	border: 1px solid transparent;
}

.spilia-wc-shell--archive .woocommerce-pagination a {
	background: rgba(248, 248, 248, 1);
	color: var(--spilia-wc-text);
}

.spilia-wc-shell--archive .woocommerce-pagination span.current {
	background: var(--spilia-wc-blue);
	color: #fff;
}

.spilia-wc-shell--archive .woocommerce-pagination a:hover {
	background: var(--spilia-wc-blue);
	color: #fff;
}

/* 無商品 */
.spilia-wc-shell--archive .woocommerce-info {
	text-align: center;
}

/* =============================================================================
   單品頁
   ============================================================================= */

/* 單品頂部 Woo 通知列（.woocommerce-notices-wrapper）：佔版又常與 HFE 重疊，整頁隱藏 */
html.route-product-product body.spilia-wc-pdp-body .woocommerce-notices-wrapper {
	display: none !important;
}

body.spilia-wc-pdp-body .journal-shop-wrap {
	padding-bottom: 0;
}

body.spilia-wc-pdp-body .journal-shop-wrap.spilia-wc-shell--pdp {
	overflow: visible !important;
}

body.spilia-wc-pdp-body {
	padding-bottom: 84px;
}

/* 單品頁：底欄取代底部 tab，不再疊加 --spilia-bottom-nav-offset */
html.has-bottom-menu body.spilia-wc-pdp-body {
	padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px));
}

body.spilia-wc-archive-body {
	padding-bottom: 60px;
}

.spilia-wc-shell--pdp #content.spilia-pdp-content {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 10px 15px 80px;
}

/* 單品頁無主題頁尾時：底欄上方同一組垂直快速連結（與頁尾區塊樣式對齊） */
.spilia-pdp-footer-util {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 12px max(15px, env(safe-area-inset-left, 0px)) 10px max(15px, env(safe-area-inset-right, 0px));
	box-sizing: border-box;
	background: rgba(248, 248, 248, 1);
	border-top: 1px solid rgba(226, 226, 226, 1);
}

.spilia-pdp-footer-util .spilia-footer__util-stack {
	margin: 0;
	padding: 0;
	border: none;
}

.spilia-pdp-footer-util .spilia-footer__util-stack-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
}

.spilia-pdp-footer-util .spilia-footer__util-stack-item {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
}

.spilia-pdp-footer-util .spilia-footer__util-stack-link {
	font-size: 15px;
	padding: 11px 0;
	color: rgba(105, 105, 115, 1);
}

.spilia-pdp-footer-util .spilia-footer__util-stack-link:hover,
.spilia-pdp-footer-util .spilia-footer__util-stack-link:focus {
	color: rgba(233, 102, 49, 1);
}

.spilia-wc-shell--pdp .woocommerce-breadcrumb {
	margin-bottom: 10px;
}

.spilia-wc-shell--pdp .product.type-product {
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
}

/* 避免父層 overflow／transform 導致 position:fixed 底欄異常；與 Journal 隔離 */
.spilia-wc-shell--pdp .product.spilia-pdp-custom,
.spilia-wc-shell--pdp .product.spilia-pdp-custom #content.spilia-pdp-content,
.spilia-wc-shell--pdp .product-info,
.spilia-wc-shell--pdp .product-details {
	overflow: visible !important;
}

.spilia-wc-shell--pdp .single_variation_wrap,
.spilia-wc-shell--pdp .woocommerce-variation-add-to-cart {
	transform: none !important;
	filter: none !important;
	will-change: auto !important;
}

/*
 * PDP：WooCommerce 仍會輸出語意類名；在此清空其典型視覺，版面只認 spilia-wc-pages / .spilia-pdp-*（對齊 Journal 手機單品）。
 */
body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product .summary,
body.spilia-wc-pdp-body .spilia-wc-shell--pdp .entry-summary {
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
	box-shadow: none !important;
}

body.spilia-wc-pdp-body .spilia-wc-shell--pdp form.variations_form,
body.spilia-wc-pdp-body .spilia-wc-shell--pdp form.cart {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* OpenCart Journal：選項／加購區外殼（與參考站 .product-options 區塊一致，樣式僅由此檔控制） */
.spilia-wc-shell--pdp .spilia-pdp-product-options.product-options {
	margin: 0;
	padding: 12px 0 14px;
	border-width: 0;
	border-top: 1px solid var(--spilia-wc-border);
	border-bottom: 1px solid var(--spilia-wc-border);
	background: transparent;
}

.spilia-wc-shell--pdp .spilia-pdp-product-options.product-options > form {
	margin: 0;
}

/* 單品頁：隱藏主圖右上角 Woo 放大鏡方塊（白底矩形；對齊參考手機版無此鈕） */
body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product .woocommerce-product-gallery__trigger {
	display: none !important;
}

body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-image .flex-direction-nav li {
	display: block !important;
}

body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-image .flex-direction-nav a {
	position: absolute !important;
	top: 50% !important;
	z-index: 4 !important;
	width: 24px !important;
	height: 40px !important;
	margin: 0 !important;
	margin-top: -20px !important;
	padding: 0 !important;
	opacity: 1 !important;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	text-shadow: none !important;
	overflow: visible !important;
	font-size: 0 !important;
	line-height: 0 !important;
	color: rgba(105, 105, 115, 0.95) !important;
	text-decoration: none !important;
}

body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-image .flex-direction-nav a::before {
	position: absolute !important;
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%) !important;
	display: block !important;
	font-size: 32px !important;
	font-weight: 300 !important;
	line-height: 1 !important;
	font-family: inherit !important;
	opacity: 1 !important;
}

body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-image .flex-direction-nav a.flex-prev {
	left: 0 !important;
}

body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-image .flex-direction-nav a.flex-prev::before {
	content: "\2039" !important;
}

body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-image .flex-direction-nav a::after {
	display: none !important;
	content: none !important;
}

body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-image .flex-direction-nav a.flex-next {
	right: 0 !important;
	left: auto !important;
}

/* 首張僅右箭頭、末張僅左箭頭（輪播循環時仍依目前索引隱藏） */
body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-image .flex-direction-nav a.spilia-gallery-nav-hidden {
	display: none !important;
}

body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-image .flex-direction-nav a.flex-next::before {
	content: "\203a" !important;
}

body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product span.onsale {
	position: absolute;
	z-index: 2;
	left: 8px;
	top: 8px;
	min-height: 0;
	min-width: 0;
	margin: 0;
	padding: 5px 10px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.2;
	text-transform: none;
	letter-spacing: 0;
	color: #fff !important;
	background: var(--spilia-wc-price) !important;
	border: none !important;
	border-radius: var(--spilia-wc-radius) !important;
	box-shadow: none !important;
}

/*
 * 摘要內雜項按鈕弱化（勿用 all:unset，會洗掉尺寸／visibility，破壞外掛與 Woo 片段）。
 * 不碰：快速選購底欄、加入購物車、reset_variations、評價送出。
 */
body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-details .button:not(.spilia-pdp-btn):not(.btn-wishlist):not(.btn-compare):not(.spilia-pdp-sr-submit):not(.single_add_to_cart_button):not(.reset_variations),
body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-details button.button:not(.spilia-pdp-btn):not(.btn-wishlist):not(.btn-compare):not(.spilia-pdp-sr-submit):not(.single_add_to_cart_button),
body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-details a.button:not(.btn-wishlist):not(.btn-compare):not(.reset_variations):not(.single_add_to_cart_button) {
	box-sizing: border-box !important;
	display: inline-block !important;
	font-family: inherit !important;
	font-size: 13px !important;
	padding: 8px 12px !important;
	margin: 4px 4px 0 0 !important;
	border: 1px solid var(--spilia-wc-border) !important;
	border-radius: var(--spilia-wc-radius) !important;
	background: rgba(248, 248, 248, 1) !important;
	color: var(--spilia-wc-text) !important;
	cursor: pointer;
	text-align: center;
	text-decoration: none !important;
	line-height: 1.3 !important;
	box-shadow: none !important;
	text-transform: none !important;
	letter-spacing: normal !important;
}

/* 評價連結、Review 表單：不要 Woo 預設大按鈕色 */
body.spilia-wc-pdp-body .spilia-wc-shell--pdp .woocommerce-Reviews .stars a,
body.spilia-wc-pdp-body .spilia-wc-shell--pdp .comment-form-rating .stars a {
	color: var(--spilia-wc-accent) !important;
	text-decoration: none !important;
	box-shadow: none !important;
	background: none !important;
}

body.spilia-wc-pdp-body .spilia-wc-shell--pdp .woocommerce-Reviews input.submit,
body.spilia-wc-pdp-body .spilia-wc-shell--pdp .woocommerce-Reviews button[type="submit"],
body.spilia-wc-pdp-body .spilia-wc-shell--pdp #review_form #respond .form-submit input {
	background: var(--spilia-wc-blue) !important;
	color: #fff !important;
	border: none !important;
	border-radius: var(--spilia-wc-radius) !important;
	padding: 10px 18px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	cursor: pointer;
	box-shadow: none !important;
	text-shadow: none !important;
}

body.spilia-wc-pdp-body .spilia-wc-shell--pdp table.shop_attributes {
	border: none !important;
	margin: 0 !important;
}

body.spilia-wc-pdp-body .spilia-wc-shell--pdp table.shop_attributes th,
body.spilia-wc-pdp-body .spilia-wc-shell--pdp table.shop_attributes td {
	border-width: 0 0 1px 0 !important;
	border-style: solid !important;
	border-color: var(--spilia-wc-border) !important;
	padding: 10px 8px !important;
	font-size: 13px !important;
	background: transparent !important;
}

body.spilia-wc-pdp-body .spilia-wc-shell--pdp a.added_to_cart,
body.spilia-wc-pdp-body .spilia-wc-shell--pdp .woocommerce-message .button,
body.spilia-wc-pdp-body .spilia-wc-shell--pdp .woocommerce-error .button {
	background: var(--spilia-wc-blue) !important;
	color: #fff !important;
	border: none !important;
	border-radius: var(--spilia-wc-radius) !important;
	padding: 8px 14px !important;
	font-size: 13px !important;
	text-decoration: none !important;
	box-shadow: none !important;
}

/* 價格區一律直向：庫存 → 線 → 價格（見 .spilia-pdp-price-stack） */

body.spilia-wc-pdp-body .spilia-wc-shell--pdp .woocommerce form .form-row {
	padding: 0 !important;
	margin: 0 0 10px !important;
}

body.spilia-wc-pdp-body .spilia-wc-shell--pdp table.variations {
	border-collapse: collapse !important;
	border-spacing: 0 !important;
	margin: 0 !important;
	width: 100% !important;
	background: transparent !important;
	border: none !important;
}

body.spilia-wc-pdp-body .spilia-wc-shell--pdp table.variations th,
body.spilia-wc-pdp-body .spilia-wc-shell--pdp table.variations td {
	border: none !important;
	background: transparent !important;
	vertical-align: middle !important;
}

body.spilia-wc-pdp-body .spilia-wc-shell--pdp table.variations th.label {
	width: 30%;
	font-size: 13px;
	font-weight: 600;
	color: var(--spilia-wc-text);
	padding: 0 10px 12px 0 !important;
	line-height: 1.3;
}

body.spilia-wc-pdp-body .spilia-wc-shell--pdp table.variations td.value {
	padding: 0 0 12px !important;
}

body.spilia-wc-pdp-body .spilia-wc-shell--pdp a.reset_variations {
	display: inline-block;
	margin: 4px 0 0;
	padding: 0;
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	color: var(--spilia-wc-muted) !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	text-decoration: underline;
	border-radius: 0 !important;
	min-height: 0 !important;
	line-height: 1.3;
}

body.spilia-wc-pdp-body .spilia-wc-shell--pdp .woocommerce-variation-description,
body.spilia-wc-pdp-body .spilia-wc-shell--pdp .woocommerce-variation-price,
body.spilia-wc-pdp-body .spilia-wc-shell--pdp .woocommerce-variation-availability {
	margin: 8px 0 0;
	padding: 0;
	border: none;
	background: transparent;
	font-size: 14px;
	line-height: 1.5;
	color: var(--spilia-wc-text);
}

body.spilia-wc-pdp-body .spilia-wc-shell--pdp .woocommerce-variation-price .amount,
body.spilia-wc-pdp-body .spilia-wc-shell--pdp .woocommerce-variation-price .price {
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: 700;
	color: var(--spilia-wc-price);
	border: none;
	background: none;
}

body.spilia-wc-pdp-body .spilia-wc-shell--pdp .single_variation {
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
}

.spilia-wc-shell--pdp .product-info {
	display: flex;
	flex-direction: column;
	gap: 14px;
	width: 100%;
	margin: 0;
}

.spilia-wc-shell--pdp .product-left,
.spilia-wc-shell--pdp .product-right {
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 !important;
	float: none !important;
}

.spilia-wc-shell--pdp .product-image {
	position: relative;
	overflow: visible;
}

.spilia-wc-shell--pdp .product-image .spilia-pdp-gallery-frame {
	position: relative;
	width: 100%;
}

.spilia-wc-shell--pdp .product-image .spilia-pdp-gallery-frame .spilia-pdp-gallery-frame-labels.product-labels {
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	overflow: visible;
	border-radius: 3px;
}

.spilia-wc-shell--pdp .product-image .woocommerce-product-gallery {
	width: 100%;
	margin: 0;
	padding: 0 24px;
	box-sizing: border-box;
	opacity: 1 !important;
	position: relative;
	overflow: visible;
}

.spilia-wc-shell--pdp .product-image .flexslider {
	margin: 0;
	border: none;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	position: relative;
	overflow: visible;
}

.spilia-wc-shell--pdp .product-image .flex-viewport,
.spilia-wc-shell--pdp .product-image .woocommerce-product-gallery__wrapper {
	border-radius: 3px;
	border: 1px solid var(--spilia-wc-border);
	background: #fff;
}

/* 主圖輪播：不顯示底部小縮略圖（Woo 仍可能輸出 ol，一律隱藏） */
.spilia-wc-shell--pdp .product-image .flex-control-thumbs,
.spilia-wc-shell--pdp .product-image ol.flex-control-thumbs {
	display: none !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

/* 點狀導覽亦關閉，只保留左右箭頭 */
.spilia-wc-shell--pdp .product-image .flex-control-nav,
.spilia-wc-shell--pdp .product-image ol.flex-control-nav.flex-control-paging {
	display: none !important;
}

.spilia-wc-shell--pdp .woocommerce-product-gallery__trigger {
	z-index: 2;
}

.spilia-wc-shell--pdp .product-details {
	padding: 0;
	margin: 0;
}

.spilia-wc-shell--pdp .product-details .page-title.product-page-title {
	position: relative;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.35;
	text-align: center;
	margin: 0 0 12px;
	padding: 0 4px 12px;
	color: var(--spilia-wc-text);
	display: flex;
	flex-direction: column;
	align-items: center;
	border-bottom: 1px solid rgba(226, 226, 226, 1);
}

.spilia-wc-shell--pdp .product-details .page-title.product-page-title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 72px;
	max-width: 20%;
	height: 2px;
	background: #c45c3e;
	pointer-events: none;
}

.spilia-wc-shell--pdp .product-details .page-title.product-page-title > span::after {
	content: none !important;
	display: none !important;
}

.spilia-wc-shell--pdp .woocommerce-product-rating {
	margin: 0 0 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
}

.spilia-wc-shell--pdp .woocommerce-product-rating .star-rating {
	float: none;
	margin: 0;
}

.spilia-wc-shell--pdp .product-price-group.spilia-pdp-price-stack {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
	gap: 0;
	margin: 0 0 12px;
	padding: 0 0 12px;
	border-bottom: 1px solid var(--spilia-wc-border);
}

.spilia-wc-shell--pdp .product-price-group .price-group {
	flex: 1 1 auto;
	margin: 0;
	padding: 12px 0 0;
	border-top: 1px solid var(--spilia-wc-border);
}

.spilia-wc-shell--pdp .product-price-group .price-group p.price {
	margin: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	font-size: 26px;
	font-weight: 700;
	color: rgba(46, 46, 46, 1);
	line-height: 1.15;
}

.spilia-wc-shell--pdp .product-price-group .price-group p.price .woocommerce-Price-amount {
	font-weight: 700;
	color: inherit;
}

.spilia-wc-shell--pdp .product-price-group del {
	font-size: 18px;
	font-weight: 500;
	color: var(--spilia-wc-muted);
	opacity: 1;
	text-decoration: line-through;
	line-height: 1;
}

.spilia-wc-shell--pdp .product-price-group ins {
	text-decoration: none;
	color: rgba(46, 46, 46, 1);
	background: transparent;
}

.spilia-wc-shell--pdp .product-price-group ul.product-stats.spilia-pdp-stock-row {
	list-style: none;
	margin: 0;
	padding: 0 0 12px;
	border: none;
	flex: 0 0 auto;
	font-size: 15px;
	max-width: none;
	font-weight: 500;
}

.spilia-wc-shell--pdp .product-price-group ul.spilia-pdp-stock-row .product-stock {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 0;
}

.spilia-wc-shell--pdp .product-price-group ul.spilia-pdp-stock-row .product-stock.in-stock::before {
	content: "\2713";
	flex: 0 0 auto;
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	color: #5cb85c;
}

.spilia-wc-shell--pdp .product-price-group .product-stock .spilia-pdp-stock-text {
	font-weight: 500;
}

.spilia-wc-shell--pdp .product-price-group .product-stock.in-stock .spilia-pdp-stock-text {
	color: #5cb85c;
}

.spilia-wc-shell--pdp .product-price-group .product-stock.out-of-stock .spilia-pdp-stock-text {
	color: var(--spilia-wc-text);
}

.spilia-wc-shell--pdp .product-price-group .product-stock.out-of-stock::before {
	content: "";
	display: none;
}

.spilia-wc-shell--pdp .product-price-group .spilia-pdp-tier-price-note {
	margin: 8px 0 0;
	padding: 0;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.45;
	color: rgba(102, 102, 102, 1);
	border: none;
	background: transparent;
}

@media (min-width: 761px) {
	.spilia-wc-shell--pdp .product-price-group .price-group p.price {
		font-size: 28px;
	}
}

.spilia-wc-shell--pdp .woocommerce-product-details__short-description {
	font-size: 14px;
	line-height: 1.6;
	color: #000;
	margin: 0 0 14px;
}

.spilia-wc-shell--pdp .woocommerce-product-details__short-description a {
	color: var(--spilia-wc-blue);
	text-decoration: underline;
}

.spilia-wc-shell--pdp .product-details .spilia-pdp-product-long-desc {
	margin: 16px 0 0;
	padding: 16px 0 0;
	border-top: 1px solid var(--spilia-wc-border);
	font-size: 14px;
	line-height: 1.65;
	color: #000;
}

.spilia-wc-shell--pdp .product-details .spilia-pdp-product-long-desc p,
.spilia-wc-shell--pdp .product-details .spilia-pdp-product-long-desc li,
.spilia-wc-shell--pdp .product-details .spilia-pdp-product-long-desc td,
.spilia-wc-shell--pdp .product-details .spilia-pdp-product-long-desc th {
	color: inherit;
}

.spilia-wc-shell--pdp .product-details .spilia-pdp-product-long-desc a {
	color: var(--spilia-wc-blue);
	text-decoration: underline;
}

.spilia-wc-shell--pdp .spilia-pdp-variations-block {
	margin: 0 0 10px;
	padding: 0;
	border: none;
}

.spilia-wc-shell--pdp .spilia-pdp-variations-block .variations {
	margin: 0 0 8px;
}

.spilia-wc-shell--pdp form.variations_form select {
	width: 100%;
	min-height: 40px;
	padding: 6px 10px;
	border: 1px solid var(--spilia-wc-border);
	border-radius: var(--spilia-wc-radius);
	font-size: 14px;
	margin-bottom: 8px;
}

.spilia-wc-shell--pdp .single_variation_wrap {
	margin-top: 8px;
}

/*
 * 底欄：主題 JS 會把 #spilia-pdp-fixed-cart-bar append 到 body，脫離 .spilia-wc-shell--pdp，
 * 故以下凡針對 .spilia-wc-shell--pdp … button-group-page 的規則，皆需並列 body…#spilia-pdp-fixed-cart-bar，
 * 否則手機版樣式會「怎麼改都不生效」（參考 Journal：.product-details .button-group-page）。
 */
.spilia-wc-shell--pdp .button-group-page.spilia-pdp-button-group,
.spilia-wc-shell--pdp .spilia-pdp-button-group,
body.spilia-wc-pdp-body #spilia-pdp-fixed-cart-bar {
	position: fixed !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	z-index: 90000 !important;
	display: flex !important;
	flex-direction: column;
	gap: 0;
	padding: 12px 12px calc(12px + env(safe-area-inset-bottom, 0)) !important;
	background: rgba(240, 242, 245, 0.98) !important;
	border-top: 1px solid var(--spilia-wc-border) !important;
	box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.06) !important;
	pointer-events: auto !important;
}

html.has-bottom-menu .spilia-wc-shell--pdp .button-group-page.spilia-pdp-button-group,
html.has-bottom-menu .spilia-wc-shell--pdp .spilia-pdp-button-group {
	bottom: var(--spilia-bottom-nav-offset, 56px) !important;
}

html.has-bottom-menu body.spilia-wc-pdp-body #spilia-pdp-fixed-cart-bar {
	bottom: 0 !important;
}

/* 單品頁隱藏底部 tab 後，浮動鈕改對齊購物底欄上緣 */
html.has-bottom-menu body.spilia-wc-pdp-body .spilia-float-fabs {
	bottom: calc(84px + 14px + env(safe-area-inset-bottom, 0px)) !important;
}

/* Journal critical 對 .button-group-page .btn 設固定 height，會截斷換行後的按鈕字；底欄改由 min-height + padding 控制 */
html.route-product-product body.spilia-wc-pdp-body #spilia-pdp-fixed-cart-bar .btn.spilia-pdp-btn {
	height: auto !important;
	max-height: none !important;
}

/* 外掛重複「前往結帳」：僅單品版面／底欄，勿全局隱藏（會吃掉購物車抽屜內按鈕） */
body.spilia-wc-pdp-body .spilia-wc-shell--pdp .mlm-secondary-btn,
body.spilia-wc-pdp-body #spilia-pdp-fixed-cart-bar .mlm-secondary-btn,
body.spilia-wc-pdp-body .product-details .mlm-secondary-btn {
	display: none !important;
}

/* 外掛在 stepper-group 內多插的 Woo／前往結帳鈕（保留 #button-cart、.extra-group 內 .btn-extra） */
body.spilia-wc-pdp-body .stepper-group.cart-group > .mlm-secondary-btn,
body.spilia-wc-pdp-body .stepper-group.cart-group > a.button.checkout-button:not(.btn-extra),
body.spilia-wc-pdp-body .stepper-group.cart-group > a.button.alt:not(.btn-cart):not(.btn-extra),
body.spilia-wc-pdp-body .stepper-group.cart-group > button.button.alt:not(.spilia-pdp-sr-submit):not(.spilia-pdp-btn):not(.btn-cart):not(.btn-extra),
body.spilia-wc-pdp-body .stepper-group.cart-group > input[type="submit"]:not(.spilia-pdp-sr-submit) {
	display: none !important;
}

.spilia-wc-shell--pdp form.cart {
	margin: 0;
	padding: 0;
	border: none;
}

.spilia-wc-shell--pdp .spilia-pdp-wishlist-inline {
	margin: 0 0 14px;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--spilia-wc-border);
}

.spilia-wc-shell--pdp .spilia-pdp-wishlist-inline .wishlist-compare {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	margin: 0;
	padding: 0;
	border: none;
	width: 100%;
}

.spilia-wc-shell--pdp .button-group-page .buttons-wrapper,
body.spilia-wc-pdp-body #spilia-pdp-fixed-cart-bar .buttons-wrapper {
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 0;
}

.spilia-wc-shell--pdp .stepper-group.cart-group,
body.spilia-wc-pdp-body #spilia-pdp-fixed-cart-bar .stepper-group.cart-group {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	align-content: stretch;
	gap: 8px;
	width: 100%;
}

.spilia-wc-shell--pdp .stepper-group .extra-group,
body.spilia-wc-pdp-body #spilia-pdp-fixed-cart-bar .stepper-group .extra-group {
	display: flex !important; /* Journal home-critical: .product-info .button-group-page .extra-group{display:none} */
	flex: 1 1 0;
	min-width: 0;
	margin: 0;
	flex-direction: row;
	align-items: stretch;
}

.spilia-wc-shell--pdp .stepper-group .extra-group .btn-extra,
body.spilia-wc-pdp-body #spilia-pdp-fixed-cart-bar .stepper-group .extra-group .btn-extra {
	flex: 1 1 auto;
	width: 100%;
	min-width: 0;
}

.spilia-wc-shell--pdp form.cart .stepper.spilia-pdp-stepper,
.spilia-wc-shell--pdp form.variations_form .stepper.spilia-pdp-stepper,
body.spilia-wc-pdp-body #spilia-pdp-fixed-cart-bar .stepper.spilia-pdp-stepper {
	display: flex;
	flex: 0 0 104px;
	min-width: 90px;
	max-width: 120px;
	min-height: 72px;
	height: auto;
	align-self: stretch;
	border: 1px solid var(--spilia-wc-border);
	border-radius: 4px;
	overflow: hidden;
	background: #fff;
	box-shadow: none;
}

.spilia-wc-shell--pdp .stepper input.qty,
body.spilia-wc-pdp-body #spilia-pdp-fixed-cart-bar .stepper input.qty {
	flex: 1 1 auto;
	min-width: 0;
	min-height: 0;
	border: none !important;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	background: #fff !important;
	color: var(--spilia-wc-text) !important;
	box-shadow: none !important;
	-moz-appearance: textfield;
	appearance: textfield;
}

.spilia-wc-shell--pdp .stepper input.qty::-webkit-outer-spin-button,
.spilia-wc-shell--pdp .stepper input.qty::-webkit-inner-spin-button,
body.spilia-wc-pdp-body #spilia-pdp-fixed-cart-bar .stepper input.qty::-webkit-outer-spin-button,
body.spilia-wc-pdp-body #spilia-pdp-fixed-cart-bar .stepper input.qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.spilia-wc-shell--pdp .stepper span.spilia-pdp-stepper-arrows,
body.spilia-wc-pdp-body #spilia-pdp-fixed-cart-bar .stepper span.spilia-pdp-stepper-arrows {
	display: flex;
	flex-direction: column;
	flex: 0 0 32px;
	width: 32px;
	align-self: stretch;
	background: rgba(238, 238, 238, 1);
}

.spilia-wc-shell--pdp .stepper span.spilia-pdp-stepper-arrows i,
body.spilia-wc-pdp-body #spilia-pdp-fixed-cart-bar .stepper span.spilia-pdp-stepper-arrows i {
	flex: 1 1 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: var(--spilia-wc-muted);
	font-size: 16px;
	line-height: 1;
	min-height: 0;
}

.spilia-wc-shell--pdp .stepper span.spilia-pdp-stepper-arrows i:first-child,
body.spilia-wc-pdp-body #spilia-pdp-fixed-cart-bar .stepper span.spilia-pdp-stepper-arrows i:first-child {
	border-bottom: 1px solid var(--spilia-wc-border);
}

.spilia-wc-shell--pdp .spilia-pdp-btn,
body.spilia-wc-pdp-body #spilia-pdp-fixed-cart-bar .spilia-pdp-btn {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	box-sizing: border-box !important;
	min-height: 50px !important;
	height: auto !important;
	align-self: stretch !important;
	padding: 12px 8px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
	border: none !important;
	border-radius: 4px !important;
	box-shadow: none !important;
	text-decoration: none !important;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	white-space: normal !important;
	word-break: keep-all !important;
	overflow-wrap: break-word !important;
	text-align: center !important;
	text-transform: none !important;
	letter-spacing: normal !important;
}

.spilia-wc-shell--pdp button.spilia-pdp-btn--cart,
.spilia-wc-shell--pdp .spilia-pdp-btn--cart,
.spilia-wc-shell--pdp #button-cart.btn-cart,
body.spilia-wc-pdp-body #spilia-pdp-fixed-cart-bar button.spilia-pdp-btn--cart,
body.spilia-wc-pdp-body #spilia-pdp-fixed-cart-bar .spilia-pdp-btn--cart,
body.spilia-wc-pdp-body #spilia-pdp-fixed-cart-bar #button-cart.btn-cart {
	flex: 1 1 0;
	min-width: 0;
	background: var(--spilia-wc-blue) !important;
	color: #fff !important;
}

.spilia-wc-shell--pdp button.spilia-pdp-btn--checkout,
.spilia-wc-shell--pdp .spilia-pdp-btn--checkout,
body.spilia-wc-pdp-body #spilia-pdp-fixed-cart-bar button.spilia-pdp-btn--checkout,
body.spilia-wc-pdp-body #spilia-pdp-fixed-cart-bar .spilia-pdp-btn--checkout {
	min-width: 0;
	background: var(--spilia-wc-green) !important;
	color: #fff !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: center !important;
	flex-wrap: wrap !important;
	align-content: center !important;
	gap: 4px !important;
}

.spilia-wc-shell--pdp .spilia-pdp-btn--checkout .spilia-pdp-checkout-ico,
body.spilia-wc-pdp-body #spilia-pdp-fixed-cart-bar .spilia-pdp-btn--checkout .spilia-pdp-checkout-ico {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
	margin-right: 6px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.3);
	font-size: 12px;
	line-height: 1;
}

.spilia-wc-shell--pdp .spilia-pdp-btn--checkout .spilia-pdp-checkout-ico .fa,
body.spilia-wc-pdp-body #spilia-pdp-fixed-cart-bar .spilia-pdp-btn--checkout .spilia-pdp-checkout-ico .fa {
	line-height: 1;
}

.spilia-wc-shell--pdp #button-cart .btn-text,
.spilia-wc-shell--pdp .extra-group .btn-text,
body.spilia-wc-pdp-body #spilia-pdp-fixed-cart-bar #button-cart .btn-text,
body.spilia-wc-pdp-body #spilia-pdp-fixed-cart-bar .extra-group .btn-text {
	display: block !important;
	overflow: visible !important;
	text-overflow: clip !important;
	white-space: normal !important;
	max-width: 100% !important;
	word-break: keep-all !important;
	line-height: inherit !important;
}

.spilia-wc-shell--pdp .wishlist-compare {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid var(--spilia-wc-border);
	width: 100%;
}

.spilia-wc-shell--pdp .wishlist-compare .btn-wishlist,
.spilia-wc-shell--pdp .wishlist-compare .btn-compare {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 8px 14px;
	font-size: 12px;
	text-decoration: none;
	border-radius: var(--spilia-wc-radius);
	border: 1px solid var(--spilia-wc-border);
	color: var(--spilia-wc-muted);
	background: #fff;
}

/* tabs */
.spilia-wc-shell--pdp .woocommerce-tabs {
	margin-top: 20px;
	padding-top: 8px;
	border-top: 1px solid var(--spilia-wc-border);
}

.spilia-wc-shell--pdp .woocommerce-tabs ul.tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	list-style: none;
	margin: 0 0 12px;
	padding: 0;
	border-bottom: 1px solid var(--spilia-wc-border);
}

.spilia-wc-shell--pdp .woocommerce-tabs ul.tabs li {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}

.spilia-wc-shell--pdp .woocommerce-tabs ul.tabs li a {
	display: block;
	padding: 10px 14px;
	font-size: 14px;
	color: var(--spilia-wc-muted);
	text-decoration: none;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
}

.spilia-wc-shell--pdp .woocommerce-tabs ul.tabs li.active a {
	color: var(--spilia-wc-blue);
	font-weight: 600;
	border-bottom-color: var(--spilia-wc-accent);
}

.spilia-wc-shell--pdp .woocommerce-Tabs-panel {
	font-size: 14px;
	line-height: 1.65;
	color: var(--spilia-wc-text);
	padding: 8px 0 16px;
}

.spilia-wc-shell--pdp .woocommerce-Tabs-panel h2 {
	font-size: 16px;
	margin: 0 0 10px;
}

/* upsells / related：與目錄／首頁 main-products 雙欄卡一致 */
.spilia-wc-shell--pdp .related.products.spilia-pdp-related,
.spilia-wc-shell--pdp .upsells.products.spilia-pdp-related {
	margin-top: 24px;
	padding-top: 16px;
	border-top: 1px solid var(--spilia-wc-border);
}

.spilia-wc-shell--pdp .related.products.spilia-pdp-related h2,
.spilia-wc-shell--pdp .upsells.products.spilia-pdp-related h2 {
	font-size: 17px;
	font-weight: 600;
	text-align: left;
	color: #000;
	margin: 0 0 12px;
	padding: 0 0 10px;
	border-bottom: 1px solid #a68b7c;
}

.spilia-wc-shell--pdp .related.products .main-products.product-grid,
.spilia-wc-shell--pdp .upsells.products .main-products.product-grid {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 -5px;
}

.spilia-wc-shell--pdp .related.products .main-products .product-layout,
.spilia-wc-shell--pdp .upsells.products .main-products .product-layout {
	width: 50%;
	padding: 5px;
	margin: 0;
}

.spilia-wc-shell--pdp .related.products .product-thumb,
.spilia-wc-shell--pdp .upsells.products .product-thumb {
	background: #fff;
	border: 1px solid var(--spilia-wc-border);
	border-radius: var(--spilia-wc-radius);
	padding: 5px;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.spilia-wc-shell--pdp .related.products .product-thumb .image,
.spilia-wc-shell--pdp .upsells.products .product-thumb .image {
	position: relative;
	overflow: hidden;
	border-radius: 2px;
}

.spilia-wc-shell--pdp .related.products .product-labels,
.spilia-wc-shell--pdp .upsells.products .product-labels {
	position: absolute;
	left: 0;
	top: 0;
	right: auto;
	z-index: 1;
	pointer-events: none;
}

.spilia-wc-shell--pdp .related.products .quickview-button,
.spilia-wc-shell--pdp .upsells.products .quickview-button {
	display: none !important;
}

.spilia-wc-shell--pdp .related.products .product-thumb img.img-first,
.spilia-wc-shell--pdp .upsells.products .product-thumb img.img-first {
	width: 100%;
	height: auto;
	display: block;
}

.spilia-wc-shell--pdp .related.products .product-thumb .caption,
.spilia-wc-shell--pdp .upsells.products .product-thumb .caption {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	min-height: 0;
}

.spilia-wc-shell--pdp .related.products .product-thumb .stats,
.spilia-wc-shell--pdp .related.products .product-thumb .description,
.spilia-wc-shell--pdp .related.products .product-thumb .rating,
.spilia-wc-shell--pdp .upsells.products .product-thumb .stats,
.spilia-wc-shell--pdp .upsells.products .product-thumb .description,
.spilia-wc-shell--pdp .upsells.products .product-thumb .rating {
	display: none;
}

.spilia-wc-shell--pdp .related.products .product-thumb .name,
.spilia-wc-shell--pdp .upsells.products .product-thumb .name {
	order: -1;
	text-align: left;
	padding: 6px 2px 4px;
	margin: 0;
}

.spilia-wc-shell--pdp .related.products .product-thumb .name a,
.spilia-wc-shell--pdp .upsells.products .product-thumb .name a {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.25;
	color: #000;
	text-decoration: none;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.spilia-wc-shell--pdp .related.products .product-thumb .price,
.spilia-wc-shell--pdp .upsells.products .product-thumb .price {
	text-align: left;
	padding: 4px 2px 6px;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2;
	color: #000;
}

.spilia-wc-shell--pdp .related.products .product-thumb .price .woocommerce-Price-amount,
.spilia-wc-shell--pdp .upsells.products .product-thumb .price .woocommerce-Price-amount {
	color: inherit;
	font-weight: inherit;
}

.spilia-wc-shell--pdp .related.products .product-thumb .price del,
.spilia-wc-shell--pdp .related.products .product-thumb .price del .woocommerce-Price-amount,
.spilia-wc-shell--pdp .upsells.products .product-thumb .price del,
.spilia-wc-shell--pdp .upsells.products .product-thumb .price del .woocommerce-Price-amount {
	font-size: 0.78em;
	font-weight: 500;
	color: rgba(150, 150, 158, 1);
	opacity: 1;
}

.spilia-wc-shell--pdp .related.products .product-thumb .price ins,
.spilia-wc-shell--pdp .related.products .product-thumb .price ins .woocommerce-Price-amount,
.spilia-wc-shell--pdp .upsells.products .product-thumb .price ins,
.spilia-wc-shell--pdp .upsells.products .product-thumb .price ins .woocommerce-Price-amount {
	text-decoration: none;
	color: #000;
	font-weight: 700;
}

.spilia-wc-shell--pdp .related.products .buttons-wrapper,
.spilia-wc-shell--pdp .upsells.products .buttons-wrapper {
	margin-top: auto;
	padding-top: 4px;
	border-top: none;
}

.spilia-wc-shell--pdp .related.products .product-thumb .button-group,
.spilia-wc-shell--pdp .upsells.products .product-thumb .button-group {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 6px 2px 4px;
}

.spilia-wc-shell--pdp .related.products .cart-group,
.spilia-wc-shell--pdp .upsells.products .cart-group {
	display: flex;
	align-items: stretch;
	gap: 6px;
	width: 100%;
}

.spilia-wc-shell--pdp .related.products .product-layout.spilia-card-compact .cart-group,
.spilia-wc-shell--pdp .upsells.products .product-layout.spilia-card-compact .cart-group {
	justify-content: stretch;
	gap: 0;
}

.spilia-wc-shell--pdp .related.products .product-layout.spilia-card-compact .cart-group .add_to_cart_button,
.spilia-wc-shell--pdp .upsells.products .product-layout.spilia-card-compact .cart-group .add_to_cart_button {
	flex: 1 1 auto;
	width: 100%;
	justify-content: center;
}

.spilia-wc-shell--pdp .related.products .product-thumb .stepper,
.spilia-wc-shell--pdp .upsells.products .product-thumb .stepper {
	display: flex;
	flex: 0 0 88px;
	height: 44px;
	border: 1px solid var(--spilia-wc-muted);
	border-radius: var(--spilia-wc-radius);
	overflow: hidden;
}

.spilia-wc-shell--pdp .related.products .product-thumb .stepper input.form-control,
.spilia-wc-shell--pdp .upsells.products .product-thumb .stepper input.form-control {
	flex: 1 1 auto;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	border: none !important;
	background: #fff !important;
}

.spilia-wc-shell--pdp .related.products .wish-group,
.spilia-wc-shell--pdp .upsells.products .wish-group {
	display: flex;
	gap: 6px;
	justify-content: center;
}

.spilia-wc-shell--pdp .related.products .extra-group,
.spilia-wc-shell--pdp .upsells.products .extra-group {
	display: none;
}

/* 底欄不透明，避免捲動時透出下方內容 */
.spilia-wc-shell--pdp .button-group-page.spilia-pdp-button-group,
.spilia-wc-shell--pdp .spilia-pdp-button-group,
body.spilia-wc-pdp-body #spilia-pdp-fixed-cart-bar {
	background: rgb(240, 242, 245) !important;
}

/* 直接結帳：圖示＋文字；允許換行以完整顯示文案 */
.spilia-wc-shell--pdp .spilia-pdp-btn--checkout,
body.spilia-wc-pdp-body #spilia-pdp-fixed-cart-bar .spilia-pdp-btn--checkout {
	display: inline-flex !important;
	flex-direction: row !important;
	align-items: center !important;
	align-content: center !important;
	justify-content: center !important;
	gap: 6px !important;
	flex-wrap: wrap !important;
}

/* 規格選項：僅非自訂磁貼時的下拉外觀（原生 select 已改為 .spilia-variation-select-native 並隱藏） */
body.spilia-wc-pdp-body .spilia-wc-shell--pdp form.variations_form select:not(.spilia-variation-select-native) {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	min-height: 44px;
	padding: 10px 36px 10px 12px;
	border: 1px solid var(--spilia-wc-border) !important;
	border-radius: var(--spilia-wc-radius) !important;
	font-size: 14px !important;
	font-weight: 500;
	color: var(--spilia-wc-text) !important;
	background-color: #fff !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23696973' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 12px;
	margin-bottom: 0 !important;
	box-shadow: none !important;
}

body.spilia-wc-pdp-body .spilia-wc-shell--pdp form.variations_form td.value select {
	margin-bottom: 0;
}

body.spilia-wc-pdp-body .spilia-wc-shell--pdp .spilia-pdp-variations-block {
	background: transparent;
	padding: 0;
	margin: 0 0 8px;
	border: none;
	border-radius: 0;
}

body.spilia-wc-pdp-body .spilia-wc-shell--pdp .spilia-pdp-variations-block .variations {
	margin: 0;
}

/* 可變商品：自訂規格磁貼（取代可見下拉；Woo 仍用隱藏 select 驅動變體） */
body.spilia-wc-pdp-body .spilia-wc-shell--pdp table.variations.spilia-variations-custom tr.spilia-variation-attribute-row {
	display: block !important;
	width: 100% !important;
	margin: 0 0 6px !important;
}

body.spilia-wc-pdp-body .spilia-wc-shell--pdp table.variations.spilia-variations-custom th.label {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 0 12px !important;
	margin: 0 0 6px !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	color: var(--spilia-wc-text) !important;
	line-height: 1.35 !important;
	text-align: left !important;
	vertical-align: top !important;
	border-bottom: none !important;
}

@media (min-width: 761px) {
	body.spilia-wc-pdp-body .spilia-wc-shell--pdp table.variations.spilia-variations-custom th.label {
		font-size: 26px !important;
	}
}

body.spilia-wc-pdp-body .spilia-wc-shell--pdp table.variations.spilia-variations-custom th.label .required {
	color: #dc3545 !important;
	font-weight: 700 !important;
	margin-left: 3px !important;
}

body.spilia-wc-pdp-body .spilia-wc-shell--pdp table.variations.spilia-variations-custom td.value {
	display: block !important;
	width: 100% !important;
	padding: 0 0 16px !important;
	vertical-align: top !important;
}

body.spilia-wc-pdp-body .spilia-wc-shell--pdp .spilia-variation-value {
	position: relative !important;
}

body.spilia-wc-pdp-body .spilia-wc-shell--pdp .spilia-variation-native-select {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	clip-path: inset(50%) !important;
	border: 0 !important;
	white-space: nowrap !important;
}

body.spilia-wc-pdp-body .spilia-wc-shell--pdp .spilia-variation-native-select select {
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	opacity: 0 !important;
	width: 1px !important;
	height: 1px !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	appearance: none !important;
}

body.spilia-wc-pdp-body .spilia-wc-shell--pdp .spilia-variation-pills {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	align-items: flex-start !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

body.spilia-wc-pdp-body .spilia-wc-shell--pdp .spilia-variation-pill {
	position: relative !important;
	display: inline-flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	min-height: 38px !important;
	margin: 0 !important;
	padding: 9px 12px !important;
	box-sizing: border-box !important;
	font-family: inherit !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.3 !important;
	color: var(--spilia-wc-text) !important;
	background: #fff !important;
	border: 1px solid var(--spilia-wc-border) !important;
	border-radius: 2px !important;
	box-shadow: none !important;
	cursor: pointer !important;
	text-align: center !important;
	transition: background 0.075s ease-out, border-color 0.075s ease-out, box-shadow 0.075s ease-out, opacity 0.075s ease-out !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}

body.spilia-wc-pdp-body .spilia-wc-shell--pdp .spilia-variation-pill:hover:not(.is-disabled):not(:disabled) {
	background: rgba(240, 242, 245, 1) !important;
}

body.spilia-wc-pdp-body .spilia-wc-shell--pdp .spilia-variation-pill.is-selected {
	background: rgba(240, 242, 245, 1) !important;
	border-color: rgba(46, 46, 46, 0.85) !important;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06) !important;
	font-weight: 500 !important;
}

body.spilia-wc-pdp-body .spilia-wc-shell--pdp .spilia-variation-pill.is-disabled,
body.spilia-wc-pdp-body .spilia-wc-shell--pdp .spilia-variation-pill:disabled {
	opacity: 0.45 !important;
	color: rgba(180, 180, 190, 1) !important;
	border-color: rgba(226, 226, 226, 0.85) !important;
	background: rgba(252, 252, 252, 1) !important;
	cursor: not-allowed !important;
	box-shadow: none !important;
}

body.spilia-wc-pdp-body .spilia-wc-shell--pdp .spilia-variation-pill__text {
	display: inline !important;
	word-break: break-word !important;
}

body.spilia-wc-pdp-body .spilia-wc-shell--pdp .spilia-variation-pill__new {
	display: inline-block !important;
	margin-left: 2px !important;
	padding: 0 !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0.04em !important;
	color: inherit !important;
	text-transform: uppercase !important;
	vertical-align: baseline !important;
}

body.spilia-wc-pdp-body .spilia-wc-shell--pdp table.variations.spilia-variations-custom td.value .reset_variations {
	display: inline-block !important;
	margin: 10px 0 0 !important;
}

/* =============================================================================
 * Journal3 home-critical：#content、.one-column、.price-group 等選擇器優先級高，
 * 會蓋過上文 .spilia-wc-shell--*（OpenCart 三欄卡、30px 價格容器、26px 標題）。
 * 以下用 html.route-* + body.spilia-* 壓回 Woo 手機單品／雙欄商品卡。
 * ============================================================================= */

/* 單品：強制單欄資訊區（critical：.product-left/.product-right 50%） */
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-info .product-left,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-info .product-right {
	width: 100% !important;
	max-width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	float: none !important;
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-info {
	display: flex !important;
	flex-direction: column !important;
	flex-wrap: nowrap !important;
}

/*
 * 標題／金額：對齊 journal3-home-critical 中 OpenCart route-product-product（參考站 spilialana8 product/product）。
 * ≤760px 與 critical 一致為 18px；寬屏為 26px。
 */
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp #content .product-details .page-title.product-page-title {
	position: relative !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
	margin: 0 0 12px !important;
	padding: 0 4px 12px !important;
	text-align: center !important;
	background: none !important;
	white-space: normal !important;
	border-bottom: 1px solid rgba(226, 226, 226, 1) !important;
}

@media (min-width: 761px) {
	html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp #content .product-details .page-title.product-page-title {
		font-size: 26px !important;
		margin: 0 0 10px !important;
	}
}

/* 主標題底線：左側加粗褐橘＋其餘淺灰（全寬 border-bottom） */
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp #content .product-details .page-title.product-page-title::after {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	left: 0 !important;
	bottom: -1px !important;
	width: 72px !important;
	max-width: 20% !important;
	height: 2px !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #c45c3e !important;
	pointer-events: none !important;
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp #content .product-details .page-title.product-page-title > span::after {
	content: none !important;
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
}

/* 金額：critical .product-details .price-group { font-size:30px } 是 OpenCart 結構；Woo 應由 p.price / ins / del 控制 */
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-details .product-price-group.spilia-pdp-price-stack {
	flex-direction: column !important;
	align-items: stretch !important;
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-details .product-price-group .price-group {
	font-size: inherit !important;
	line-height: inherit !important;
	font-weight: inherit !important;
	padding: 12px 0 0 !important;
	margin: 0 !important;
	border-top: 1px solid var(--spilia-wc-border) !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	justify-content: flex-start !important;
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-details .product-price-group .price-group p.price {
	font-size: 26px !important;
	font-weight: 700 !important;
	line-height: 1.15 !important;
	color: rgba(46, 46, 46, 1) !important;
}

@media (min-width: 761px) {
	html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-details .product-price-group .price-group p.price {
		font-size: 28px !important;
	}
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-details .product-price-group .price-group p.price .woocommerce-Price-amount {
	color: inherit !important;
	font-weight: 700 !important;
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-details .product-price-group .price-group del,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-details .product-price-group .price-group del .woocommerce-Price-amount {
	font-size: 18px !important;
	font-weight: 500 !important;
	color: var(--spilia-wc-muted) !important;
	opacity: 1 !important;
	line-height: 1 !important;
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-details .product-price-group .price-group ins {
	text-decoration: none !important;
	background: transparent !important;
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-details .product-price-group .price-group ins .woocommerce-Price-amount {
	color: rgba(46, 46, 46, 1) !important;
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-details .product-price-group .spilia-pdp-tier-price-note {
	margin: 8px 0 0 !important;
	padding: 0 !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1.45 !important;
	color: rgba(102, 102, 102, 1) !important;
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-details .product-price-group .product-stats {
	order: initial !important;
	margin: 0 !important;
	max-width: none !important;
	padding: 0 0 12px !important;
	border: none !important;
}

/* 短述／完整說明：預設字色黑色（連結仍用品牌藍） */
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .woocommerce-product-details__short-description {
	font-size: 14px !important;
	line-height: 1.65 !important;
	color: #000 !important;
	margin: 0 0 14px !important;
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .woocommerce-product-details__short-description p {
	margin: 0 0 0.65em !important;
	font-size: inherit !important;
	color: inherit !important;
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .woocommerce-product-details__short-description li,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .woocommerce-product-details__short-description td,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .woocommerce-product-details__short-description th,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .woocommerce-product-details__short-description span {
	color: inherit !important;
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .woocommerce-product-details__short-description a {
	color: var(--spilia-wc-blue) !important;
	text-decoration: underline !important;
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-details .spilia-pdp-product-long-desc {
	color: #000 !important;
	font-size: 14px !important;
	line-height: 1.65 !important;
	margin: 16px 0 0 !important;
	padding: 16px 0 0 !important;
	border-top: 1px solid var(--spilia-wc-border) !important;
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-details .spilia-pdp-product-long-desc p,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-details .spilia-pdp-product-long-desc li,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-details .spilia-pdp-product-long-desc td,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-details .spilia-pdp-product-long-desc th,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-details .spilia-pdp-product-long-desc span {
	color: inherit !important;
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-details .spilia-pdp-product-long-desc a {
	color: var(--spilia-wc-blue) !important;
	text-decoration: underline !important;
}

/* Journal .product-options>h3 30px 置中 → 若存在則改為一般小標題（多數 Woo 表單無 h3） */
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-details .product-options > h3 {
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
	margin: 0 0 10px !important;
	padding: 0 !important;
	text-align: left !important;
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-details .product-options > h3::after {
	display: none !important;
	content: none !important;
}

/*
 * 主圖：對齊 journal3-home-critical「.product-image .main-image」— 1px 邊框、3px 圓角、白底（OpenCart 單品）。
 */
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-left .product-image {
	margin: 0 !important;
	padding: 0 !important;
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-image .woocommerce-product-gallery {
	margin: 0 !important;
	padding: 0 24px !important;
	box-sizing: border-box !important;
	background: transparent !important;
	overflow: visible !important;
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-image .flex-viewport,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-image .woocommerce-product-gallery__wrapper,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-image .flexslider .slides > li {
	border: 1px solid var(--spilia-wc-border) !important;
	border-radius: 3px !important;
	overflow: hidden !important;
	background: #fff !important;
	box-shadow: none !important;
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-image .flex-viewport {
	position: relative !important;
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-image .flexslider {
	border: none !important;
	background: transparent !important;
	box-shadow: none !important;
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-image .woocommerce-product-gallery__image img,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-image .flexslider .slides img {
	width: 100% !important;
	display: block !important;
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-image .spilia-pdp-gallery-frame {
	position: relative !important;
	width: 100% !important;
}

/* 標籤由 main.js 移入 .flex-viewport，與可見圖同區裁切，斜帶／角標不溢出外框 */
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-image .flex-viewport .spilia-pdp-gallery-frame-labels.product-labels {
	position: absolute !important;
	inset: 0 !important;
	z-index: 2 !important;
	pointer-events: none !important;
	overflow: hidden !important;
	border-radius: 3px !important;
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-image .spilia-pdp-gallery-frame > .spilia-pdp-gallery-frame-labels.product-labels {
	position: absolute !important;
	inset: 0 !important;
	z-index: 2 !important;
	pointer-events: none !important;
	overflow: hidden !important;
	border-radius: 3px !important;
}

/* 選項外殼：白底＋上下分隔線（對齊參考單品行版） */
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-details .spilia-pdp-product-options.product-options {
	padding: 14px 0 12px !important;
	margin: 0 !important;
	border-top: 1px solid var(--spilia-wc-border) !important;
	border-bottom: 1px solid var(--spilia-wc-border) !important;
	border-left: none !important;
	border-right: none !important;
	background: #fff !important;
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-details .spilia-pdp-product-options .push-option,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .product-details .spilia-pdp-product-options .option-value {
	margin: 0 !important;
	line-height: inherit !important;
}

/* 規格標題：對齊單品主標題（字級／字重）；紅色必填 * */
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp table.variations th.label,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp table.variations th.label label {
	font-size: 18px !important;
	font-weight: 600 !important;
	color: var(--spilia-wc-text) !important;
	line-height: 1.35 !important;
}

@media (min-width: 761px) {
	html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp table.variations th.label,
	html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp table.variations th.label label {
		font-size: 26px !important;
	}
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp table.variations.spilia-variations-custom th.label,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp table.variations.spilia-variations-custom th.label label {
	padding: 0 0 12px !important;
	margin: 0 0 6px !important;
	border-bottom: none !important;
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp table.variations .required {
	color: #dc3545 !important;
}

/* Woo Variation Swatches / 按鈕式變體：常見 class（getwooplugins、Iconic 等） */
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .variations_form .woo-variation-items-wrapper,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .variations_form ul.variable-items-wrapper,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .variations_form div.variable-items-wrapper {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .variations_form ul.variable-items-wrapper li {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	background: transparent !important;
	border: none !important;
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .variations_form div.variable-items-wrapper > * {
	margin: 0 !important;
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .variations_form li.variable-item.button-variable-item,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .variations_form .variable-item.button-variable-item,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .variations_form button.variable-item,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .variations_form a.variable-item {
	box-sizing: border-box !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 38px !important;
	padding: 8px 12px !important;
	margin: 0 8px 8px 0 !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.25 !important;
	font-family: inherit !important;
	text-align: center !important;
	text-decoration: none !important;
	color: var(--spilia-wc-text) !important;
	background: #fff !important;
	border: 1px solid var(--spilia-wc-border) !important;
	border-radius: 2px !important;
	box-shadow: none !important;
	cursor: pointer !important;
	transition: background 0.075s ease-out, box-shadow 0.075s ease-out, border-color 0.075s ease-out !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .variations_form li.variable-item.button-variable-item:hover:not(.disabled):not(.selected),
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .variations_form .variable-item.button-variable-item:hover:not(.disabled):not([disabled]),
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .variations_form button.variable-item:hover:not(.disabled):not([disabled]),
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .variations_form a.variable-item:hover:not(.disabled) {
	background: rgba(240, 242, 245, 1) !important;
	border-color: var(--spilia-wc-border) !important;
	box-shadow: 0 5px 50px -10px rgba(0, 0, 0, 0.05) !important;
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .variations_form li.variable-item.selected,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .variations_form .variable-item.selected,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .variations_form .variable-item.button-variable-item.selected,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .variations_form li.selected .variable-item {
	color: var(--spilia-wc-text) !important;
	background: rgba(240, 242, 245, 1) !important;
	border-color: rgba(0, 0, 0, 1) !important;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1) !important;
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .variations_form li.variable-item.disabled,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .variations_form .variable-item.disabled,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .variations_form .variable-item.unavailable,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .variations_form li.disabled .variable-item,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .variations_form li.variation-out-of-stock .variable-item {
	opacity: 0.5 !important;
	color: var(--spilia-wc-muted) !important;
	background: #fafafa !important;
	border-color: rgba(226, 226, 226, 0.65) !important;
	cursor: not-allowed !important;
	box-shadow: none !important;
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .variations_form .variable-item.disabled .variable-item-span,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .variations_form .variable-item.unavailable .variable-item-span {
	color: inherit !important;
}

/* 色票／圖片變體維持方形，勿套用長條按鈕高度 */
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .variations_form .variable-item.color-variable-item,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .variations_form .variable-item.image-variable-item {
	min-width: 40px !important;
	min-height: 40px !important;
	max-height: none !important;
	padding: 3px !important;
	border-radius: 2px !important;
	margin: 0 8px 8px 0 !important;
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .spilia-pdp-variations-block {
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 0 8px !important;
}

/* 目錄：one-column + critical 預設三欄 .product-layout（實際 DOM：div.main-products > ul.products） */
html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive #content .main-products.product-grid ul.products .product-layout:not(.swiper-slide),
html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive ul.products.product-grid .product-layout:not(.swiper-slide) {
	width: 50% !important;
	max-width: 50% !important;
	padding: 5px !important;
	margin: 0 !important;
	flex: 0 0 50% !important;
	box-sizing: border-box !important;
	float: none !important;
	clear: none !important;
}

html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive .main-products.product-grid .product-thumb .stats {
	display: none !important;
}

html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive .main-products.product-grid .product-thumb .name a {
	font-size: 20px !important;
	font-weight: 600 !important;
	text-align: center !important;
	line-height: 1.25 !important;
	color: #9e7f72 !important;
}

html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive .main-products.product-grid .product-thumb .product-card-tagline {
	color: #757575 !important;
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 1 !important;
	line-clamp: 1 !important;
	overflow: hidden !important;
	padding: 0 8px 4px !important;
	margin: 0 !important;
	text-align: center !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	line-height: 1.4 !important;
}

html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive .main-products.product-grid .product-thumb .price {
	font-size: 22px !important;
	font-weight: 400 !important;
	text-align: center !important;
	color: rgba(221, 14, 28, 1) !important;
}

html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive .main-products.product-grid .product-thumb .price .woocommerce-Price-amount {
	color: rgba(221, 14, 28, 1) !important;
}

html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive .main-products.product-grid .product-thumb .description {
	display: none !important;
}

/* route-product-category：對齊提供的 Journal 參考頁（版面、字級、商品卡、按鈕） */
html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive .products-filter {
	margin-bottom: 20px !important;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	border-top: 1px solid rgba(226, 226, 226, 1) !important;
	border-bottom: 1px solid rgba(226, 226, 226, 1) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 10px !important;
}

html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive .products-filter .grid-list {
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
	flex: 0 0 auto !important;
}

html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive .products-filter .grid-list .view-btn {
	width: 28px !important;
	height: 28px !important;
	min-width: 28px !important;
	min-height: 28px !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
	color: rgba(44, 54, 64, 1) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	box-shadow: none !important;
	border-radius: 3px !important;
}

html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive .products-filter .grid-list .view-btn::before {
	font-family: icomoon !important;
	font-size: 18px !important;
	line-height: 1 !important;
}

html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive .products-filter #btn-grid-view::before {
	content: "\e97b" !important;
}

html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive .products-filter #btn-list-view::before {
	content: "\e97a" !important;
}

html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive .products-filter .compare-btn::before {
	content: "\e93e" !important;
	color: rgba(185, 136, 119, 1) !important;
}

html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive .products-filter .select-group {
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
	margin-left: auto !important;
}

html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive .products-filter .select-group .input-group {
	display: inline-flex !important;
	align-items: center !important;
	margin: 0 !important;
}

html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive .products-filter .select-group .input-group.per-page .form-control {
	width: 74px !important;
}

html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive .main-products.product-grid .product-thumb {
	background: rgba(255, 255, 255, 1) !important;
	border: 1px solid rgba(226, 226, 226, 1) !important;
	border-radius: 3px !important;
	padding: 5px !important;
}

html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive .main-products.product-grid .product-thumb .name {
	order: -1 !important;
	display: flex !important;
	justify-content: center !important;
	width: 100% !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	margin: 0 auto !important;
}

html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive .main-products.product-grid .product-thumb .price {
	display: block !important;
	width: auto !important;
	margin: 0 auto !important;
	padding: 8px 8px 0 !important;
	line-height: 1.2 !important;
}

html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive .main-products.product-grid .product-thumb .buttons-wrapper {
	display: block !important;
}

html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive .main-products.product-grid .product-thumb .button-group {
	padding: 8px 8px 5px !important;
	border-top: 1px solid rgba(226, 226, 226, 1) !important;
	justify-content: space-between !important;
}

html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive .main-products.product-grid .product-thumb .cart-group {
	display: inline-flex !important;
	flex: 1 !important;
}

html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive .main-products.product-grid .product-thumb .extra-group > div {
	padding: 4px !important;
}

html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive .main-products.product-grid .product-thumb .extra-group .btn.btn,
html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive .main-products.product-grid .product-thumb .extra-group .btn.btn:visited {
	font-size: 12px !important;
	font-weight: 400 !important;
	text-transform: none !important;
	min-height: 20px !important;
	min-width: 20px !important;
	padding: 10px 6px !important;
	background: rgba(185, 136, 119, 1) !important;
}

html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive .main-products.product-grid .product-thumb .extra-group .btn.btn:hover {
	background: rgba(46, 46, 46, 1) !important;
}

html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive .pagination-results {
	font-size: 13px !important;
	letter-spacing: 1px !important;
	margin-top: 20px !important;
	justify-content: flex-start !important;
}

html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive .pagination > li {
	background: rgba(248, 248, 248, 1) !important;
	border-radius: 3px !important;
}

html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive .pagination > li > a,
html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive .pagination > li > span {
	padding: 5px 6px !important;
}

html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive .pagination > li:hover,
html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive .pagination > li.active {
	background: rgba(15, 58, 141, 1) !important;
}

/* 單品底下「相關／加購」同樣吃 journal 三欄 main-products 規則 */
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .related.products .main-products.product-grid .product-layout:not(.swiper-slide),
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .upsells.products .main-products.product-grid .product-layout:not(.swiper-slide) {
	width: 50% !important;
	max-width: 50% !important;
	padding: 5px !important;
	flex: 0 0 50% !important;
	box-sizing: border-box !important;
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .related.products .main-products.product-grid .product-thumb .stats,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .upsells.products .main-products.product-grid .product-thumb .stats {
	display: none !important;
}

/* 相關／加購：區塊標題左對齊＋與字等寬褐線；卡內品名褐色；字級略大 */
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .related.products.spilia-pdp-related > h2,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .upsells.products.spilia-pdp-related > h2 {
	display: inline-block !important;
	width: fit-content !important;
	max-width: 100% !important;
	text-align: left !important;
	color: #000 !important;
	font-weight: 600 !important;
	font-size: 19px !important;
	padding: 0 0 10px !important;
	margin: 0 0 12px !important;
	border-bottom: 1px solid #a68b7c !important;
	box-sizing: border-box !important;
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .related.products .product-thumb .name a,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .upsells.products .product-thumb .name a {
	color: #a68b7c !important;
	font-weight: 600 !important;
	font-size: 18px !important;
	text-align: left !important;
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .related.products .product-thumb .name,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .upsells.products .product-thumb .name {
	text-align: left !important;
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .related.products .product-thumb .price,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .upsells.products .product-thumb .price {
	color: #000 !important;
	font-size: 24px !important;
	font-weight: 700 !important;
	text-align: left !important;
}

/* 相關／加購：快速選購褐底白字（僅此區） */
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .related.products a.btn-cart,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .related.products a.add_to_cart_button,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .upsells.products a.btn-cart,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .upsells.products a.add_to_cart_button {
	color: #fff !important;
	background: #a68b7c !important;
	border: 1px solid #a68b7c !important;
	box-shadow: none !important;
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .related.products a.btn-cart:hover,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .related.products a.add_to_cart_button:hover,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .upsells.products a.btn-cart:hover,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .upsells.products a.add_to_cart_button:hover {
	background: #957a6f !important;
	border-color: #957a6f !important;
	color: #fff !important;
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .related.products .product-thumb .price .woocommerce-Price-amount,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .upsells.products .product-thumb .price .woocommerce-Price-amount {
	color: inherit !important;
	font-weight: inherit !important;
}

html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .related.products .product-thumb .price ins,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .related.products .product-thumb .price ins .woocommerce-Price-amount,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .upsells.products .product-thumb .price ins,
html.route-product-product body.spilia-wc-pdp-body .spilia-wc-shell--pdp .upsells.products .product-thumb .price ins .woocommerce-Price-amount {
	color: #000 !important;
}

/* 快速選購彈窗（不依 Journal .popup-container，避免 z-index:9999 被底欄／購物車層蓋住） */
.spilia-pdp-quick-modal[hidden] {
	display: none !important;
}

html.spilia-pdp-quick-open,
html.spilia-pdp-quick-open body {
	overflow: hidden !important;
	touch-action: none;
}

.spilia-pdp-quick-modal:not([hidden]) {
	display: block;
	position: fixed;
	inset: 0;
	z-index: 130000;
	pointer-events: none;
}

.spilia-pdp-quick-modal__bg {
	position: fixed;
	inset: 0;
	z-index: 0;
	background: rgba(0, 0, 0, 0.55);
	pointer-events: auto;
}

.spilia-pdp-quick-modal:not([hidden]) .spilia-pdp-quick-modal__container {
	pointer-events: auto;
}

.spilia-pdp-quick-modal__container {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	width: calc(100% - 28px);
	max-width: 400px;
	max-height: min(92vh, 640px);
	display: flex;
	flex-direction: column;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 12px 48px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	padding: 48px 18px 18px;
	box-sizing: border-box;
}

.spilia-pdp-quick-modal__x {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 36px;
	height: 36px;
	padding: 0;
	border: none;
	background: transparent;
	font-size: 24px;
	line-height: 1;
	color: var(--spilia-wc-muted);
	cursor: pointer;
	z-index: 2;
}

.spilia-pdp-quick-modal__x:hover {
	color: var(--spilia-wc-text);
}

.spilia-pdp-quick-modal__product-line {
	margin: 0 40px 16px 0;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.45;
	color: #111;
}

.spilia-pdp-quick-modal__required {
	color: #dc3545;
	font-weight: 700;
	margin-left: 2px;
}

.spilia-pdp-quick-modal__form-host {
	margin: 0;
	min-width: 0;
	flex: 1 1 auto;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	min-height: 0;
	display: flex;
	flex-direction: column;
}

/* 快速選購彈窗：對齊參考（僅頂部標題＋*、直向選項、底列數量＋深藍按鈕）；表內「口味」等列標題一律不顯示 */
html.spilia-pdp-quick-open form.spilia-pdp-form--in-quick-modal .spilia-pdp-product-options.product-options,
html.spilia-pdp-quick-open .spilia-pdp-quick-modal .spilia-pdp-product-options.product-options {
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

html.spilia-pdp-quick-open form.spilia-pdp-form--in-quick-modal .product-options > h3,
html.spilia-pdp-quick-open form.spilia-pdp-form--in-quick-modal .product-options > .options-title,
html.spilia-pdp-quick-open .spilia-pdp-quick-modal .product-options > h3,
html.spilia-pdp-quick-open .spilia-pdp-quick-modal .product-options > .options-title {
	display: none !important;
}

html.spilia-pdp-quick-open form.spilia-pdp-form--in-quick-modal table.variations,
html.spilia-pdp-quick-open .spilia-pdp-quick-modal table.variations {
	width: 100% !important;
	border: none !important;
	margin: 0 !important;
}

html.spilia-pdp-quick-open form.spilia-pdp-form--in-quick-modal table.variations tbody,
html.spilia-pdp-quick-open .spilia-pdp-quick-modal table.variations tbody {
	display: block !important;
	width: 100% !important;
}

html.spilia-pdp-quick-open form.spilia-pdp-form--in-quick-modal table.variations tr.spilia-variation-attribute-row,
html.spilia-pdp-quick-open .spilia-pdp-quick-modal table.variations tr.spilia-variation-attribute-row {
	display: block !important;
	width: 100% !important;
	margin: 0 0 10px !important;
}

html.spilia-pdp-quick-open form.spilia-pdp-form--in-quick-modal table.variations th.label,
html.spilia-pdp-quick-open form.spilia-pdp-form--in-quick-modal table.variations th.label label,
html.spilia-pdp-quick-open .spilia-pdp-quick-modal table.variations th.label,
html.spilia-pdp-quick-open .spilia-pdp-quick-modal table.variations th.label label {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	position: absolute !important;
	visibility: hidden !important;
}

html.spilia-pdp-quick-open form.spilia-pdp-form--in-quick-modal table.variations td.value,
html.spilia-pdp-quick-open .spilia-pdp-quick-modal table.variations td.value {
	display: block !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
}

html.spilia-pdp-quick-open form.spilia-pdp-form--in-quick-modal .reset_variations,
html.spilia-pdp-quick-open .spilia-pdp-quick-modal .reset_variations {
	display: none !important;
}

/* 選定後的價格／說明區不佔彈窗版面（避免與頂部標題重複） */
html.spilia-pdp-quick-open form.spilia-pdp-form--in-quick-modal .single_variation,
html.spilia-pdp-quick-open .spilia-pdp-quick-modal .single_variation {
	display: none !important;
}

html.spilia-pdp-quick-open form.spilia-pdp-form--in-quick-modal .woocommerce-variation-price,
html.spilia-pdp-quick-open form.spilia-pdp-form--in-quick-modal .woocommerce-variation-description,
html.spilia-pdp-quick-open form.spilia-pdp-form--in-quick-modal .woocommerce-variation-availability,
html.spilia-pdp-quick-open .spilia-pdp-quick-modal .woocommerce-variation-price,
html.spilia-pdp-quick-open .spilia-pdp-quick-modal .woocommerce-variation-description,
html.spilia-pdp-quick-open .spilia-pdp-quick-modal .woocommerce-variation-availability {
	display: none !important;
}

html.spilia-pdp-quick-open form.spilia-pdp-form--in-quick-modal .single_variation_wrap,
html.spilia-pdp-quick-open .spilia-pdp-quick-modal .single_variation_wrap {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	min-height: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	flex: 1 1 auto !important;
}

/* 規格磁貼：直向通欄、長文案換行 */
html.spilia-pdp-quick-open form.spilia-pdp-form--in-quick-modal .spilia-variation-pills,
html.spilia-pdp-quick-open .spilia-pdp-quick-modal .spilia-variation-pills {
	flex-direction: column !important;
	flex-wrap: nowrap !important;
	gap: 10px !important;
	align-items: stretch !important;
}

html.spilia-pdp-quick-open form.spilia-pdp-form--in-quick-modal .spilia-variation-pill,
html.spilia-pdp-quick-open .spilia-pdp-quick-modal .spilia-variation-pill {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	justify-content: flex-start !important;
	align-items: flex-start !important;
	text-align: left !important;
	min-height: 44px !important;
	padding: 12px 14px !important;
	border-radius: 3px !important;
	border: 1px solid #e0e0e0 !important;
	background: #fff !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	line-height: 1.45 !important;
	color: #111 !important;
	white-space: normal !important;
}

html.spilia-pdp-quick-open form.spilia-pdp-form--in-quick-modal .spilia-variation-pill.is-selected,
html.spilia-pdp-quick-open .spilia-pdp-quick-modal .spilia-variation-pill.is-selected {
	background: #f5f5f5 !important;
	border-color: #cfcfcf !important;
}

html.spilia-pdp-quick-open form.spilia-pdp-form--in-quick-modal .spilia-variation-pill.is-disabled,
html.spilia-pdp-quick-open form.spilia-pdp-form--in-quick-modal .spilia-variation-pill[aria-disabled="true"],
html.spilia-pdp-quick-open .spilia-pdp-quick-modal .spilia-variation-pill.is-disabled,
html.spilia-pdp-quick-open .spilia-pdp-quick-modal .spilia-variation-pill[aria-disabled="true"] {
	opacity: 0.45 !important;
	cursor: not-allowed !important;
}

html.spilia-pdp-quick-open form.spilia-pdp-form--in-quick-modal .spilia-pdp-variations-block,
html.spilia-pdp-quick-open .spilia-pdp-quick-modal .spilia-pdp-variations-block {
	margin: 0 0 4px !important;
}

/* 彈窗：表單垂直編排，底欄貼選項下方 */
html.spilia-pdp-quick-open form.spilia-pdp-form--in-quick-modal.variations_form {
	display: flex !important;
	flex-direction: column !important;
	flex: 1 1 auto !important;
	min-height: 0 !important;
	margin: 0 !important;
}

html.spilia-pdp-quick-open form.spilia-pdp-form--in-quick-modal .variations_button,
html.spilia-pdp-quick-open .spilia-pdp-quick-modal .variations_button {
	margin-top: auto !important;
	width: 100% !important;
}

/* 彈窗內底欄：數量＋深藍「快速選購」 */
html.spilia-pdp-quick-open .spilia-pdp-quick-modal .spilia-pdp-button-group {
	position: static !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 16px 0 0 !important;
	padding: 12px !important;
	background: #f0f2f5 !important;
	border: 1px solid #e6e6e6 !important;
	border-radius: 3px !important;
	box-shadow: none !important;
	z-index: auto !important;
}

html.spilia-pdp-quick-open .spilia-pdp-quick-modal .spilia-pdp-button-group .buttons-wrapper {
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
}

html.spilia-pdp-quick-open .spilia-pdp-quick-modal .stepper-group.cart-group {
	flex-direction: row !important;
	align-items: stretch !important;
	gap: 10px !important;
	width: 100% !important;
	flex-wrap: nowrap !important;
}

html.spilia-pdp-quick-open .spilia-pdp-quick-modal .stepper.spilia-pdp-stepper {
	flex: 0 0 108px !important;
	width: 108px !important;
	max-width: 108px !important;
	min-width: 108px !important;
	background: #fff !important;
	border: 1px solid #e0e0e0 !important;
	border-radius: 3px !important;
	overflow: hidden !important;
}

html.spilia-pdp-quick-open .spilia-pdp-quick-modal .stepper.spilia-pdp-stepper input.qty {
	font-size: 18px !important;
	font-weight: 700 !important;
	text-align: center !important;
}

html.spilia-pdp-quick-open .spilia-pdp-quick-modal .spilia-pdp-btn--cart,
html.spilia-pdp-quick-open .spilia-pdp-quick-modal #button-cart.spilia-pdp-btn {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	min-height: 48px !important;
	background: #10388c !important;
	border: none !important;
	color: #fff !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	border-radius: 3px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
}

html.spilia-pdp-quick-open .spilia-pdp-quick-modal .spilia-pdp-btn--cart::before,
html.spilia-pdp-quick-open .spilia-pdp-quick-modal #button-cart.spilia-pdp-btn::before {
	content: "\f07a" !important;
	font-family: FontAwesome !important;
	font-size: 16px !important;
	line-height: 1 !important;
	margin-right: 2px !important;
}

.spilia-pdp-quick-modal .spilia-pdp-wishlist-row {
	margin-top: 8px;
	border-top: none;
	padding-top: 0;
}

/* 快速選購彈窗內不顯示直接結帳（主頁面底欄仍保留） */
.spilia-pdp-quick-modal .extra-group {
	display: none !important;
}

/* =============================================================================
   加入購物車成功彈窗（.custom-cart-modal，對齊 Journal / OpenCart 通知）
   ============================================================================= */

.spilia-cart-success-modal[hidden] {
	display: none !important;
}

html.spilia-cart-success-open,
html.spilia-cart-success-open body {
	overflow: hidden !important;
	touch-action: none;
}

.spilia-cart-success-modal:not([hidden]) {
	display: block;
	position: fixed;
	inset: 0;
	z-index: 135000;
	pointer-events: none;
}

.spilia-cart-success-modal__backdrop {
	position: fixed;
	inset: 0;
	z-index: 0;
	background: rgba(0, 0, 0, 0.55);
	pointer-events: auto;
}

.spilia-cart-success-modal__panel {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	width: calc(100% - 32px);
	max-width: 420px;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 12px 48px rgba(0, 0, 0, 0.2);
	padding: 42px 16px 16px;
	pointer-events: auto;
	box-sizing: border-box;
}

.spilia-cart-success-modal__product-line {
	margin: 0 28px 12px 0;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.4;
	color: var(--spilia-wc-muted);
}

.spilia-cart-success-modal__x {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 32px;
	height: 32px;
	padding: 0;
	border: none;
	background: transparent;
	font-size: 22px;
	line-height: 1;
	color: var(--spilia-wc-muted);
	cursor: pointer;
	z-index: 2;
}

.spilia-cart-success-modal__x:hover {
	color: var(--spilia-wc-text);
}

.spilia-cart-success-modal__top {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	margin-bottom: 16px;
}

.spilia-cart-success-modal__media {
	flex: 0 0 100px;
	width: 100px;
	min-height: 100px;
	border-radius: 4px;
	border: 1px solid var(--spilia-wc-border);
	overflow: hidden;
	background: #fafafa;
}

.spilia-cart-success-modal__media img {
	width: 100%;
	height: 100%;
	min-height: 100px;
	object-fit: contain;
	display: block;
	background: #fafafa;
}

.spilia-cart-success-modal__copy {
	flex: 1 1 auto;
	min-width: 0;
}

.spilia-cart-success-modal__status {
	margin: 0 0 8px;
	font-size: 13px;
	color: var(--spilia-wc-muted);
	line-height: 1.4;
}

.spilia-cart-success-modal__msg {
	margin: 0;
	font-size: 14px;
	line-height: 1.55;
	color: var(--spilia-wc-text);
}

.spilia-cart-success-modal .spilia-cart-success-link--product,
.spilia-cart-success-modal .spilia-cart-success-link--cart {
	color: #a5694f;
	text-decoration: underline;
	font-weight: 500;
}

.spilia-cart-success-modal .spilia-cart-success-link--product:hover,
.spilia-cart-success-modal .spilia-cart-success-link--cart:hover {
	color: #8d5641;
}

.spilia-cart-success-modal__actions {
	display: flex;
	gap: 10px;
	margin-top: 4px;
}

.spilia-cart-success-btn {
	flex: 1 1 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 46px;
	padding: 0 12px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none !important;
	border-radius: 5px;
	box-sizing: border-box;
	border: none;
	cursor: pointer;
	white-space: nowrap;
}

.spilia-cart-success-btn--cart {
	background: #11367d !important;
	color: #fff !important;
}

.spilia-cart-success-btn--cart .fa {
	font-size: 15px;
}

.spilia-cart-success-btn--checkout {
	background: #5cb85c !important;
	color: #fff !important;
}

.spilia-cart-success-btn--checkout .fa {
	font-size: 14px;
}

/* =============================================================================
   購物車／結帳／我的帳戶（無 Woo 預設 CSS 時的基底，可再依設計加強）
   ============================================================================= */

.spilia-wc-shell--cart #content.col-sm-12,
.spilia-wc-shell--checkout #content.col-sm-12 {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 10px 15px 88px;
}

/* =============================================================================
   自訂購物車頁（route-checkout-cart）：對齊 OpenCart 手機版排版
   ============================================================================= */

body.spilia-cart-view-body.route-checkout-cart .spilia-cart-view.cart-page {
	display: flex;
	align-items: flex-start;
	gap: 20px;
}

body.spilia-cart-view-body.route-checkout-cart .spilia-cart-view.cart-page .woocommerce {
	width: 100%;
}

body.spilia-cart-view-body.route-checkout-cart .spilia-cart-view.cart-page .woocommerce-cart-form {
	flex: 1 1 auto;
	min-width: 0;
}

body.spilia-cart-view-body.route-checkout-cart .spilia-cart-view.cart-page .cart-collaterals {
	flex: 0 0 400px;
	max-width: 400px;
	background: rgba(238, 238, 238, 1);
	padding: 20px;
	border: 1px solid var(--spilia-wc-border);
	border-radius: var(--spilia-wc-radius);
}

body.spilia-cart-view-body.route-checkout-cart .spilia-cart-view.cart-page .cart_totals {
	margin: 0;
}

body.spilia-cart-view-body.route-checkout-cart .spilia-cart-view.cart-page .wc-proceed-to-checkout a.checkout-button {
	background: rgba(80, 173, 85, 1) !important;
	border-color: rgba(80, 173, 85, 1) !important;
	color: #fff !important;
	width: 100%;
}

body.spilia-cart-view-body.route-checkout-cart .spilia-cart-view.cart-page a.checkout-button:hover {
	background: rgba(185, 136, 119, 1) !important;
	border-color: rgba(185, 136, 119, 1) !important;
}

body.spilia-cart-view-body.route-checkout-cart .spilia-cart-view .actions .button,
body.spilia-cart-view-body.route-checkout-cart .spilia-cart-view .actions button,
body.spilia-cart-view-body.route-checkout-cart .spilia-cart-view .actions input[type="submit"] {
	width: 100%;
}

/* mobile：兩欄改上下堆疊 */
@media (max-width: 980px) {
	body.spilia-cart-view-body.route-checkout-cart .spilia-cart-view.cart-page {
		flex-direction: column;
		gap: 16px;
	}
	body.spilia-cart-view-body.route-checkout-cart .spilia-cart-view.cart-page .cart-collaterals {
		flex: 0 0 auto;
		max-width: 100%;
		margin-left: 0;
	}
}

.spilia-wc-shell--account #content.col-sm-12 {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 10px max(15px, env(safe-area-inset-left, 0px)) calc(88px + env(safe-area-inset-bottom, 0px)) max(15px, env(safe-area-inset-right, 0px));
}

.spilia-wc-shell table.shop_table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 16px;
	font-size: 14px;
}

.spilia-wc-shell table.shop_table th,
.spilia-wc-shell table.shop_table td {
	padding: 10px 8px;
	border-bottom: 1px solid var(--spilia-wc-border);
	text-align: left;
	vertical-align: middle;
}

.spilia-wc-shell table.shop_table .product-thumbnail img {
	max-width: 64px;
	height: auto;
	border-radius: var(--spilia-wc-radius);
}

.spilia-wc-shell .cart-collaterals .cross-sells,
.spilia-wc-shell .cart-collaterals .cart_totals {
	margin-bottom: 16px;
}

.spilia-wc-shell .wc-proceed-to-checkout {
	margin: 12px 0 0;
}

.spilia-wc-shell .quantity .qty {
	min-width: 48px;
	padding: 6px 8px;
	border: 1px solid var(--spilia-wc-border);
	border-radius: var(--spilia-wc-radius);
	font-size: 14px;
}

.spilia-wc-shell a.button,
.spilia-wc-shell button.button,
.spilia-wc-shell input.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 10px 16px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	border-radius: var(--spilia-wc-radius);
	border: 1px solid var(--spilia-wc-border);
	background: #fff;
	color: var(--spilia-wc-text);
	cursor: pointer;
	box-sizing: border-box;
}

.spilia-wc-shell a.button.alt,
.spilia-wc-shell button.button.alt,
.spilia-wc-shell input.button.alt {
	background: var(--spilia-wc-accent);
	border-color: var(--spilia-wc-accent);
	color: #fff;
}

.spilia-wc-shell .cart_totals h2,
.spilia-wc-shell .woocommerce-billing-fields h3,
.spilia-wc-shell .woocommerce-shipping-fields h3,
.spilia-wc-shell #order_review_heading {
	font-size: 16px;
	font-weight: 600;
	margin: 16px 0 10px;
}

.spilia-wc-shell .checkout .col2-set {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.spilia-wc-shell .checkout .form-row label {
	display: block;
	margin: 0 0 4px;
	font-size: 13px;
	font-weight: 500;
}

.spilia-wc-shell .checkout .form-row input.input-text,
.spilia-wc-shell .checkout .form-row select,
.spilia-wc-shell .checkout .form-row textarea,
.spilia-wc-shell form .form-row input.input-text,
.spilia-wc-shell form .form-row select,
.spilia-wc-shell form .form-row textarea {
	width: 100%;
	max-width: 100%;
	padding: 10px 12px;
	border: 1px solid var(--spilia-wc-border);
	border-radius: var(--spilia-wc-radius);
	font-size: 14px;
	box-sizing: border-box;
}

.spilia-wc-shell #payment {
	margin-top: 16px;
	padding: 12px;
	border: 1px solid var(--spilia-wc-border);
	border-radius: var(--spilia-wc-radius);
	background: rgba(248, 248, 248, 1);
}

.spilia-wc-shell #payment ul.payment_methods {
	list-style: none;
	margin: 0 0 12px;
	padding: 0;
}

.spilia-wc-shell #payment ul.payment_methods li {
	margin: 0 0 8px;
}

/* —— 會員登入：對齊 OpenCart／Journal 存檔（麵包屑、双欄、Email 信箱、Line）—— */
.spilia-wc-shell--account .spilia-account-login-page {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	text-align: left;
}

.spilia-wc-shell--account .spilia-account-login-page .woocommerce-breadcrumb {
	margin: 0 0 12px;
	padding: 0;
	font-size: 13px;
	color: rgba(105, 105, 115, 1);
}

.spilia-wc-shell--account .spilia-account-login-page__hero-title {
	font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-weight: 600;
	font-size: 22px;
	line-height: 1.25;
	margin: 0 0 16px;
	padding: 0 0 14px;
	color: rgba(46, 46, 46, 1);
	text-align: left;
	border: none;
	border-bottom: 1px solid rgba(226, 226, 226, 1);
	border-radius: 0;
	background: none;
	box-sizing: border-box;
}

/* 登入大標：Journal 的 `.title::after` / `.page-title::after` 橘線；只保留下方一道 border（h1 勿包 span，見 form-login.php） */
html:not(.popup) body.spilia-wc-account-body .spilia-account-login-page > h1.spilia-account-login-page__hero-title::before,
html:not(.popup) body.spilia-wc-account-body .spilia-account-login-page > h1.spilia-account-login-page__hero-title::after,
.spilia-wc-shell--account .spilia-account-login-page > h1.spilia-account-login-page__hero-title::before,
.spilia-wc-shell--account .spilia-account-login-page > h1.spilia-account-login-page__hero-title::after {
	content: none !important;
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	max-width: 0 !important;
	max-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
	opacity: 0 !important;
}

.spilia-wc-shell--account #account-login.account-login.spilia-account-login__container {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding-left: max(15px, env(safe-area-inset-left, 0px));
	padding-right: max(15px, env(safe-area-inset-right, 0px));
	box-sizing: border-box;
	border-top: none !important;
	box-shadow: none;
}

.spilia-wc-shell--account .spilia-account-line-login__inner {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}

.spilia-wc-shell--account .spilia-account-line-login__badge {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.02em;
	color: #06c755;
	line-height: 1;
}

.spilia-wc-shell--account .spilia-account-line-login__btn {
	border: none !important;
	border-radius: 3px !important;
	padding: 10px 18px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 44px;
}

.spilia-wc-shell--account .spilia-account-login-box.row {
	display: flex;
	flex-wrap: wrap;
	margin-left: -12px;
	margin-right: -12px;
	box-sizing: border-box;
}

.spilia-wc-shell--account .spilia-account-login-box__col {
	padding-left: 12px;
	padding-right: 12px;
	flex: 0 0 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin-bottom: 24px;
}

@media (min-width: 768px) {
	.spilia-wc-shell--account .spilia-account-login-box__col--register.col-sm-6,
	.spilia-wc-shell--account .spilia-account-login-box__col--login.col-sm-6 {
		flex: 0 0 50%;
		max-width: 50%;
		margin-bottom: 0;
	}
}

.spilia-wc-shell--account #account-login .well {
	border: none;
	border-radius: 0;
	padding: 0;
	margin: 0;
	box-shadow: none;
	background: transparent;
}

.spilia-wc-shell--account #account-login .well h2.title {
	font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.3;
	margin: 0 0 10px;
	padding: 0;
	color: rgba(105, 105, 115, 1);
	text-align: left;
	border: none;
	background: none;
}

/* Journal `.login-box .title::after` 短裝飾線：登入區只保留大標 h1 全寬底線 */
.spilia-wc-shell--account .spilia-account-login-page .login-box .title::after,
.spilia-wc-shell--account .spilia-account-login-page .login-box .title.page-title > span::after,
.spilia-wc-shell--account .spilia-account-login-page .login-box h2.title::after,
.spilia-wc-shell--account .spilia-account-login-page .login-box h2.title > span::after {
	content: none !important;
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
	border: none !important;
	visibility: hidden !important;
}

.spilia-wc-shell--account #account-login .well p {
	font-size: 14px;
	line-height: 1.55;
	color: rgba(105, 105, 115, 1);
	margin: 0 0 10px;
}

.spilia-wc-shell--account #account-login .well .buttons {
	margin-top: 16px;
	display: flex;
	justify-content: flex-start;
	text-align: left;
}

.spilia-wc-shell--account #account-login .well .buttons .pull-right {
	float: none;
	width: 100%;
	text-align: left;
}

.spilia-wc-shell--account #account-login .well .btn.btn-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 10px 22px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	background: rgba(15, 58, 141, 1) !important;
	border: 1px solid rgba(15, 58, 141, 1) !important;
	color: #fff !important;
	border-radius: 3px !important;
	box-shadow: none !important;
}

.spilia-wc-shell--account #account-login .well .btn.btn-primary:hover {
	filter: brightness(1.06);
	color: #fff !important;
}

.spilia-wc-shell--account #account-login .login-form .form-group {
	margin: 0 0 14px;
}

.spilia-wc-shell--account #account-login .login-form .form-group label.control-label {
	display: block;
	width: 100%;
	max-width: none;
	margin: 0 0 6px;
	padding: 0;
	font-size: 14px;
	font-weight: 500;
	color: rgba(105, 105, 115, 1);
	text-align: left;
	justify-content: flex-start;
}

.spilia-wc-shell--account #account-login .form-control,
.spilia-wc-shell--account #account-login .input-text {
	width: 100%;
	max-width: 100%;
	min-height: 44px;
	padding: 8px 12px;
	border: 1px solid rgba(226, 226, 226, 1);
	border-radius: 3px;
	font-size: 14px;
	box-sizing: border-box;
	background: #fff;
	color: var(--spilia-wc-text);
	-webkit-appearance: none;
	appearance: none;
}

.spilia-wc-shell--account #account-login .spilia-account-forgot-wrap {
	margin-top: 8px;
	font-size: 13px;
}

.spilia-wc-shell--account #account-login .spilia-account-forgot-wrap a {
	color: rgba(15, 58, 141, 1);
	text-decoration: none;
}

.spilia-wc-shell--account #account-login .spilia-account-forgot-wrap a:hover {
	text-decoration: underline;
}

.spilia-wc-shell--account #account-login .login-form .buttons {
	margin-top: 20px;
	display: flex;
	justify-content: flex-start;
	text-align: left;
}

.spilia-wc-shell--account #account-login .login-form .buttons .pull-right {
	float: none;
	width: 100%;
	text-align: left;
}

.spilia-wc-shell--account #account-login .login-form .woocommerce-form-login__submit {
	width: auto !important;
	min-width: 120px;
	min-height: 44px;
	padding: 10px 24px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	text-transform: none !important;
	background: rgba(15, 58, 141, 1) !important;
	border: 1px solid rgba(15, 58, 141, 1) !important;
	color: #fff !important;
	border-radius: 3px !important;
	box-shadow: none !important;
}

.spilia-wc-shell--account #account-login .login-form .woocommerce-form-login__submit:hover {
	filter: brightness(1.05);
	color: #fff !important;
}

/* 已登入：Journal `.account-list` 橫向網格＋ icomoon（journal3-home-critical） */
.spilia-wc-shell--account .woocommerce-MyAccount-navigation {
	width: 100%;
	margin: 0 0 18px;
	max-width: none;
}

.spilia-wc-shell--account .woocommerce-MyAccount-navigation ul.account-list {
	list-style: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0 -10px -10px;
	padding: 0;
	box-sizing: border-box;
}

.spilia-wc-shell--account .woocommerce-MyAccount-navigation ul.account-list > li {
	width: calc(100% / 2);
	padding: 10px;
	margin: 0;
	box-sizing: border-box;
	list-style: none;
}

.spilia-wc-shell--account .woocommerce-MyAccount-navigation ul.account-list > li > a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 100%;
	padding: 10px;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.3;
	color: rgba(105, 105, 115, 1);
	border: 1px solid rgba(226, 226, 226, 1);
	border-radius: 3px;
	background: #fff;
	text-decoration: none;
	transition: color 0.1s ease-out, background 0.1s ease-out, box-shadow 0.1s ease-out;
	box-sizing: border-box;
}

.spilia-wc-shell--account .woocommerce-MyAccount-navigation ul.account-list > li > a::before {
	content: "\e93f";
	font-family: icomoon !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 45px;
	color: rgba(105, 105, 115, 1);
	margin: 0 0 6px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.spilia-wc-shell--account .woocommerce-MyAccount-navigation ul.account-list > li > a:hover {
	color: rgba(15, 58, 141, 1);
	background: #fff;
	box-shadow: 0 15px 90px -10px rgba(0, 0, 0, 0.2);
}

.spilia-wc-shell--account .woocommerce-MyAccount-navigation ul.account-list > li.is-active > a {
	color: #fff;
	background: rgba(15, 58, 141, 1);
	border-color: rgba(15, 58, 141, 1);
	box-shadow: none;
}

.spilia-wc-shell--account .woocommerce-MyAccount-navigation ul.account-list > li.is-active > a::before {
	color: #fff;
}

.spilia-wc-shell--account .account-list > .edit-info > a::before {
	content: "\e90d" !important;
}

.spilia-wc-shell--account .account-list > .edit-pass > a::before {
	content: "\eac4" !important;
}

.spilia-wc-shell--account .account-list > .edit-address > a::before {
	content: "\e956" !important;
}

.spilia-wc-shell--account .account-list > .edit-wishlist > a::before {
	content: "\e955" !important;
}

.spilia-wc-shell--account .account-list > .my-cards > a::before {
	content: "\e950" !important;
}

.spilia-wc-shell--account .account-list > .edit-order > a::before {
	content: "\ead5" !important;
}

.spilia-wc-shell--account .account-list > .edit-downloads > a::before {
	content: "\eb4e" !important;
}

.spilia-wc-shell--account .account-list > .edit-rewards > a::before {
	content: "\e952" !important;
}

.spilia-wc-shell--account .account-list > .edit-returns > a::before {
	content: "\f112" !important;
}

.spilia-wc-shell--account .account-list > .edit-transactions > a::before {
	content: "\e928" !important;
}

.spilia-wc-shell--account .account-list > .edit-recurring > a::before {
	content: "\e8b3" !important;
}

.spilia-wc-shell--account .account-list > .edit-logout > a::before {
	content: "\ea14" !important;
}

@media (min-width: 761px) {
	.spilia-wc-shell--account .woocommerce-MyAccount-navigation ul.account-list > li {
		width: calc(100% / 3);
	}
}

@media (min-width: 1025px) {
	.spilia-wc-shell--account .woocommerce-MyAccount-navigation ul.account-list > li {
		width: calc(100% / 5);
	}
}

.spilia-wc-shell--account .spilia-wc-account-wrap .woocommerce {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.spilia-wc-shell--account .woocommerce-MyAccount-content {
	width: 100%;
	min-width: 0;
}

.spilia-wc-shell--account .spilia-wc-account-wrap.account-page .woocommerce-MyAccount-content .woocommerce-address-fields .title h3,
.spilia-wc-shell--account .spilia-wc-account-wrap.account-page .title {
	font-size: 15px;
	border-width: 0;
	padding: 0;
}

html.route-account-account .spilia-wc-shell--account .woocommerce-MyAccount-content > :first-child {
	margin-top: 0;
}

/* Select2（若仍載入腳本但已 dequeue 官方 skin） */
.spilia-wc-shell .select2-container {
	min-width: 100% !important;
	font-size: 14px;
}

.spilia-wc-shell .select2-container .select2-selection--single {
	min-height: 44px;
	padding: 6px 10px;
	border: 1px solid var(--spilia-wc-border);
	border-radius: var(--spilia-wc-radius);
	box-sizing: border-box;
	background: #fff;
}

.spilia-wc-shell .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 42px;
}

/* Blocks 購物車／結帳後備 */
.spilia-wc-shell .wp-block-woocommerce-cart,
.spilia-wc-shell .wp-block-woocommerce-checkout {
	font-size: 14px;
}

.spilia-wc-shell .wc-block-components-text-input input,
.spilia-wc-shell .wc-block-components-form .wc-block-components-text-input input {
	padding: 10px 12px;
	border: 1px solid var(--spilia-wc-border);
	border-radius: var(--spilia-wc-radius);
	font-size: 14px;
}

/* =============================================================================
   結帳：對齊參考站 Journal「快速結帳」https://spilialana8.com/index.php?route=checkout/checkout
   （.quick-checkout-wrapper：左 30% 表單／右欄訂單明細 + .checkout-section 卡片）
   ============================================================================= */

body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 4px;
	box-sizing: border-box;
}

body.spilia-route-checkout-checkout .spilia-wc-shell--checkout #content.col-sm-12 {
	padding-bottom: 100px;
}

body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper form.woocommerce-checkout {
	max-width: none;
	margin: 0;
	display: block;
}

@media (min-width: 768px) {
	body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper form.woocommerce-checkout {
		display: grid;
		grid-template-columns: minmax(0, 30%) minmax(0, 1fr);
		column-gap: 25px;
		align-items: start;
	}

	body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper form.woocommerce-checkout > *:not(#customer_details):not(#order_review_heading):not(#order_review) {
		grid-column: 1 / -1;
	}

	body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper #customer_details {
		grid-column: 1;
		grid-row: 1;
	}

	body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper #order_review_heading {
		grid-column: 2;
		grid-row: 1;
		margin-bottom: 0 !important;
	}

	body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper #order_review {
		grid-column: 2;
		grid-row: 2;
	}
}

body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .woocommerce-billing-fields__field-wrapper,
body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .woocommerce-shipping-fields__field-wrapper {
	margin-bottom: 0;
}

body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .woocommerce-billing-fields,
body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .woocommerce-shipping-fields,
body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .woocommerce-additional-fields {
	background: #fff;
	padding: 15px;
	border: 1px solid var(--spilia-wc-border);
	border-radius: var(--spilia-wc-radius);
	margin-bottom: 25px;
}

/* 收件人／帳單運送欄位：標籤與說明改為近黑（避免偏灰） */
body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper #customer_details,
body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper #customer_details label,
body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper #customer_details .woocommerce-input-wrapper,
body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .ship-to-different-address,
body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .ship-to-different-address label {
	color: #111 !important;
}

body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper #customer_details input.input-text,
body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper #customer_details select,
body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper #customer_details textarea {
	color: #111;
}

body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper #order_review.woocommerce-checkout-review-order {
	background: #fff;
	padding: 15px;
	border: 1px solid var(--spilia-wc-border);
	border-radius: var(--spilia-wc-radius);
	margin-bottom: 25px;
}

body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper #order_review_heading,
body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .woocommerce-billing-fields > h3,
body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .woocommerce-shipping-fields > h3,
body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .woocommerce-additional-fields > h3 {
	font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-weight: 600;
	font-size: 22px;
	line-height: 1.35;
	background: none;
	margin: 0 0 14px;
	padding: 0;
	border: 0;
	color: #111;
}

@media (min-width: 761px) {
	body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper #order_review_heading,
	body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .woocommerce-billing-fields > h3,
	body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .woocommerce-shipping-fields > h3,
	body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .woocommerce-additional-fields > h3 {
		font-size: 26px;
	}
}

body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper #order_review_heading::after,
body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .woocommerce-billing-fields > h3::after,
body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .woocommerce-shipping-fields > h3::after,
body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .woocommerce-additional-fields > h3::after {
	content: "";
	display: block;
	width: 50px;
	height: 1px;
	background: var(--spilia-wc-accent);
	margin-top: 10px;
}

body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .woocommerce-checkout-review-order-table {
	margin: 0 0 12px;
	font-size: 14px;
	border: 1px solid var(--spilia-wc-border);
	border-radius: var(--spilia-wc-radius);
	overflow: hidden;
}

body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .woocommerce-checkout-review-order-table th,
body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .woocommerce-checkout-review-order-table td {
	border-bottom: 1px solid var(--spilia-wc-border);
	vertical-align: middle;
}

body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .woocommerce-checkout-review-order-table thead th {
	background: rgba(248, 248, 248, 1);
	font-weight: 600;
	font-size: 13px;
}

/* 購物明細：Journal／手機參考 — 圖片 | 品名 | 數量（tbody 迴圈cart；小計運費等仍在 tfoot） */
body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .spilia-checkout-review-order--journal {
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
}

body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .spilia-checkout-review-order--journal thead .spilia-journal-review__th {
	background: #eeeeee;
	color: #444;
	font-weight: 600;
	padding: 10px 8px;
	border-bottom: 1px solid var(--spilia-wc-border);
	text-align: left;
	vertical-align: middle;
}

body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .spilia-checkout-review-order--journal thead .spilia-journal-review__th--qty {
	text-align: right;
}

body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .spilia-checkout-review-order--journal tbody .spilia-journal-review__td {
	padding: 12px 8px;
	border-bottom: 1px solid var(--spilia-wc-border);
	vertical-align: top;
	background: #fff;
}

body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .spilia-checkout-review-order--journal tbody .spilia-journal-review__td--img {
	width: 72px;
}

body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .spilia-journal-review__img {
	width: 64px;
	height: 64px;
	max-width: 64px;
	object-fit: cover;
	border-radius: 4px;
	display: block;
	border: 1px solid rgba(226, 226, 226, 1);
	background: #f8f8f8;
}

body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .spilia-journal-review__name {
	font-weight: 600;
	line-height: 1.4;
	color: #111;
}

body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .spilia-journal-review__name a {
	color: #a67c52;
	text-decoration: none;
}

body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .spilia-journal-review__name a:hover {
	color: #e96631;
	text-decoration: underline;
}

body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .spilia-journal-review__meta {
	margin-top: 6px;
	font-size: 13px;
	line-height: 1.45;
	color: #111;
}

body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .spilia-journal-review__meta dl,
body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .spilia-journal-review__meta dt,
body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .spilia-journal-review__meta dd,
body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .spilia-journal-review__meta ul,
body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .spilia-journal-review__meta li {
	margin: 0;
	padding: 0;
	list-style: none;
}

body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .spilia-journal-review__td--qty {
	text-align: right;
	width: 120px;
}

body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .spilia-journal-review__qty-tools {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 8px;
}

body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .spilia-journal-review__qty-tools .qty {
	width: 52px;
	min-height: 36px;
	padding: 4px 6px;
	text-align: center;
	border: 1px solid rgba(226, 226, 226, 1);
	border-radius: 4px;
	font-size: 14px;
	font-weight: 600;
	box-sizing: border-box;
}

body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .spilia-journal-review__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border: none;
	border-radius: 4px;
	box-sizing: border-box;
	text-decoration: none;
	cursor: pointer;
	line-height: 1;
}

body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .spilia-journal-review__btn--update {
	background: #003399;
	color: #fff;
}

body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .spilia-journal-review__btn--update:hover {
	filter: brightness(1.08);
}

body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .spilia-journal-review__btn--update .fa {
	font-size: 15px;
}

body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .spilia-journal-review__btn--remove {
	background: #cc0000;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
}

body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .spilia-journal-review__btn--remove:hover {
	filter: brightness(1.08);
}

body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .spilia-journal-review__qty-readonly {
	display: inline-block;
	min-width: 36px;
	padding: 8px;
	font-weight: 600;
}

body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .spilia-checkout-review-order--journal tfoot th,
body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .spilia-checkout-review-order--journal tfoot td {
	background: #fafafa;
	font-size: 13px;
	color: #111;
	padding: 10px 8px;
	border-bottom: 1px solid var(--spilia-wc-border);
	vertical-align: middle;
}

body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .spilia-checkout-review-order--journal tfoot tr.order-total th,
body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .spilia-checkout-review-order--journal tfoot tr.order-total td {
	background: #f0f0f0;
	font-weight: 700;
	font-size: 15px;
}

body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper #payment {
	margin-top: 16px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
}

@media (min-width: 768px) {
	body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper form.woocommerce-checkout .form-row:not(.create-account):not(.woocommerce-SavedPaymentMethods-saveNew) {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		gap: 0 10px;
		margin-bottom: 8px;
	}

	body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper form.woocommerce-checkout .form-row label:not(.checkbox):not(.woocommerce-form__label-for-checkbox) {
		flex: 0 0 150px;
		max-width: 150px;
		padding-top: 10px;
		padding-bottom: 5px;
		font-size: 14px;
		font-weight: 500;
		margin: 0;
	}

	body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper form.woocommerce-checkout .form-row .woocommerce-input-wrapper {
		flex: 1;
		min-width: 0;
	}

	body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper form.woocommerce-checkout .form-row .description,
	body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper form.woocommerce-checkout .form-row .form-row-wide,
	body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper form.woocommerce-checkout .form-row.notes,
	body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper form.woocommerce-checkout .form-row.create-account {
		flex-basis: 100%;
		max-width: 100%;
	}

	body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper form.woocommerce-checkout .form-row label.checkbox {
		flex: 1 1 100%;
		max-width: 100%;
		padding-top: 0;
	}
}

body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .checkout .form-row .required {
	color: var(--spilia-wc-price);
	font-size: 16px;
}

body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .checkout .form-row.woocommerce-invalid input.input-text,
body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper .checkout .form-row.woocommerce-invalid select {
	border-color: var(--spilia-wc-price) !important;
}

body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper #place_order {
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin-top: 20px;
	background: var(--spilia-wc-blue) !important;
	border: 2px solid var(--spilia-wc-blue) !important;
	color: #fff !important;
	font-weight: 600;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	padding: 13px 18px;
	min-height: 48px;
	border-radius: var(--spilia-wc-radius) !important;
	cursor: pointer;
	box-shadow: none;
}

body.spilia-route-checkout-checkout .spilia-quick-checkout-wrapper #place_order:hover {
	filter: brightness(1.06);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* 訂單完成頁等維持既有 .spilia-wc-checkout-body 規則，不依賴雙欄 */
body.spilia-wc-checkout-body:not(.spilia-route-checkout-checkout) .spilia-wc-shell--checkout #content.col-sm-12 {
	padding: 10px 15px 88px;
}

/* =============================================================================
   商店／分類商品卡「快速選購」：專用 .spilia-archive-quick-buy（蓋 Journal critical、.spilia-wc-shell a.button）
   ============================================================================= */
html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive ul.products li.product a.spilia-archive-quick-buy,
html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive ul.products li.product a.spilia-archive-quick-buy.button,
html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive ul.products li.product a.spilia-archive-quick-buy.button.alt {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 100% !important;
	min-height: 20px !important;
	min-width: 20px !important;
	margin: 0 !important;
	padding: 10px 6px !important;
	font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	line-height: 1.35 !important;
	letter-spacing: normal !important;
	text-align: center !important;
	text-decoration: none !important;
	text-transform: none !important;
	color: #fff !important;
	background-color: rgb(185, 136, 119) !important;
	background-image: none !important;
	border: 1px solid rgb(185, 136, 119) !important;
	border-radius: 3px !important;
	box-shadow: none !important;
	cursor: pointer !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	vertical-align: middle !important;
}

html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive ul.products li.product a.spilia-archive-quick-buy:visited {
	color: #fff !important;
	background-color: rgb(185, 136, 119) !important;
	border-color: rgb(185, 136, 119) !important;
}

html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive ul.products li.product a.spilia-archive-quick-buy:hover,
html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive ul.products li.product a.spilia-archive-quick-buy:focus,
html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive ul.products li.product a.spilia-archive-quick-buy:focus-visible {
	color: #fff !important;
	background-color: rgb(46, 46, 46) !important;
	border-color: rgb(46, 46, 46) !important;
	outline: none !important;
}

html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive ul.products li.product a.spilia-archive-quick-buy .btn-text {
	display: inline !important;
	margin: 0 !important;
	padding: 0 !important;
	font: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
	color: inherit !important;
	text-transform: inherit !important;
	letter-spacing: inherit !important;
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* 最終覆寫：分類頁快速選購按鈕尺寸以首頁商品卡為準，避免被共用 .button 規則鎖死 */
html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive .main-products.product-grid ul.products li.product .extra-group .btn.btn,
html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive .main-products.product-grid ul.products li.product a.spilia-archive-quick-buy.button {
	width: 100% !important;
	max-width: 100% !important;
	flex: 1 1 auto !important;
	min-width: 20px !important;
	min-height: 34px !important;
	height: auto !important;
	max-height: none !important;
	padding: 6px 12px !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	line-height: 1.35 !important;
	border-radius: 3px !important;
}

html.route-product-category body.spilia-wc-archive-body .spilia-wc-shell--archive .main-products.product-grid ul.products li.product .extra-group > div {
	padding: 0 !important;
}
