/* Jewebest 响应式 hero 轮播图 — 自动适配 PC 与手机端 */

/* 隐藏默认页面标题横幅（仅商店/首页） */
.woocommerce-shop .hero-section {
	display: none !important;
}

/* 轮播图 + 介绍区整体宽度复制 .ct-container 约束，与下方产品列表完全一致 */
.jewebest-hero-wrap {
	width: 100%;
	max-width: var(--theme-normal-container-max-width, 1200px);
	box-sizing: border-box;
	margin: 0 auto;
}

.jewebest-hero {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	aspect-ratio: 4 / 3;            /* 手机：较高的横幅 */
	overflow: hidden;
	background: #e9e3d6;
	margin: 0 0 28px;               /* 与下方介绍区间距 */
}

@media (min-width: 768px) {
	.jewebest-hero { aspect-ratio: 16 / 7; }
}

@media (min-width: 1200px) {
	.jewebest-hero { aspect-ratio: 21 / 9; }
}

.jh-track {
	position: absolute;
	inset: 0;
}

.jh-slide {
	position: absolute;
	inset: 0;
	opacity: 0;
	transition: opacity 0.9s ease;
	z-index: 1;
}

.jh-slide.is-active {
	opacity: 1;
	z-index: 2;
}

.jh-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* 左右箭头 */
.jh-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 44px;
	height: 44px;
	border: none;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.75);
	color: #3a4a2f;
	font-size: 26px;
	line-height: 1;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 5;
	opacity: 0;
	transition: background 0.2s ease, opacity 0.2s ease;
}

.jewebest-hero:hover .jh-arrow {
	opacity: 1;
}

.jh-prev { left: 16px; }
.jh-next { right: 16px; }

.jh-arrow:hover {
	background: #fff;
}

@media (max-width: 767px) {
	.jh-arrow {
		width: 36px;
		height: 36px;
		font-size: 22px;
		opacity: 1;          /* 手机端常显，方便触摸操作 */
	}
	.jh-prev { left: 8px; }
	.jh-next { right: 8px; }
}

/* 底部圆点指示器 */
.jh-dots {
	position: absolute;
	bottom: 14px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 8px;
	z-index: 5;
}

.jh-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: none;
	background: rgba(255, 255, 255, 0.55);
	cursor: pointer;
	padding: 0;
	transition: background 0.2s ease, transform 0.2s ease;
}

.jh-dot.is-active {
	background: #fff;
	transform: scale(1.25);
}

/* 轮播图下方：藤编文化介绍区（与产品列表同宽） */
.jewebest-culture {
	box-sizing: border-box;
	background: #fbf3df;
	border: 1px solid #e6dcc4;
	border-radius: 12px;
	padding: 30px 34px;
	margin: 0 0 40px;               /* 与下方产品列表间距 */
	overflow-wrap: break-word;
	word-break: break-word;
}

.jewebest-culture .jc-title {
	margin: 0 0 14px;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 24px;
	font-weight: 700;
	color: #3a4a2f;
	letter-spacing: 0.2px;
	overflow-wrap: break-word;
}

.jewebest-culture .jc-body {
	margin: 0 0 14px;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 16px;
	line-height: 1.8;
	color: #4a4334;
	overflow-wrap: break-word;
}

.jewebest-culture .jc-body:last-child {
	margin-bottom: 0;
}

@media (max-width: 767px) {
	.jewebest-culture {
		padding: 22px 20px;
		border-radius: 10px;
	}
	.jewebest-culture .jc-title {
		font-size: 20px;
	}
	.jewebest-culture .jc-body {
		font-size: 15px;
		line-height: 1.7;
	}
}