/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}


/*
Theme Name: Flatsome Child
Template: flatsome
*/

/* ========== 分类页深色基底 ========== */
body.tax-product_cat,
body.post-type-archive-product {
    background:#131313 !important;
    color:#e2e2e2;
    font-family:'Roboto Flex',sans-serif;
}

/* ========== 强制全宽布局：消灭侧栏占位 ========== */
body.tax-product_cat .sidebar-container,
body.tax-product_cat #sidebar,
body.tax-product_cat .shop-sidebar,
body.tax-product_cat .widget-area,
body.tax-product_cat [class*="sidebar"]:not(#main-menu):not(.mfp-wrap):not(.mfp-content):not(.sidebar-menu):not(.nav-sidebar):not([class*="nav-"]),
body.post-type-archive-product [class*="sidebar"]:not(#main-menu):not(.mfp-wrap):not(.mfp-content):not(.sidebar-menu):not(.nav-sidebar):not([class*="nav-"]) {
    display: none !important;
    width: 0 !important;
}

    display: none !important;
    width: 0 !important;
}


/* Flatsome 用 is-sidebar-none 类控制全宽，强制加上 */
body.tax-product_cat .shop-container {
    max-width:1280px;
    margin:0 auto;
    padding:0 30px;
}
body.tax-product_cat .shop-container > .row {
    display:block !important;
    width:100% !important;
}
body.tax-product_cat .shop-container .col {
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
    padding:0 !important;
}


/* ========== 隐藏顶部排序框、结果数、Widget 报错 ========== */
body.tax-product_cat .woocommerce-result-count,
body.tax-product_cat .woocommerce-ordering,
body.tax-product_cat .shop-page-title + .row > .large-3 {
    display:none !important;
}

/* ========== 顶部面包屑与页面标题区 ========== */
body.tax-product_cat .shop-page-title {
    background:transparent !important;
    padding:60px 30px 20px !important;
    margin:0 !important;
    border:none !important;
}
body.tax-product_cat .shop-page-title .is-small,
body.tax-product_cat .shop-page-title nav.woocommerce-breadcrumb,
body.tax-product_cat nav.woocommerce-breadcrumb {
    font-family:'JetBrains Mono',monospace !important;
    font-size:11px !important;
    letter-spacing:.2em !important;
    color:#ffc086 !important;
    text-transform:uppercase !important;
    margin-bottom:12px !important;
}
body.tax-product_cat nav.woocommerce-breadcrumb a {
    color:#a1a1a1 !important;
}
body.tax-product_cat .shop-page-title h1,
body.tax-product_cat .category-page-title {
    font-family:'Sora',sans-serif !important;
    font-size:48px !important;
    font-weight:800 !important;
    color:#fff !important;
    letter-spacing:-.02em !important;
    border-left:3px solid #ff981d !important;
    padding-left:16px !important;
    margin:0 0 24px !important;
    line-height:1.1 !important;
    text-transform:uppercase !important;
}
/* ========== ✅ Apex Velocity 卡片 ========== */

.apex-card {
    background: linear-gradient(180deg, #1f1f1f 0%, #141414 100%) !important;
    border: 1px solid #2a2a2a !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease !important;
    list-style: none !important;
    position: relative !important;
}

.apex-card:hover {
    transform: translateY(-4px) !important;
    border-color: #ff981d !important;
    box-shadow: 0 20px 60px rgba(255, 152, 29, 0.12) !important;
}

/* —— ① 产品图：深色背景 + 16:10 横向比例 —— */
.apex-card .apex-card__img {
    position: relative !important;
    display: block !important;
    background: linear-gradient(135deg, #1c1c1c 0%, #0e0e0e 100%) !important;
    aspect-ratio: 16 / 10 !important;
    border-bottom: 1px solid #2a2a2a !important;
    overflow: hidden !important;
}

.apex-card .apex-card__img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    padding: 28px !important;
    transition: transform .5s ease !important;
    display: block !important;
    mix-blend-mode: normal !important;
}

.apex-card:hover .apex-card__img img {
    transform: scale(1.06) !important;
}

/* —— ② Badge：左上角，更精致 —— */
.apex-card__badge {
    position: absolute !important;
    top: 16px !important;
    left: 16px !important;
    z-index: 2 !important;
    background: #ff981d !important;
    color: #1a1a1a !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .12em !important;
    padding: 6px 12px !important;
    border-radius: 3px !important;
    text-transform: uppercase !important;
}

/* —— ③ 卡片 body：更大内边距 —— */
.apex-card__body {
    padding: 28px !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

/* —— ④ 标题：放大 + Sora 800 字重 + 限制 2 行 —— */
.apex-card__title,
.apex-card .apex-card__title,
html body.woocommerce-shop .apex-card .apex-card__title {
    margin: 0 0 20px !important;
    font-family: 'Sora', sans-serif !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.01em !important;
    text-transform: none !important;

    /* 限制最多 2 行，超出省略号，保证卡片高度一致 */
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 53px !important;
}
.apex-card__title a,
.apex-card .apex-card__title a {
    color: #ffffff !important;
    text-decoration: none !important;
}
.apex-card__title a:hover {
    color: #ffc086 !important;
}

/* —— ⑤ 隐藏短描述（你说不要副标题） —— */
.apex-card__desc {
    display: none !important;
}

/* —— ⑥ 参数：横向并列 + 左侧橙色细线 —— */
.apex-card__specs {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    padding: 18px 0 !important;
    margin-bottom: 24px !important;
    border-top: 1px solid #2a2a2a !important;
    border-bottom: 1px solid #2a2a2a !important;
    background: transparent !important;
}

.apex-card__specs .spec {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    padding: 0 14px !important;
    border-left: 2px solid #ff981d !important;  /* ← 关键：左侧橙线 */
    background: transparent !important;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    text-align: left !important;
}

.apex-card__specs .lbl {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 10px !important;
    letter-spacing: .15em !important;
    color: #888 !important;
    text-transform: uppercase !important;
    margin-bottom: 6px !important;
    font-weight: 500 !important;
}

.apex-card__specs .val {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* —— ⑦ 价格区：放大 WC 自带的价格 HTML（不动数据，纯样式） —— */
.apex-card__price {
    margin-bottom: 22px !important;
    line-height: 1 !important;
    font-family: 'Sora', sans-serif !important;
    display: flex !important;
    align-items: baseline !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

/* 普通价格（不在促销时） */
.apex-card__price .price,
.apex-card__price .amount,
.apex-card__price .woocommerce-Price-amount,
html body.woocommerce-shop .apex-card .apex-card__price .amount,
html body.woocommerce-shop .apex-card .apex-card__price .woocommerce-Price-amount {
    font-family: 'Sora', sans-serif !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    letter-spacing: -0.01em !important;
    line-height: 1 !important;
}

/* 划线原价：灰色小字 */
.apex-card__price del,
.apex-card__price del .amount,
.apex-card__price del .woocommerce-Price-amount,
html body.woocommerce-shop .apex-card del .amount,
html body.woocommerce-shop .apex-card del .woocommerce-Price-amount {
    font-family: 'Sora', sans-serif !important;
    font-size: 15px !important;
    color: #666 !important;
    font-weight: 500 !important;
    text-decoration: line-through !important;
    opacity: 1 !important;
    margin: 0 !important;
}

/* 促销现价：橙色大字 */
.apex-card__price ins,
.apex-card__price ins .amount,
.apex-card__price ins .woocommerce-Price-amount,
html body.woocommerce-shop .apex-card ins .amount,
html body.woocommerce-shop .apex-card ins .woocommerce-Price-amount {
    font-family: 'Sora', sans-serif !important;
    font-size: 26px !important;
    font-weight: 800 !important;
    color: #ff981d !important;
    background: transparent !important;
    text-decoration: none !important;
    letter-spacing: -0.01em !important;
    line-height: 1 !important;
}

/* 价格区间的 "Price range:" 文字隐藏（不需要） */
.apex-card__price .price > .from,
.apex-card__price .price-amount-range-text {
    display: none !important;
}

/* —— ⑧ 按钮：扁平大气 —— */
.apex-card__btn {
    display: block !important;
    padding: 16px !important;
    text-align: center !important;
    background: #ff981d !important;
    color: #1a1a1a !important;
    font-family: 'Sora', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    letter-spacing: .15em !important;
    border-radius: 4px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    margin-top: auto !important;
    border: none !important;
    transition: background .2s ease !important;
}
.apex-card__btn:hover {
    background: #ffc086 !important;
}

/* —— ⑨ 卡片 body 内 flex 布局：让按钮始终沉底 —— */
.apex-card .apex-card__body {
    display: flex !important;
    flex-direction: column !important;
}
.apex-card .apex-card__title {
    flex-shrink: 0 !important;
}
.apex-card .apex-card__specs {
    flex-shrink: 0 !important;
}
.apex-card .apex-card__price {
    flex-shrink: 0 !important;
    margin-top: auto !important;   /* ← 没有 specs 的产品，价格自动顶到 specs 位置 */
}
.apex-card .apex-card__btn {
    flex-shrink: 0 !important;
    margin-top: 0 !important;
}



/* ========== 分页器（数字按钮） ========== */
body.tax-product_cat .woocommerce-pagination ul,
body.tax-product_cat nav.pagination {
    display:flex !important;
    justify-content:center !important;
    gap:8px !important;
    padding:40px 30px !important;
    margin:0 !important;
}
body.tax-product_cat .woocommerce-pagination ul li a,
body.tax-product_cat .woocommerce-pagination ul li span,
body.tax-product_cat .page-numbers {
    background:#1a1a1a !important;
    border:1px solid #333 !important;
    color:#e2e2e2 !important;
    padding:8px 14px !important;
    border-radius:4px !important;
    font-family:'JetBrains Mono',monospace !important;
    text-decoration:none !important;
}
body.tax-product_cat .woocommerce-pagination ul li span.current,
body.tax-product_cat .page-numbers.current {
    background:#ff981d !important;
    color:#1a1a1a !important;
    border-color:#ff981d !important;
}

/* ========== 隐藏卡片中残留的 Flatsome 默认元素 ========== */
.apex-card .badge-container,
.apex-card .image-tools,
.apex-card .product-image .badge,
.apex-card .quick-view,
.apex-card .add_to_wishlist,
.apex-card .wishlist-icon { display:none !important; }



/* 强制所有分类页全宽 */
body.tax-product_cat .large-3,
body.tax-product_cat .col.large-3,
body.tax-product_cat aside {
    display:none !important;
}

body.tax-product_cat .large-9,
body.tax-product_cat .col.large-9 {
    width:100% !important;
    flex:0 0 100% !important;
}

/* ===== Apex Hero（通栏版） ===== */
body .apex-hero {
    width: 100% !important;
    margin-left: 0 !important;   /* 让 Hero 突破父容器，铺满屏幕 */
    margin-right: 0 !important;
    background: #131313 !important;
    padding: 80px 0 32px !important;
    border: none !important;
}
body .apex-hero__inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 64px;
}
@media(max-width:768px){
    body .apex-hero { padding: 48px 0 24px !important; }
    body .apex-hero__inner { padding: 0 20px; }
}

body .apex-hero .apex-hero__eyebrow {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .25em !important;
    text-transform: uppercase !important;
    color: #ff981d !important;
    margin: 0 0 16px !important;
    display: block !important;
}
body .apex-hero .apex-hero__title {
    font-family: 'Sora', sans-serif !important;
    font-size: 72px !important;        /* display-xl，比之前 56px 更大气 */
    font-weight: 800 !important;
    color: #ffffff !important;
    letter-spacing: -.04em !important;
    line-height: .95 !important;
    border-left: 4px solid #ff981d !important;
    padding-left: 24px !important;
    margin: 0 0 20px !important;
    text-transform: uppercase !important;
    background: transparent !important;
}
body .apex-hero .apex-hero__desc {
    font-family: 'Roboto Flex', sans-serif !important;
    font-size: 18px !important;
    color: #a1a1a1 !important;
    padding-left: 28px !important;
    margin: 0 !important;
    max-width: 640px;
}
@media(max-width:768px){
    body .apex-hero .apex-hero__title { font-size: 40px !important; }
    body .apex-hero .apex-hero__desc { font-size: 15px !important; }
}

/* ===== Apex Filter（通栏版） ===== */
body .apex-filter {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    background: #131313 !important;
    border-bottom: 1px solid #272727 !important;
    padding: 0 0 40px !important;
    margin-bottom: 48px !important;
}
body .apex-filter__inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 64px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
@media(max-width:768px){
    body .apex-filter__inner { padding: 0 20px; }
}
body .apex-filter .apex-filter__btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 12px 22px !important;
    background: #1a1a1a !important;
    border: 1px solid #272727 !important;
    border-radius: 4px !important;
    font-family: 'Sora', sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    color: #a1a1a1 !important;
    text-decoration: none !important;
    transition: all .2s !important;
    line-height: 1 !important;
}
body .apex-filter .apex-filter__btn:hover {
    border-color: #ff981d !important;
    color: #ffffff !important;
    background: #1f1f1f !important;
}
body .apex-filter .apex-filter__btn--active {
    background: #ff981d !important;
    border-color: #ff981d !important;
    color: #131313 !important;
    box-shadow: 0 0 0 2px rgba(255,152,29,.15);  /* 设计稿要求的"orange glow" */
}

/* ===== 让整个 Shop 主容器也变成深色 ===== */
body.woocommerce-shop,
body.woocommerce-shop #wrapper,
body.woocommerce-shop #main-content,
body.woocommerce-shop .page-wrapper {
    background: #131313 !important;
}

/* ===== 隐藏 Flatsome 默认页面标题 ===== */
body.woocommerce-shop .shop-page-title,
body.woocommerce .shop-page-title {
    display: none !important;
}


.apex-card .apex-card__img {
    position:relative;
    display:block;
    /* 改成深色带渐变，营造产品悬浮感 */
    background: radial-gradient(circle at center, #2a2a2a 0%, #131313 100%) !important;
    aspect-ratio: 4/3 !important;       /* 从 1:1 改成 4:3，更"宽屏"通栏感 */
    border-bottom: 1px solid #272727 !important;
    overflow: hidden;
}
.apex-card .apex-card__img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;     /* 不裁切，完整显示电瓶车 */
    padding: 20px !important;
    transition: transform .4s;
    display: block;
    mix-blend-mode: normal;
}

/* ============================================
   APEX FULLWIDTH FIX
   ============================================ */

/* ① 整页背景全黑 */
html body.woocommerce-shop,
html body.woocommerce-shop #wrapper,
html body.woocommerce-shop #main,
html body.woocommerce-shop #page,
html body.woocommerce-shop .page-wrapper,
html body.woocommerce-shop .main-content,
html body.woocommerce-shop #content,
html body.woocommerce-shop .content-area,
html body.woocommerce-shop .site-main,
html body.woocommerce-shop .woocommerce,
html body.woocommerce-shop .woocommerce-page {
    background: #131313 !important;
    background-color: #131313 !important;
}

/* ② Header 深色化 */
html body.woocommerce-shop .header,
html body.woocommerce-shop #masthead,
html body.woocommerce-shop .header-wrapper,
html body.woocommerce-shop .header-main,
html body.woocommerce-shop .header-inner,
html body.woocommerce-shop .top-bar-wrapper,
html body.woocommerce-shop .top-bar,
html body.woocommerce-shop .sticky-header,
html body.woocommerce-shop header {
    background: #0e0e0e !important;
    background-color: #0e0e0e !important;
    border-bottom: 1px solid #272727 !important;
    box-shadow: none !important;
}
html body.woocommerce-shop .header a,
html body.woocommerce-shop .header-main a,
html body.woocommerce-shop .header .nav > li > a,
html body.woocommerce-shop .header .nav-item > a {
    color: #c6c6c7 !important;
}
html body.woocommerce-shop .header a:hover,
html body.woocommerce-shop .header .nav > li > a:hover {
    color: #ff981d !important;
}



/* ============================================
   卡片标题、价格、参数样式微调
   ============================================ */
.apex-card .apex-card__title,
.apex-card .apex-card__title a,
html body.woocommerce-shop .apex-card .woocommerce-loop-product__title,
html body.woocommerce-shop .apex-card h2,
html body.woocommerce-shop .apex-card h3 {
    font-family: 'Sora', sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #ffffff !important;
    letter-spacing: -0.01em !important;
}

.apex-card .apex-card__price,
.apex-card .price,
html body.woocommerce-shop .apex-card .woocommerce-Price-amount,
html body.woocommerce-shop .apex-card .price .amount {
    font-family: 'JetBrains Mono', monospace !important;
    font-weight: 700 !important;
}
html body.woocommerce-shop .apex-card del .woocommerce-Price-amount,
html body.woocommerce-shop .apex-card del .amount {
    color: #a1a1a1 !important;
    font-size: 13px !important;
}
html body.woocommerce-shop .apex-card ins .woocommerce-Price-amount,
html body.woocommerce-shop .apex-card ins .amount {
    color: #ff981d !important;
    font-size: 20px !important;
    text-decoration: none !important;
    background: transparent !important;
}
html body.woocommerce-shop .apex-card .price > .woocommerce-Price-amount,
html body.woocommerce-shop .apex-card .price > .amount {
    color: #ffffff !important;
    font-size: 18px !important;
}

/* 参数网格 */
.apex-card__specs {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 6px !important;
    margin-bottom: 14px !important;
    padding-top: 12px !important;
    border-top: 1px solid #333 !important;
}
.apex-card__specs .spec {
    background: #0e0e0e !important;
    border: 1px solid #2a2a2a !important;
    border-radius: 4px !important;
    padding: 8px 4px !important;
    text-align: center !important;
}
.apex-card__specs .lbl {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 9px !important;
    letter-spacing: .12em !important;
    color: #666 !important;
    margin-bottom: 5px !important;
    text-transform: uppercase !important;
}
.apex-card__specs .val {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #ffc086 !important;
}

/* 卡片 body 用 flex 列布局，价格按钮自动沉底 */
.apex-card .apex-card__body {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
}
.apex-card .apex-card__desc {
    flex-grow: 1 !important;
}
.apex-card .apex-card__specs {
    flex-shrink: 0 !important;
}
.apex-card .apex-card__price {
    flex-shrink: 0 !important;
    margin-top: 0 !important;
}
.apex-card .apex-card__btn {
    flex-shrink: 0 !important;
    margin-top: auto !important;
}

/* =========================================
   Apex Performance Section
   ========================================= */
.apex-performance-image {
    position: relative;
    max-width: 1440px;
    margin: 120px auto;
    height: 480px;
    overflow: hidden;
    border: 1px solid #1f1f1f;
    border-radius: 12px;
    background: #000;
}
.apex-performance-image__bg {
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform 1s ease;
}
.apex-performance-image:hover .apex-performance-image__bg {
    transform: scale(1.05);
}
.apex-performance-image__overlay {
    position: absolute; inset: 0;
    background: linear-gradient(to right,
        rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.65) 35%,
        rgba(0,0,0,0.3) 60%, rgba(0,0,0,0) 100%);
    z-index: 1;
}
.apex-performance-image__content {
    position: absolute; z-index: 2;
    height: 100%;
    display: flex; flex-direction: column; justify-content: center;
    padding-left: 80px;
    max-width: 720px;
}
.apex-performance-image__eyebrow {
    font-family: 'JetBrains Mono', monospace;
    font-size: 12px; letter-spacing: 0.25em;
    color: #ff981d; margin-bottom: 24px;
}
.apex-performance-image__title {
    font-family: 'Sora', sans-serif;
    font-weight: 800; font-size: 56px;
    line-height: 0.95; letter-spacing: -0.03em;
    color: #ffffff; margin-bottom: 24px;
}
.apex-performance-image__desc {
    font-family: 'Roboto Flex', sans-serif;
    font-size: 18px; color: #e2e2e2;
    margin-bottom: 32px;
}
.apex-performance-image__cta {
    display: inline-block;
    background: #ff981d; color: #131313;
    padding: 16px 40px;
    font-family: 'Sora', sans-serif;
    font-weight: 700; letter-spacing: 0.12em;
    text-transform: uppercase; text-decoration: none;
    transition: all .25s ease;
}
.apex-performance-image__cta:hover {
    background: #ffc086;
}
@media (max-width: 1024px) {
    .apex-performance-image { margin: 80px 20px; height: 420px; }
    .apex-performance-image__content { padding-left: 32px; padding-right: 32px; }
    .apex-performance-image__title { font-size: 36px; }
    .apex-performance-image__desc { font-size: 16px; }
}

/* ==================================================
   Apex – FAQ Section
   ================================================== */
.apex-faq {
    max-width: 1440px;
    margin: 0 auto;
    padding: 80px 64px 120px;
}
.apex-faq__header {
    text-align: center;
    margin-bottom: 56px;
}
.apex-faq__title {
    font-family: 'Sora', sans-serif;
    font-size: 48px; font-weight: 800;
    letter-spacing: -0.03em; line-height: 1.05;
    color: #ffffff; margin: 0 0 16px;
    text-transform: uppercase;
}
.apex-faq__subtitle {
    font-family: 'Roboto Flex', sans-serif;
    font-size: 18px; color: #a1a1a1;
    margin: 0;
}
.apex-faq__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 28px;
    align-items: start;
}
.apex-faq__item {
    background: #1a1a1a;
    border: 1px solid #272727;
    border-radius: 6px;
    overflow: hidden;
    transition: border-color .25s;
}
.apex-faq__item[open],
.apex-faq__item:hover {
    border-color: #ff981d;
}
.apex-faq__question {
    list-style: none;
    cursor: pointer;
    padding: 20px 24px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    font-family: 'Sora', sans-serif;
    font-size: 16px; font-weight: 600;
    color: #ffffff; line-height: 1.4;
    transition: color .2s;
}
.apex-faq__question::-webkit-details-marker { display: none; }
.apex-faq__question::marker { display: none; }
.apex-faq__question:hover { color: #ff981d; }
.apex-faq__icon {
    flex-shrink: 0;
    width: 26px; height: 26px;
    display: flex; align-items: center; justify-content: center;
    border: 1px solid #ff981d;
    border-radius: 50%;
    color: #ff981d; font-size: 18px; line-height: 1;
    transition: transform .3s ease;
    margin-top: 2px;
}
.apex-faq__item[open] .apex-faq__icon {
    transform: rotate(45deg);
}
.apex-faq__answer {
    padding: 16px 24px 22px;
    border-top: 1px solid #272727;
    font-family: 'Roboto Flex', sans-serif;
    font-size: 15px; line-height: 1.7;
    color: #c6c6c7;
}
.apex-faq__answer p { margin: 0 0 10px; }
.apex-faq__answer p:last-child { margin: 0; }

@media (max-width: 768px) {
    .apex-faq { padding: 60px 20px 80px; }
    .apex-faq__grid { grid-template-columns: 1fr; }
    .apex-faq__title { font-size: 32px; }
    .apex-faq__question { font-size: 15px; padding: 16px 18px; }
}

/* ============================================
   APEX — WooCommerce Pagination
   ============================================ */
.woocommerce-pagination {
    margin-top: 48px;
    display: flex;
    justify-content: center;
}
.woocommerce-pagination ul.page-numbers {
    display: flex;
    align-items: center;
    gap: 6px;
    list-style: none;
    padding: 0; margin: 0;
}
.woocommerce-pagination ul.page-numbers li { display: flex; }
.woocommerce-pagination ul.page-numbers li a.page-numbers,
.woocommerce-pagination ul.page-numbers li span.page-numbers {
    display: flex; align-items: center; justify-content: center;
    min-width: 40px; height: 40px;
    padding: 0 12px;
    background: #1a1a1a;
    border: 1px solid #333333;
    color: #a1a1a1;
    font-family: 'JetBrains Mono', monospace;
    font-size: 13px; font-weight: 700;
    letter-spacing: 0.05em;
    text-decoration: none;
    transition: all 0.15s ease;
    border-radius: 0;
}
.woocommerce-pagination ul.page-numbers li a.page-numbers:hover {
    border-color: #ff981d;
    color: #ff981d;
}
.woocommerce-pagination ul.page-numbers li span.current {
    background: #ff981d;
    border-color: #ff981d;
    color: #2d1600;
}
.woocommerce-pagination ul.page-numbers li span.page-numbers.dots {
    background: transparent;
    border-color: transparent;
    color: #555; cursor: default;
}
.woocommerce-pagination ul.page-numbers li a.page-numbers.prev,
.woocommerce-pagination ul.page-numbers li a.page-numbers.next {
    font-size: 11px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 0 16px;
}

/* ============================================
   APEX — WooCommerce Ordering / Results Count
   ============================================ */
.woocommerce-ordering {
    float: right;
    margin-bottom: 24px;
}
.woocommerce-ordering select.orderby {
    appearance: none;
    -webkit-appearance: none;
    background-color: #1a1a1a;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23ff981d' stroke-width='1.5' fill='none' stroke-linecap='square'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    border: 1px solid #333333;
    color: #a1a1a1;
    font-family: 'JetBrains Mono', monospace;
    font-size: 12px; font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 10px 40px 10px 14px;
    border-radius: 0;
    cursor: pointer;
    transition: border-color 0.15s ease;
    min-width: 200px;
}
.woocommerce-ordering select.orderby:hover,
.woocommerce-ordering select.orderby:focus {
    border-color: #ff981d;
    outline: none;
    color: #e2e2e2;
}
.woocommerce-result-count {
    color: #555;
    font-family: 'JetBrains Mono', monospace;
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 24px;
    float: left;
    line-height: 40px;
}
.woocommerce .woocommerce-ordering,
.woocommerce .woocommerce-result-count {
    margin-top: 0;
}
.shop-container .woocommerce-products-header + * {
    overflow: hidden;
}

/* ============================================
   ✅ APEX — Shop 页基于 Flatsome 原生 row+col 系统的 4 列布局
   配合 function.php 里 woocommerce_product_loop_start filter 一起生效
   ============================================ */

/* shop-container 不限制宽度 */
html body.woocommerce-shop .shop-container,
html body.tax-product_cat .shop-container,
html body.post-type-archive-product .shop-container {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #131313 !important;
}

/* row 容器：1440 居中 */
html body.woocommerce-shop .products.row,
html body.tax-product_cat .products.row,
html body.post-type-archive-product .products.row {
    display: flex !important;
    flex-wrap: wrap !important;
    max-width: 1440px !important;
    margin: 0 auto !important;
    padding: 40px 24px 80px !important;
    box-sizing: border-box !important;
    background: transparent !important;
}

/* PC 大屏 ≥ 1024px：3 列 */
@media (min-width: 1024px) {
    html body.woocommerce-shop .products.row > .col,
    html body.woocommerce-shop .products.row > .product,
    html body.tax-product_cat .products.row > .col,
    html body.tax-product_cat .products.row > .product,
    html body.post-type-archive-product .products.row > .col,
    html body.post-type-archive-product .products.row > .product {
        width: 33.333% !important;
        max-width: 33.333% !important;
        flex: 0 0 33.333% !important;
        float: none !important;
        padding: 0 20px !important;
        margin-bottom: 40px !important;
        box-sizing: border-box !important;
    }
}

/* 平板 768~1023px：3 列 */
@media (max-width: 1023px) and (min-width: 768px) {
    html body.woocommerce-shop .products.row > .col,
    html body.woocommerce-shop .products.row > .product,
    html body.tax-product_cat .products.row > .col,
    html body.tax-product_cat .products.row > .product {
        width: 33.333% !important;
        max-width: 33.333% !important;
        flex: 0 0 33.333% !important;
        padding: 0 10px !important;
        margin-bottom: 20px !important;
        box-sizing: border-box !important;
    }
}

/* 小屏 550~767px：2 列 */
@media (max-width: 767px) and (min-width: 550px) {
    html body.woocommerce-shop .products.row > .col,
    html body.woocommerce-shop .products.row > .product,
    html body.tax-product_cat .products.row > .col,
    html body.tax-product_cat .products.row > .product {
        width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 50% !important;
        padding: 0 8px !important;
        margin-bottom: 16px !important;
        box-sizing: border-box !important;
    }
}

/* 手机 ≤ 549px：1 列 */
@media (max-width: 549px) {
    html body.woocommerce-shop .products.row > .col,
    html body.woocommerce-shop .products.row > .product,
    html body.tax-product_cat .products.row > .col,
    html body.tax-product_cat .products.row > .product {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        padding: 0 !important;
        margin-bottom: 14px !important;
        box-sizing: border-box !important;
    }
}

/* ============================================
   APEX — 移动端 Hero & Filter 紧凑化（≤ 768px）
   ============================================ */
@media (max-width: 768px) {
    .apex-hero {
        padding-top: 24px !important;
        padding-bottom: 20px !important;
    }
    .apex-hero__inner {
        padding: 0 16px !important;
    }
    .apex-hero__eyebrow {
        font-size: 10px !important;
        line-height: 1.3 !important;
        letter-spacing: 0.15em !important;
        margin-bottom: 10px !important;
    }
    .apex-hero__title {
        font-size: 30px !important;
        line-height: 1.05 !important;
        letter-spacing: -0.01em !important;
        margin-bottom: 12px !important;
    }
    .apex-hero__desc {
        font-size: 13px !important;
        line-height: 1.45 !important;
        margin-bottom: 0 !important;
    }
    .apex-filter__btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        padding: 9px 6px !important;
        font-size: 11px !important;
        letter-spacing: 0.05em !important;
        white-space: nowrap !important;
        text-align: center !important;
        min-height: 34px !important;
        box-sizing: border-box !important;
    }
}

/* ==========================================================================
   ✅ 3 列布局下卡片内部恢复舒展样式
   ========================================================================== */

/* body 内边距恢复 */
.apex-card .apex-card__body {
    padding: 24px !important;
}

/* 标题字号回到 18px */
.apex-card .apex-card__title,
.apex-card .apex-card__title a,
html body.woocommerce-shop .apex-card h3 {
    font-size: 18px !important;
    line-height: 1.3 !important;
}

/* 描述文字回到 13px */
.apex-card .apex-card__desc {
    font-size: 13px !important;
    line-height: 1.55 !important;
    margin-bottom: 18px !important;
    min-height: 40px !important;
}

/* 参数格子恢复舒展 */
.apex-card .apex-card__specs {
    gap: 8px !important;
    margin-bottom: 18px !important;
    padding-top: 16px !important;
}
.apex-card .apex-card__specs .spec {
    padding: 10px 6px !important;
}
.apex-card .apex-card__specs .lbl {
    font-size: 10px !important;
    margin-bottom: 6px !important;
}
.apex-card .apex-card__specs .val {
    font-size: 15px !important;
}

/* 价格区字号恢复 */
.apex-card .apex-card__price {
    margin-bottom: 16px !important;
}
.apex-card .apex-card__price .amount,
.apex-card .apex-card__price ins .amount,
.apex-card .apex-card__price ins .woocommerce-Price-amount {
    font-size: 22px !important;
}
.apex-card .apex-card__price del .amount {
    font-size: 13px !important;
}

/* 按钮舒展 */
.apex-card .apex-card__btn {
    padding: 14px !important;
    font-size: 13px !important;
}
/* ==========================================================================
   ★★★ 不依赖 body 类，分类页/Shop 页都生效
   ========================================================================== */

/* 卡片外壳 */
body.woocommerce .apex-card,
body.tax-product_cat .apex-card,
body.post-type-archive-product .apex-card,
body.woocommerce-shop .apex-card {
    background: #1c1c1e !important;
    border: 1px solid #2a2a2c !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    padding: 0 !important;
    list-style: none !important;
}

/* ★ 产品图：深色背景 + 16:10 ★ */
body.woocommerce .apex-card .apex-card__img,
body.tax-product_cat .apex-card .apex-card__img,
body.post-type-archive-product .apex-card .apex-card__img,
body.woocommerce-shop .apex-card .apex-card__img,
ul.products li.product .apex-card__img {
    position: relative !important;
    display: block !important;
    background: linear-gradient(135deg, #232325 0%, #131315 100%) !important;
    aspect-ratio: 16 / 10 !important;
    width: 100% !important;
    height: auto !important;
    border-bottom: 1px solid #2a2a2c !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
}
body.woocommerce .apex-card .apex-card__img img,
body.tax-product_cat .apex-card .apex-card__img img,
body.post-type-archive-product .apex-card .apex-card__img img,
body.woocommerce-shop .apex-card .apex-card__img img,
ul.products li.product .apex-card__img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    padding: 28px !important;
    margin: 0 !important;
    display: block !important;
    background: transparent !important;
    mix-blend-mode: normal !important;
    filter: none !important;
    -webkit-filter: none !important;
}

/* 卡片内容区 */
body.woocommerce .apex-card .apex-card__body,
body.tax-product_cat .apex-card .apex-card__body,
body.post-type-archive-product .apex-card .apex-card__body,
body.woocommerce-shop .apex-card .apex-card__body {
    padding: 28px !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    background: #1c1c1e !important;
}

/* ★ 标题：22px Sora 800 ★ */
body.woocommerce .apex-card .apex-card__title,
body.tax-product_cat .apex-card .apex-card__title,
body.post-type-archive-product .apex-card .apex-card__title,
body.woocommerce-shop .apex-card .apex-card__title,
body .apex-card .apex-card__title {
    font-family: 'Sora', sans-serif !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.01em !important;
    color: #ffffff !important;
    margin: 0 0 20px !important;
    padding: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 53px !important;
    text-transform: none !important;
}

/* 隐藏描述 */
body .apex-card .apex-card__desc { display: none !important; }

/* ★ 参数：横向并列 + 左侧橙线 ★ */
body.woocommerce .apex-card .apex-card__specs,
body.tax-product_cat .apex-card .apex-card__specs,
body.post-type-archive-product .apex-card .apex-card__specs,
body.woocommerce-shop .apex-card .apex-card__specs,
body .apex-card .apex-card__specs {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    padding: 20px 0 !important;
    margin: 0 0 24px !important;
    border-top: 1px solid #2a2a2c !important;
    border-bottom: 1px solid #2a2a2c !important;
    border-left: none !important;
    border-right: none !important;
    background: transparent !important;
    grid-template-columns: unset !important;
}
body .apex-card .apex-card__specs .spec {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    padding: 0 0 0 14px !important;
    margin: 0 !important;
    border: none !important;
    border-left: 2px solid #ff981d !important;
    background: transparent !important;
    border-radius: 0 !important;
    text-align: left !important;
    box-shadow: none !important;
}
body .apex-card .apex-card__specs .spec .lbl {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 10px !important;
    letter-spacing: .15em !important;
    color: #888 !important;
    text-transform: uppercase !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
    line-height: 1 !important;
    font-weight: 500 !important;
}
body .apex-card .apex-card__specs .spec .val {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ★ 价格 ★ */
body .apex-card .apex-card__price {
    display: flex !important;
    align-items: baseline !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 0 0 20px !important;
    padding: 0 !important;
    font-family: 'Sora', sans-serif !important;
    line-height: 1 !important;
}
body .apex-card .apex-card__price .amount,
body .apex-card .apex-card__price .woocommerce-Price-amount,
body .apex-card .apex-card__price .price > .amount,
body .apex-card .apex-card__price .price > .woocommerce-Price-amount {
    font-family: 'Sora', sans-serif !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    letter-spacing: -0.01em !important;
    line-height: 1 !important;
    background: transparent !important;
    text-decoration: none !important;
}
body .apex-card .apex-card__price del,
body .apex-card .apex-card__price del .amount,
body .apex-card .apex-card__price del .woocommerce-Price-amount {
    font-family: 'Sora', sans-serif !important;
    font-size: 15px !important;
    color: #666 !important;
    font-weight: 500 !important;
    text-decoration: line-through !important;
    opacity: 1 !important;
}
body .apex-card .apex-card__price ins,
body .apex-card .apex-card__price ins .amount,
body .apex-card .apex-card__price ins .woocommerce-Price-amount {
    font-family: 'Sora', sans-serif !important;
    font-size: 26px !important;
    font-weight: 800 !important;
    color: #ff981d !important;
    background: transparent !important;
    text-decoration: none !important;
    letter-spacing: -0.01em !important;
    line-height: 1 !important;
}

/* 按钮 */
body .apex-card .apex-card__btn {
    display: block !important;
    padding: 16px !important;
    text-align: center !important;
    background: #ff981d !important;
    color: #1a1a1a !important;
    font-family: 'Sora', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    letter-spacing: .15em !important;
    border-radius: 4px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    margin-top: auto !important;
    border: none !important;
}

/* Badge */
body .apex-card .apex-card__badge {
    position: absolute !important;
    top: 16px !important;
    left: 16px !important;
    z-index: 2 !important;
    background: #ff981d !important;
    color: #1a1a1a !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .12em !important;
    padding: 6px 12px !important;
    border-radius: 3px !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
}

/* flex 沉底 */
body .apex-card .apex-card__title { flex-shrink: 0 !important; }
body .apex-card .apex-card__specs { flex-shrink: 0 !important; }
body .apex-card .apex-card__price { flex-shrink: 0 !important; margin-top: auto !important; }
body .apex-card .apex-card__btn { flex-shrink: 0 !important; }

/* 网格间距 */
@media (min-width: 1024px) {
    body .products.row > .col,
    body .products.row > .product {
        padding: 0 20px !important;
        margin-bottom: 40px !important;
    }
}
body .products.row {
    padding: 60px 24px 100px !important;
}

/* 让白底产品图融入深色背景 */
body .apex-card .apex-card__img img {
    mix-blend-mode: multiply !important;
    background: #ffffff !important;
}

/* ===== Filter 改造为设计稿的"等宽文字 tab"风格 ===== */
body .apex-filter {
    border-bottom: 1px solid #2a2a2c !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
body .apex-filter__inner {
    justify-content: center !important;
    gap: 40px !important;
    padding-bottom: 20px !important;
}
body .apex-filter .apex-filter__btn {
    background: transparent !important;
    border: none !important;
    padding: 8px 0 !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0.05em !important;
    text-transform: none !important;  /* 设计稿是 "All Models"，不是全大写 */
    color: #a1a1a1 !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
body .apex-filter .apex-filter__btn:hover {
    color: #ffffff !important;
    background: transparent !important;
    border-color: transparent !important;
}
body .apex-filter .apex-filter__btn--active {
    background: transparent !important;
    color: #ff981d !important;
    border-bottom: 2px solid #ff981d !important;
    box-shadow: none !important;
}
/* ============================================================
   ★★★ APEX 终极修正 v3 — 突破 Flatsome 外层容器限制
   ============================================================ */

/* —— ① 撑开 Flatsome 的外层 row 容器（关键！）—— */
html body.tax-product_cat .shop-container > .row,
html body.tax-product_cat .row.category-page-row,
html body.tax-product_cat .row-large,
html body.post-type-archive-product .shop-container > .row,
html body.post-type-archive-product .row.category-page-row {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* —— ② 撑开外层 col-12 —— */
html body.tax-product_cat .shop-container .col.large-12,
html body.post-type-archive-product .shop-container .col.large-12 {
    max-width: 100% !important;
    width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
}

/* —— ③ 移除 row-divided 的分隔线和内边距 —— */
html body.tax-product_cat .row-divided > .col + .col,
html body.post-type-archive-product .row-divided > .col + .col {
    border: none !important;
    padding-left: 0 !important;
}

/* —— ④ 让 .products.row 真正撑到 1500px —— */
html body.tax-product_cat .products.row,
html body.post-type-archive-product .products.row,
html body.woocommerce-shop .products.row {
    max-width: 1500px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 60px 40px 100px !important;
    display: flex !important;
    flex-wrap: wrap !important;
}

/* —— ⑤ 桌面 3 列，每张卡片真正占 1/3 —— */
@media (min-width: 1024px) {
    html body .products.row > .col,
    html body .products.row > .product,
    html body .products.row > .product-small {
        width: 33.333% !important;
        max-width: 33.333% !important;
        flex: 0 0 33.333% !important;
        padding: 0 16px !important;
        margin-bottom: 32px !important;
        box-sizing: border-box !important;
    }
}

/* —— ⑥ 同时处理 Flatsome 自带的 large-columns-3 列宽规则 —— */
html body .row.large-columns-3 > .col,
html body .row.large-columns-3 > .product-small {
    max-width: 33.333% !important;
    flex: 0 0 33.333% !important;
}

/* —— ⑦ 修复参数截断（这次用更稳妥的方案）—— */
body .apex-card .apex-card__specs .spec .val {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-spacing: 9999px !important;     /* 黑科技：空格强制换行 */
    font-size: 16px !important;
    line-height: 1.3 !important;
}
body .apex-card .apex-card__specs .spec .lbl {
    word-spacing: normal !important;
}
/* ============================================================
   ★★★ APEX 终极修正 v4 — 分类页主图正方形 + 贴边大图
   位置：style.css 最末尾（v3 之后）
   ============================================================ */

/* —— ① 主图框：改为正方形，复刻详情页风格 —— */
body .apex-card .apex-card__img,
body.woocommerce .apex-card .apex-card__img,
body.woocommerce-shop .apex-card .apex-card__img,
body.tax-product_cat .apex-card .apex-card__img {
    aspect-ratio: 1 / 1 !important;          /* 16:10 → 1:1 正方形 */
    width: 100% !important;
    height: auto !important;
    /* 复刻详情页的白→浅灰渐变背景 */
    background: linear-gradient(180deg, #ffffff 0%, #ffffff 60%, #e8e8ea 100%) !important;
    border-radius: 12px 12px 0 0 !important; /* 顶部圆角，与卡片呼应 */
    overflow: hidden !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* —— ② 图片本体：贴边显示，去掉过大 padding —— */
body .apex-card .apex-card__img img,
body.woocommerce .apex-card .apex-card__img img,
body.woocommerce-shop .apex-card .apex-card__img img,
body.tax-product_cat .apex-card .apex-card__img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    padding: 14px !important;                /* 32px → 14px，让车占满框 */
    margin: 0 !important;
    display: block !important;
    transition: transform .4s ease !important;
}

/* —— ③ Hover 时图片轻微放大，增加质感 —— */
body .apex-card:hover .apex-card__img img {
    transform: scale(1.04) !important;
}

/* —— ④ 移动端：保持正方形，padding 再小一点 —— */
@media (max-width: 599px) {
    body .apex-card .apex-card__img img {
        padding: 12px !important;
    }
}

/* —— ⑤ 修复 woocommerce 默认图片样式干扰 —— */
body .apex-card .apex-card__img a,
body .apex-card .apex-card__img .wp-post-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
}

/* —— ⑥ 顶部徽章定位微调（适应正方形）—— */
body .apex-card .apex-card__badge {
    top: 16px !important;
    left: 16px !important;
    z-index: 5 !important;
}

/* ============================================================
   APEX — WooCommerce Cart 页深色品牌化（Blocks 版）
   作用域：body.woocommerce-cart
   ============================================================ */

/* —— ① 整页深色背景 —— */
body.woocommerce-cart,
body.woocommerce-cart #wrapper,
body.woocommerce-cart #main,
body.woocommerce-cart .page-wrapper,
body.woocommerce-cart #content,
body.woocommerce-cart .site-main,
body.woocommerce-cart .cart-container,
body.woocommerce-cart .page-wrapper.page-checkout,
body.woocommerce-cart .wp-block-woocommerce-cart {
    background: #131313 !important;
    background-color: #131313 !important;
    color: #e2e2e2 !important;
}

/* —— ② Header 深色化 —— */
body.woocommerce-cart .header,
body.woocommerce-cart #masthead,
body.woocommerce-cart .header-wrapper,
body.woocommerce-cart .header-main,
body.woocommerce-cart header {
    background: #0e0e0e !important;
    border-bottom: 1px solid #272727 !important;
    box-shadow: none !important;
}
body.woocommerce-cart .header a,
body.woocommerce-cart .header .nav > li > a {
    color: #c6c6c7 !important;
}
body.woocommerce-cart .header a:hover,
body.woocommerce-cart .header .nav > li > a:hover {
    color: #ff981d !important;
}

/* —— ③ 步骤导航（SHOPPING CART > CHECKOUT DETAILS > ORDER COMPLETE）—— */
body.woocommerce-cart .checkout-page-title,
body.woocommerce-cart .page-title {
    background: transparent !important;
}
body.woocommerce-cart .checkout-page-title .page-title-inner,
body.woocommerce-cart .checkout-page-title h1,
body.woocommerce-cart .checkout-page-title a,
body.woocommerce-cart .checkout-page-title span {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #555555 !important;
}
/* 当前激活步骤高亮 */
body.woocommerce-cart .checkout-page-title .current,
body.woocommerce-cart .checkout-page-title strong,
body.woocommerce-cart .checkout-page-title [aria-current] {
    color: #ffc086 !important;
    font-weight: 700 !important;
}

/* —— ④ Blocks 外层容器背景 —— */
body.woocommerce-cart .wc-block-components-sidebar-layout,
body.woocommerce-cart .wc-block-cart,
body.woocommerce-cart .wc-block-cart__main,
body.woocommerce-cart .wc-block-cart__sidebar,
body.woocommerce-cart .wp-block-woocommerce-cart-items-block,
body.woocommerce-cart .wp-block-woocommerce-cart-totals-block,
body.woocommerce-cart .wp-block-woocommerce-filled-cart-block,
body.woocommerce-cart .wc-block-components-main,
body.woocommerce-cart .wp-block-woocommerce-cart-order-summary-block {
    background: transparent !important;
    background-color: transparent !important;
    color: #e2e2e2 !important;
}

/* —— ⑤ 商品列表表格 —— */
body.woocommerce-cart .wc-block-cart-items {
    background: transparent !important;
    border: none !important;
    border-collapse: collapse !important;
    width: 100% !important;
}
body.woocommerce-cart .wc-block-cart-items__header {
    border-bottom: 1px solid #333333 !important;
    background: transparent !important;
}
body.woocommerce-cart .wc-block-cart-items__header th,
body.woocommerce-cart .wc-block-cart-items__header span {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #A1A1A1 !important;
    background: transparent !important;
    padding-bottom: 16px !important;
}
body.woocommerce-cart .wc-block-cart-items__row {
    border-bottom: 1px solid #333333 !important;
    background: transparent !important;
}
body.woocommerce-cart .wc-block-cart-items__row td {
    background: transparent !important;
    padding: 24px 8px !important;
    vertical-align: middle !important;
    border: none !important;
    border-bottom: 1px solid #333333 !important;
}

/* —— ⑥ 商品缩略图 —— */
body.woocommerce-cart .wc-block-cart-item__image img,
body.woocommerce-cart .wc-block-components-product-image img {
    background: linear-gradient(180deg, #ffffff 0%, #e8e8ea 100%) !important;
    border-radius: 8px !important;
    padding: 8px !important;
    object-fit: contain !important;
    display: block !important;
}

/* —— ⑦ 商品名称 —— */
body.woocommerce-cart .wc-block-components-product-name,
body.woocommerce-cart .wc-block-cart-item__wrap a.wc-block-components-product-name {
    font-family: 'Roboto Flex', sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #e2e2e2 !important;
    text-decoration: none !important;
    line-height: 1.4 !important;
}
body.woocommerce-cart .wc-block-components-product-name:hover {
    color: #ffc086 !important;
}

/* —— ⑧ 变体信息（Version / Color）—— */
body.woocommerce-cart .wc-block-components-product-metadata,
body.woocommerce-cart .wc-block-components-product-metadata__description,
body.woocommerce-cart .wc-block-components-product-metadata p,
body.woocommerce-cart .wc-block-components-product-details,
body.woocommerce-cart .wc-block-components-product-details__item {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #A1A1A1 !important;
}

/* —— ⑨ 商品单价 —— */
body.woocommerce-cart .wc-block-cart-item__prices .wc-block-components-product-price,
body.woocommerce-cart .wc-block-cart-item__prices .wc-block-formatted-money-amount,
body.woocommerce-cart .wc-block-cart-item__prices .price,
body.woocommerce-cart .wc-block-cart-item__prices .woocommerce-Price-amount {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #A1A1A1 !important;
}
/* 划线原价 */
body.woocommerce-cart .wc-block-cart-item__prices del,
body.woocommerce-cart .wc-block-cart-item__prices del .woocommerce-Price-amount {
    color: #555555 !important;
    font-size: 12px !important;
}
/* 促销现价 */
body.woocommerce-cart .wc-block-cart-item__prices ins,
body.woocommerce-cart .wc-block-cart-item__prices ins .woocommerce-Price-amount {
    color: #ff981d !important;
    text-decoration: none !important;
    background: transparent !important;
}

/* —— ⑩ 小计列（右侧 Total）—— */
body.woocommerce-cart .wc-block-cart-item__total .wc-block-formatted-money-amount,
body.woocommerce-cart .wc-block-cart-item__total .woocommerce-Price-amount,
body.woocommerce-cart td.wc-block-cart-item__total {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #e2e2e2 !important;
}

/* —— ⑪ 数量加减（Blocks 版 stepper）—— */
body.woocommerce-cart .wc-block-components-quantity-selector {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #333333 !important;
    border-radius: 0 !important;
    gap: 4px !important;
}
body.woocommerce-cart .wc-block-components-quantity-selector__input {
    background: transparent !important;
    border: none !important;
    color: #e2e2e2 !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    text-align: center !important;
    -moz-appearance: textfield !important;
}
body.woocommerce-cart .wc-block-components-quantity-selector__input:focus {
    outline: none !important;
    box-shadow: none !important;
}
body.woocommerce-cart .wc-block-components-quantity-selector__button {
    background: transparent !important;
    border: 1px solid #333333 !important;
    color: #A1A1A1 !important;
    border-radius: 0 !important;
    transition: all 0.15s !important;
    width: 32px !important;
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
body.woocommerce-cart .wc-block-components-quantity-selector__button:hover {
    border-color: #ff981d !important;
    color: #ff981d !important;
}
body.woocommerce-cart .wc-block-components-quantity-selector__button svg {
    fill: currentColor !important;
}

/* —— ⑫ 删除按钮 —— */
body.woocommerce-cart .wc-block-cart-item__remove-link,
body.woocommerce-cart .wc-block-components-product-badge a {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 11px !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #555555 !important;
    text-decoration: none !important;
    transition: color 0.2s !important;
}
body.woocommerce-cart .wc-block-cart-item__remove-link:hover {
    color: #ffb4ab !important;
}

/* —— ⑬ Cart Totals 侧边栏卡片 —— */
body.woocommerce-cart .wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-block,
body.woocommerce-cart .wc-block-cart__sidebar {
    background: #1A1A1A !important;
    border: 1px solid #333333 !important;
    padding: 32px !important;
    border-radius: 0 !important;
}

/* Cart Totals 标题 */
body.woocommerce-cart .wc-block-cart__totals-title,
body.woocommerce-cart .wp-block-woocommerce-cart-order-summary-heading-block h2 {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #A1A1A1 !important;
    border-bottom: 1px solid #333333 !important;
    padding-bottom: 16px !important;
    margin-bottom: 0 !important;
}

/* —— ⑭ Totals 内的行（Subtotal / Discount / Total）—— */
body.woocommerce-cart .wc-block-components-totals-wrapper,
body.woocommerce-cart .wc-block-components-totals-item {
    background: transparent !important;
    border-color: #333333 !important;
    color: #e2e2e2 !important;
}
body.woocommerce-cart .wc-block-components-totals-item__label {
    font-family: 'Roboto Flex', sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #A1A1A1 !important;
}
body.woocommerce-cart .wc-block-components-totals-item__value,
body.woocommerce-cart .wc-block-components-totals-item__value .wc-block-formatted-money-amount,
body.woocommerce-cart .wc-block-components-totals-item__value .woocommerce-Price-amount {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #e2e2e2 !important;
}

/* 最终 Total 行加大加橙 */
body.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
    font-family: 'Sora', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #e2e2e2 !important;
}
body.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
body.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-formatted-money-amount {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 28px !important;
    font-weight: 500 !important;
    color: #ff981d !important;
}

/* —— ⑮ Coupon 区域 —— */
body.woocommerce-cart .wc-block-components-totals-coupon,
body.woocommerce-cart .wc-block-components-panel {
    background: transparent !important;
    border-color: #333333 !important;
    color: #e2e2e2 !important;
}
body.woocommerce-cart .wc-block-components-panel__button,
body.woocommerce-cart .wc-block-components-totals-coupon__button-text {
    font-family: 'Roboto Flex', sans-serif !important;
    font-size: 15px !important;
    color: #e2e2e2 !important;
    background: transparent !important;
}
body.woocommerce-cart .wc-block-components-panel__button svg,
body.woocommerce-cart .wc-block-components-totals-coupon svg {
    fill: #A1A1A1 !important;
}
body.woocommerce-cart .wc-block-components-totals-coupon__form {
    background: transparent !important;
}
body.woocommerce-cart .wc-block-components-totals-coupon__input input,
body.woocommerce-cart .wc-block-components-totals-coupon__input .wc-block-components-text-input input {
    background: #131313 !important;
    border: none !important;
    border-bottom: 1px solid #333333 !important;
    color: #e2e2e2 !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 13px !important;
    border-radius: 0 !important;
    padding: 10px 4px !important;
}
body.woocommerce-cart .wc-block-components-totals-coupon__input input:focus {
    border-bottom-color: #ff981d !important;
    outline: none !important;
    box-shadow: none !important;
}
body.woocommerce-cart .wc-block-components-totals-coupon__redeem-button {
    background: transparent !important;
    border: 1px solid #333333 !important;
    color: #A1A1A1 !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    border-radius: 0 !important;
    transition: all 0.15s !important;
}
body.woocommerce-cart .wc-block-components-totals-coupon__redeem-button:hover {
    border-color: #ff981d !important;
    color: #ff981d !important;
}

/* —— ⑯ Proceed to Checkout 按钮 —— */
body.woocommerce-cart .wc-block-cart__submit-container,
body.woocommerce-cart .wp-block-woocommerce-proceed-to-checkout-block {
    background: transparent !important;
}
body.woocommerce-cart .wc-block-cart__submit-button,
body.woocommerce-cart .wc-block-components-checkout-place-order-button,
body.woocommerce-cart .wp-block-woocommerce-proceed-to-checkout-block a,
body.woocommerce-cart .wp-block-woocommerce-proceed-to-checkout-block button {
    display: block !important;
    width: 100% !important;
    background: #ff981d !important;
    color: #2d1600 !important;
    font-family: 'Sora', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    padding: 18px !important;
    border-radius: 0 !important;
    border: none !important;
    text-decoration: none !important;
    transition: background 0.2s !important;
    box-shadow: none !important;
}
body.woocommerce-cart .wc-block-cart__submit-button:hover,
body.woocommerce-cart .wp-block-woocommerce-proceed-to-checkout-block a:hover,
body.woocommerce-cart .wp-block-woocommerce-proceed-to-checkout-block button:hover {
    background: #ffc086 !important;
    color: #2d1600 !important;
}

/* —— ⑰ 通知消息 —— */
body.woocommerce-cart .wc-block-components-notice-banner,
body.woocommerce-cart .wc-block-components-notice-banner__content {
    background: #1f1f1f !important;
    color: #e2e2e2 !important;
    border-radius: 0 !important;
}
body.woocommerce-cart .wc-block-components-notice-banner.is-error {
    border-left-color: #ffb4ab !important;
}
body.woocommerce-cart .wc-block-components-notice-banner.is-success {
    border-left-color: #ff981d !important;
}

/* —— ⑱ Footer —— */
body.woocommerce-cart footer,
body.woocommerce-cart .footer-wrapper,
body.woocommerce-cart #footer {
    background: #0e0e0e !important;
    border-top: 1px solid #272727 !important;
    color: #A1A1A1 !important;
}
body.woocommerce-cart footer a { color: #A1A1A1 !important; }
body.woocommerce-cart footer a:hover { color: #ff981d !important; }

/* —— ⑲ 移动端 —— */
@media (max-width: 768px) {
    body.woocommerce-cart .wc-block-cart__sidebar {
        padding: 20px !important;
    }
    body.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-formatted-money-amount {
        font-size: 22px !important;
    }
}

/* ============================================================
   APEX — Cart 布局拉宽 + 字体优化 + Badge 品牌色
   追加在 Cart Blocks CSS 之后
   ============================================================ */

/* —— ① Cart 外层容器拉宽到 1280px —— */
body.woocommerce-cart .cart-container,
body.woocommerce-cart .page-wrapper.page-checkout,
body.woocommerce-cart .wp-block-woocommerce-cart,
body.woocommerce-cart .wc-block-cart,
body.woocommerce-cart .wc-block-components-sidebar-layout {
    max-width: 1280px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 64px !important;
    padding-right: 64px !important;
    box-sizing: border-box !important;
}

/* Flatsome 的 .container 限制也一起突破 */
body.woocommerce-cart .container,
body.woocommerce-cart #content .container,
body.woocommerce-cart .page-title-inner {
    max-width: 1280px !important;
    width: 100% !important;
    padding-left: 64px !important;
    padding-right: 64px !important;
    box-sizing: border-box !important;
}

/* 步骤导航标题区也跟着拉宽 */
body.woocommerce-cart .checkout-page-title {
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 64px !important;
    padding-right: 64px !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

/* 移动端收窄 padding */
@media (max-width: 768px) {
    body.woocommerce-cart .cart-container,
    body.woocommerce-cart .page-wrapper.page-checkout,
    body.woocommerce-cart .wp-block-woocommerce-cart,
    body.woocommerce-cart .wc-block-cart,
    body.woocommerce-cart .wc-block-components-sidebar-layout,
    body.woocommerce-cart .container,
    body.woocommerce-cart .checkout-page-title {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

/* —— ② 商品名称放大 —— */
body.woocommerce-cart .wc-block-components-product-name,
body.woocommerce-cart .wc-block-cart-item__wrap a.wc-block-components-product-name {
    font-size: 17px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
}

/* —— ③ 价格区字体放大 —— */
/* 划线原价 */
body.woocommerce-cart .wc-block-cart-item__prices del .woocommerce-Price-amount,
body.woocommerce-cart .wc-block-cart-item__prices del .wc-block-formatted-money-amount {
    font-size: 14px !important;
    color: #555555 !important;
}
/* 促销现价（橙色大字） */
body.woocommerce-cart .wc-block-cart-item__prices ins .woocommerce-Price-amount,
body.woocommerce-cart .wc-block-cart-item__prices ins .wc-block-formatted-money-amount {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #ff981d !important;
}
/* 无促销时的普通单价 */
body.woocommerce-cart .wc-block-cart-item__prices .wc-block-formatted-money-amount {
    font-size: 16px !important;
}

/* —— ④ 变体信息（VERSION / COLOR）放大 —— */
body.woocommerce-cart .wc-block-components-product-metadata,
body.woocommerce-cart .wc-block-components-product-metadata p,
body.woocommerce-cart .wc-block-components-product-details,
body.woocommerce-cart .wc-block-components-product-details__item,
body.woocommerce-cart .wc-block-components-product-details__item-name,
body.woocommerce-cart .wc-block-components-product-details__item-value {
    font-size: 12px !important;
    letter-spacing: 0.1em !important;
    color: #A1A1A1 !important;
    margin-top: 10px !important;
    line-height: 1.8 !important;
}

/* —— ⑤ 右侧小计列字体同步放大 —— */
body.woocommerce-cart .wc-block-cart-item__total .wc-block-formatted-money-amount,
body.woocommerce-cart .wc-block-cart-item__total .woocommerce-Price-amount,
body.woocommerce-cart td.wc-block-cart-item__total {
    font-size: 22px !important;
}

/* —— ⑥ "Save $500.00" Badge 改为品牌橙色 —— */
body.woocommerce-cart .wc-block-components-sale-badge,
body.woocommerce-cart .wc-block-components-product-sale-badge,
body.woocommerce-cart .wc-block-cart-item__prices .wc-block-components-sale-badge {
    background: rgba(255, 152, 29, 0.15) !important;
    color: #ff981d !important;
    border: 1px solid rgba(255, 152, 29, 0.3) !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    border-radius: 3px !important;
    padding: 4px 10px !important;
}
/* ============================================================
   APEX — Cart 商品图放大
   ============================================================ */

/* 图片列宽度放大 */
body.woocommerce-cart td.wc-block-cart-item__image,
body.woocommerce-cart .wc-block-cart-item__image {
    width: 140px !important;
    min-width: 140px !important;
    padding-right: 20px !important;
    vertical-align: middle !important;
}

/* 图片本体尺寸 */
body.woocommerce-cart .wc-block-cart-item__image img,
body.woocommerce-cart .wc-block-components-product-image img,
body.woocommerce-cart .wc-block-components-product-image a img {
    width: 120px !important;
    height: 120px !important;
    min-width: 120px !important;
    min-height: 120px !important;
    object-fit: contain !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #ffffff 0%, #e8e8ea 100%) !important;
    padding: 10px !important;
    display: block !important;
}

/* 移动端稍微缩小 */
@media (max-width: 768px) {
    body.woocommerce-cart td.wc-block-cart-item__image,
    body.woocommerce-cart .wc-block-cart-item__image {
        width: 88px !important;
        min-width: 88px !important;
    }
    body.woocommerce-cart .wc-block-cart-item__image img,
    body.woocommerce-cart .wc-block-components-product-image img {
        width: 72px !important;
        height: 72px !important;
        min-width: 72px !important;
        min-height: 72px !important;
    }
}
/* ============================================================
   APEX — Cart 移动端优化
   ============================================================ */
@media (max-width: 768px) {

    /* —— ① 整体表格改为块级堆叠，彻底解决列宽争抢 —— */
    body.woocommerce-cart .wc-block-cart-items__row {
        display: flex !important;
        flex-wrap: wrap !important;
        padding: 20px 0 !important;
        gap: 12px 0 !important;
        position: relative !important;
    }

    /* 图片列：固定宽度，左侧 */
    body.woocommerce-cart td.wc-block-cart-item__image {
        width: 88px !important;
        min-width: 88px !important;
        flex: 0 0 88px !important;
        display: block !important;
        padding-right: 12px !important;
        padding-bottom: 0 !important;
    }

    /* 商品信息列：占满剩余宽度 */
    body.woocommerce-cart td.wc-block-cart-item__product {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        display: block !important;
        padding: 0 !important;
    }

    /* 小计列：独立一行，右对齐 */
    body.woocommerce-cart td.wc-block-cart-item__total {
        flex: 0 0 100% !important;
        width: 100% !important;
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
        gap: 12px !important;
        padding: 8px 0 0 100px !important; /* 左侧留出图片宽度，视觉对齐商品信息 */
    }
    body.woocommerce-cart td.wc-block-cart-item__total .wc-block-formatted-money-amount,
    body.woocommerce-cart td.wc-block-cart-item__total .woocommerce-Price-amount {
        font-size: 18px !important;
    }

    /* Save badge 在移动端也完整显示 */
    body.woocommerce-cart .wc-block-components-sale-badge,
    body.woocommerce-cart .wc-block-components-product-sale-badge {
        white-space: nowrap !important;
        flex-shrink: 0 !important;
        font-size: 10px !important;
        padding: 3px 8px !important;
    }

    /* —— ② 商品名称：防止过长单词溢出 —— */
    body.woocommerce-cart .wc-block-components-product-name {
        font-size: 15px !important;
        line-height: 1.4 !important;
        word-break: break-word !important;
        overflow-wrap: break-word !important;
        display: block !important;
        margin-bottom: 6px !important;
    }

    /* —— ③ 变体信息（VERSION / COLOR）：每个属性单独一行，不再串行 —— */
    body.woocommerce-cart .wc-block-components-product-details,
    body.woocommerce-cart .wc-block-components-product-details__item {
        display: block !important;
        width: 100% !important;
        white-space: normal !important;
        word-break: normal !important;
        line-height: 1.9 !important;
        font-size: 11px !important;
    }

    /* 隐藏变体属性之间的 "/" 分隔符（移动端单行显示不需要） */
    body.woocommerce-cart .wc-block-components-product-details__item + .wc-block-components-product-details__item::before {
        content: '' !important;
        display: block !important;
    }

    /* —— ④ 数量 + 删除按钮行 —— */
    body.woocommerce-cart .wc-block-cart-item__quantity,
    body.woocommerce-cart .wc-block-cart-item__wrap > div:last-child {
        margin-top: 10px !important;
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
    }

    /* —— ⑤ 图片尺寸 —— */
    body.woocommerce-cart .wc-block-cart-item__image img,
    body.woocommerce-cart .wc-block-components-product-image img {
        width: 76px !important;
        height: 76px !important;
        min-width: 76px !important;
        min-height: 76px !important;
        padding: 8px !important;
    }

    /* —— ⑥ Cart Totals 卡片移动端内边距 —— */
    body.woocommerce-cart .wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-block,
    body.woocommerce-cart .wc-block-cart__sidebar {
        padding: 20px !important;
    }
    body.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-formatted-money-amount {
        font-size: 22px !important;
    }
}

/* ============================================================
   APEX — Mobile Filter: 横向滚动 + 可发现性优化
   ① 右侧渐变遮罩  ② 末尾按钮半截露出
   ============================================================ */
@media (max-width: 768px) {

    /* 容器：relative 用于定位伪元素遮罩 */
    body .apex-filter {
        position: relative !important;
        overflow: hidden !important;   /* 裁掉伪元素超出部分 */
    }

    /* 滚动轨道：单行横向滚动 */
    body .apex-filter__inner {
        display: flex !important;
        flex-wrap: nowrap !important;          /* 禁止换行 */
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;      /* Firefox 隐藏滚动条 */
        gap: 8px !important;
        padding: 0 16px !important;
        padding-right: 52px !important;        /* ② 右侧留出半截空间，让最后按钮被截断 */
        justify-content: flex-start !important;
        align-items: center !important;
        min-height: 48px !important;
    }

    /* 隐藏 WebKit 滚动条 */
    body .apex-filter__inner::-webkit-scrollbar {
        display: none !important;
    }

    /* 按钮：宽度由内容决定，不再撑满整行 */
    body .apex-filter .apex-filter__btn {
        flex: 0 0 auto !important;             /* 禁止压缩/拉伸 */
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        white-space: nowrap !important;
        padding: 9px 16px !important;
        font-size: 12px !important;
        letter-spacing: 0.06em !important;
    }

    /* ① 右侧渐变遮罩：从透明 → #131313，提示右边还有内容 */
    body .apex-filter::after {
        content: '' !important;
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        width: 64px !important;
        height: 100% !important;
        background: linear-gradient(
            to right,
            transparent 0%,
            #131313 100%
        ) !important;
        pointer-events: none !important;       /* 不阻断点击/滑动事件 */
        z-index: 10 !important;
    }
}
/* ============================================================
   APEX — 类目页（/product-category/）全局深色背景修复
   补齐 Flatsome 外层容器的白色背景
   ============================================================ */
html body.tax-product_cat,
html body.tax-product_cat #wrapper,
html body.tax-product_cat #main,
html body.tax-product_cat #page,
html body.tax-product_cat .page-wrapper,
html body.tax-product_cat .main-content,
html body.tax-product_cat #content,
html body.tax-product_cat .content-area,
html body.tax-product_cat .site-main,
html body.tax-product_cat #main-content,
html body.tax-product_cat .woocommerce,
html body.tax-product_cat .woocommerce-page {
    background: #131313 !important;
    background-color: #131313 !important;
}

/* 消除模块之间的白色缝隙：清除 Flatsome row 的默认 margin/padding */
html body.tax-product_cat .shop-container,
html body.tax-product_cat .woocommerce-products-header,
html body.tax-product_cat #main-content > .row,
html body.tax-product_cat .section {
    background: #131313 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Header 深色化（与 woocommerce-shop 保持一致） */
html body.tax-product_cat .header,
html body.tax-product_cat #masthead,
html body.tax-product_cat .header-wrapper,
html body.tax-product_cat .header-main,
html body.tax-product_cat .header-inner,
html body.tax-product_cat .top-bar-wrapper,
html body.tax-product_cat .top-bar,
html body.tax-product_cat .sticky-header,
html body.tax-product_cat header {
    background: #0e0e0e !important;
    background-color: #0e0e0e !important;
    border-bottom: 1px solid #272727 !important;
    box-shadow: none !important;
}
html body.tax-product_cat .header a,
html body.tax-product_cat .header-main a,
html body.tax-product_cat .header .nav > li > a {
    color: #c6c6c7 !important;
}
html body.tax-product_cat .header a:hover,
html body.tax-product_cat .header .nav > li > a:hover {
    color: #ff981d !important;
}

/* ============================================================
   APEX — 移动端菜单深色化改造
   ============================================================ */

/* —— 遮罩层加深 —— */
.mfp-wrap {
    background: rgba(0, 0, 0, 0.7) !important;
}

/* —— 抽屉主容器 —— */
#main-menu.mobile-sidebar,
.mfp-content #main-menu {
    background: #0e0e0e !important;
    border-right: 1px solid #272727 !important;
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.6) !important;
}

/* —— sidebar-menu 内层容器 —— */
#main-menu .sidebar-menu {
    background: #0e0e0e !important;
}

/* —— 关闭按钮（X） —— */
.mfp-close {
    color: #666 !important;
    font-size: 28px !important;
    opacity: 1 !important;
    transition: color .2s !important;
}
.mfp-close:hover {
    color: #ff981d !important;
}

/* —— 搜索框区域 —— */
#main-menu .header-search-form {
    background: #0e0e0e !important;
    padding: 16px 20px !important;
    border-bottom: 1px solid #1f1f1f !important;
}
#main-menu .header-search-form input[type="search"],
#main-menu .header-search-form input[type="text"] {
    background: #1a1a1a !important;
    border: 1px solid #333 !important;
    color: #e2e2e2 !important;
    border-radius: 3px 0 0 3px !important;
}
#main-menu .header-search-form input::placeholder {
    color: #666 !important;
}
#main-menu .header-search-form button[type="submit"],
#main-menu .header-search-form .search-submit {
    background: #ff981d !important;
    border-color: #ff981d !important;
    color: #1a1a1a !important;
    border-radius: 0 3px 3px 0 !important;
}

/* —— 导航列表整体 —— */
#main-menu .nav.nav-sidebar {
    background: #0e0e0e !important;
}

/* —— 每个菜单项 —— */
#main-menu .nav-sidebar > li {
    border-bottom: 1px solid #1a1a1a !important;
}
#main-menu .nav-sidebar > li > a {
    font-family: 'Sora', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .12em !important;
    color: #c6c6c7 !important;
    padding: 16px 20px !important;
    background: transparent !important;
    border-left: 3px solid transparent !important;
    transition: color .2s, border-color .2s, background .2s !important;
}
#main-menu .nav-sidebar > li > a:hover,
#main-menu .nav-sidebar > li.current-menu-item > a,
#main-menu .nav-sidebar > li.current-menu-ancestor > a {
    color: #ff981d !important;
    border-left-color: #ff981d !important;
    background: #131313 !important;
}

/* —— MY ACCOUNT 展开箭头按钮 —— */
#main-menu .nav-sidebar .toggle {
    color: #666 !important;
    background: transparent !important;
    border: none !important;
    transition: color .2s !important;
}
#main-menu .nav-sidebar .toggle:hover {
    color: #ff981d !important;
}
#main-menu .nav-sidebar li[aria-expanded="true"] > .toggle {
    color: #ff981d !important;
}

/* —— 子菜单（MY ACCOUNT 展开内容） —— */
#main-menu .nav-sidebar .children {
    background: #131313 !important;
    border-top: 1px solid #1a1a1a !important;
}
#main-menu .nav-sidebar .children li a {
    font-family: 'Sora', sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: .08em !important;
    color: #888 !important;
    padding: 12px 20px 12px 32px !important;
    background: transparent !important;
    transition: color .2s !important;
}
#main-menu .nav-sidebar .children li a:hover {
    color: #ff981d !important;
    background: transparent !important;
}

/* —— Account 图标文字 —— */
#main-menu .account-link .header-account-title {
    color: #c6c6c7 !important;
    font-family: 'Sora', sans-serif !important;
}

/* —— Newsletter 邮件图标 —— */
#main-menu .header-newsletter-item a,
#main-menu .header-newsletter-item i {
    color: #555 !important;
    transition: color .2s !important;
}
#main-menu .header-newsletter-item a:hover,
#main-menu .header-newsletter-item i:hover {
    color: #ff981d !important;
}

/* —— Social Icons 区域 —— */
#main-menu .social-icons a {
    color: #555 !important;
    transition: color .2s !important;
}
#main-menu .social-icons a:hover {
    color: #ff981d !important;
}
/* ============================================================
   APEX — 分页按钮修复（/product-category/ 页面 class 对齐）
   ============================================================ */
.woocommerce-pagination ul li .page-number,
.woocommerce-pagination ul li a.page-number,
.woocommerce-pagination ul li span.page-number,
nav.woocommerce-pagination ul li a.page-number,
nav.woocommerce-pagination ul li span.page-number {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #1a1a1a !important;
    border: 1px solid #333333 !important;
    color: #a1a1a1 !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    text-decoration: none !important;
    transition: all 0.15s ease !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
}
.woocommerce-pagination ul li span.page-number.current,
nav.woocommerce-pagination ul li span.current.page-number {
    background: #ff981d !important;
    border-color: #ff981d !important;
    color: #1a1a1a !important;
}
.woocommerce-pagination ul li a.page-number:hover,
nav.woocommerce-pagination ul li a.page-number:hover {
    border-color: #ff981d !important;
    color: #ff981d !important;
}
.woocommerce-pagination ul li a.next.page-number,
.woocommerce-pagination ul li a.prev.page-number {
    font-size: 11px !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    padding: 0 16px !important;
}

/* ============================================
   Apex — Mini Cart 深色化 + 图文布局修复
   ============================================ */

/* Cart 整体容器深色 */
.cart-popup,
.off-canvas-cart,
#cart-popup {
    background: #1a1a1a !important;
    color: #e2e2e2 !important;
}

/* Cart 标题 */
.cart-popup-title {
    font-family: 'Sora', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .2em !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    border-bottom: 1px solid #2a2a2a !important;
    padding-bottom: 16px !important;
}

/* 商品列表容器 */
.woocommerce-mini-cart.cart_list.product_list_widget {
    padding: 0 !important;
}

/* 每一个商品行 */
.woocommerce-mini-cart-item.mini_cart_item {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    padding: 16px 0 !important;
    border-bottom: 1px solid #2a2a2a !important;
    position: relative !important;
}

/* 删除按钮：右上角绝对定位，不占流 */
.woocommerce-mini-cart-item .remove.remove_from_cart_button {
    position: absolute !important;
    top: 16px !important;
    right: 0 !important;
    font-size: 16px !important;
    color: #666 !important;
    line-height: 1 !important;
    z-index: 2 !important;
}
.woocommerce-mini-cart-item .remove.remove_from_cart_button:hover {
    color: #ff981d !important;
}

/* 商品链接（包含图片 + 文字）：垂直堆叠 */
ul.product_list_widget li a:not(.remove) {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important;
    padding-right: 24px !important; /* 给删除按钮留空间 */
    text-decoration: none !important;
    color: #e2e2e2 !important;
}

/* ⚠️ 关键：覆盖 Flatsome 的 position: absolute */
ul.product_list_widget li img {
    position: static !important;
    width: 100% !important;
    max-width: 140px !important;
    height: auto !important;
    object-fit: contain !important;
    border-radius: 6px !important;
    background: #0e0e0e !important;
    padding: 8px !important;
    border: 1px solid #2a2a2a !important;
    flex-shrink: 0 !important;
}

/* 数量 + 价格行 */
.woocommerce-mini-cart-item .ux-mini-cart-qty {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 15px !important;
    color: #a1a1a1 !important;
    margin-top: 4px !important;
}
.woocommerce-mini-cart-item .ux-mini-cart-qty .woocommerce-Price-amount {
    color: #ff981d !important;
    font-weight: 700 !important;
	font-size: 16px !important;
}

/* Cart 底部合计区 */
.woocommerce-mini-cart__total.total {
    border-top: 1px solid #2a2a2a !important;
    padding-top: 16px !important;
    font-family: 'Sora', sans-serif !important;
    color: #e2e2e2 !important;
}
.woocommerce-mini-cart__total .woocommerce-Price-amount {
    color: #ff981d !important;
    font-weight: 700 !important;
}

/* Cart 底部按钮 */
.woocommerce-mini-cart__buttons a {
    display: block !important;
    text-align: center !important;
    padding: 14px !important;
    font-family: 'Sora', sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .15em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    margin-bottom: 8px !important;
}
.woocommerce-mini-cart__buttons .checkout.wc-forward {
    background: #ff981d !important;
    color: #131313 !important;
    border: none !important;
}
.woocommerce-mini-cart__buttons .checkout.wc-forward:hover {
    background: #ffc086 !important;
}
.woocommerce-mini-cart__buttons .button:not(.checkout) {
    background: transparent !important;
    color: #a1a1a1 !important;
    border: 1px solid #333 !important;
}
.woocommerce-mini-cart__buttons .button:not(.checkout):hover {
    border-color: #ff981d !important;
    color: #ffffff !important;
}
/* ============================================
   Apex — Cart 底部深色化（基于真实 DOM）
   ============================================ */

/* 底部容器 */
.ux-mini-cart-footer {
    background: #1a1a1a !important;
    border-top: 1px solid #2a2a2a !important;
    padding: 16px 20px 20px !important;
}

/* Subtotal 行 */
.ux-mini-cart-footer .woocommerce-mini-cart__total.total {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 16px !important;
    font-family: 'Sora', sans-serif !important;
    font-size: 13px !important;
    letter-spacing: .05em !important;
    color: #a1a1a1 !important;
    background: transparent !important;
}
.ux-mini-cart-footer .woocommerce-mini-cart__total strong {
    color: #a1a1a1 !important;
}
.ux-mini-cart-footer .woocommerce-mini-cart__total .woocommerce-Price-amount {
    color: #ff981d !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

/* 按钮容器 */
.ux-mini-cart-footer .woocommerce-mini-cart__buttons.buttons {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    background: transparent !important;
    margin: 0 !important;
}

/* Checkout 按钮（橙色主按钮） */
.ux-mini-cart-footer .woocommerce-mini-cart__buttons a.checkout {
    display: block !important;
    text-align: center !important;
    padding: 14px !important;
    background: #ff981d !important;
    color: #131313 !important;
    font-family: 'Sora', sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .15em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    border: none !important;
}
.ux-mini-cart-footer .woocommerce-mini-cart__buttons a.checkout:hover {
    background: #ffc086 !important;
}

/* View Cart 按钮（描边次按钮） */
.ux-mini-cart-footer .woocommerce-mini-cart__buttons a.wc-forward:not(.checkout) {
    display: block !important;
    text-align: center !important;
    padding: 13px !important;
    background: transparent !important;
    color: #a1a1a1 !important;
    font-family: 'Sora', sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .15em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    border: 1px solid #444 !important;
}
.ux-mini-cart-footer .woocommerce-mini-cart__buttons a.wc-forward:not(.checkout):hover {
    border-color: #ff981d !important;
    color: #ffffff !important;
}