/* =============================================================
   ui-enhance.css  —  大胆全新视觉覆盖层 (BOLD redesign)
   - 不改文本、不改结构、不改语义
   - 通过覆盖主题变量 + 重写组件外观实现整体焕新
   - 可整文件 + 一行 <link> 复制到 de/ca/fr/uk 各语言版本
   ============================================================= */

/* ---------- 设计令牌 ---------- */
#product-page-v4 {
	--brand: #0769ed;
	--brand-2: #06b6d4;
	--ink: #0b2440;
	--brand-grad: linear-gradient(135deg, #06b6d4 0%, #0769ed 55%, #1b4ea8 100%);
	--brand-grad-deep: linear-gradient(135deg, #0769ed 0%, #143a6b 100%);
	--surface-tint: #eaf3fd;
	--shadow-card: 0 10px 30px rgba(11, 40, 71, 0.10);
	--shadow-card-hover: 0 22px 50px rgba(7, 105, 237, 0.22);
}
:root {
	--section-seperator-color: #0769ed;
	--reviews-score-active: #0769ed;
	--discount-background: linear-gradient(90deg, #0769ed 0%, #06b6d4 100%);
	--features-background: #ffffff;
	--guarantee-background: #ffffff;
}

html {
	scroll-behavior: smooth;
}
#product-page-v4 ::selection {
	background: #0769ed;
	color: #fff;
}

/* ---------- 标题排版焕新 ---------- */
#product-page-v4 .section-title--heading {
	font-size: 30px;
	line-height: 38px;
	background: var(--brand-grad);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}
@media (min-width: 768px) {
	#product-page-v4 .section-title--heading {
		font-size: 40px;
		line-height: 48px;
	}
}
#product-page-v4 .section-title--subheading {
	color: #5b6b7d;
}
#product-page-v4 .section-title--divider {
	height: 5px;
	width: 72px;
	border-radius: 999px;
	background: var(--brand-grad);
}
#product-page-v4 .hero-text--heading {
	font-size: 34px;
	line-height: 42px;
}
@media (min-width: 768px) {
	#product-page-v4 .hero-text--heading {
		font-size: 46px;
		line-height: 54px;
	}
}
#product-page-v4 .hero-text--heading strong {
	background: var(--brand-grad);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}
#product-page-v4 .featuresList-text--cardHeading {
	color: var(--ink);
}

/* ---------- Hero 背景 + 胶囊评分条 ---------- */
#product-page-v4 .hero {
	background: radial-gradient(900px 420px at 88% -8%, #d8ecff 0%, rgba(216, 236, 255, 0) 60%),
		linear-gradient(180deg, #f3f8ff 0%, #ffffff 70%);
}
#product-page-v4 .hero-score {
	background: #fff;
	border: 1px solid #e6eef7;
	border-radius: 999px;
	padding: 8px 16px;
	box-shadow: var(--shadow-card);
	width: fit-content;
}
#product-page-v4 .hero-socials__wrapper {
	border-radius: 16px;
}

/* ---------- 按钮：胶囊 + 渐变 + 发光 ---------- */
#product-page-v4 .cta {
	border-radius: 999px;
	font-weight: 800;
	letter-spacing: 0.02em;
	box-shadow: 0 10px 24px rgba(7, 105, 237, 0.28);
	transition: transform 200ms ease, box-shadow 250ms ease,
		filter 200ms ease, background-color 300ms ease;
	will-change: transform;
}
#product-page-v4 .cta[theme="dark"],
#product-page-v4 .cta--fat,
#product-page-v4 .hero__cta,
#product-page-v4 .featuresList-card__cta {
	background: var(--brand-grad-deep) !important;
	color: #fff !important;
	border: none !important;
}
#product-page-v4 .cta:hover {
	transform: translateY(-3px);
	filter: brightness(1.07);
	box-shadow: 0 18px 38px rgba(7, 105, 237, 0.42);
}
#product-page-v4 .cta:active {
	transform: translateY(0);
}
#product-page-v4 .cta:focus-visible {
	outline: 3px solid rgba(7, 105, 237, 0.45);
	outline-offset: 3px;
}

/* ---------- 顶部促销条 ---------- */
#product-page-v4 .header-text--offer {
	letter-spacing: 0.06em;
}

/* ---------- 卡片：大圆角 + 分层阴影 + 顶部渐变条 ---------- */
#product-page-v4 .benefits-card,
#product-page-v4 .featuresList-card,
#product-page-v4 .ba-comparison-card,
#product-page-v4 .guarantee-card {
	border-radius: 20px;
	background: #fff;
	border: 1px solid #eef2f7;
	box-shadow: var(--shadow-card);
	transition: transform 250ms ease, box-shadow 250ms ease;
}
#product-page-v4 .benefits-card:hover,
#product-page-v4 .featuresList-card:hover,
#product-page-v4 .ba-comparison-card:hover,
#product-page-v4 .guarantee-card:hover {
	transform: translateY(-6px);
	box-shadow: var(--shadow-card-hover);
}
#product-page-v4 .benefits-card {
	position: relative;
	overflow: hidden;
}
#product-page-v4 .benefits-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 5px;
	background: var(--brand-grad);
}

/* feature-card 图标加渐变圆盘 */
#product-page-v4 .feature-card__icon,
#product-page-v4 .hero-features__icon {
	background: var(--surface-tint);
	border-radius: 50%;
	padding: 12px;
	box-sizing: content-box;
	transition: transform 250ms ease, box-shadow 250ms ease;
}
#product-page-v4 .feature-card:hover .feature-card__icon {
	transform: scale(1.06);
	box-shadow: 0 8px 18px rgba(7, 105, 237, 0.18);
}

/* ---------- 图片统一圆角 + 投影 ---------- */
#product-page-v4 .ba-comparison-card__image,
#product-page-v4 .review-card__images img {
	border-radius: 12px;
}
#product-page-v4 .hero-gallery__image--main img,
#product-page-v4 .hero-gallery__video--main video {
	border-radius: 16px;
}
#product-page-v4 .easySteps__stepContainer {
	border-radius: 18px;
	overflow: hidden;
	box-shadow: var(--shadow-card);
	background: #fff;
	border: 1px solid #eef2f7;
	transition: transform 250ms ease, box-shadow 250ms ease;
}
#product-page-v4 .easySteps__stepContainer:hover {
	transform: translateY(-6px);
	box-shadow: var(--shadow-card-hover);
}
#product-page-v4 .easySteps__stepImage {
	transition: transform 450ms ease;
}
#product-page-v4 .easySteps__stepContainer:hover .easySteps__stepImage {
	transform: scale(1.05);
}
#product-page-v4 .hero-gallery__image--main img {
	transition: transform 450ms ease;
}
#product-page-v4 .hero-gallery__image--main:hover img {
	transform: scale(1.03);
}

/* ---------- 区块背景：浅蓝调 + 深色区渐变 ---------- */
#product-page-v4 .benefits {
	background: linear-gradient(180deg, #eaf3fd 0%, #ffffff 100%) !important;
}
#product-page-v4 .reviews,
#product-page-v4 .ba-comparison {
	background: linear-gradient(180deg, #ffffff 0%, #f3f8ff 100%);
}
#product-page-v4 #featured-in {
	background: linear-gradient(135deg, #0b2440 0%, #153655 55%, #0769ed 120%) !important;
}
#product-page-v4 section:has(#infinite-ribbon) {
	background: linear-gradient(135deg, #0769ed 0%, #143a6b 100%) !important;
}
#product-page-v4 .coupon {
	background: linear-gradient(180deg, #eaf3fd 0%, #ffffff 100%) !important;
}

/* ---------- 评分区 / 进度条 ---------- */
#product-page-v4 .reviews-score {
	background: #fff;
	border: 1px solid #eef2f7;
	border-radius: 20px;
	box-shadow: var(--shadow-card);
	padding: 8px;
}
#product-page-v4 .reviews-score-table__bar.reviews-score-table__bar--full {
	background: var(--brand-grad) !important;
}
#product-page-v4 .reviews-score-button {
	border-radius: 999px;
	transition: transform 200ms ease, box-shadow 250ms ease;
}
#product-page-v4 .reviews-score-button:hover {
	transform: translateY(-2px);
	box-shadow: var(--shadow-card);
}

/* ---------- 评论卡：独立卡面 ---------- */
#product-page-v4 .review-card {
	border-bottom: none !important;
	background: #fff;
	border: 1px solid #eef2f7;
	border-radius: 16px;
	box-shadow: var(--shadow-card);
	margin-bottom: 16px;
	padding: 4px 20px;
	transition: transform 250ms ease, box-shadow 250ms ease;
}
#product-page-v4 .review-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--shadow-card-hover);
}

/* ---------- 优惠券卡 ---------- */
#product-page-v4 .coupon-card {
	border-radius: 24px;
	box-shadow: var(--shadow-card-hover);
}

/* ---------- 图廊缩略图选中态 ---------- */
#product-page-v4 .glide__thumb {
	transition: opacity 200ms ease, box-shadow 200ms ease, transform 200ms ease;
	opacity: 0.65;
	border-radius: 10px;
	cursor: pointer;
}
#product-page-v4 .glide__thumb:hover {
	opacity: 1;
	transform: translateY(-1px);
}
#product-page-v4 .glide__slide--active .glide__thumb,
#product-page-v4 .glide__thumb.glide__slide--active {
	opacity: 1;
	box-shadow: 0 0 0 2px #0769ed;
}

/* ---------- 悬浮 CTA ---------- */
#product-page-v4 .floating-cta {
	box-shadow: 0 -6px 24px rgba(0, 0, 0, 0.22);
}
#product-page-v4 .floating-cta__cta {
	background: var(--brand-grad-deep) !important;
	border-radius: 999px;
	transition: transform 200ms ease, filter 200ms ease, box-shadow 250ms ease;
}
#product-page-v4 .floating-cta__cta:hover {
	transform: translateY(-2px);
	filter: brightness(1.08);
	box-shadow: 0 10px 22px rgba(7, 105, 237, 0.4);
}

/* ---------- 导航 / 链接 ---------- */
#product-page-v4 .header-navigation__links--desktop a,
#product-page-v4 .footer__list a {
	transition: color 200ms ease, opacity 200ms ease;
}
#product-page-v4 .header-navigation__links--desktop a:hover,
#product-page-v4 .footer__list a:hover {
	color: #0769ed;
	opacity: 1;
}
#product-page-v4 .header-navigation__image--bag img {
	transition: transform 200ms ease;
}
#product-page-v4 .header-navigation__image--bag:hover img {
	transform: scale(1.12);
}

/* =============================================================
   版式重构 (LAYOUT) — 让整体排布焕然一新
   ============================================================= */

/* 更宽容器 + 更大留白节奏 */
#product-page-v4 .section-container {
	max-width: 1200px;
}
@media (min-width: 1132px) {
	#product-page-v4 .section-container--max {
		padding: 80px 24px;
	}
	#product-page-v4 .section-container--mid {
		padding: 64px 24px;
	}
}

/* 区块标题改为左对齐 + 侧边渐变竖条（编辑式排版） */
@media (min-width: 768px) {
	#product-page-v4 .section-title {
		text-align: left;
		padding-left: 22px;
		position: relative;
		max-width: 820px;
	}
	#product-page-v4 .section-title--heading,
	#product-page-v4 .section-title--subheading {
		text-align: left;
	}
	#product-page-v4 .section-title::before {
		content: "";
		position: absolute;
		left: 0;
		top: 4px;
		bottom: 18px;
		width: 6px;
		border-radius: 999px;
		background: var(--brand-grad);
	}
	#product-page-v4 .section-title--divider {
		margin-left: 0;
		margin-right: auto;
		width: 96px;
	}
}

/* Features：左右纯文字列 → 卡片化磁贴栅格 */
#product-page-v4 .feature-card {
	background: #fff;
	border: 1px solid #eef2f7;
	border-radius: 16px;
	padding: 16px 18px;
	box-shadow: var(--shadow-card);
	transition: transform 250ms ease, box-shadow 250ms ease;
	margin: 8px 0;
}
#product-page-v4 .feature-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--shadow-card-hover);
}

/* Benefits：居中堆叠 → 左对齐编辑式卡片，图标左置 */
@media (min-width: 768px) {
	#product-page-v4 .benefits-card__wrapper {
		text-align: left;
		padding: 28px 24px;
	}
	#product-page-v4 .benefits-text--cardHeading {
		text-align: left;
		font-size: 19px;
		line-height: 26px;
		margin-top: 14px;
	}
	#product-page-v4 .benefits-text--cardDescription {
		text-align: left;
	}
	#product-page-v4 .benefits-card__icon {
		margin: 0;
		width: 56px;
		height: 56px;
		padding: 12px;
		background: var(--surface-tint);
		border-radius: 14px;
		box-sizing: content-box;
	}
}

/* 媒体 logo 深色带：斜切造型，营造分区层次 */
#product-page-v4 #featured-in {
	clip-path: polygon(0 14%, 100% 0, 100% 86%, 0 100%);
	padding: 26px 0;
	margin: 10px 0;
}

/* 文字跑马灯深色带：斜切（反向） */
#product-page-v4 section:has(#infinite-ribbon) {
	clip-path: polygon(0 0, 100% 14%, 100% 100%, 0 86%);
	padding: 14px 0;
}

/* 3 步教程：等高栅格 + 顶部连接线观感（加大间距） */
@media (min-width: 768px) {
	#product-page-v4 .easySteps__stepsContainer {
		gap: 28px;
	}
}

/* Hero：图文比例重平衡，图廊更突出（仅桌面） */
@media (min-width: 1132px) {
	#product-page-v4 .hero__wrapper {
		gap: 48px;
	}
}

/* 优惠券卡：更强的卡片包裹 + 内边距 */
@media (min-width: 768px) {
	#product-page-v4 .coupon-card {
		padding: 8px;
	}
}

/* ---------- Hero 首屏重构：图廊左 / 文字右 + 垂直居中 ---------- */
@media (min-width: 1132px) {
	/* Hero 上下留白收紧 */
	#product-page-v4 .hero .section-container--mid {
		padding-top: 36px;
		padding-bottom: 36px;
	}
	#product-page-v4 .hero__wrapper {
		grid-template-columns: 600px 1fr;
		grid-column-gap: 56px;
		align-items: start;
		align-content: start;
		grid-auto-rows: min-content;
		row-gap: 0;
	}
	/* 右列内容按 DOM 顺序自然紧排，消除预留空行造成的空隙 */
	#product-page-v4 .hero-score,
	#product-page-v4 .hero-text--heading,
	#product-page-v4 .hero-text--subheading,
	#product-page-v4 .hero-checklist,
	#product-page-v4 .hero-socials,
	#product-page-v4 .hero__cta,
	#product-page-v4 .hero-features {
		grid-row: auto !important;
	}
	/* 图廊移到左列、顶部对齐、固定高度贴合文案（裁切填充，无上下空白） */
	#product-page-v4 .hero-gallery {
		grid-column: 1 / 2 !important;
		grid-row: 1 / 9 !important;
		max-height: none;
		height: 560px;
		align-self: start;
	}
	#product-page-v4 .hero-gallery .glide-main {
		height: 100%;
	}
	#product-page-v4 .hero-gallery__image--main,
	#product-page-v4 .hero-gallery .glide__track,
	#product-page-v4 .hero-gallery .glide__slides {
		height: 100%;
	}
	#product-page-v4 .hero-gallery__image--main img,
	#product-page-v4 .hero-gallery__video--main video {
		height: 100%;
		object-fit: cover;
	}
	/* 所有文字内容移到右列并垂直居中堆叠 */
	#product-page-v4 .hero-score,
	#product-page-v4 .hero-text--heading,
	#product-page-v4 .hero-text--subheading,
	#product-page-v4 .hero-checklist,
	#product-page-v4 .hero-socials,
	#product-page-v4 .hero__cta,
	#product-page-v4 .hero-features {
		grid-column: 2 / 3 !important;
	}
	/* CTA 在右列拉满更醒目 */
	#product-page-v4 .hero__cta {
		width: 100%;
	}
}

/* Hero 装饰光晕 */
#product-page-v4 .hero {
	position: relative;
	overflow: hidden;
}
#product-page-v4 .hero .section-container {
	position: relative;
	z-index: 1;
}
#product-page-v4 .hero::after {
	content: "";
	position: absolute;
	width: 620px;
	height: 620px;
	right: -160px;
	top: -220px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(6, 182, 212, 0.18), rgba(7, 105, 237, 0) 70%);
	pointer-events: none;
	z-index: 0;
}

/* ---------- Benefits：整齐统一的等高卡片栅格 ---------- */
@media (min-width: 768px) {
	#product-page-v4 .benefits__list {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: 1fr;
		gap: 20px;
		align-items: stretch;
	}
}
@media (min-width: 992px) {
	#product-page-v4 .benefits__list {
		grid-template-columns: repeat(4, 1fr);
	}
}
@media (min-width: 768px) {
	#product-page-v4 .benefits-card {
		width: auto !important;
		display: flex;
	}
	/* 卡片内容顶部对齐、等高一致 */
	#product-page-v4 .benefits-card__wrapper {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		height: 100%;
		padding: 28px 24px;
		text-align: left;
	}
	/* 图标统一：顶部圆角色块 */
	#product-page-v4 .benefits-card__icon {
		width: 56px;
		height: 56px;
		padding: 12px;
		margin: 0 0 16px 0;
		background: var(--surface-tint);
		border-radius: 16px;
		box-sizing: content-box;
		flex-shrink: 0;
	}
	#product-page-v4 .benefits-text--cardHeading {
		text-align: left;
		font-size: 19px;
		line-height: 26px;
		margin-bottom: 10px;
	}
	#product-page-v4 .benefits-text--cardDescription {
		text-align: left;
	}
	#product-page-v4 .benefits-text--cardDescription,
	#product-page-v4 .benefits-text--cardDescription p {
		font-size: 14px;
		line-height: 22px;
		color: #5b6b7d;
	}
}

/* ---------- 原 inline-1 / inline-3 规则（已合并，勿再单独引用） ---------- */
.mon-img-48-h {
	height: auto !important;
}
.footer__logoContainerText {
	color: white !important;
}
.featuresList-card__description #benefits {
	display: none;
}
:root {
	--coupon-border-color: #1c2b54;
}