:root{
	--pinggo-shop-gutter:4%;
	--pinggo-shop-gray:#f2f2f2;
	--pinggo-shop-muted:#777;
}
.post-type-archive-product .pinggo-main,
.tax-product_cat .pinggo-main,
.tax-product_tag .pinggo-main{overflow:visible}
.pinggo-shop-hero{
	display:flex;
	align-items:center;
	justify-content:space-between;
	height:76px;
	padding:0 var(--pinggo-shop-gutter);
	border-bottom:1px solid #eee;
}
.pinggo-shop-hero h1{margin:0;font-size:16px;font-weight:600;letter-spacing:.01em}
.pinggo-shop-toolbar{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:24px;
	color:var(--pinggo-shop-muted);
}
.pinggo-shop-filter-toggle{
	margin:0;
	padding:10px 0;
	border:0;
	color:inherit;
	background:transparent;
	font:inherit;
	cursor:pointer;
}
.pinggo-shop-ordering{display:flex;align-items:center;gap:8px;color:#111}
.pinggo-shop-ordering>span{font-size:14px}
.pinggo-shop-ordering .woocommerce-ordering{margin:0}
.pinggo-shop-ordering select{
	-webkit-appearance:none;
	appearance:none;
	max-width:170px;
	padding:10px 30px 10px 8px;
	border:0;
	border-radius:0;
	outline:0!important;
	box-shadow:none!important;
	color:#777;
	background:transparent url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23777' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>") no-repeat right 8px center/16px 16px;
	font:inherit;
	cursor:pointer;
}
.pinggo-shop-layout{
	display:grid;
	grid-template-columns:230px minmax(0,1fr);
	gap:40px;
	padding:42px var(--pinggo-shop-gutter) 110px;
}
.pinggo-shop-filters{min-width:0}
.pinggo-shop-filters__mobile-head{display:none}
.pinggo-shop-filter-group+.pinggo-shop-filter-group{
	margin-top:34px;
	padding-top:30px;
	border-top:1px solid #e7e7e7;
}
.pinggo-shop-filters h2{
	margin:0 0 20px;
	font-size:14px;
	font-weight:600;
	text-transform:uppercase;
}
.pinggo-shop-filters ul{margin:0;padding:0;list-style:none}
.pinggo-shop-filters li+li{margin-top:15px}
.pinggo-shop-filters li a{display:flex;align-items:center;gap:12px;color:#555;font-size:14px}
.pinggo-filter-box{
	display:inline-flex;
	width:14px;
	height:14px;
	flex:0 0 14px;
	border:1px solid #aaa;
	border-radius:2px;
}
.pinggo-shop-filters li a:hover,.pinggo-shop-filters li a.is-current{color:#111}
.pinggo-shop-filters li a.is-current .pinggo-filter-box{
	border-color:#111;
	background:#111;
	box-shadow:inset 0 0 0 3px #fff;
}
.pinggo-shop-filters__all{
	display:inline-block;
	margin-top:25px;
	padding-bottom:2px;
	border-bottom:1px solid #111;
	font-size:13px;
}
.pinggo-shop-results{min-width:0;transition:opacity .18s ease;overflow-anchor:none}
.pinggo-archive-loading .pinggo-shop-results{opacity:.42;pointer-events:none}
.pinggo-shop-results__heading{
	display:flex;
	align-items:flex-end;
	justify-content:flex-end;
	margin:0 0 30px;
}
.pinggo-shop-results__heading h2{margin:0;font-size:30px;font-weight:600;line-height:1.2}
.pinggo-shop-results__heading .woocommerce-result-count{margin:0;color:#888;font-size:12px}
.pinggo-shop-results ul.products{
	display:grid!important;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:52px 20px;
	margin:0!important;
	padding:0!important;
}
.pinggo-shop-results ul.products::before,
.pinggo-shop-results ul.products::after{display:none!important}
.pinggo-shop-results ul.products li.product.pinggo-archive-card{
	float:none!important;
	width:auto!important;
	margin:0!important;
	padding:0!important;
}
.pinggo-archive-card__media{
	position:relative;
	overflow:hidden;
	aspect-ratio:1;
	background:var(--pinggo-shop-gray);
}
.pinggo-archive-card__image{display:block;width:100%;height:100%}
.pinggo-archive-card__media img{
	display:block;
	width:100%!important;
	height:100%!important;
	margin:0!important;
	object-fit:cover;
	background:transparent;
	mix-blend-mode:multiply;
	transition:transform .4s ease;
}
/* 2.9.218（用戶：「hover 會變成另一張圖，這個功能去掉，都改成輕微放大」）：
   原本 hover 淡入相簿第二張圖（hover image／第二商品圖），改成與首頁卡片一致的 1.02 輕微放大。
   容器 .pinggo-archive-card__media 已有 overflow:hidden，放大會裁在框內。 */
.pinggo-archive-card:hover .pinggo-archive-card__media img{transform:scale(1.02)}
.pinggo-archive-card__sale{
	position:absolute;
	top:7px;
	left:7px;
	z-index:2;
	padding:4px 8px;
	color:#fff;
	background:#3366ff;
	font-size:11px;
	font-weight:600;
}
.pinggo-archive-card__quick-add.button{
	position:absolute!important;
	right:auto!important;
	bottom:14px;
	left:50%!important;
	width:auto!important;
	min-width:156px;
	max-width:calc(100% - 48px);
	box-sizing:border-box;
	z-index:3;
	display:block;
	margin:0!important;
	padding:11px 16px!important;
	border:0!important;
	border-radius:999px!important;
	opacity:0;
	color:#111!important;
	background:rgba(255,255,255,.94)!important;
	box-shadow:0 3px 14px rgba(0,0,0,.08);
	font-size:13px!important;
	font-weight:500!important;
	line-height:1.2!important;
	text-align:center;
	transform:translate(-50%,8px);
	transition:opacity .2s ease,transform .2s ease;
}
.pinggo-archive-card:hover .pinggo-archive-card__quick-add,
.pinggo-archive-card:focus-within .pinggo-archive-card__quick-add{opacity:1;transform:translateX(-50%)}
.pinggo-archive-card__content{padding-top:12px}
.pinggo-archive-card__content h3{
	min-height:40px;
	margin:0 0 4px!important;
	font-size:14px!important;
	font-weight:500!important;
	line-height:1.35;
}
.pinggo-archive-card__content h3 a{display:block;color:#111}
.pinggo-archive-card__category,
.pinggo-archive-card__category a{color:#888;font-size:12px;line-height:1.35}
.pinggo-archive-card__price{margin-top:8px;font-size:14px;line-height:1.35}
.pinggo-archive-card__price del{margin-left:5px;font-size:12px}
.pinggo-archive-card__price ins{text-decoration:none}
.pinggo-shop-results .woocommerce-pagination{margin-top:80px}
.pinggo-shop-results .woocommerce-pagination ul{display:flex!important;justify-content:center;gap:8px;border:0!important}
.pinggo-shop-results .woocommerce-pagination li{border:0!important}
.pinggo-shop-results .woocommerce-pagination a,
.pinggo-shop-results .woocommerce-pagination span{
	display:grid!important;
	width:40px;
	height:40px;
	place-items:center;
	padding:0!important;
	border-radius:50%;
	border:1px solid #e2e2e2;
	color:#999!important;
	background:#fff!important;
	transition:border-color .15s,color .15s,background .15s;
}
.pinggo-shop-results .woocommerce-pagination a:hover{border-color:#111!important;color:#111!important}
.pinggo-shop-results .woocommerce-pagination .current{color:#fff!important;background:#111!important;border-color:#111!important}
.pinggo-shop-results .woocommerce-pagination .next,
.pinggo-shop-results .woocommerce-pagination .prev{font-size:16px;color:#111!important}
.pinggo-filters-hidden .pinggo-shop-layout{grid-template-columns:minmax(0,1fr)}
.pinggo-filters-hidden .pinggo-shop-filters{display:none}
.pinggo-filters-hidden .pinggo-shop-results ul.products{grid-template-columns:repeat(5,minmax(0,1fr))}
.pinggo-shop-empty{padding:80px 0 140px;text-align:center}
.pinggo-shop-empty h2{font-size:24px}
.pinggo-shop-empty p{color:#777}
.pinggo-shop-overlay{display:none}

@media(max-width:1024px) and (min-width:768px){
	.pinggo-shop-layout{grid-template-columns:190px minmax(0,1fr);gap:24px}
	.pinggo-shop-results ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}
	.pinggo-filters-hidden .pinggo-shop-results ul.products{grid-template-columns:repeat(4,minmax(0,1fr))}
}

@media(max-width:767px){
	:root{--pinggo-shop-gutter:18px}
	.pinggo-shop-hero{display:block;border-bottom:0}
	.pinggo-shop-hero h1{display:none}
	.pinggo-shop-toolbar{
		justify-content:space-between;
		flex-wrap:wrap;      /* 2.9.219：極窄機種允許換行，不擠壓排序文字 */
		gap:6px 12px;
		height:126px;
		padding-top:45px;
		border-bottom:1px solid #f2f2f2;
	}
	.pinggo-shop-filter-toggle{
		margin:0;
		padding:10px 0;
		font-size:12px;
	}
	.pinggo-shop-ordering{gap:6px;min-width:0;font-size:12px}
	.pinggo-shop-ordering>span{font-size:12px}
	/* 2.9.219（用戶：手機「排序方式」的下拉文字顯示不全）：原本 max-width:105px 把
	   「依最新項目排序」裁掉；改成不設上限、由選項文字決定寬度（appearance:none 的 select
	   會依最寬選項自動 sizing），保留 24px 給箭頭。 */
	.pinggo-shop-ordering select{max-width:none;padding-right:24px;font-size:12px}
	.pinggo-shop-layout{display:block;padding:14px var(--pinggo-shop-gutter) 70px}
	.pinggo-shop-results__heading{display:block;margin-bottom:28px}
	.pinggo-shop-results__heading h2{font-size:30px}
	.pinggo-shop-results__heading .woocommerce-result-count{display:none}
	.pinggo-shop-results ul.products,
	.pinggo-filters-hidden .pinggo-shop-results ul.products{
		grid-template-columns:repeat(2,minmax(0,1fr));
		gap:36px 8px;
	}
	.pinggo-archive-card__content{padding-top:10px}
	.pinggo-archive-card__content h3{min-height:34px;font-size:13px!important;line-height:1.25}
	.pinggo-archive-card__category,.pinggo-archive-card__category a{font-size:11px}
	.pinggo-archive-card__price{margin-top:7px;font-size:13px}
	.pinggo-archive-card__price del{display:inline;font-size:10px}
	.pinggo-archive-card__sale{top:5px;left:5px;padding:3px 6px;font-size:9px}
	.pinggo-archive-card__quick-add.button{display:none}
	.pinggo-shop-filters{
		position:fixed;
		top:0;
		bottom:0;
		left:0;
		z-index:10002;
		display:block!important;
		width:min(330px,88vw);
		padding:28px 24px 50px;
		overflow-y:auto;
		background:#fff;
		transform:translateX(-105%);
		transition:transform .25s ease;
	}
	.pinggo-filters-open{overflow:hidden}
	.pinggo-filters-open .pinggo-shop-filters{transform:none}
	.pinggo-shop-filters__mobile-head{
		display:flex;
		align-items:center;
		justify-content:space-between;
		margin-bottom:42px;
		font-size:22px;
	}
	.pinggo-shop-filters__mobile-head button{padding:5px;border:0;background:none}
	.pinggo-shop-filters__mobile-head svg{width:23px;height:23px}
	.pinggo-shop-filters h2{font-size:13px}
	.pinggo-shop-filter-group+.pinggo-shop-filter-group{margin-top:32px;padding-top:28px}
	.pinggo-shop-filters li+li{margin-top:18px}
	.pinggo-shop-overlay{
		position:fixed;
		inset:0;
		z-index:10001;
		display:none;
		background:rgba(0,0,0,.42);
	}
	.pinggo-filters-open .pinggo-shop-overlay{display:block}
}

@media(prefers-reduced-motion:reduce){
	.pinggo-archive-card__media img,
	.pinggo-archive-card__quick-add,
	.pinggo-shop-filters{transition:none}
}

/* 2.8.30 的「觸控裝置停用 hover 換圖」區塊已於 2.9.218 隨換圖功能一併移除（無換圖就無需停用）。 */