/*
Theme Name:   My Store Child（复刻 LKCJ / theluckylk.com 风格）
Theme URI:    https://woocommerce.com/products/storefront/
Description:  基于 Storefront 的战术潮玩电商子主题 —— 复刻 theluckylk.com 的暗黑+橙色视觉体系与首页分区结构。
Author:       Local Dev
Template:     storefront
Version:      2.1.0
License:      GNU General Public License v2 or later
Text Domain:  my-store-child
*/

/* =========================================================
   0. 设计令牌（LKCJ 风格）
   ========================================================= */
:root {
	--msc-dark: #111417;          /* 炭黑底 */
	--msc-dark-2: #1a1e23;        /* 次级黑 */
	--msc-orange: #ff6a00;        /* 强调橙 */
	--msc-orange-dark: #e05e00;
	--msc-sale: #c02b0c;          /* 促销红 */
	--msc-bg: #ffffff;
	--msc-bg-alt: #f6f6f6;
	--msc-text: #1a1a1a;
	--msc-muted: #6b6b6b;
	--msc-radius: 4px;            /* 利落小圆角 */
	--msc-font-head: 'Barlow Condensed', 'Oswald', 'Arial Narrow', 'Microsoft YaHei', sans-serif;
}

body {
	background: var(--msc-bg);
	color: var(--msc-text);
}

/* 全站容器宽度对齐原站 ozymp.com（1600px） */
.col-full {
	max-width: 1600px !important;
}
/* 首页内容区占满容器（Storefront 默认只有 ~73% 宽） */
.home .content-area {
	float: none;
	width: 100%;
	max-width: 100%;
}

/* 防止 100vw 通栏引起横向滚动 */
body {
	overflow-x: hidden;
}

/* 标题签名样式：粗黑体 + 斜体强调词 */
.msc-title {
	font-family: var(--msc-font-head);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}
.msc-acc {
	font-style: italic;
	color: var(--msc-orange);
}

/* =========================================================
   1. 顶栏 / 导航（暗黑）
   ========================================================= */
.storefront-primary-navigation,
.main-navigation ul.menu > li > a {
	background: var(--msc-dark) !important;
}
/* 导航链接：白色 + 大字号（覆盖 Storefront 默认灰色） */
.main-navigation ul.menu > li > a,
.main-navigation ul li a,
.main-navigation ul.menu li.menu-item a {
	color: #ffffff !important;
	font-size: 16px;
	font-weight: 600;
	padding: 14px 18px;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	opacity: 1 !important;
}
.main-navigation ul.menu > li > a:hover,
.main-navigation ul li a:hover,
.main-navigation ul.menu > li.current-menu-item > a,
.main-navigation ul.menu > li.current_page_item > a {
	color: var(--msc-orange) !important;
}

/* --- 下拉子菜单（深色面板） --- */
.main-navigation ul ul,
.main-navigation ul.menu ul {
	background: var(--msc-dark) !important;
	border-top: 2px solid var(--msc-orange);
	min-width: 210px;
}
.main-navigation ul ul li a,
.main-navigation ul.menu ul li a {
	color: #e8e8e8 !important;
	font-size: 14px;
	font-weight: 500;
	text-transform: none;
	padding: 11px 18px !important;
}
.main-navigation ul ul li a:hover,
.main-navigation ul.menu ul li a:hover {
	color: var(--msc-orange) !important;
	background: var(--msc-dark-2) !important;
}

/* --- HOT 徽章（挂在 EDC GEAR 菜单项，class=msc-hot） --- */
.main-navigation .msc-hot > a::before {
	content: 'HOT';
	display: inline-block;
	background: #00e07a;
	color: #08130d;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 1px;
	border-radius: 999px;
	padding: 2px 8px;
	margin-right: 8px;
	vertical-align: 2px;
}

/* --- 购物车药丸（右上角 ¥0.00 样式） --- */
.site-header-cart .cart-contents {
	border: 1px solid #5a5f66;
	border-radius: 999px;
	padding: 6px 16px !important;
	background: transparent;
}
.site-header-cart .cart-contents::after {
	color: #fff;
}
.site-header-cart .cart-contents:hover {
	border-color: var(--msc-orange);
}
.main-navigation ul.menu > li > a {
	text-transform: uppercase;
	letter-spacing: 0.6px;
}
.site-header {
	background: var(--msc-dark);
}
.site-header .site-title a {
	color: #fff !important;
}
.site-search input[type="search"] {
	border-radius: 0;
	border: 1px solid #333;
	background: var(--msc-dark-2);
	color: #fff;
}
.site-header-cart .cart-contents {
	color: #fff !important;
}

/* =========================================================
   2. 首页分区（front-page.php）
   ========================================================= */
/* 首页 Hero 是全屏通栏，去掉 Storefront 页头自带的下边距，
   否则导航和视频 Hero 之间会多出一条 ~68px 的白空白。
   注意：Storefront 原规则是 .home.page:not(...) 高优先级选择器，
   必须用同样（或更高）的选择器并靠子主题后加载来覆盖。 */
.home .site-header,
.home.page:not(.page-template-template-homepage) .site-header,
.no-wc-breadcrumb.page-template-template-homepage .site-header {
	margin-bottom: 0;
}
.msc-fullbleed {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	max-width: 100vw;
}

/* --- Hero（视频背景版） --- */
.msc-hero {
	position: relative;
	overflow: hidden;
	background: var(--msc-dark);
	color: #fff;
	padding: 110px max(24px, calc(50vw - 800px)) 120px;
}
.msc-hero-video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
	opacity: 0.5;
}
.msc-hero-inner {
	position: relative;
	z-index: 1;
}
.msc-hero-kicker {
	color: var(--msc-orange);
	letter-spacing: 3px;
	font-size: 13px;
	text-transform: uppercase;
	margin-bottom: 14px;
}
.msc-hero h1 {
	font-family: var(--msc-font-head);
	font-size: clamp(38px, 6vw, 72px);
	line-height: 1.05;
	margin: 0 0 18px;
	text-transform: uppercase;
}
.msc-hero p {
	color: #c9cdd2;
	max-width: 560px;
	font-size: 17px;
	margin: 0 0 30px;
}
.msc-btn {
	display: inline-block;
	background: var(--msc-orange);
	color: #fff !important;
	padding: 14px 34px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-radius: var(--msc-radius);
	text-decoration: none;
	transition: background 0.2s;
}
.msc-btn:hover { background: var(--msc-orange-dark); }
.msc-btn--ghost {
	background: transparent;
	border: 2px solid #fff;
}
.msc-btn--ghost:hover { border-color: var(--msc-orange); color: var(--msc-orange) !important; }

/* --- 通用分区头 --- */
/* 内容区宽度对齐原站 ozymp.com（--page-width: 1600px）：分区通栏、内容锁 1600px 居中 */
.msc-section {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	padding: 70px max(24px, calc(50vw - 800px));
}
.msc-section--dark { background: var(--msc-dark); color: #fff; }
.msc-section--alt { background: var(--msc-bg-alt); }
.msc-section-head { text-align: center; margin-bottom: 40px; }
.msc-section-head h2 {
	font-family: var(--msc-font-head);
	font-size: clamp(26px, 3.4vw, 40px);
	text-transform: uppercase;
	margin: 0 0 8px;
}
.msc-section-head .msc-sub {
	color: var(--msc-muted);
	font-size: 15px;
}
.msc-section--dark .msc-section-head .msc-sub { color: #9aa0a6; }

/* --- 产品网格容器 --- */
.msc-grid-wrap ul.products {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr);
	gap: 48px 12px; /* 原站 Dawn 主题：紧凑水平间距 */
	margin: 0;
}
/* 关键修复：WooCommerce/Storefront 的 clearfix 伪元素（::before/::after）
   在 display:grid 下会变成网格项，被拉伸成一个空白格占掉第一格。
   必须禁用，否则网格第一格永远是空白卡。 */
.msc-grid-wrap ul.products::before,
.msc-grid-wrap ul.products::after {
	content: none !important;
	display: none !important;
}
.msc-grid-wrap ul.products li.product {
	width: 100% !important;
	float: none !important;
	margin: 0 !important;
}

/* --- 联名/宣传 Banner --- */
.msc-banner {
	position: relative;
	background:
		linear-gradient(100deg, rgba(17,20,23,0.95) 10%, rgba(224,94,0,0.55) 120%),
		repeating-linear-gradient(45deg, #15181c 0 18px, #121519 18px 36px);
	color: #fff;
	padding: 90px max(24px, calc(50vw - 800px));
	text-align: center;
}
.msc-banner h2 {
	font-family: var(--msc-font-head);
	font-size: clamp(30px, 4.4vw, 52px);
	text-transform: uppercase;
	margin: 0 0 14px;
}
.msc-banner p { color: #d7dadd; margin: 0 auto 28px; max-width: 640px; }

/* --- 品牌故事（左文右图） --- */
.msc-story {
	display: grid;
	grid-template-columns: 1.1fr 0.9fr;
	gap: 50px;
	align-items: center;
}
.msc-story h2 {
	font-family: var(--msc-font-head);
	font-size: clamp(28px, 3.6vw, 44px);
	text-transform: uppercase;
	margin: 0 0 18px;
}
.msc-story p { color: #3d3d3d; line-height: 1.9; margin: 0 0 14px; }
.msc-story-figure {
	background: linear-gradient(160deg, var(--msc-dark) 0%, #2a2f36 100%);
	border-radius: var(--msc-radius);
	min-height: 320px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-family: var(--msc-font-head);
	font-size: 30px;
	letter-spacing: 4px;
	text-transform: uppercase;
}

/* --- 全大写标语横幅 --- */
.msc-slogan {
	background: var(--msc-orange);
	color: #fff;
	text-align: center;
	padding: 54px max(24px, calc(50vw - 800px));
}
.msc-slogan h2 {
	font-family: var(--msc-font-head);
	font-size: clamp(34px, 5vw, 60px);
	margin: 0;
	letter-spacing: 6px;
}
.msc-slogan p { margin: 8px 0 0; letter-spacing: 2px; opacity: 0.92; }

/* --- 紧迫感标语条 --- */
.msc-urgency {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	justify-content: center;
	margin-top: 34px;
}
.msc-urgency span {
	background: var(--msc-dark);
	color: #ffd9b8;
	padding: 10px 18px;
	border-radius: var(--msc-radius);
	font-size: 14px;
}

/* --- 评价区 --- */
.msc-reviews {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 22px;
}
.msc-review-card {
	background: #fff;
	border: 1px solid #e8e8e8;
	border-radius: var(--msc-radius);
	padding: 26px;
}
.msc-review-card .msc-stars { color: #f5a623; letter-spacing: 2px; }
.msc-review-card blockquote { margin: 12px 0 14px; line-height: 1.8; color: #333; }
.msc-review-card .msc-who { font-weight: 700; font-size: 14px; }
.msc-review-card .msc-verified {
	display: inline-block;
	margin-left: 8px;
	background: #e8f5ec;
	color: #1a7f37;
	font-size: 12px;
	padding: 2px 8px;
	border-radius: 999px;
}
.msc-review-meta {
	text-align: center;
	margin-bottom: 26px;
	font-size: 15px;
	color: var(--msc-muted);
}
.msc-review-meta strong { color: var(--msc-text); font-size: 18px; }

/* --- 博客卡片 --- */
.msc-blog {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 22px;
}
.msc-blog-card {
	background: #fff;
	border: 1px solid #e8e8e8;
	border-radius: var(--msc-radius);
	padding: 24px;
}
.msc-blog-card h3 { margin: 0 0 8px; font-size: 18px; }
.msc-blog-card h3 a { color: var(--msc-text); text-decoration: none; }
.msc-blog-card h3 a:hover { color: var(--msc-orange); }
.msc-blog-meta { font-size: 12px; color: var(--msc-muted); margin-bottom: 10px; }
.msc-blog-meta em { color: var(--msc-orange); font-style: normal; margin: 0 6px; }

/* =========================================================
   3. 商品卡片（LKCJ 大气极简风：无框大图、标题左价格右）
   ========================================================= */
ul.products li.product.my-product-card {
	background: transparent;
	border: none;
	overflow: visible;
	transition: opacity 0.2s ease;
}
ul.products li.product.my-product-card:hover .card-media img {
	transform: scale(1.04);
}

/* --- 图片区：白底大图，占卡片主体 --- */
.my-product-card .card-media {
	display: block;
	position: relative;
	background: #f4f4f4; /* 图片加载中的占位底色，避免白底空白 */
	aspect-ratio: 1 / 1;
	overflow: hidden;
}
.my-product-card .card-media img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
	transition: transform 0.35s ease;
}
.my-product-card .onsale-badge {
	position: absolute;
	top: 12px;
	left: 12px;
	background: var(--msc-sale);
	color: #fff;
	font-size: 12px;
	line-height: 1;
	padding: 6px 10px;
	border-radius: 2px;
	z-index: 2;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/* --- 内容区：无框，留白拉开的左右结构 --- */
.my-product-card .card-body {
	padding: 16px 4px 10px;
	text-align: left;
}
.my-product-card .card-row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
}
.my-product-card .card-title {
	font-size: 16px;
	font-weight: 700;
	margin: 0;
	line-height: 1.45;
	text-transform: none;
	flex: 1 1 auto;
	min-width: 0;
	overflow-wrap: anywhere;
}
.my-product-card .card-title a {
	color: var(--msc-text);
	text-decoration: none;
}
.my-product-card .card-title a:hover { color: var(--msc-orange); }

/* 价格列：From 价 + 划线原价，右对齐 */
.my-product-card .card-price {
	flex: 0 0 auto;
	text-align: right;
	line-height: 1.5;
	font-size: 14px;
	white-space: nowrap;
}
.my-product-card .card-price .woocommerce-Price-amount,
.my-product-card .card-price ins .woocommerce-Price-amount {
	color: var(--msc-sale) !important;
	font-weight: 700;
	text-decoration: none;
}
.my-product-card .card-price ins {
	text-decoration: none;
}
.my-product-card .card-price del {
	color: #9a9a9a !important;
	font-weight: 400;
	display: block;
	text-align: right;
}
.my-product-card .card-price del .woocommerce-Price-amount {
	color: #9a9a9a !important;
}

/* 评分小字 */
.my-product-card .card-rating {
	flex: 0 0 auto;
	font-size: 12px;
	color: #f5a623;
}
.my-product-card .card-rating .star-rating { float: none; font-size: 11px; }

/* 库存提示 */
.my-product-card .card-stock {
	font-size: 12px;
	color: var(--msc-orange);
	margin-top: 6px;
}

/* =========================================================
   4. 详情页 / 结算按钮 + 页脚
   ========================================================= */
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.single_add_to_cart_button {
	background: var(--msc-orange) !important;
	border-radius: var(--msc-radius) !important;
}
.single_add_to_cart_button:hover { background: var(--msc-orange-dark) !important; }

.site-footer {
	background: #0a0b0d !important;
	color: #9aa0a6 !important;
	padding: 0 !important;
}
.site-footer h3, .site-footer .widget-title { color: #fff !important; }
.site-footer a { color: #c9cdd2 !important; }
.site-footer a:hover { color: var(--msc-orange) !important; }

/* --- 页脚（复刻 ozymp.com 原站） --- */
/* 页脚外层的 col-full 限宽会让内容双重收缩，放开后由内层统一控制。
   内边距带滚动条补偿（(100vw-100%)/2），与上方 msc-section 的
   通栏拉伸公式精确对齐（vw 包含滚动条，不加补偿会差约 7px）。 */
.site-footer .col-full {
	max-width: none !important;
	padding: 0;
}
.msc-footer { padding: 56px 0 0; }
.msc-footer-main {
	display: grid;
	grid-template-columns: 1.2fr 1fr 1fr 1fr;
	gap: 40px;
	padding: 0 calc(max(24px, 50vw - 800px) - (100vw - 100%) / 2) 64px;
}
.msc-footer-brand img {
	max-width: 120px;
	height: auto;
	display: block;
}
.msc-footer-heading {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.4px;
	color: #fff;
	margin: 0 0 18px;
}
.msc-footer-col ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.msc-footer-col li { margin: 0 0 12px; }
.msc-footer-col li a {
	font-size: 14px;
	color: #c9cdd2;
	text-decoration: none;
}
.msc-footer-col li a:hover { color: var(--msc-orange); }
.msc-footer-mail {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	color: #c9cdd2;
	text-decoration: none;
	margin-bottom: 18px;
}
.msc-footer-mail:hover { color: var(--msc-orange); }
.msc-footer-social {
	display: flex;
	gap: 12px;
}
.msc-footer-social a {
	width: 30px;
	height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.msc-footer-social svg { width: 24px; height: 24px; border-radius: 6px; }
.msc-footer-social a:hover svg { opacity: 0.8; }
.msc-footer-bottom {
	border-top: 1px solid #23262b;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
	padding: 18px calc(max(24px, 50vw - 800px) - (100vw - 100%) / 2) 22px;
}
.msc-footer-copy { font-size: 13px; color: #9aa0a6; }
.msc-footer-legal {
	display: flex;
	gap: 8px;
	align-items: center;
	font-size: 13px;
}
.msc-footer-legal a { color: #c9cdd2; text-decoration: none; }
.msc-footer-legal a:hover { color: var(--msc-orange); }
.msc-footer-legal a + a::before { content: "|"; color: #4a4f56; margin-right: 8px; }
@media (max-width: 900px) {
	.msc-footer-main { grid-template-columns: 1fr 1fr; }
}

/* =========================================================
   5. 内页正文组件（品牌故事 / FAQ / 售后页）
   ========================================================= */
.msc-article { max-width: 860px; margin: 0 auto; }
.msc-article h2 {
	font-size: 30px;
	font-weight: 700;
	margin: 44px 0 16px;
}
.msc-article h2:first-child { margin-top: 8px; }
.msc-article h3 {
	font-size: 21px;
	font-weight: 700;
	margin: 34px 0 12px;
}
.msc-article p { font-size: 15.5px; line-height: 1.75; color: #3c4045; }
.msc-article .msc-lead { font-size: 17px; color: #222; }
.msc-article blockquote {
	margin: 28px 0;
	padding: 20px 26px;
	border-left: 4px solid var(--msc-orange);
	background: #f7f7f8;
	border-radius: 0 var(--msc-radius) var(--msc-radius) 0;
}
.msc-article blockquote p { display: inline; font-style: italic; color: #222; }
.msc-article blockquote cite {
	display: block;
	margin-top: 12px;
	font-style: normal;
	font-size: 14px;
	font-weight: 700;
	color: var(--msc-orange);
}
/* 数据条 */
.msc-stats {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
	margin: 28px 0;
}
.msc-stat {
	text-align: center;
	padding: 22px 12px;
	background: #f7f7f8;
	border-radius: var(--msc-radius);
}
.msc-stat b {
	display: block;
	font-size: 26px;
	color: var(--msc-orange);
	margin-bottom: 6px;
}
.msc-stat span { font-size: 13px; color: #6a6f75; }
/* 时间线 */
.msc-timeline {
	border-left: 2px solid #e6e7ea;
	margin: 20px 0 8px;
	padding-left: 26px;
}
.msc-timeline-item { position: relative; padding-bottom: 26px; }
.msc-timeline-item::before {
	content: "";
	position: absolute;
	left: -33px;
	top: 4px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: var(--msc-orange);
}
.msc-timeline-item b {
	display: inline-block;
	font-size: 16px;
	color: var(--msc-orange);
	margin-bottom: 4px;
}
.msc-timeline-item p { margin: 0; }
/* 团队 */
.msc-team {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	gap: 14px;
	margin: 20px 0;
}
.msc-team-member {
	padding: 18px 14px;
	background: #f7f7f8;
	border-radius: var(--msc-radius);
	text-align: center;
}
.msc-team-member h4 { margin: 0 0 4px; font-size: 15px; }
.msc-team-member p { margin: 0; font-size: 13px; color: #6a6f75; }
/* FAQ */
.msc-faq {
	padding: 16px 0;
	border-bottom: 1px solid #eceef0;
}
.msc-faq h3 {
	margin: 0 0 8px;
	font-size: 16.5px;
}
.msc-faq h3::before { content: "Q. "; color: var(--msc-orange); font-weight: 700; }
.msc-faq p { margin: 0; }
/* 步骤 */
.msc-steps {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	margin: 22px 0;
}
.msc-step {
	padding: 22px 18px;
	background: #f7f7f8;
	border-radius: var(--msc-radius);
}
.msc-step > b {
	display: inline-block;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #fff;
	background: var(--msc-orange);
	padding: 3px 10px;
	border-radius: 999px;
	margin-bottom: 12px;
}
.msc-step h4 { margin: 0 0 8px; font-size: 16px; }
.msc-step p { margin: 0; font-size: 14px; }
@media (max-width: 900px) {
	.msc-stats { grid-template-columns: repeat(2, 1fr); }
	.msc-steps { grid-template-columns: 1fr; }
}

/* =========================================================
   6. 币种选择器（复刻 Shopify Markets 悬浮控件）
   ========================================================= */
.msc-currency {
	position: fixed;
	left: 18px;
	bottom: 18px;
	z-index: 9999;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	font-family: inherit;
}
.msc-currency-menu {
	display: none;
	flex-direction: column;
	background: #2a2d33;
	border-radius: 12px;
	padding: 8px;
	min-width: 240px;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.45);
}
.msc-currency.open .msc-currency-menu { display: flex; }
.msc-currency-item {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	padding: 11px 14px;
	border: none;
	border-radius: 9px;
	background: transparent;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-align: left;
	cursor: pointer;
	transition: background 0.15s ease;
}
.msc-currency-item:hover { background: #3a3e45; }
.msc-currency-item.msc-currency-auto svg { flex: none; }
.msc-flag {
	flex: none;
	width: 22px;
	height: 15px;
	border-radius: 3px;
	overflow: hidden;
	display: inline-flex;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15);
}
.msc-flag svg { width: 100%; height: 100%; display: block; }
.msc-currency-pill {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	padding: 10px 16px;
	background: #1c1e22;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.4px;
	border: none;
	border-radius: 10px;
	box-shadow: 0 6px 24px rgba(0, 0, 0, 0.4);
	cursor: pointer;
}
.msc-caret {
	width: 8px;
	height: 8px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(45deg) translateY(-2px);
	transition: transform 0.2s ease;
	margin-left: 2px;
}
.msc-currency.open .msc-caret { transform: rotate(225deg) translateY(-1px); }

/* 响应式 */
@media (max-width: 900px) {
	.msc-story { grid-template-columns: 1fr; }
	.msc-grid-wrap ul.products { grid-template-columns: repeat(2, 1fr); }
	.msc-reviews { grid-template-columns: 1fr; }
	.msc-blog { grid-template-columns: 1fr; }
}

/* ⑫ 购物车页推荐商品（cross-sells / New in store）：隐藏图片，只留标题 */
.woocommerce-cart .wc-block-grid__product-image {
	display: none !important;
}
.woocommerce-cart .wc-block-grid__product-image + .wc-block-components-product-name,
.woocommerce-cart .wc-block-grid__product-title {
	margin-top: 0 !important;
}

/* ⑬ 购物车/结算/迷你购物车条目的"描述区"：本站产品描述全是长图组
   （WooCommerce Blocks 在"简介为空"时会回退渲染完整描述），整体隐藏，只留标题与价格 */
.woocommerce-cart .wc-block-components-product-metadata__description,
.woocommerce-checkout .wc-block-components-product-metadata__description,
.wc-block-mini-cart .wc-block-components-product-metadata__description,
.wc-block-components-product-metadata__description img {
	display: none !important;
}