/* =========================================================================
   Tabakoya · 商品目录（列表页 / 筛选 / 商品卡）
   与旧站的区别：
     旧站 —— 顶部一排分类胶囊 + 4 列大卡片 + 卡片自带阴影圆角；
     这里 —— 左侧常驻筛选栏（选项带实时数量）+ 密度更高的网格 +
              无阴影、细边框、等宽数字、口味标签。
   依赖 :root 里的设计令牌（style.css 第 1 节）。
   ========================================================================= */

/* -------------------------------------------------------------------------
   1. 页头
   ---------------------------------------------------------------------- */
.pd-head {
	padding-top: 34px;
	padding-bottom: 26px;
	border-bottom: 1px solid var(--tk-line);
	background: linear-gradient(180deg, var(--tk-paper-2) 0%, transparent 100%);
}

.pd-eyebrow {
	margin: 0 0 10px;
	font-family: var(--tk-mono);
	font-size: 11px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--tk-accent);
}

.pd-h1 {
	margin: 0;
	font-family: var(--tk-serif);
	font-size: clamp(26px, 3.4vw, 40px);
	font-weight: 600;
	line-height: 1.24;
	letter-spacing: 0.01em;
}

.pd-lead {
	max-width: 62ch;
	margin: 12px 0 0;
	font-size: 13.5px;
	line-height: 1.95;
	color: var(--tk-ink-2);
}

/* -------------------------------------------------------------------------
   2. 两栏骨架
   ---------------------------------------------------------------------- */
.pd-layout {
	display: grid;
	grid-template-columns: 216px minmax(0, 1fr);
	gap: 48px;
	padding-top: 30px;
	padding-bottom: 96px;
	align-items: start;
}

/* -------------------------------------------------------------------------
   3. 筛选栏
   ---------------------------------------------------------------------- */
.pd-filters {
	position: sticky;
	top: calc(var(--tk-head-h) + 18px);
	max-height: calc(100vh - var(--tk-head-h) - 40px);
	overflow-y: auto;
	overscroll-behavior: contain;
	padding-right: 4px;
	scrollbar-width: thin;
}

.pd-filters-top {
	display: flex;
	align-items: baseline;
	gap: 10px;
	padding-bottom: 12px;
	border-bottom: 1.5px solid var(--tk-ink);
	margin-bottom: 4px;
}

.pd-filters-title {
	margin: 0;
	font-family: var(--tk-serif);
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.04em;
}

.pd-reset {
	margin-left: auto;
	padding: 0;
	border: 0;
	background: none;
	font-family: var(--tk-sans);
	font-size: 11.5px;
	color: var(--tk-ink-3);
	cursor: pointer;
	border-bottom: 1px solid var(--tk-line);
	transition: color 0.18s var(--tk-ease);
}

.pd-reset:hover {
	color: var(--tk-accent);
	border-bottom-color: var(--tk-accent);
}

.pd-close {
	display: none;
}

/* 分组 */
.pd-fgroup {
	padding: 18px 0 20px;
	border-bottom: 1px solid var(--tk-line-soft);
}

.pd-fgroup--last {
	border-bottom: 0;
}

.pd-fgroup-h {
	margin: 0 0 11px;
	font-family: var(--tk-mono);
	font-size: 10.5px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--tk-ink-3);
}

.pd-opts {
	display: flex;
	flex-direction: column;
	gap: 1px;
}

.pd-opts--chips {
	flex-direction: row;
	flex-wrap: wrap;
	gap: 6px;
}

.pd-opts--list {
	gap: 0;
	max-height: none;
}

/* 选项通用 */
.pd-opt {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	padding: 7px 8px;
	border: 0;
	border-radius: var(--tk-radius);
	background: none;
	font-family: var(--tk-sans);
	font-size: 13px;
	line-height: 1.4;
	color: var(--tk-ink-2);
	text-align: left;
	cursor: pointer;
	transition: background 0.15s var(--tk-ease), color 0.15s var(--tk-ease);
}

.pd-opt:hover:not(:disabled) {
	background: var(--tk-paper-3);
	color: var(--tk-ink);
}

.pd-opt.is-on {
	background: var(--tk-ink);
	color: var(--tk-paper);
}

.pd-opt.is-on .pd-opt-n {
	color: var(--tk-paper-3);
}

.pd-opt.is-dead {
	opacity: 0.34;
	cursor: default;
}

.pd-opt.is-hidden {
	display: none;
}

.pd-opt-n {
	margin-left: auto;
	font-family: var(--tk-mono);
	font-size: 10.5px;
	color: var(--tk-ink-3);
	font-variant-numeric: tabular-nums;
}

.pd-opt-t {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* 胶囊变体（口味 / 强度 / 含量 / 价格） */
.pd-opt--chip {
	width: auto;
	gap: 5px;
	padding: 5px 9px;
	border: 1px solid var(--tk-line);
	font-size: 12px;
	line-height: 1.5;
}

.pd-opt--chip .pd-opt-n {
	margin-left: 0;
	font-size: 10px;
}

.pd-opt--chip.is-on {
	border-color: var(--tk-ink);
}

.pd-opt--chip:hover:not(:disabled):not(.is-on) {
	border-color: var(--tk-ink-3);
	background: transparent;
}

/* 行变体（品牌） */
.pd-opt--row {
	padding: 5px 8px;
	font-size: 12.5px;
}

/* 品牌搜索 */
.pd-search {
	margin: 0 0 9px;
}

.pd-search input {
	width: 100%;
	padding: 6px 8px;
	border: 1px solid var(--tk-line);
	border-radius: var(--tk-radius);
	background: var(--tk-white);
	font-family: var(--tk-sans);
	font-size: 12px;
	color: var(--tk-ink);
}

.pd-search input:focus {
	outline: 0;
	border-color: var(--tk-ink-3);
}

.pd-more {
	margin-top: 8px;
	padding: 0;
	border: 0;
	background: none;
	font-family: var(--tk-sans);
	font-size: 11.5px;
	color: var(--tk-accent);
	cursor: pointer;
	border-bottom: 1px solid currentColor;
}

/* 库存开关 */
.pd-switch {
	display: flex;
	align-items: center;
	gap: 9px;
	cursor: pointer;
	font-size: 13px;
	color: var(--tk-ink-2);
}

.pd-switch input {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

.pd-switch-box {
	position: relative;
	width: 32px;
	height: 18px;
	flex: 0 0 32px;
	border: 1px solid var(--tk-line);
	border-radius: 999px;
	background: var(--tk-paper-3);
	transition: background 0.2s var(--tk-ease);
}

.pd-switch-box::after {
	content: "";
	position: absolute;
	top: 2px;
	left: 2px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: var(--tk-white);
	transition: transform 0.2s var(--tk-ease);
}

.pd-switch input:checked + .pd-switch-box {
	background: var(--tk-ink);
	border-color: var(--tk-ink);
}

.pd-switch input:checked + .pd-switch-box::after {
	transform: translateX(14px);
}

.pd-switch .pd-opt-n {
	margin-left: auto;
}

/* -------------------------------------------------------------------------
   4. 工具条
   ---------------------------------------------------------------------- */
.pd-main {
	position: relative;
	min-width: 0;
}

.pd-bar {
	display: flex;
	align-items: center;
	gap: 16px;
	padding-bottom: 14px;
	margin-bottom: 16px;
	border-bottom: 1px solid var(--tk-line);
	/* 兜底：工具条里的东西绝不该溢出，宁可裁掉也不要顶出屏幕。 */
	max-width: 100%;
	overflow-x: clip;
}

.pd-bar-left,
.pd-bar-right {
	display: flex;
	align-items: center;
	gap: 14px;
}

.pd-bar-right {
	margin-left: auto;
}

.pd-count {
	margin: 0;
	font-size: 12.5px;
	color: var(--tk-ink-3);
}

.pd-count b {
	font-family: var(--tk-mono);
	font-size: 15px;
	font-weight: 500;
	color: var(--tk-ink);
	font-variant-numeric: tabular-nums;
}

.pd-open {
	display: none;
	align-items: center;
	gap: 8px;
	padding: 8px 14px;
	border: 1px solid var(--tk-ink);
	border-radius: var(--tk-radius);
	background: none;
	font-family: var(--tk-sans);
	font-size: 13px;
	color: var(--tk-ink);
	cursor: pointer;
}

.pd-open-ico {
	position: relative;
	width: 13px;
	height: 9px;
	border-top: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
}

.pd-open-ico::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1.5px;
	margin-top: -0.75px;
	background: currentColor;
}

.pd-open-n {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 17px;
	height: 17px;
	padding: 0 4px;
	border-radius: 999px;
	background: var(--tk-accent);
	color: #fff;
	font-family: var(--tk-mono);
	font-size: 10px;
	line-height: 1;
}

/* [hidden] 的 display:none 是浏览器默认样式，会被上面的 display:inline-flex 盖掉，
   导致「0 个已选」的角标仍然显示。这条必须单独写。 */
.pd-open-n[hidden] {
	display: none;
}

.pd-sort {
	display: flex;
	align-items: center;
	gap: 8px;
}

.pd-sort-l {
	font-size: 11.5px;
	color: var(--tk-ink-3);
	white-space: nowrap;
}

.pd-sort select {
	padding: 6px 26px 6px 9px;
	border: 1px solid var(--tk-line);
	border-radius: var(--tk-radius);
	background-color: var(--tk-white);
	background-image: linear-gradient(45deg, transparent 50%, var(--tk-ink-3) 50%),
		linear-gradient(135deg, var(--tk-ink-3) 50%, transparent 50%);
	background-position: calc(100% - 13px) 52%, calc(100% - 8px) 52%;
	background-size: 5px 5px, 5px 5px;
	background-repeat: no-repeat;
	appearance: none;
	font-family: var(--tk-sans);
	font-size: 12.5px;
	color: var(--tk-ink);
	cursor: pointer;
}

/* -------------------------------------------------------------------------
   5. 已选条件
   ---------------------------------------------------------------------- */
.pd-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 18px;
}

.pd-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 8px 4px 10px;
	border: 1px solid var(--tk-ink);
	border-radius: var(--tk-radius);
	background: var(--tk-ink);
	color: var(--tk-paper);
	font-family: var(--tk-sans);
	font-size: 11.5px;
	cursor: pointer;
	transition: opacity 0.15s var(--tk-ease);
}

.pd-chip:hover {
	opacity: 0.78;
}

.pd-chip span {
	font-size: 13px;
	line-height: 1;
	opacity: 0.72;
}

/* -------------------------------------------------------------------------
   6. 商品网格
   ---------------------------------------------------------------------- */
.pd-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 30px 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.pd-card {
	position: relative;
	min-width: 0;
}

.pd-card-a {
	display: flex;
	flex-direction: column;
	height: 100%;
	color: inherit;
	text-decoration: none;
}

/* 图 */
.pd-card-media {
	position: relative;
	display: block;
	aspect-ratio: 4 / 5;
	overflow: hidden;
	border: 1px solid var(--tk-line);
	background: var(--tk-white);
}

.pd-card-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s var(--tk-ease);
}

.pd-card-a:hover .pd-card-media img {
	transform: scale(1.035);
}

.pd-card-noimg {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	font-family: var(--tk-mono);
	font-size: 10px;
	color: var(--tk-ink-3);
}

.pd-card-kind {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 3px 7px;
	background: rgba(21, 24, 28, 0.82);
	color: var(--tk-paper);
	font-family: var(--tk-mono);
	font-size: 9.5px;
	letter-spacing: 0.08em;
	backdrop-filter: blur(2px);
}

.pd-card-sale {
	position: absolute;
	top: 7px;
	right: 7px;
	padding: 2px 6px;
	background: var(--tk-accent);
	color: #fff;
	font-family: var(--tk-mono);
	font-size: 9px;
	letter-spacing: 0.1em;
}

.pd-card-out {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(251, 247, 240, 0.82);
	font-family: var(--tk-serif);
	font-size: 13px;
	letter-spacing: 0.14em;
	color: var(--tk-ink-2);
}

/* 文字区 */
.pd-card-body {
	display: flex;
	flex-direction: column;
	gap: 3px;
	padding-top: 11px;
	/* 撑满卡片剩余高度，好让价格吸底对齐（同行情景：有的卡片多一行口味标签） */
	flex: 1 1 auto;
}

.pd-card-brand {
	font-family: var(--tk-mono);
	font-size: 9.5px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--tk-ink-3);
}

.pd-card-title {
	font-family: var(--tk-serif);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.45;
	color: var(--tk-ink);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.pd-card-a:hover .pd-card-title {
	color: var(--tk-accent);
}

.pd-card-jp {
	font-size: 10.5px;
	line-height: 1.5;
	color: var(--tk-ink-3);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pd-card-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin-top: 5px;
}

.pd-card-tags i {
	padding: 1px 5px;
	border: 1px solid var(--tk-line);
	border-radius: var(--tk-radius);
	font-family: var(--tk-sans);
	font-size: 9.5px;
	font-style: normal;
	line-height: 1.7;
	color: var(--tk-ink-2);
}

.pd-card-price {
	/* auto 吸底：一行内所有价格落在同一条线上；padding 保留与上文的最小间距 */
	margin-top: auto;
	padding-top: 7px;
	display: flex;
	align-items: baseline;
	gap: 7px;
}

.pd-card-price .tk-price,
.pd-card-price .woocommerce-Price-amount {
	font-family: var(--tk-mono);
	font-size: 14px;
	font-weight: 500;
	color: var(--tk-ink);
	font-variant-numeric: tabular-nums;
}

.pd-card-price .tk-price-tilde {
	margin-left: 1px;
	font-size: 11px;
	color: var(--tk-ink-3);
}

.pd-card-price .tk-price-old,
.pd-card-price del {
	font-family: var(--tk-mono);
	font-size: 11px;
	color: var(--tk-ink-3);
}

/* -------------------------------------------------------------------------
   7. 空结果 / 加载更多
   ---------------------------------------------------------------------- */
.pd-empty {
	padding: 72px 0 60px;
	border-top: 1px solid var(--tk-line-soft);
	text-align: center;
}

.pd-empty-t {
	margin: 0 0 6px;
	font-family: var(--tk-serif);
	font-size: 17px;
}

.pd-empty-d {
	margin: 0 0 20px;
	font-size: 13px;
	color: var(--tk-ink-3);
}

.pd-more-wrap {
	padding-top: 40px;
	text-align: center;
}

.pd-loadmore {
	padding: 13px 40px;
	border: 1px solid var(--tk-ink);
	border-radius: var(--tk-radius);
	background: none;
	font-family: var(--tk-sans);
	font-size: 13px;
	letter-spacing: 0.06em;
	color: var(--tk-ink);
	cursor: pointer;
	transition: background 0.18s var(--tk-ease), color 0.18s var(--tk-ease);
}

.pd-loadmore:hover {
	background: var(--tk-ink);
	color: var(--tk-paper);
}

.pd-loadmore-p {
	margin-left: 6px;
	font-family: var(--tk-mono);
	font-size: 10.5px;
	color: var(--tk-ink-3);
}

.pd-loadmore:hover .pd-loadmore-p {
	color: var(--tk-paper-3);
}

.pd-noscript {
	margin-top: 20px;
	font-size: 12px;
	color: var(--tk-ink-3);
}

/* 加载中：内容半透明 + 顶部细进度条 */
.pd-main.is-loading .pd-grid {
	opacity: 0.42;
	transition: opacity 0.15s linear;
}

.pd-main.is-loading::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 34%;
	height: 2px;
	background: var(--tk-accent);
	animation: pd-bar 0.9s ease-in-out infinite;
	z-index: 3;
}

@keyframes pd-bar {
	0% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(300%);
	}
}

/* 移动端遮罩 */
.pd-scrim {
	position: fixed;
	inset: 0;
	background: rgba(21, 24, 28, 0.42);
	z-index: 90;
	opacity: 0;
	animation: pd-fade 0.2s var(--tk-ease) forwards;
}

@keyframes pd-fade {
	to {
		opacity: 1;
	}
}

body.pd-locked {
	overflow: hidden;
}

/* -------------------------------------------------------------------------
   8. 响应式
   ---------------------------------------------------------------------- */
@media (max-width: 1180px) {
	.pd-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.pd-layout {
		gap: 34px;
	}
}

@media (max-width: 960px) {
	.pd-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 26px 16px;
	}

	/* 侧栏改为抽屉 */
	.pd-layout {
		grid-template-columns: minmax(0, 1fr);
		padding-top: 20px;
	}

	.pd-filters {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		width: min(88vw, 340px);
		max-height: none;
		padding: 20px 20px 60px;
		background: var(--tk-paper);
		border-right: 1px solid var(--tk-line);
		z-index: 100;
		overflow-y: auto;
		transform: translateX(-102%);
		transition: transform 0.28s var(--tk-ease);
		box-shadow: none;
	}

	.pd-filters.is-open {
		transform: translateX(0);
	}

	.pd-close {
		display: block;
		margin-left: 4px;
		padding: 0 4px;
		border: 0;
		background: none;
		font-size: 22px;
		line-height: 1;
		color: var(--tk-ink-2);
		cursor: pointer;
	}

	.pd-filters-top {
		position: sticky;
		top: -20px;
		background: var(--tk-paper);
		padding-top: 4px;
		z-index: 2;
	}

	.pd-open {
		display: inline-flex;
	}

	.pd-bar {
		position: sticky;
		top: var(--tk-head-h);
		z-index: 20;
		padding-top: 10px;
		background: var(--tk-paper);
	}
}

@media (max-width: 640px) {
	.pd-head {
		padding-top: 24px;
		padding-bottom: 20px;
	}

	.pd-layout {
		padding-bottom: 64px;
	}

	.pd-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 22px 12px;
	}

	/* 手机上一行放不下「絞り込む / 件数 / 並び替え」三样，
	   改成块级堆叠：第一行筛选按钮 + 件数，第二行整行给排序。 */
	.pd-bar {
		display: block;
	}

	.pd-bar-left {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
	}

	.pd-bar-right {
		display: block;
		margin-top: 10px;
	}

	.pd-open {
		padding: 7px 12px;
		font-size: 12px;
		gap: 6px;
		white-space: nowrap;
	}

	.pd-count {
		font-size: 11.5px;
		white-space: nowrap;
	}

	.pd-count b {
		font-size: 13px;
	}

	.pd-sort {
		display: flex;
		align-items: center;
		gap: 8px;
		width: 100%;
	}

	.pd-sort-l {
		display: block;
		flex: 0 0 auto;
	}

	.pd-sort select {
		flex: 1 1 0%;
		width: auto;
		max-width: 100%;
		min-width: 0;
		padding: 7px 24px 7px 9px;
		background-position: calc(100% - 12px) 52%, calc(100% - 7px) 52%;
		font-size: 12px;
	}

	.pd-card-title {
		font-size: 13px;
	}

	.pd-card-jp {
		display: none;
	}

	.pd-card-brand {
		font-size: 9px;
	}

	.pd-card-kind {
		font-size: 9px;
		padding: 2px 5px;
	}

	.pd-card-price .tk-price,
	.pd-card-price .woocommerce-Price-amount {
		font-size: 13px;
	}

	.pd-more-wrap {
		padding-top: 30px;
	}

	.pd-loadmore {
		width: 100%;
	}
}

/* =========================================================================
   9. 商品详情页（pdp-）
   ========================================================================= */
.pdp {
	padding-top: 26px;
	padding-bottom: 72px;
}

.pdp-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
	gap: 60px;
	align-items: start;
	padding-top: 18px;
}

/* ---------- 左：图 ---------- */
.pdp-stage {
	position: relative;
	margin: 0;
	aspect-ratio: 4 / 5;
	overflow: hidden;
	border: 1px solid var(--tk-line);
	background: var(--tk-white);
}

/* 用 contain 而不是 cover：商品图的包装上印着文字，cover 会把盒底切掉一截，
   用户看不到净含量和警示语。留白由 background 补，比切掉包装好看。 */
.pdp-stage img {
	display: block;
	width: 100%;
	height: 100%;
	padding: 8px;
	object-fit: contain;
}

.pdp-noimg {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	font-family: var(--tk-mono);
	font-size: 11px;
	color: var(--tk-ink-3);
}

.pdp-out {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(251, 247, 240, 0.86);
	font-family: var(--tk-serif);
	font-size: 15px;
	letter-spacing: 0.16em;
	color: var(--tk-ink-2);
}

.pdp-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	margin: 14px 0 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid var(--tk-line-soft);
}

.pdp-badges li {
	position: relative;
	padding: 9px 14px 0 0;
	margin-right: 14px;
	font-size: 11px;
	color: var(--tk-ink-2);
}

.pdp-badges li + li::before {
	content: "";
	position: absolute;
	left: -14px;
	top: 12px;
	width: 1px;
	height: 11px;
	background: var(--tk-line);
}

.pdp-badges .is-ok {
	color: var(--tk-ok);
}

.pdp-badges .is-no {
	color: var(--tk-warn);
}

/* ---------- 右：购买单 ---------- */
.pdp-buy {
	padding-top: 2px;
}

.pdp-brand {
	display: inline-block;
	margin-bottom: 12px;
	font-family: var(--tk-mono);
	font-size: 10.5px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--tk-accent);
	text-decoration: none;
	border-bottom: 1px solid currentColor;
}

.pdp-title {
	margin: 0 0 9px;
	font-family: var(--tk-serif);
	font-size: clamp(22px, 2.5vw, 32px);
	font-weight: 600;
	line-height: 1.34;
}

.pdp-jp {
	margin: 0 0 18px;
	font-size: 12px;
	line-height: 1.75;
	color: var(--tk-ink-3);
}

.pdp-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}

.pdp-tag {
	display: inline-block;
	padding: 3px 9px;
	border: 1px solid var(--tk-line);
	border-radius: var(--tk-radius);
	font-size: 11.5px;
	line-height: 1.6;
	color: var(--tk-ink-2);
	text-decoration: none;
	transition: border-color 0.16s var(--tk-ease), color 0.16s var(--tk-ease);
}

a.pdp-tag:hover {
	border-color: var(--tk-ink);
	color: var(--tk-ink);
}

.pdp-tag--kind {
	border-color: var(--tk-ink);
	background: var(--tk-ink);
	color: var(--tk-paper);
}

.pdp-tag--num {
	font-family: var(--tk-mono);
	font-variant-numeric: tabular-nums;
}

.pdp-price {
	display: flex;
	align-items: baseline;
	gap: 10px;
	padding: 16px 0;
	border-top: 1.5px solid var(--tk-ink);
	border-bottom: 1px solid var(--tk-line);
	font-family: var(--tk-mono);
	font-size: 26px;
	font-weight: 500;
	font-variant-numeric: tabular-nums;
	color: var(--tk-ink);
}

.pdp-price .woocommerce-Price-amount,
.pdp-price .tk-price {
	font-family: var(--tk-mono);
	font-size: 26px;
	color: var(--tk-ink);
}

.pdp-price del,
.pdp-price .tk-price-old {
	font-size: 14px;
	font-weight: 400;
	color: var(--tk-ink-3);
}

.pdp-price ins {
	text-decoration: none;
	color: var(--tk-accent);
}

.pdp-tax {
	font-family: var(--tk-sans);
	font-size: 11px;
	font-weight: 400;
	color: var(--tk-ink-3);
	letter-spacing: 0.06em;
}

.pdp-lead {
	margin: 20px 0;
	font-size: 13.5px;
	line-height: 1.95;
	color: var(--tk-ink-2);
}

.pdp-lead p {
	margin: 0 0 8px;
}

/* 没有短描述时用事实清单代替（不编造卖点） */
.pdp-quick {
	margin: 20px 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid var(--tk-line-soft);
}

.pdp-quick li {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	padding: 8px 0;
	border-bottom: 1px dotted var(--tk-line);
	font-size: 12.5px;
}

.pdp-quick span {
	color: var(--tk-ink-3);
	font-family: var(--tk-mono);
	font-size: 10.5px;
	letter-spacing: 0.06em;
	padding-top: 2px;
}

.pdp-quick b {
	font-weight: 500;
	color: var(--tk-ink);
	text-align: right;
}

.pdp-cart {
	margin: 22px 0 26px;
}

.pdp-assure {
	margin: 0;
	padding: 16px 0 0;
	list-style: none;
	border-top: 1px solid var(--tk-line-soft);
}

.pdp-assure li {
	display: flex;
	gap: 12px;
	padding: 5px 0;
	font-size: 12px;
	line-height: 1.7;
	color: var(--tk-ink-2);
}

.pdp-assure span {
	flex: 0 0 34px;
	font-family: var(--tk-mono);
	font-size: 10px;
	letter-spacing: 0.1em;
	color: var(--tk-ink-3);
	padding-top: 3px;
}

.pdp-sku {
	margin: 16px 0 0;
	font-family: var(--tk-mono);
	font-size: 10.5px;
	letter-spacing: 0.08em;
	color: var(--tk-ink-3);
}

/* ---------- 规格栏 + 正文 ----------
   旧版是「左边短表格 / 右边长正文」，正文一长，左边就空出一大块白。
   现在正文在左、规格栏在右并且吸顶跟随，两边都填满。 */
.pdp-body {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	gap: 0 56px;
	align-items: start;
	margin-top: 64px;
	padding-top: 48px;
	border-top: 1.5px solid var(--tk-ink);
}

.pdp-h2 {
	margin: 0 0 20px;
	font-family: var(--tk-serif);
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.04em;
}

/* DOM 顺序是「规格 → 正文」，因为规格信息更重要；
   靠栅格定位互换左右，手机端取消定位就自动恢复「规格在前」的读法。
   不再限制 max-width：轨道本身 799px，再卡 68ch 会在正文和规格栏之间空出 270px。 */
.pdp-desc {
	grid-column: 1;
	grid-row: 1;
	font-size: 14px;
	line-height: 2.05;
	color: var(--tk-ink-2);
}

.pdp-desc p {
	margin: 0 0 16px;
}

/* 首段比正文重一点：它是客户第一眼读到的句子，和后面的段落同字号会糊在一起。 */
.pdp-desc .tk-pdp-lead {
	margin: 0 0 22px;
	font-size: 15px;
	line-height: 1.95;
	color: var(--tk-ink);
}

/* 要点列表：正文里唯一的「扫读」结构，间距要够，不然连着几行看不出是几条。 */
.pdp-desc .tk-pdp-points {
	margin: 0 0 28px;
	padding: 0 0 0 1.15em;
	list-style: disc;
}

.pdp-desc .tk-pdp-points li {
	margin: 0 0 11px;
	padding-left: 0.15em;
	line-height: 1.9;
}

.pdp-desc .tk-pdp-points li::marker {
	color: var(--tk-accent);
}

/* 「规格：焦油 5 mg ／ 尼古丁 0.4 mg」这一行，做成小字眉标 */
.pdp-desc .tk-pdp-summary {
	margin: 0 0 18px;
	font-family: var(--tk-mono);
	font-size: 11.5px;
	letter-spacing: 0.04em;
	color: var(--tk-ink-3);
}

.pdp-desc h3 {
	margin: 32px 0 12px;
	font-family: var(--tk-serif);
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.03em;
	color: var(--tk-ink);
}

/* 表头和单元格样式统一交给 content.css 的 .tk-entry table（和站内政策页同一套），
   这里只限制宽度——两行的小表拉满 800px 会显得很空。 */
.pdp-desc .tk-spec-table {
	max-width: 520px;
	margin: 0 0 24px;
}

.pdp-desc .tk-pdp-note {
	margin: 0;
	padding: 13px 16px;
	background: var(--tk-paper-2);
	border-left: 2px solid var(--tk-accent);
	font-size: 12.5px;
	line-height: 1.9;
	color: var(--tk-ink-2);
}

/* ---------- 右：规格栏 ---------- */
.pdp-spec {
	grid-column: 2;
	grid-row: 1;
	position: sticky;
	top: calc(var(--tk-head-h) + 24px);
}

.pdp-spec .pdp-h2 {
	margin: 0 0 6px;
	font-family: var(--tk-mono);
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.14em;
	color: var(--tk-ink-3);
}

.pdp-facts {
	margin: 0;
	padding: 0;
}

.pdp-fact {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0 12px;
	padding: 11px 0;
	border-bottom: 1px dotted var(--tk-line);
}

.pdp-fact dt {
	flex: 0 0 6.2em;
	font-family: var(--tk-mono);
	font-size: 10px;
	letter-spacing: 0.06em;
	color: var(--tk-ink-3);
}

.pdp-fact dd {
	flex: 1 1 0%;
	min-width: 0;
	margin: 0;
	font-size: 13px;
	line-height: 1.55;
	color: var(--tk-ink);
	overflow-wrap: anywhere;
}

.pdp-fact dd a {
	color: var(--tk-accent);
	text-decoration: none;
	border-bottom: 1px solid currentColor;
}

/* ---------- 商品问答（由旧插件注入，这里统一主题样式） ---------- */
.tk-faq {
	display: block;
	margin: 44px 0 0;
	padding-top: 32px;
	border-top: 1.5px solid var(--tk-ink);
}

.tk-faq-title {
	margin: 0 0 2px;
	font-family: var(--tk-serif);
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.04em;
	color: var(--tk-ink);
}


/* ---------- 同类推荐 ---------- */
.pdp-rel {
	padding: 56px 0 60px;
	border-top: 1px solid var(--tk-line);
}

.pdp-rel--paper {
	background: var(--tk-paper-2);
}

.pdp-rel-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 24px;
}

.pdp-rel-head .pdp-h2 {
	margin: 0;
}

.pdp-rel-more {
	font-size: 12px;
	color: var(--tk-accent);
	text-decoration: none;
	border-bottom: 1px solid currentColor;
	white-space: nowrap;
}

/* ---------- 手机底部固定购买条 ---------- */
.pdp-sticky {
	display: none;
}

@media (max-width: 960px) {
	.pdp-grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 28px;
		padding-top: 8px;
	}

	.pdp-body {
		grid-template-columns: minmax(0, 1fr);
		gap: 40px;
		margin-top: 44px;
		padding-top: 36px;
	}

	/* 单列后恢复 DOM 顺序（规格在前），并取消吸顶 */
	.pdp-spec,
	.pdp-desc {
		grid-column: auto;
		grid-row: auto;
		position: static;
		max-width: none;
	}

	.pdp {
		padding-bottom: 92px;
	}

	.pdp-sticky {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 60;
		display: flex;
		align-items: center;
		gap: 14px;
		padding: 10px 18px calc(10px + env(safe-area-inset-bottom));
		background: rgba(251, 247, 240, 0.97);
		border-top: 1px solid var(--tk-line);
		backdrop-filter: blur(6px);
	}

	.pdp-sticky-p {
		flex: 1 1 auto;
		min-width: 0;
		font-family: var(--tk-mono);
		font-size: 17px;
		font-variant-numeric: tabular-nums;
		color: var(--tk-ink);
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.pdp-sticky-btn {
		flex: 0 0 auto;
		padding: 12px 26px;
		background: var(--tk-ink);
		color: var(--tk-paper);
		font-size: 13px;
		letter-spacing: 0.04em;
		text-decoration: none;
	}

	.pdp-sticky-btn:active {
		background: var(--tk-accent);
	}
}

@media (max-width: 640px) {
	.pdp {
		padding-top: 16px;
	}

	.pdp-stage {
		aspect-ratio: 1 / 1;
	}

	.pdp-badges li {
		font-size: 10.5px;
		padding-right: 10px;
		margin-right: 10px;
	}

	.pdp-badges li + li::before {
		left: -10px;
	}

	.pdp-price,
	.pdp-price .woocommerce-Price-amount,
	.pdp-price .tk-price {
		font-size: 22px;
	}

	.pdp-body {
		margin-top: 34px;
		padding-top: 28px;
	}

	.pdp-rel {
		padding: 40px 0;
	}

	.pdp-rel-head {
		flex-wrap: wrap;
		gap: 8px;
	}
}

/* =========================================================================
   10. 搜索页
   ------------------------------------------------------------------------- */

/* 搜索框：沿用 .tk-search-again 的输入框尺寸，只是换个位置和宽度 */
.pd-head .pd-search {
	margin: 22px 0 0;
	max-width: 520px;
}

/* 0 结果时的三个出口。父级 .pd-empty 是居中的，这里拉回左对齐，
   一排小方块比一堆文字更容易点。 */
.pd-sugg {
	margin-top: 36px;
	padding-top: 30px;
	border-top: 1px solid var(--tk-line-soft);
	text-align: left;
}

.pd-sugg-g + .pd-sugg-g {
	margin-top: 24px;
}

.pd-sugg-h {
	margin: 0 0 10px;
	font-family: var(--tk-mono);
	font-size: 10.5px;
	font-weight: 500;
	letter-spacing: 0.12em;
	color: var(--tk-ink-3);
}

.pd-sugg-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.pd-sugg-list a {
	display: inline-flex;
	align-items: baseline;
	gap: 6px;
	padding: 7px 13px;
	border: 1px solid var(--tk-line);
	background: var(--tk-white);
	color: var(--tk-ink);
	font-size: 12.5px;
	text-decoration: none;
}

.pd-sugg-list a:hover,
.pd-sugg-list a:focus-visible {
	border-color: var(--tk-ink);
}

.pd-sugg-n {
	font-family: var(--tk-mono);
	font-size: 10px;
	color: var(--tk-ink-3);
}

.pd-sugg-list--inline a {
	padding: 5px 11px;
	font-size: 12px;
}

/* 相关页面（帮助・政策・导购） */
.pd-relpages {
	margin-top: 64px;
	padding: 44px 0 64px;
	border-top: 1px solid var(--tk-line);
	background: var(--tk-paper-2);
}

.pd-relpages-h {
	margin: 0 0 18px;
	font-family: var(--tk-serif);
	font-size: 17px;
	font-weight: 600;
	letter-spacing: 0.02em;
}

.pd-relpages-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 0 40px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.pd-relpages-list li {
	padding: 12px 0;
	border-bottom: 1px dotted var(--tk-line);
}

.pd-relpages-list a {
	display: block;
	font-size: 13.5px;
	color: var(--tk-accent);
	text-decoration: none;
}

.pd-relpages-list a:hover {
	border-bottom: 1px solid currentColor;
}

.pd-relpages-list span {
	display: block;
	margin-top: 5px;
	font-size: 12px;
	line-height: 1.8;
	color: var(--tk-ink-3);
}


/* -------------------------------------------------------------------------
   商品页：规格补充 + 问答
   依据：用户真实搜索「8ミリ」「何本入り」「ボックスとソフトの違い」，
   这些答案原来只散落在正文里，现在做成可扫读的规格行 + 折叠问答。
   问答同时输出 FAQPage 结构化数据，所以必须真实可见（Google 要求）。
   ------------------------------------------------------------------------- */
.pdp-extra {
	margin-top: 18px;
}

.pdp-facts--extra {
	border-top: 1px solid var(--tk-line);
}

.pdp-faq {
	margin: 34px 0 6px;
}

.pdp-faq-list {
	margin-top: 14px;
	border-top: 1px solid var(--tk-line);
}

.pdp-faq-item {
	border-bottom: 1px solid var(--tk-line-soft);
}

.pdp-faq-item > summary {
	position: relative;
	padding: 14px 34px 14px 2px;
	font-size: 14.5px;
	font-weight: 600;
	line-height: 1.6;
	color: var(--tk-ink);
	cursor: pointer;
	list-style: none;
}

.pdp-faq-item > summary::-webkit-details-marker {
	display: none;
}

.pdp-faq-item > summary::after {
	content: "+";
	position: absolute;
	right: 6px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 18px;
	font-weight: 400;
	color: var(--tk-ink-3);
	line-height: 1;
}

.pdp-faq-item[open] > summary::after {
	content: "\2212";
}

.pdp-faq-a {
	padding: 0 34px 16px 2px;
}

.pdp-faq-a p {
	margin: 0;
	font-size: 14px;
	line-height: 1.85;
	color: var(--tk-ink-2);
}

@media (max-width: 640px) {
	.pdp-faq-item > summary {
		font-size: 14px;
		padding: 13px 30px 13px 0;
	}
	.pdp-faq-a {
		padding-right: 0;
	}
	.pdp-faq-a p {
		font-size: 13.5px;
	}
}


/* -------------------------------------------------------------------------
   条件から探す：品牌 × ミリ数
   27 个组合直接平铺会很长，改成一行一个品牌、后面跟该品牌可用的ミリ数。
   ------------------------------------------------------------------------- */
.tk-hub-lead {
	margin: -6px 0 14px;
	font-size: 13.5px;
	line-height: 1.7;
	color: var(--tk-ink-3);
}

.tk-hub-bt {
	border-top: 1px solid var(--tk-line);
}

.tk-hub-bt-row {
	display: flex;
	align-items: baseline;
	gap: 12px;
	padding: 11px 0;
	border-bottom: 1px solid var(--tk-line-soft);
}

.tk-hub-bt-b {
	flex: 0 0 auto;
	width: 11.5em;
	font-size: 13px;
	font-weight: 600;
	color: var(--tk-ink);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tk-hub-bt-l {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.tk-hub-bt-a {
	display: inline-flex;
	align-items: baseline;
	gap: 3px;
	padding: 3px 9px;
	border: 1px solid var(--tk-line);
	border-radius: 999px;
	font-size: 12.5px;
	color: var(--tk-ink-2);
	text-decoration: none;
	white-space: nowrap;
}

.tk-hub-bt-a:hover {
	border-color: var(--tk-accent);
	color: var(--tk-accent);
}

.tk-hub-bt-a small {
	font-size: 10px;
	color: var(--tk-ink-3);
}

@media (max-width: 640px) {
	.tk-hub-bt-row {
		flex-direction: column;
		gap: 7px;
		padding: 12px 0;
	}
	.tk-hub-bt-b {
		width: auto;
	}
}

/* ---- 未开售提示（216 号销售开关；恢复销售后本段可留可删） ---- */
.tk-sales-off {
	padding: 14px 16px;
	border: 1px solid #e2e4e7;
	border-radius: 10px;
	background: #f7f8f9;
}

.tk-sales-off-t {
	display: block;
	font-size: 15px;
	font-weight: 600;
	color: #15181c;
}

.tk-sales-off-d {
	display: block;
	margin-top: 4px;
	font-size: 12.5px;
	line-height: 1.6;
	color: #5f666e;
}

.tk-sticky-off {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #aeb3b8 !important;
	color: #fff !important;
	pointer-events: none;
	cursor: default;
}

/* -------------------------------------------------------------------------
   类目页长导语（带内链）与底部导购
   2026-10-26：手卷烟丝类目页开始有约 1,600 字正文，需要独立的排版。
   中文字距一律 ≤0.05em——中文拉开字距会散架，这是拉丁排版的做法。
   ---------------------------------------------------------------------- */
.pd-lead--rich p {
	margin: 0 0 10px;
}
.pd-lead--rich p:last-child {
	margin-bottom: 0;
}
.pd-lead--rich a {
	color: var(--tk-ink);
	text-decoration: underline;
	text-underline-offset: 2px;
	text-decoration-color: var(--tk-line);
}
.pd-lead--rich a:hover {
	text-decoration-color: var(--tk-ink);
}

.tk-cat-guide,
.tk-cat-faq {
	max-width: 760px;
	margin: 0 auto;
	padding: 56px 20px 0;
}
.tk-cat-faq {
	padding-bottom: 72px;
}
.tk-cat-guide h2,
.tk-cat-faq h2 {
	margin: 0 0 20px;
	font-family: var(--tk-serif);
	font-size: clamp(20px, 2.2vw, 26px);
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: 0.01em;
}
.tk-cat-guide h3,
.tk-cat-faq h3 {
	margin: 30px 0 10px;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.5;
	color: var(--tk-ink);
}
.tk-cat-guide p,
.tk-cat-faq p {
	margin: 0 0 12px;
	font-size: 14px;
	line-height: 1.95;
	color: var(--tk-ink-2);
}
.tk-cat-guide ul {
	margin: 0 0 14px;
	padding-left: 18px;
}
.tk-cat-guide li {
	margin: 4px 0;
	font-size: 14px;
	line-height: 1.9;
	color: var(--tk-ink-2);
}
.tk-cat-guide a {
	color: var(--tk-ink);
	text-decoration: underline;
	text-underline-offset: 2px;
	text-decoration-color: var(--tk-line);
}

/* =========================================================================
   对比榜单页（/best/）
   由 mu-plugins/226-tabakoya-rankings.php + themes/tabakoya/ranking.php 使用
   ========================================================================= */

.tk-rank-stamp {
	margin: 18px 0 0;
	font-family: var(--tk-mono);
	font-size: 11.5px;
	line-height: 1.7;
	letter-spacing: 0.02em;
	color: var(--tk-ink-3);
}

.tk-rank-tablewrap {
	max-width: 960px;
	margin: 40px auto 0;
	padding: 0 20px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.tk-rank-table {
	width: 100%;
	min-width: 660px;
	margin: 0;
	border-collapse: collapse;
	font-size: 13.5px;
}

.tk-rank-table thead th {
	padding: 0 14px 10px;
	border-bottom: 1.5px solid var(--tk-ink);
	font-family: var(--tk-mono);
	font-size: 11px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.06em;
	color: var(--tk-ink-3);
	text-align: left;
	white-space: nowrap;
}

.tk-rank-table tbody th,
.tk-rank-table tbody td {
	padding: 14px;
	border-bottom: 1px solid var(--tk-line-soft);
	vertical-align: top;
	line-height: 1.65;
	text-align: left;
}

.tk-rank-table tbody th {
	font-size: 13.5px;
	font-weight: 600;
	color: var(--tk-ink);
	white-space: nowrap;
}

.tk-rank-table tbody td {
	color: var(--tk-ink-2);
}

.tk-rank-table tbody tr:hover {
	background: var(--tk-white);
}

.tk-rank-table a {
	color: var(--tk-ink);
	text-decoration: underline;
	text-underline-offset: 2px;
	text-decoration-color: var(--tk-line);
	transition: text-decoration-color 0.18s var(--tk-ease);
}

.tk-rank-table a:hover {
	text-decoration-color: var(--tk-ink);
}

.tk-rank-note {
	max-width: 960px;
	margin: 12px auto 0;
	padding: 0 20px;
	font-size: 12.5px;
	line-height: 1.8;
	color: var(--tk-ink-3);
}

/* 索引页 */
.tk-rank-index {
	max-width: 960px;
	margin: 40px 0 80px;
	padding: 0;
	list-style: none;
}

.tk-rank-index li {
	border-top: 1px solid var(--tk-line-soft);
}

.tk-rank-index li:last-child {
	border-bottom: 1px solid var(--tk-line-soft);
}

.tk-rank-index__link {
	display: block;
	padding: 22px 0;
	text-decoration: none;
}

.tk-rank-index__t {
	display: block;
	font-family: var(--tk-serif);
	font-size: 17px;
	line-height: 1.45;
	color: var(--tk-ink);
	transition: color 0.18s var(--tk-ease);
}

.tk-rank-index__d {
	display: block;
	margin-top: 7px;
	font-size: 13px;
	line-height: 1.75;
	color: var(--tk-ink-2);
}

.tk-rank-index__link:hover .tk-rank-index__t {
	color: var(--tk-accent);
}

/* 榜单页首屏面包屑单独排一段，避免压在标题上 */
/* 榜单详情页的面包屑：和 pd-head 用同一个容器宽度和内边距，
   否则末级标题会比下面的 H1 缩进去一截。 */
.tk-crumbs--page {
	max-width: var(--tk-wrap);
	margin: 0 auto;
	padding: 26px 28px 0;
}

.tk-rank-rel {
	padding-bottom: 80px;
}

@media (max-width: 640px) {
	.tk-rank-table {
		font-size: 13px;
		min-width: 580px;
	}

	.tk-rank-table thead th,
	.tk-rank-table tbody th,
	.tk-rank-table tbody td {
		padding: 11px 10px;
	}
}

/* =========================================================================
   pSEO 落地页底部：相关链接（批次 17）
   容器与导购区同宽（760px），视觉上算同一段正文。
   ========================================================================= */
.tk-prel {
	max-width: 760px;
	margin: 0 auto;
	padding: 0 20px 72px;
}

.tk-prel .tk-pseo-xlink {
	margin-top: 0;
}

.tk-prel .tk-pseo-xh {
	margin: 0 0 18px;
	font-size: 17px;
}

.tk-prel .tk-pseo-row + .tk-pseo-xh {
	margin-top: 30px;
}

.tk-prel .tk-pseo-label {
	flex: 0 0 108px;
}

@media (max-width: 720px) {
	.tk-prel {
		padding: 0 20px 56px;
	}

	.tk-prel .tk-pseo-row {
		flex-direction: column;
		gap: 8px;
	}

	.tk-prel .tk-pseo-label {
		flex: none;
		margin: 0;
	}
}