/* ============================================================================
   SKIN: SheCurve (布局层 / Layout layer)
   仅 siteID=13 (DearWears) 加载，由 _Layout.cshtml 条件引入。
   设计目标：1:1 还原 shecurve.com 的视觉结构。
   兼容性铁律：
     - 所有颜色一律 var(--color-*) —— 颜色由 AI 皮肤 (theme.css) 控制，本文件不写死色值。
     - 本文件只管「结构/排版/间距/交互」，不进 fdThemeCss，AI 重新生成皮肤不会冲掉。
     - 字体为 shecurve 标识（Tenor Sans 标题 + Poppins 正文），如需交还 AI 控制可删除字体段。
   非分层(unlayered) → 自动胜过 @layer legacy 的旧 bundle；theme.css 仍后加载，token 由它定。
   ============================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Tenor+Sans&family=Poppins:wght@300;400;500;600;700&display=swap');

/* ── 全局字体 / 排版基线 ───────────────────────────────────────────────── */
body {
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: 0;
    color: var(--color-text, #111);
    -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6,
.halo-block-header .title,
.banner-title,
.section-title,
.gallery__title {
    font-family: 'Tenor Sans', 'Poppins', serif;
    font-weight: 400;
    letter-spacing: .02em;
}

/* ── 宽容器 (shecurve container-1770 ≈ 1800px) ──────────────────────────── */
.page-container,
.shop-section .page-container,
.section-blogs .page-container {
    max-width: 1800px !important;
    margin-inline: auto;
    padding-inline: 24px;
}
@media (max-width: 1024px) {
    .page-container, .shop-section .page-container { padding-inline: 16px; }
}
@media (max-width: 767px) {
    .page-container, .shop-section .page-container { padding-inline: 12px; }
}

/* ── Section 垂直节奏 ──────────────────────────────────────────────────── */
.shop-section { padding-top: 26px; padding-bottom: 26px; }
@media (min-width: 1025px) {
    .shop-section { padding-top: 38px; padding-bottom: 38px; }
}

/* ── Section 标题：居中 / 大写 / 字间距 / 无装饰横线 (shecurve 风格) ──────── */
.halo-block-header { text-align: center; margin-bottom: 36px; }
.halo-block-header .title {
    position: relative;
    display: block;
    font-size: 24px;          /* shecurve --font-heading-size */
    line-height: 24px;        /* shecurve --heading-line-height */
    font-weight: 500;         /* shecurve --font-heading-weight */
    text-transform: capitalize; /* shecurve --heading-text-transform (非全大写) */
    letter-spacing: 0;        /* shecurve --heading-letter-spacing */
    color: var(--zone-section-title-color, var(--color-text, #111));
    margin: 1px 0 5px;        /* shecurve .title margin */
}
/* 干掉旧系统标题贯穿横线 + 两端圆点 */
.halo-block-header .title::before,
.halo-block-header .title::after,
.halo-block-header .title .text::before,
.halo-block-header .title .text::after { display: none !important; }
.halo-block-header .title .text {
    background: transparent !important;
    padding: 0 !important;
}
.halo-block-header .section-block-desc {
    margin-top: 10px;
    font-size: 14px;
    color: var(--color-text-secondary, #555);
    font-family: 'Poppins', sans-serif;
}
.halo-block-header .view_all {
    display: inline-block;
    margin-top: 14px;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--color-text, #111);
    border-bottom: 1px solid currentColor;
    line-height: 1.4;
}
.halo-block-header .view_all:hover { color: var(--color-primary, #6A5ACD); }

@media (max-width: 767px) {
    .halo-block-header { margin-bottom: 22px; }
    .halo-block-header .title { font-size: 19px; letter-spacing: .06em; }
}

/* ── 产品卡 (shecurve: 竖图 / 悬停放大 / 极简) ─────────────────────────── */
.product-card {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    transition: none !important;
}
.product-card:hover {
    box-shadow: none !important;
    transform: none !important;
}
.product-card .product-card-top {
    border-radius: 6px !important;
    overflow: hidden !important;
    background: var(--color-bg-secondary, #f5f5f5) !important;
}
/* 竖版图片 4:5，cover 裁切 + 悬停放大 1.06（shecurve 标志性交互） */
.product-card .product-card-media,
.product-card .product-card-media.img-box {
    position: relative !important;
    aspect-ratio: 4 / 5 !important;
    overflow: hidden !important;
    border-radius: 6px !important;
}
.product-card .product-card-media .image,
.product-card .product-card-media a.image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
}
.product-card .product-card-media img,
.product-card .card-media-img,
.product-card .card-media-img2 {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    transition: transform .6s cubic-bezier(.25,.46,.45,.94) !important;
}
.product-card:hover .product-card-media img,
.product-card:hover .card-media-img {
    transform: scale(1.06) !important;
}
/* 信息区 */
.product-card .product-card-bottom { padding: 12px 2px 0 !important; }
.product-card .product-card-information { padding: 0 !important; }
.product-card .card-title,
.product-card .card-title a {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    color: var(--color-text, #111) !important;
    margin-bottom: 6px !important;
}
.product-card .card-title a:hover { color: var(--color-primary, #6A5ACD) !important; }
.product-card .card-price,
.product-card .price-item-price .money {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--color-text, #111) !important;
}
.product-card del .money,
.product-card .price-item--regular .money {
    color: var(--color-text-muted, #999) !important;
    font-weight: 400 !important;
    text-decoration: line-through !important;
}
/* Sale 角标：薰衣草紫 (token) */
.product-card .card__badge .badge,
.product-card .badge.sale-badge {
    background: var(--color-primary, #6A5ACD) !important;
    color: var(--color-text-on-primary, #fff) !important;
    border-radius: 4px !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    padding: 4px 8px !important;
}
/* 色板圆点 */
.product-card .card-swatch .swatch-label img { border-radius: 50% !important; }
/* 评分星 */
.product-card .goods_review { font-size: 12px; color: var(--color-text-muted,#999); }

/* 加入购物车：悬停浮现（shecurve 极简） */
.product-card .card-action { padding: 10px 0 0 !important; }
.product-card .card-action .shop-btn {
    width: 100% !important;
    border-radius: 4px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    background: var(--color-btn-primary-bg, var(--color-primary, #111)) !important;
    color: var(--color-btn-primary-text, #fff) !important;
    border: 1px solid var(--color-btn-primary-bg, var(--color-primary, #111)) !important;
    opacity: 0 !important;
    transform: translateY(6px) !important;
    transition: opacity .25s ease, transform .25s ease !important;
}
.product-card:hover .card-action .shop-btn { opacity: 1 !important; transform: translateY(0) !important; }
@media (max-width: 767px) {
    .product-card .card-action .shop-btn { opacity: 1 !important; transform: none !important; }
}

/* ── 分类圆角图块 (category section) ───────────────────────────────────── */
.halo-block-brand .img-box,
.halo-block-brand .wrapper-item .img-box {
    border-radius: 8px !important;
    overflow: hidden !important;
}
.halo-block-brand .img-box img { transition: transform .6s cubic-bezier(.25,.46,.45,.94) !important; }
.halo-block-brand .wrapper-item:hover .img-box img { transform: scale(1.06) !important; }
.halo-block-brand .content-box a {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: capitalize !important;
    color: var(--color-text, #111) !important;
}

/* ── Banner (img section) 文字叠层 + 细描边按钮 ─────────────────────────── */
.halo-banner .banner-item .image,
.halo-banner .banner-item .img-box { border-radius: 8px !important; overflow: hidden; }
.halo-banner .banner-item:hover .image img { transform: scale(1.04) !important; }
.halo-banner .banner-item .halo-banner-title {
    font-family: 'Tenor Sans', serif !important;
    font-size: clamp(1.6rem, 3vw, 2.6rem) !important;
    color: var(--zone-band-text, #fff) !important;
    text-shadow: 0 2px 10px rgba(0,0,0,.3);
}

/* ── banners 网格各用途图片比例 (shecurve) ─────────────────────────────── */
.sc-cat     { --img-adapt-ratio: 118%; }   /* 分类条：竖图 */
.sc-cat .gallery__grid     { grid-template-columns: repeat(3,1fr); }
@media (min-width:960px){ .sc-cat .gallery__grid { grid-template-columns: repeat(6,1fr); } }
.sc-promo   { --img-adapt-ratio: 72%; }    /* MOST POPULAR：横图 2 列 */
.sc-explore { --img-adapt-ratio: 100%; }   /* EXPLORE：方图 4 列 */
.sc-cat .sub-item a, .sc-explore .sub-item a {
    font-family: 'Poppins', sans-serif !important;
    text-transform: capitalize;
    font-size: 14px !important;
    font-weight: 500 !important;
}

/* ── Gallery / img-links ──────────────────────────────────────────────── */
.section-gallery .gallery__title {
    font-family: 'Tenor Sans', serif !important;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: 24px;
    text-align: center;
}
.section-gallery .gallery__blocks .image-adapt { border-radius: 8px !important; }
.section-gallery .gallery__blocks:hover .gallery__image { transform: scale(1.06); }
.section-gallery .gallery__image { transition: transform .6s cubic-bezier(.25,.46,.45,.94) !important; }

/* ── 通用按钮 (shecurve: 细长 / 大写 / 字间距) ─────────────────────────── */
.shop-btn,
.banner-button.button {
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 600;
    border-radius: 4px;
}

/* ── 信任条 (footer 上方 advantages bar) 浅灰底 ────────────────────────── */
.footer_above_container-outer {
    background: var(--zone-trust-bg, var(--color-bg-secondary, #f0f0f0)) !important;
    padding: 40px 0;
}
.footer_above_container {
    max-width: 1800px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}
.footer_above_container li {
    flex: 1 1 200px;
    text-align: center;
    max-width: 320px;
}
.footer_above_container li img {
    height: 56px; width: auto; object-fit: contain;
    margin: 0 auto 14px;
    /* 线条紫色图标观感：薰衣草紫 token 染色 */
    filter: none;
}
.footer_above_container .footer_above_text {
    display: block;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--zone-trust-text, var(--color-text, #111));
}

/* ── 公告条 / 细节微调 ────────────────────────────────────────────────── */
.announcement-bar { font-family: 'Poppins', sans-serif; letter-spacing: .03em; }