/**
 * MOSAIC 移动端主题（apphtml5）
 *
 * 目标：把 PC 站（appfront）的版式与视觉语言搬到移动端，做成一套自适应实现，
 * 不再维护一套独立的「移动站皮肤」。设计变量与 PC 的 mosaic-ui.css 保持一致：
 *   深色顶栏 / 暖白底 / 白卡片 + 1px 细边 / 深色按钮 + 淡黄字 / 红色价格
 *
 * 引入位置：theme/terry/theme01/widgets/head.php（必须排在 sm.min.css、fec.css 之后）
 * 只在 apphtml5 生效，不修改 appfront 任何文件。
 */

/* =====================================================================
   0. 设计变量
   ===================================================================== */
:root {
	--mk-ink: #1d1d1f;
	--mk-ink-2: #33322f;
	--mk-muted: #6a6a65;
	--mk-muted-2: #8d8d86;
	--mk-line: #e7e5df;
	--mk-line-2: #efeee9;
	--mk-bg: #f4f3ef;
	--mk-card: #ffffff;
	--mk-accent: #fff164;
	--mk-price: #cc0000;
	--mk-dark: #24292f;
	--mk-dark-2: #161b22;
	--mk-radius: 10px;
	--mk-radius-sm: 6px;
	--mk-bar-h: 52px;
	--mk-gap: 12px;
	--mk-shadow: 0 6px 18px rgba(0, 0, 0, .06);
}

/* =====================================================================
   1. 基础重置 + SUI 覆盖
   ===================================================================== */
html {
	-webkit-text-size-adjust: 100%;
}

body {
	position: absolute;
	background: var(--mk-bg);
	color: var(--mk-ink);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
		"Hiragino Sans GB", "Microsoft YaHei", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
}

.page-group,
.page {
	background: var(--mk-bg);
}

/* sm.min.css 在宽屏把 .page-group 限宽 640px 并居中；这里放宽到 768px，
   平板正好落进 4 列商品网格，桌面浏览器里也仍是居中的移动版式 */
.page-group {
	max-width: 768px;
	margin: 0 auto;
}

/* 图片统一：不溢出、不变形 */
img {
	max-width: 100%;
}

a {
	color: var(--mk-ink);
	-webkit-tap-highlight-color: transparent;
}

/* 内容区：顶栏高度与 --mk-bar-h 对齐，底部留给 iOS 安全区 */
.page > .content,
.bar-nav ~ .content {
	top: calc(var(--mk-bar-h) + env(safe-area-inset-top, 0px));
	bottom: 0;
	background: var(--mk-bg);
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}

.content-block {
	margin: 0;
	padding: 0;
	color: var(--mk-ink);
}

/* 表单元素：统一 16px 防止 iOS 聚焦缩放 */
input,
textarea,
select {
	font-size: 16px;
	color: var(--mk-ink);
	-webkit-appearance: none;
	appearance: none;
	border-radius: var(--mk-radius-sm);
}

input[type="search"] {
	-webkit-appearance: none;
}

/* 复选框保留系统外观 */
input[type="checkbox"],
input[type="radio"] {
	-webkit-appearance: checkbox;
	appearance: auto;
	width: 18px;
	height: 18px;
	margin: 0;
}

/* 按钮统一：深色底 + 淡黄字（与 PC hero 按钮一致） */
.button.button-fill,
.button-fill,
input[type="submit"].button {
	background: var(--mk-ink-2);
	border: 1px solid var(--mk-ink-2);
	color: var(--mk-accent);
	font-weight: 700;
	letter-spacing: .2px;
	border-radius: var(--mk-radius-sm);
	box-shadow: none;
}

.button.button-fill:active,
.button-fill:active {
	background: #1d1d1b;
	color: var(--mk-accent);
}

.button.button-light,
.button-light {
	background: #fff;
	border: 1px solid #d8d8d8;
	color: var(--mk-ink);
	border-radius: var(--mk-radius-sm);
	box-shadow: none;
}

/* SUI 默认的蓝色按钮（登录、结算等）统一收口到主色 */
.button-success,
.button-primary,
.blueBtn,
.redBtn {
	background: var(--mk-ink-2) !important;
	border-color: var(--mk-ink-2) !important;
	color: var(--mk-accent) !important;
}

/* 标题 */
h1, h2, h3, h4 {
	color: var(--mk-ink);
	font-weight: 700;
}

/* 通用卡片 */
.mk-card {
	background: var(--mk-card);
	border: 1px solid var(--mk-line);
	border-radius: var(--mk-radius);
	overflow: hidden;
}

.mk-section {
	margin: var(--mk-gap);
}

/* 价格 */
.c_price .price,
.price {
	color: var(--mk-ink);
	font-weight: 700;
}

.special_price,
.c_price .price.sp + .special_price {
	color: var(--mk-price);
	font-weight: 700;
}

.c_price .price.sp {
	color: var(--mk-muted-2);
	font-weight: 400;
	text-decoration: line-through;
}

/* =====================================================================
   2. 顶部栏：菜单 / logo / 搜索 / 购物车
   ===================================================================== */
.bar-nav {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	height: calc(var(--mk-bar-h) + env(safe-area-inset-top, 0px));
	padding: env(safe-area-inset-top, 0px) 0 0;
	background: #fff;
	border-bottom: 1px solid var(--mk-line);
	box-shadow: 0 1px 0 rgba(0, 0, 0, .02);
}

.bar-nav::after {
	display: none;
}

.mk-bar {
	display: flex;
	align-items: center;
	gap: 2px;
	height: var(--mk-bar-h);
	padding: 0 6px 0 4px;
	box-sizing: border-box;
}

/* 图标按钮：44x44 触控区 */
.mk-bar__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 44px;
	height: 44px;
	padding: 0;
	background: none;
	border: 0;
	color: var(--mk-ink);
	text-decoration: none;
	position: relative;
}

.mk-bar__icon svg {
	display: block;
}

/* logo 居中：两侧图标等宽，用绝对定位保证真正居中 */
.mk-bar__logo {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 58%;
	height: var(--mk-bar-h);
}

.mk-bar__logo img {
	display: block;
	height: 26px;
	width: auto;
	max-width: 100%;
	object-fit: contain;
}

.mk-bar__spacer {
	flex: 1 1 auto;
}

/* 购物车角标 */
.mk-bar__badge {
	position: absolute;
	top: 6px;
	right: 4px;
	min-width: 16px;
	height: 16px;
	padding: 0 4px;
	box-sizing: border-box;
	background: var(--mk-price);
	border-radius: 8px;
	color: #fff;
	font-size: 10px;
	line-height: 16px;
	text-align: center;
	font-weight: 700;
}

.mk-bar__badge[data-count="0"],
.mk-bar__badge:empty {
	display: none;
}

/* =====================================================================
   3. 搜索浮层
   ===================================================================== */
.mk-search {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: calc(var(--mk-bar-h) + env(safe-area-inset-top, 0px));
	padding: env(safe-area-inset-top, 0px) 10px 0;
	box-sizing: border-box;
	display: none;
	align-items: center;
	gap: 8px;
	background: #fff;
	border-bottom: 1px solid var(--mk-line);
	z-index: 1200;
}

.mk-search.is-open {
	display: flex;
}

.mk-search__form {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	gap: 8px;
	height: 36px;
	padding: 0 10px;
	background: #f2f1ec;
	border-radius: 18px;
	box-sizing: border-box;
}

.mk-search__input {
	flex: 1 1 auto;
	width: 100%;
	height: 100%;
	padding: 0;
	background: transparent;
	border: 0;
	font-size: 14px;
	color: var(--mk-ink);
	outline: none;
}

.mk-search__cancel {
	flex: 0 0 auto;
	padding: 0 4px;
	background: none;
	border: 0;
	color: var(--mk-muted);
	font-size: 14px;
}

/* =====================================================================
   4. 抽屉侧栏（沿用 SUI panel）
   ===================================================================== */
/* SUI 的 panel z-index 是 1000，和固定顶栏同级，抽屉打开时顶栏会浮在抽屉上；
   提到 1300 让抽屉整体盖住顶栏（标准移动端抽屉行为） */
.panel {
	/* .page 自带 z-index:2000，抽屉必须更高才能盖住顶栏 */
	z-index: 2100;
	background: #fff;
	color: var(--mk-ink);
}

.panel-overlay {
	z-index: 2090;
	background: rgba(0, 0, 0, .4);
}

.panel.theme-dark {
	background: #fff;
	color: var(--mk-ink);
}

.panel .content-block {
	padding: 0;
}

.panel .searchbar {
	margin: 0;
	padding: 12px 14px;
	background: #fff;
	border-bottom: 1px solid var(--mk-line);
}

.panel .searchbar .search-input {
	position: relative;
	background: #f4f3ef;
	border: 1px solid var(--mk-line);
	border-radius: 18px;
	height: 38px;
	padding: 0 12px 0 34px;
	display: flex;
	align-items: center;
}

.panel .searchbar .search-input label.icon {
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--mk-muted-2);
	font-size: 14px;
}

.panel .searchbar .search-input input {
	width: 100%;
	height: 36px;
	padding: 0;
	border: 0;
	background: transparent;
	font-size: 14px;
	color: var(--mk-ink);
	outline: none;
}

.panel .category_menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.panel .category_menu > ul > li {
	border-bottom: 1px solid var(--mk-line-2);
}

.panel .category_menu .item-content {
	margin: 0;
	padding: 0;
	background: #fff;
}

.panel .category_menu .item-title {
	padding: 13px 16px;
	font-size: 15px;
}

.panel .category_menu .item-title a {
	color: var(--mk-ink);
	text-decoration: none;
}

/* 二级/三级菜单：缩进 */
.panel .category_menu ul ul .item-title {
	padding-left: 30px;
	font-size: 14px;
	color: var(--mk-muted);
}

.panel .category_menu ul ul ul .item-title {
	padding-left: 44px;
	font-size: 13.5px;
}

.panel .category_menu .icon-right {
	display: none;
}

.panel-overlay {
	background: rgba(0, 0, 0, .4);
}

/* =====================================================================
   5. 首页：hero 上传卡片
   ===================================================================== */
.mk-home {
	padding-bottom: 8px;
}

.mk-hero {
	position: relative;
	padding: 28px 16px 30px;
	background:
		radial-gradient(120% 90% at 50% -10%, rgba(255, 255, 255, .12), rgba(255, 255, 255, 0) 62%),
		linear-gradient(180deg, #37404f 0%, #232a35 45%, #161b22 100%);
	overflow: hidden;
}

/* 底板纹理：纯 CSS，不额外请求图片 */
.mk-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image:
		radial-gradient(circle at 50% 50%, rgba(255, 255, 255, .055) 0 4px, rgba(255, 255, 255, 0) 5px),
		repeating-linear-gradient(0deg, rgba(255, 255, 255, .028) 0 1px, rgba(255, 255, 255, 0) 1px 40px),
		repeating-linear-gradient(90deg, rgba(255, 255, 255, .028) 0 1px, rgba(255, 255, 255, 0) 1px 40px);
	background-size: 40px 40px, 40px 40px, 40px 40px;
	pointer-events: none;
}

.mk-hero__card {
	position: relative;
	z-index: 1;
	padding: 24px 18px 20px;
	background: rgba(255, 255, 255, .96);
	border-radius: 14px;
	box-shadow: 0 18px 40px rgba(0, 0, 0, .3);
	text-align: center;
}

.mk-hero__title {
	margin: 0 0 10px;
	font-size: 21px;
	line-height: 1.3;
	font-weight: 800;
	letter-spacing: -.3px;
	color: var(--mk-ink);
}

.mk-hero__sub {
	margin: 0 0 18px;
	font-size: 13px;
	line-height: 1.65;
	color: #5d5d59;
}

.mk-hero a.mk-hero__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	height: 50px;
	background-color: var(--mk-ink-2);
	border-radius: 4px;
	color: var(--mk-accent);
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
	/* fecshop 有 a:link{background:transparent}，用 a. 前缀提特异性 */
}

.mk-hero a.mk-hero__btn:active {
	background-color: #1d1d1b;
	color: var(--mk-accent);
}

.mk-hero__link {
	display: inline-block;
	margin-top: 14px;
	font-size: 12.5px;
	color: var(--mk-muted);
	text-decoration: none;
}

/* =====================================================================
   6. 首页：四项特性
   ===================================================================== */
.mk-feats {
	margin: 12px;
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
}

.mk-feat {
	display: flex;
	gap: 12px;
	padding: 14px 14px;
	background: #fff;
	border: 1px solid var(--mk-line);
	border-radius: var(--mk-radius);
}

.mk-feat__icon {
	flex: 0 0 auto;
	width: 34px;
	height: 34px;
	display: grid;
	place-items: center;
	color: #2c2c2a;
}

.mk-feat__icon svg {
	width: 26px;
	height: 26px;
}

.mk-feat__title {
	margin: 0 0 4px;
	font-size: 14.5px;
	font-weight: 700;
	color: var(--mk-ink);
	line-height: 1.35;
}

.mk-feat__text {
	margin: 0;
	font-size: 12.5px;
	line-height: 1.65;
	color: var(--mk-muted);
}

/* =====================================================================
   7. 商品网格（首页 + 分类 + 搜索共用）
   ===================================================================== */
.mk-products {
	margin: 4px 12px 16px;
}

.mk-products__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin: 14px 2px 10px;
}

.mk-products__title {
	margin: 0;
	font-size: 17px;
	font-weight: 800;
	letter-spacing: -.2px;
	color: var(--mk-ink);
}

.mk-products__count {
	font-size: 12px;
	color: var(--mk-muted-2);
}

.mk-products__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.mk-product {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid var(--mk-line);
	border-radius: var(--mk-radius-sm);
	overflow: hidden;
}

.mk-product__imgwrap {
	display: block;
	padding: 8px;
	background: #fff;
}

.mk-product__imgwrap img {
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 4px;
	background: #f7f6f2;
}

.mk-product__body {
	padding: 0 8px 10px;
	display: flex;
	flex-direction: column;
	gap: 6px;
	flex: 1 1 auto;
}

.mk-product__name {
	font-size: 12.5px;
	line-height: 1.45;
	color: var(--mk-ink);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 36px;
}

.mk-product__name a {
	color: inherit;
	text-decoration: none;
}

.mk-product__price {
	margin-top: auto;
	display: flex;
	align-items: baseline;
	gap: 6px;
	flex-wrap: wrap;
}

/* category/price 组件输出 .c_price > .price(.sp) + .special_price，这里摆平 */
.mk-product__price .c_price {
	display: flex;
	align-items: baseline;
	gap: 6px;
	flex-wrap: wrap;
	width: 100%;
}

.mk-product__price .c_price .clear {
	display: none;
}

.mk-product__price .price {
	font-size: 15px;
	font-weight: 800;
	color: var(--mk-price);
}

.mk-product__price .price.sp {
	font-size: 11.5px;
	font-weight: 400;
	color: var(--mk-muted-2);
	text-decoration: line-through;
}

.mk-product__price .special_price {
	font-size: 15px;
	font-weight: 800;
	color: var(--mk-price);
}

/* 分页 */
.mk-pager {
	display: flex;
	justify-content: center;
	gap: 6px;
	margin: 16px 0 4px;
}

.mk-pager a,
.mk-pager span {
	min-width: 34px;
	height: 34px;
	padding: 0 10px;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border: 1px solid var(--mk-line);
	border-radius: 6px;
	font-size: 13px;
	color: var(--mk-ink);
	text-decoration: none;
}

.mk-pager .is-current {
	background: var(--mk-ink-2);
	border-color: var(--mk-ink-2);
	color: var(--mk-accent);
	font-weight: 700;
}

.mk-empty {
	margin: 30px 16px;
	padding: 30px 16px;
	background: #fff;
	border: 1px dashed var(--mk-line);
	border-radius: var(--mk-radius);
	color: var(--mk-muted);
	text-align: center;
	font-size: 13px;
}

/* =====================================================================
   8. 分类 / 搜索页
   ===================================================================== */
.mk-cat__hero {
	background: #fff;
	border-bottom: 1px solid var(--mk-line);
}

.mk-cat__hero img {
	display: block;
	width: 100%;
	height: auto;
}

.mk-cat__head {
	padding: 14px 14px 12px;
	background: #fff;
}

.mk-cat__title {
	margin: 0 0 6px;
	font-size: 18px;
	font-weight: 800;
	color: var(--mk-ink);
}

.mk-cat__desc {
	font-size: 12.5px;
	line-height: 1.7;
	color: var(--mk-muted);
}

/* 排序 / 筛选条：吸顶 */
.mk-cat__bar {
	position: sticky;
	top: 0;
	z-index: 20;
	display: flex;
	align-items: stretch;
	height: 44px;
	background: #fff;
	border-top: 1px solid var(--mk-line-2);
	border-bottom: 1px solid var(--mk-line);
}

.mk-cat__bar a {
	flex: 1 1 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	font-size: 13.5px;
	font-weight: 600;
	color: var(--mk-ink);
	text-decoration: none;
}

.mk-cat__bar a + a {
	border-left: 1px solid var(--mk-line-2);
}

/* 搜索页只有筛选一颗按钮，占满整条 */
.mk-cat__bar--single a {
	flex: 1 1 100%;
}

/* 商品列表：把 SUI 的 .row/.col-50 改成网格 */
.list-block,
.list-container {
	margin: 0;
}

.list-container {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	padding: 12px;
}

/* productlist 每两个商品包一层 .row，display:contents 让 .col-50 直接成为网格项 */
.list-container > .row {
	display: contents;
}

/* 空结果提示跨满整行 */
.list-container > .mk-empty {
	grid-column: 1 / -1;
	margin: 8px 0;
}

.list-container .product_list {
	float: none;
	width: auto;
	margin: 0;
	padding: 0 0 10px;
	background: #fff;
	border: 1px solid var(--mk-line);
	border-radius: var(--mk-radius-sm);
	overflow: hidden;
	box-sizing: border-box;
}

.list-container .product_list > a {
	display: block;
	padding: 8px;
}

.list-container .product_list img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 4px;
	background: #f7f6f2;
}

.list-container .product_name {
	margin: 0;
	padding: 0 8px;
	font-size: 12.5px;
	line-height: 1.45;
	min-height: 36px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.list-container .product_name a {
	color: var(--mk-ink);
	text-decoration: none;
}

.list-container .product_list > p:last-child {
	margin: 6px 0 0;
	padding: 0 8px;
	font-size: 15px;
	font-weight: 800;
	color: var(--mk-price);
}

.infinite-scroll-preloader {
	margin: 0;
	padding: 14px 0 24px;
}

/* 筛选 / 排序弹层 */
.popup {
	background: #fff;
	border-radius: 14px 14px 0 0;
}

.popup .content-block {
	padding: 6px 16px 20px;
}

.close_popup {
	padding: 8px 0 4px;
	text-align: right;
}

.close_popup a {
	font-size: 22px;
	line-height: 1;
	color: var(--mk-muted);
	text-decoration: none;
}

.filter_attr_info,
.sort_filter {
	font-size: 13.5px;
}

.filter_attr_info a {
	display: inline-block;
	margin: 0 6px 8px 0;
	padding: 6px 12px;
	background: #f4f3ef;
	border: 1px solid var(--mk-line);
	border-radius: 16px;
	color: var(--mk-ink);
	text-decoration: none;
	font-size: 13px;
}

.filter_attr_info a.checked {
	background: var(--mk-ink-2);
	border-color: var(--mk-ink-2);
	color: var(--mk-accent);
}

/* =====================================================================
   9. 商品详情
   ===================================================================== */
.product_page {
	background: transparent;
}

.product_view {
	background: #fff;
	border-bottom: 1px solid var(--mk-line);
}

.media_img {
	position: relative;
	background: #fff;
}

.media_img_content img {
	display: block;
	width: 100%;
	height: auto;
}

.product_info {
	padding: 14px 14px 0;
}

.product_info h1 {
	margin: 0 0 8px;
	font-size: 17px;
	line-height: 1.4;
	font-weight: 700;
	color: var(--mk-ink);
}

.product_info .rbc_cold,
.product_info .item_code {
	font-size: 12.5px;
	color: var(--mk-muted);
	line-height: 1.8;
}

.product_info .review_star {
	display: inline-block;
	width: 66px;
	height: 12px;
	vertical-align: -1px;
}

.price_info {
	margin: 12px 0 4px;
	padding: 12px 0;
	border-top: 1px solid var(--mk-line-2);
	border-bottom: 1px solid var(--mk-line-2);
	font-size: 24px;
	font-weight: 800;
	color: var(--mk-price);
}

.price_info .special_price {
	font-size: 24px;
	color: var(--mk-price);
}

.price_info .price.special_active {
	font-size: 13px;
	color: var(--mk-muted-2);
	font-weight: 400;
	text-decoration: line-through;
}

/* 选项（颜色/尺寸等） */
.product_options .pg {
	margin: 10px 0;
}

.product_options .label {
	margin-bottom: 6px;
	font-size: 13px;
	font-weight: 600;
	color: var(--mk-ink);
}

.product_options .rg ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.product_options .rg li a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	min-height: 36px;
	padding: 4px 12px;
	background: #fff;
	border: 1px solid #d9d7d1;
	border-radius: 6px;
	font-size: 13px;
	color: var(--mk-ink);
	text-decoration: none;
}

.product_options .rg li.current a,
.product_options .rg li a.current {
	border-color: var(--mk-ink-2);
	background: #fffbe0;
	color: var(--mk-ink);
	font-weight: 700;
}

/* 数量 */
.product_qty {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 14px 0;
	font-size: 13.5px;
}

.product_qty .label {
	flex: 0 0 auto;
	color: var(--mk-ink);
}

.product_qty select,
.product_qty .qty {
	height: 36px;
	min-width: 72px;
	padding: 0 10px;
	background: #fff;
	border: 1px solid #d9d7d1;
	border-radius: 6px;
	font-size: 15px;
}

.tier_price_info table {
	width: 100%;
	border-collapse: collapse;
	font-size: 12.5px;
	color: var(--mk-muted);
	margin: 8px 0 4px;
}

.tier_price_info td,
.tier_price_info th {
	padding: 6px 8px;
	border-bottom: 1px solid var(--mk-line-2);
	text-align: left;
}

/* 加购 / 收藏：吸底，避免长图后找不到按钮 */
.addtocart {
	position: sticky;
	bottom: 0;
	z-index: 30;
	display: flex;
	gap: 10px;
	margin: 14px -14px 0;
	padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px));
	background: rgba(255, 255, 255, .96);
	backdrop-filter: blur(8px);
	border-top: 1px solid var(--mk-line);
}

.addtocart > a {
	flex: 1 1 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 46px;
	margin: 0;
	padding: 0;
	border-radius: var(--mk-radius-sm);
	font-size: 14.5px;
	font-weight: 700;
	text-decoration: none;
	box-sizing: border-box;
}

/* 加购 / 收藏：吸底，避免长图后找不到按钮。
   注意：这两个按钮带 .button-fill / .button-success 类，
   上面的主色覆盖用了 !important，这里必须同样加 !important 才能盖回来。 */
.addtocart > a.addProductToCart {
	background: var(--mk-ink-2) !important;
	border: 1px solid var(--mk-ink-2) !important;
	color: var(--mk-accent) !important;
}

.addtocart > a.addProductToCart em,
.addtocart > a.addProductToCart span,
.addtocart > a.addProductToCart i {
	color: inherit !important;
	font-style: normal;
}

.addtocart > a.addProductToFavo {
	flex: 0 0 100px;
	background: #fff !important;
	border: 1px solid #d9d7d1 !important;
	color: var(--mk-ink) !important;
	font-weight: 600;
}

.addtocart > a.addProductToFavo em,
.addtocart > a.addProductToFavo span,
.addtocart > a.addProductToFavo i {
	color: inherit !important;
	font-style: normal;
}

.addtocart > a.addProductToFavo.act {
	border-color: var(--mk-price) !important;
	color: var(--mk-price) !important;
}

/* 描述 / 评论 选项卡 */
.product_description_info {
	margin-top: 10px;
	background: #fff;
	border-top: 1px solid var(--mk-line);
}

.buttons-tab {
	display: flex;
	position: sticky;
	top: 0;
	z-index: 15;
	background: #fff;
	border-bottom: 1px solid var(--mk-line);
}

.buttons-tab .tab-link {
	flex: 1 1 0;
	height: 44px;
	margin: 0;
	padding: 0 6px;
	background: #fff;
	border: 0;
	border-bottom: 2px solid transparent;
	border-radius: 0;
	color: var(--mk-muted);
	font-size: 13.5px;
	line-height: 44px;
	text-align: center;
	box-shadow: none;
}

.buttons-tab .tab-link.active {
	color: var(--mk-ink);
	font-weight: 700;
	border-bottom-color: var(--mk-ink-2);
	background: #fff;
}

.product_description_info .content-block {
	padding: 0 14px 16px;
}

.product_description_info .tab {
	padding-top: 12px;
	font-size: 13.5px;
	line-height: 1.75;
	color: #3d3d3d;
}

.product_description_info table {
	width: 100%;
	border-collapse: collapse;
	font-size: 13px;
	margin: 8px 0;
}

.product_description_info td {
	padding: 7px 6px;
	border-bottom: 1px solid var(--mk-line-2);
	vertical-align: top;
}

.product_description_info td:first-child {
	width: 40%;
	color: var(--mk-muted);
}

.product_description_info .text-description img,
.img-section img {
	display: block;
	width: 100%;
	height: auto;
	margin: 10px 0;
	border-radius: 6px;
}

.buy_also_buy_cer {
	margin-top: 10px;
	background: #fff;
	padding: 4px 0 10px;
}

/* =====================================================================
   10. 购物车
   ===================================================================== */
.mk-cart {
	padding: 0 0 4px;
}

.mk-cart__head {
	padding: 14px;
	background: #fff;
	border-bottom: 1px solid var(--mk-line);
}

.mk-cart__title {
	margin: 0;
	font-size: 18px;
	font-weight: 800;
	color: var(--mk-ink);
}

.cart_info {
	padding: 10px 12px 12px;
}

.mk-cart__selectall {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 4px 2px 10px;
	font-size: 13px;
	color: var(--mk-muted);
}

/* 单个商品 */
.mk-cart__item {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 10px;
	padding: 10px;
	background: #fff;
	border: 1px solid var(--mk-line);
	border-radius: var(--mk-radius);
}

.mk-cart__thumb {
	position: relative;
	flex: 0 0 84px;
	width: 84px;
	padding-top: 22px;
}

.mk-cart__thumb .cart_select_item {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.mk-cart__thumb .product-image {
	display: block;
}

.mk-cart__thumb img {
	display: block;
	width: 84px;
	height: 84px;
	object-fit: cover;
	border-radius: 6px;
	background: #f7f6f2;
}

.mk-cart__info {
	flex: 1 1 auto;
	min-width: 0;
}

.mk-cart__name {
	display: block;
	margin: 0 26px 6px 0;
	font-size: 13.5px;
	line-height: 1.45;
	font-weight: 600;
	color: var(--mk-ink);
	text-decoration: none;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.mk-cart__info .options {
	margin: 0 0 6px;
	padding: 0;
	list-style: none;
	font-size: 12px;
	line-height: 1.6;
	color: var(--mk-muted);
}

.mk-cart__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-top: 8px;
}

.mk-cart .cart-price {
	font-size: 16px;
	font-weight: 800;
	color: var(--mk-price);
}

.cart_qty {
	display: inline-flex;
	align-items: center;
	border: 1px solid #d9d7d1;
	border-radius: 6px;
	overflow: hidden;
	background: #fff;
}

.cart_qty a {
	width: 32px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #f7f6f2;
	color: var(--mk-ink);
	font-size: 15px;
	text-decoration: none;
}

.cart_qty input.qty {
	width: 42px;
	height: 30px;
	padding: 0;
	border: 0;
	border-left: 1px solid #e3e1db;
	border-right: 1px solid #e3e1db;
	border-radius: 0;
	text-align: center;
	font-size: 14px;
	background: #fff;
}

/* 删除：图标字体缺失，改用内联 SVG 后这里只管点击区 */
.mk-cart__item .btn-remove {
	position: absolute;
	top: 6px;
	right: 6px;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--mk-muted-2);
	text-decoration: none;
}

/* 优惠码 */
.mk-cart__coupon {
	display: flex;
	align-items: stretch;
	gap: 8px;
	margin-bottom: 10px;
	padding: 12px;
	background: #fff;
	border: 1px solid var(--mk-line);
	border-radius: var(--mk-radius);
}

.mk-cart__coupon .input-text {
	flex: 1 1 auto;
	min-width: 0;
	height: 40px;
	padding: 0 12px;
	background: #f7f6f2;
	border: 1px solid var(--mk-line);
	border-radius: var(--mk-radius-sm);
	box-sizing: border-box;
	font-size: 14px;
}

.mk-cart__coupon .add_coupon_submit {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 96px;
	height: 40px;
	padding: 0 12px;
	background: #fff;
	border: 1px solid var(--mk-ink-2);
	border-radius: var(--mk-radius-sm);
	color: var(--mk-ink);
	font-size: 13.5px;
	font-weight: 600;
	text-decoration: none;
}

.coupon_add_log {
	font-size: 12.5px;
	color: var(--mk-muted);
}

/* 金额汇总 */
.cart_cost {
	margin-bottom: 12px;
	padding: 12px;
	background: #fff;
	border: 1px solid var(--mk-line);
	border-radius: var(--mk-radius);
}

.cart_cost .row {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	padding: 6px 0;
	font-size: 13px;
	color: var(--mk-muted);
}

.cart_cost .row .col-66 {
	width: auto;
	float: none;
	flex: 1 1 auto;
}

.cart_cost .row .col-33 {
	width: auto;
	float: none;
	flex: 0 0 auto;
	text-align: right;
	color: var(--mk-ink);
	font-weight: 600;
}

.cart_cost .row:last-child {
	margin-top: 6px;
	padding-top: 10px;
	border-top: 1px solid var(--mk-line);
	font-size: 15px;
}

.cart_cost .row:last-child .col-33 {
	color: var(--mk-price);
	font-size: 19px;
	font-weight: 800;
}

/* 结算按钮 */
.mk-cart__actions {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.mk-cart__actions .btn-proceed-checkout,
.mk-cart__actions .mk-btn--primary {
	width: 100%;
	height: 48px;
	background: var(--mk-ink-2);
	border: 1px solid var(--mk-ink-2);
	border-radius: var(--mk-radius-sm);
	color: var(--mk-accent);
	font-size: 15px;
	font-weight: 700;
	box-shadow: none;
}

.mk-cart__actions .express_paypal {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 44px;
	background: #fff;
	border: 1px solid #d9d7d1;
	border-radius: var(--mk-radius-sm);
}

/* 空购物车 */
.mk-empty-cart {
	margin: 14px 12px;
	padding: 32px 20px 28px;
	background: #fff;
	border: 1px solid var(--mk-line);
	border-radius: var(--mk-radius);
	text-align: center;
}

.mk-empty-cart__title {
	margin: 14px 0 6px;
	font-size: 15px;
	font-weight: 700;
	color: var(--mk-ink);
}

.mk-empty-cart__text {
	margin: 0 0 18px;
	font-size: 12.5px;
	line-height: 1.7;
	color: var(--mk-muted);
}

.mk-empty-cart__text a {
	color: var(--mk-ink);
	text-decoration: underline;
}

.mk-empty-cart .mk-btn--primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 160px;
	height: 44px;
	padding: 0 20px;
	background: var(--mk-ink-2);
	border-radius: var(--mk-radius-sm);
	color: var(--mk-accent);
	font-size: 14.5px;
	font-weight: 700;
	text-decoration: none;
}

/* =====================================================================
   11. 结算 / 表单页（模板：base 的 checkout/onepage/index.php 及其子模板）
   ===================================================================== */
.group-select {
	padding: 0 12px 12px;
	background: transparent;
}

.onestepcheckout-description,
.onestepcheckout-login-link {
	margin: 10px 2px;
	font-size: 13px;
	line-height: 1.7;
	color: var(--mk-muted);
}

.onestepcheckout-login-link a {
	color: var(--mk-ink);
	text-decoration: underline;
}

/* base 里是三栏浮动，移动端一律单栏堆叠 */
.onestepcheckout-threecolumns {
	display: block;
}

.onestepcheckout-column-left,
.onestepcheckout-column-middle,
.onestepcheckout-column-right {
	float: none !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 0 10px;
}

/* 每个步骤一张白卡（只给最外层，内层子块不再重复描边） */
.onestepcheckout-shipping-method,
.onestepcheckout-payment-method,
.onestepcheckout-coupons,
.onestepcheckout-summary,
.billing_address_list_new,
.address_list {
	margin: 0 0 10px;
	padding: 12px;
	background: #fff;
	border: 1px solid var(--mk-line);
	border-radius: var(--mk-radius);
}

.onestepcheckout-numbers,
.op_block_title {
	margin: 0 0 10px;
	font-size: 14.5px;
	font-weight: 700;
	color: var(--mk-ink);
}

/* 地址表单 */
.form-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.form-list li {
	margin: 0 0 10px;
}

.input-box {
	margin: 0;
}

.input-box label,
.field label {
	display: block;
	margin-bottom: 5px;
	font-size: 12.5px;
	color: var(--mk-muted);
}

.input-box input.input-text,
.input-box select,
.input-box textarea,
.form-list input.input-text,
.form-list select,
.form-list textarea {
	width: 100% !important;
	max-width: 100% !important;
	height: 42px;
	padding: 0 12px;
	background: #fbfaf7;
	border: 1px solid var(--mk-line);
	border-radius: var(--mk-radius-sm);
	box-sizing: border-box;
	font-size: 15px;
	color: var(--mk-ink);
}

.form-list textarea,
textarea.order_remark {
	height: auto;
	min-height: 90px;
	padding: 10px 12px;
	line-height: 1.6;
}

.input-box input:focus,
.input-box select:focus,
.form-list select:focus {
	border-color: var(--mk-ink-2);
	outline: none;
	background: #fff;
}

/* 下拉箭头（原生外观已被统一去掉） */
.input-box select,
.form-list select {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.4 4.4L6 8l3.6-3.6' fill='none' stroke='%238d8d86' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	padding-right: 32px;
}

/* 配送方式：说明占一行，单选 + 名称 + 价格占第二行，窄屏也不横向溢出 */
.shippingmethods {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 8px;
	padding: 10px 0;
	border-bottom: 1px solid var(--mk-line-2);
}

.shippingmethods:last-child {
	border-bottom: 0;
}

.shippingmethods .flatrate {
	flex: 1 1 100%;
	font-size: 13px;
	color: var(--mk-muted);
}

.shippingmethods > div:last-child {
	display: flex;
	align-items: center;
	gap: 8px;
	flex: 1 1 100%;
	min-width: 0;
}

.shippingmethods label {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 13.5px;
	color: var(--mk-ink);
	min-width: 0;
	flex-wrap: wrap;
}

.shippingmethods strong {
	font-weight: 600;
}

/* 支付方式：base 用 dl > dt(单选+名称) + dd(表单) 的结构 */
#checkout-payment-method-load {
	margin: 0;
	padding: 0;
}

#checkout-payment-method-load dt {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 12px 0;
	border-bottom: 1px solid var(--mk-line-2);
	font-size: 13.5px;
	color: var(--mk-ink);
}

#checkout-payment-method-load dd.payment-method {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
}

#checkout-payment-method-load .form-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* 只有空 li 的支付表单不占高度 */
#checkout-payment-method-load .form-list:empty,
#checkout-payment-method-load .form-list li:empty {
	display: none;
}

/* 订单金额汇总 + 下单按钮 */
.onestepcheckout-totals table,
.onestepcheckout-summary table {
	width: 100%;
	border-collapse: collapse;
	font-size: 13px;
}

.onestepcheckout-totals td,
.onestepcheckout-summary td,
.onestepcheckout-totals th,
.onestepcheckout-summary th {
	padding: 7px 0;
	border-bottom: 1px solid var(--mk-line-2);
	text-align: left;
}

.onestepcheckout-totals .grand-total td,
.onestepcheckout-summary .grand-total td {
	font-size: 16px;
	font-weight: 800;
	color: var(--mk-price);
	border-bottom: 0;
}

/* 下单按钮：base 结构是 div.onestepcheckout-place-order > a.orange.onestepcheckout-button，
   橙色是 onestepcheckout.css 给的，这里统一改成主色（深底淡黄字）。 */
.onestepcheckout-place-order {
	margin: 12px 0 4px;
}

.onestepcheckout-place-order a.onestepcheckout-button,
#onestepcheckout-place-order {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 48px;
	background: var(--mk-ink-2) !important;
	border: 1px solid var(--mk-ink-2) !important;
	border-radius: var(--mk-radius-sm) !important;
	color: var(--mk-accent) !important;
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
	box-shadow: none;
}

.onestepcheckout-place-order a.onestepcheckout-button span {
	color: inherit !important;
}

/* 加载提示里的 gif 在图片域不存在，隐藏图片保留文字 */
.onestepcheckout-place-order-loading img {
	display: none;
}

.onestepcheckout-place-order-loading {
	padding: 8px 0;
	font-size: 12.5px;
	color: var(--mk-muted);
}

.onestepcheckout-coupons .input-text {
	width: 100%;
	height: 40px;
	padding: 0 12px;
	background: #f7f6f2;
	border: 1px solid var(--mk-line);
	border-radius: var(--mk-radius-sm);
	box-sizing: border-box;
	font-size: 14px;
	margin-bottom: 8px;
}

.onestepcheckout-coupons label {
	display: block;
	margin-bottom: 6px;
	font-size: 12.5px;
	color: var(--mk-muted);
}

.onestepcheckout-coupons .submitbutton {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 38px;
	padding: 0 14px;
	background: #fff;
	border: 1px solid var(--mk-ink-2);
	border-radius: var(--mk-radius-sm);
	color: var(--mk-ink);
	font-size: 13.5px;
	font-weight: 600;
	text-decoration: none;
}

/* 订单明细（商品行） */
.onestepcheckout-summary .row,
.review_order_view .row {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 10px 0;
	border-bottom: 1px solid var(--mk-line-2);
}

.onestepcheckout-summary img {
	width: 64px;
	height: 64px;
	object-fit: cover;
	border-radius: 6px;
}

/* =====================================================================
   12. 登录 / 注册 / 账户
   ===================================================================== */
.account-container,
.login-container {
	background: transparent;
}

.login-page,
.register-page,
.account-page {
	padding: 14px 12px 24px;
}

.login-page h1,
.login-page h2,
.account-page h1 {
	margin: 0 0 12px;
	font-size: 18px;
	font-weight: 800;
}

/* SUI list-block 形态的表单行 */
.list-block .item-content {
	padding-left: 14px;
}

.list-block .item-title.label {
	width: 30%;
	font-size: 13.5px;
	color: var(--mk-muted);
}

.list-block input[type="text"],
.list-block input[type="password"],
.list-block input[type="email"],
.list-block input[type="tel"] {
	font-size: 15px;
	color: var(--mk-ink);
}

.list-block {
	margin: 10px 0;
	background: #fff;
	border: 1px solid var(--mk-line);
	border-radius: var(--mk-radius);
	overflow: hidden;
}

.list-block ul {
	background: transparent;
}

.list-block ul::before,
.list-block ul::after {
	display: none;
}

/* 验证码：base 模板里 input 和 img 同行内联，input 会被 size=10 压成 40px */
.list-block .item-input {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.list-block .item-input .login-captcha-input {
	flex: 1 1 120px;
	min-width: 0;
	width: auto !important;
	height: 38px;
	padding: 0 10px;
	background: #fbfaf7;
	border: 1px solid var(--mk-line);
	border-radius: var(--mk-radius-sm);
	box-sizing: border-box;
	font-size: 15px;
}

.list-block .item-input .login-captcha-img {
	height: 38px;
	width: auto;
	border: 1px solid var(--mk-line);
	border-radius: var(--mk-radius-sm);
	background: #fff;
}

/* 第三方登录按钮（登录页） */
.social-login {
	display: flex;
	gap: 10px;
	margin: 0;
}

.social-login a.social-login-btn {
	flex: 1 1 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 44px;
	background: #fff;
	border: 1px solid #d9d7d1;
	border-radius: var(--mk-radius-sm);
	color: var(--mk-ink);
	font-size: 13.5px;
	font-weight: 600;
	text-decoration: none;
}

.social-login a.social-login-btn:active {
	background: #f7f6f2;
}

/* ---- 登录 / 注册页（模板：theme01/customer/account/login.php） ---- */
.mk-auth {
	margin: 12px;
	padding: 18px 16px 20px;
	background: #fff;
	border: 1px solid var(--mk-line);
	border-radius: var(--mk-radius);
}

.mk-auth__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin-bottom: 14px;
}

.mk-auth__title {
	margin: 0;
	font-size: 19px;
	font-weight: 800;
	color: var(--mk-ink);
}

.mk-auth a.mk-auth__switch {
	font-size: 13.5px;
	font-weight: 600;
	color: var(--mk-ink);
	text-decoration: underline;
}

.mk-auth__form {
	display: block;
}

.mk-field {
	display: block;
	margin-bottom: 12px;
}

.mk-field__label {
	display: block;
	margin-bottom: 6px;
	font-size: 12.5px;
	color: var(--mk-muted);
}

.mk-field__input {
	width: 100%;
	height: 44px;
	padding: 0 12px;
	background: #fbfaf7;
	border: 1px solid var(--mk-line);
	border-radius: var(--mk-radius-sm);
	box-sizing: border-box;
	font-size: 15px;
	color: var(--mk-ink);
}

.mk-field__input:focus {
	background: #fff;
	border-color: var(--mk-ink-2);
	outline: none;
}

.mk-field__captcha {
	display: flex;
	align-items: center;
	gap: 10px;
}

.mk-field__captcha .login-captcha-img {
	height: 44px;
	border-radius: var(--mk-radius-sm);
	border: 1px solid var(--mk-line);
}

/* 主按钮（登录、继续支付、去逛逛等） */
.mk-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 46px;
	border-radius: var(--mk-radius-sm);
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
	box-sizing: border-box;
}

a.mk-btn--primary,
.mk-btn--primary {
	background: var(--mk-ink-2);
	border: 1px solid var(--mk-ink-2);
	color: var(--mk-accent);
}

.mk-auth__forgot {
	display: block;
	margin: 12px 0 0;
	font-size: 13px;
	color: var(--mk-muted);
	text-decoration: underline;
}

.mk-auth__divider {
	position: relative;
	margin: 20px 0 14px;
	text-align: center;
	color: var(--mk-muted-2);
	font-size: 12px;
}

.mk-auth__divider::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	height: 1px;
	background: var(--mk-line);
}

.mk-auth__divider span {
	position: relative;
	padding: 0 10px;
	background: #fff;
}

/* 账户菜单 */
.account-menu,
.customer-left-menu {
	margin: 10px 12px;
	background: #fff;
	border: 1px solid var(--mk-line);
	border-radius: var(--mk-radius);
	overflow: hidden;
}

/* 账户 / 订单等页面自带第二条 .bar-nav（base 用 SUI 顶栏做页面标题），
   它是 absolute/fixed 的，会和我们的固定顶栏叠在一起 → 统一降级成静态标题 */
.content .bar-nav {
	position: static;
	height: auto;
	padding: 14px;
	background: #fff;
	border-bottom: 1px solid var(--mk-line);
	box-shadow: none;
}

.content .bar-nav .title {
	position: static;
	transform: none;
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: 800;
	line-height: 1.4;
	color: var(--mk-ink);
	text-align: left;
}

/* 账户左菜单带 inline margin-top:80px（原本给固定顶栏留白），现在多余 */
.account-ds {
	/* fec.css 里写死 .account-ds{height:2.2rem}，会把菜单压成一条，
	   导致内容溢出并盖住页脚 */
	height: auto !important;
}

.account-ds .list-block {
	margin: 10px 12px !important;
}

.account-ds .list-block ul {
	background: #fff;
	border: 1px solid var(--mk-line);
	border-radius: var(--mk-radius);
	overflow: hidden;
}

.account-ds .list-block .item-content {
	padding: 0;
}

.account-ds .list-block .item-title {
	padding: 14px 16px;
	border-bottom: 1px solid var(--mk-line-2);
}

.account-ds .list-block .item-title a {
	font-size: 14.5px !important;
	color: var(--mk-ink);
}

.account-ds .list-block li:last-child .item-title {
	border-bottom: 0;
}

/* 退出登录：base 是灰色 button-fill，且带 10rem 下边距，改成描边危险色 */
.account_footer,
.account-ds .account_footer {
	margin: 14px 12px !important;
	text-align: left;
}

.account_footer a.button,
.account-ds .account_footer a.button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 44px;
	margin: 0 !important;
	background: #fff !important;
	border: 1px solid #e6b8b8 !important;
	border-radius: var(--mk-radius-sm);
	color: var(--mk-price) !important;
	font-size: 14px !important;
	font-weight: 600;
	box-shadow: none;
}

.account-menu a,
.customer-left-menu a {
	display: block;
	padding: 13px 14px;
	border-bottom: 1px solid var(--mk-line-2);
	color: var(--mk-ink);
	font-size: 14px;
	text-decoration: none;
}

.account-menu a:last-child,
.customer-left-menu a:last-child {
	border-bottom: 0;
}

/* 订单 / 地址等表格：窄屏可横向滚动，不挤压 */
.table-wrapper,
.customer-table {
	margin: 10px 12px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	background: #fff;
	border: 1px solid var(--mk-line);
	border-radius: var(--mk-radius);
}

.table-wrapper table,
.customer-table table,
.order-list table {
	width: 100%;
	min-width: 520px;
	border-collapse: collapse;
	font-size: 12.5px;
}

.table-wrapper th,
.table-wrapper td,
.customer-table th,
.customer-table td,
.order-list th,
.order-list td {
	padding: 9px 10px;
	border-bottom: 1px solid var(--mk-line-2);
	text-align: left;
	white-space: nowrap;
}

.table-wrapper th,
.customer-table th,
.order-list th {
	background: #faf9f6;
	color: var(--mk-muted);
	font-weight: 600;
}

/* =====================================================================
   13. 页脚
   ===================================================================== */
.mk-footer {
	margin-top: 16px;
	background: #fff;
	color: var(--mk-ink);
	font-size: 13px;
}

.mk-footer__wrap {
	padding: 0 14px;
}

/* ① 四项保障：2x2 */
.mk-footer__benefits {
	padding: 20px 0 16px;
	border-bottom: 1px solid var(--mk-line);
}

.mk-footer__benefits-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px 10px;
}

.mk-benefit {
	text-align: center;
}

.mk-benefit__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 34px;
	color: #1a1a1a;
}

.mk-benefit__icon svg {
	width: 32px;
	height: 32px;
}

.mk-benefit__title {
	margin: 6px 0 4px;
	font-size: 13.5px;
	font-weight: 700;
	color: var(--mk-ink);
}

.mk-benefit__text {
	margin: 0;
	font-size: 11.5px;
	line-height: 1.6;
	color: var(--mk-muted);
}

/* ② 页脚主体：链接折叠面板 */
.mk-footer__main {
	padding: 4px 0 8px;
	background: #f7f6f2;
}

.mk-footer__panel {
	border-bottom: 1px solid #e8e6e0;
}

.mk-footer__panel:last-child {
	border-bottom: 0;
}

.mk-footer__toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 14px 0;
	background: none;
	border: 0;
	color: var(--mk-ink);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .4px;
	text-align: left;
}

.mk-footer__toggle svg {
	transition: transform .2s ease;
	color: var(--mk-muted);
}

.mk-footer__panel.is-open .mk-footer__toggle svg {
	transform: rotate(180deg);
}

.mk-footer__panel-body {
	display: none;
	padding: 0 0 12px;
}

.mk-footer__panel.is-open .mk-footer__panel-body {
	display: block;
}

.mk-footer__links {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mk-footer__links li {
	line-height: 1.9;
}

.mk-footer__links a {
	font-size: 13px;
	color: #3d3d3d;
	text-decoration: none;
}

.mk-footer__links a:active {
	color: #000;
	text-decoration: underline;
}

/* 社交图标 */
.mk-footer__socials {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding-bottom: 4px;
}

.mk-footer a.mk-social {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	background-color: #fff;
	border: 1px solid #d8d8d8;
	border-radius: 5px;
	color: var(--mk-ink);
	text-decoration: none;
}

/* 订阅邮件 */
.mk-footer__news-text {
	margin: 0 0 10px;
	font-size: 12.5px;
	line-height: 1.7;
	color: #3d3d3d;
}

.mk-footer__form {
	display: flex;
	align-items: stretch;
	height: 42px;
	background: #fff;
	border: 1px solid #d8d8d8;
	border-radius: var(--mk-radius-sm);
	overflow: hidden;
}

.mk-footer__input {
	flex: 1 1 auto;
	min-width: 0;
	height: 100%;
	padding: 0 12px;
	border: 0;
	background: transparent;
	font-size: 14px;
	outline: none;
}

.mk-footer button.mk-footer__submit {
	flex: 0 0 auto;
	padding: 0 16px;
	background: var(--mk-ink-2);
	border: 0;
	border-radius: 0;
	color: var(--mk-accent);
	font-size: 13.5px;
	font-weight: 700;
}

.mk-footer__payments {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin-top: 12px;
}

.mk-footer__pay svg {
	display: block;
	height: 20px;
	width: auto;
}

/* 语言 / 货币 */
.mk-footer__langs {
	display: flex;
	gap: 10px;
	padding: 12px 0;
	border-top: 1px solid #e8e6e0;
}

.mk-footer__select {
	flex: 1 1 0;
	position: relative;
}

.mk-footer__select select {
	width: 100%;
	height: 40px;
	padding: 0 30px 0 12px;
	background: #fff;
	border: 1px solid #d8d8d8;
	border-radius: var(--mk-radius-sm);
	font-size: 13.5px;
	color: var(--mk-ink);
}

/* ③ 版权 */
.mk-footer__bottom {
	padding: 14px 0 calc(16px + env(safe-area-inset-bottom, 0px));
	background: #f7f6f2;
	border-top: 1px solid #e8e6e0;
}

.mk-footer__copy {
	margin: 0;
	font-size: 11.5px;
	line-height: 1.6;
	color: #6d6d6d;
	text-align: center;
}

/* =====================================================================
   14. 平板 / 大屏向上适配
   ===================================================================== */
@media (min-width: 560px) {
	.mk-feats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mk-products__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.list-container {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.mk-footer__benefits-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.mk-hero__title {
		font-size: 25px;
	}

	.mk-hero {
		padding: 34px 24px 36px;
	}

	.mk-hero__card {
		padding: 30px 28px 24px;
	}
}

@media (min-width: 768px) {
	.mk-products__grid,
	.list-container {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.mk-hero__title {
		font-size: 30px;
	}

	.mk-hero__card {
		max-width: 640px;
		margin: 0 auto;
	}
}