/*
	冻结样式：pouch_single 的 Hero 区块（图片滚动条 + 简介 + 页内导航）。
	来源：echomachinery.com/en/pouch/stand-up-pouch/
	data-astro-cid-* 属性是 Astro 作用域选择器，保留。
*/

/* 标题包裹层：面包屑（detail-breadcrumbs widget）已经带了 .ph 的下边框，
   这里只补一点顶部间距，不需要重复整块 .ph 的 padding/border。*/
.ph-title-block[data-astro-cid-wu5dj4rx] {
	padding-top: var(--space-6);
}

.bag-style-scroll[data-astro-cid-y2xpwfc7] {
	margin-top: 16px;
}

.bag-scroll-inner[data-astro-cid-y2xpwfc7] {
	display: flex;
	flex-wrap: nowrap;
	gap: var(--space-5);
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	-ms-overflow-style: none;
	padding: var(--space-3) var(--space-5) var(--space-3);
	width: 100%;
	user-select: none;
}

.bag-scroll-inner[data-astro-cid-y2xpwfc7]::-webkit-scrollbar {
	display: none;
}

.bag-scroll-inner[data-astro-cid-y2xpwfc7] img {
	height: 200px;
	width: auto;
	border-radius: 8px;
	flex-shrink: 0;
	object-fit: cover;
}

@media (max-width: 768px) {
	.bag-scroll-inner[data-astro-cid-y2xpwfc7] img {
		height: 140px;
	}
}

/* 页内导航（page-nav 由 pouch-hero.php 输出，样式同 machine-hero.css 的对应段） */
.page-nav {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	margin-bottom: var(--space-5);
	padding-bottom: var(--space-5);
	border-bottom: 1px solid var(--border-light);
}
.page-nav a {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding: 6px 14px;
	background: var(--surface-alt);
	border-radius: var(--radius-sm);
	transition: all var(--dur);
	color: var(--text);
}
.page-nav a:hover {
	background: var(--brand);
	color: #fff;
}