/*
Theme Name: TSXXMY 唐朝进出口
Theme URI: http://tsxxmy.local
Description: 唐朝進出口有限公司 站点主题 —— 1:1 复刻原站（经典模板 + 原站 CSS/资源 + 响应式）。
Version: 1.0
Author: tsxxmy
Text Domain: tsxxmy
*/

/* ===== 基础与站点专属补充 ===== */
body { -webkit-font-smoothing: antialiased; }

/* 无 iconfont 字体时的轮播箭头兜底 */
.banner .banner_next .iconfont, .banner .banner_prev .iconfont {
    font-family: Arial, sans-serif;
}
.banner .banner_next .iconfont::before { content: "\203A"; }
.banner .banner_prev .iconfont::before { content: "\2039"; }

/* 合作伙伴无缝滚动（原站 CSS 未含 keyframes 时启用） */
.sp-partner-track { overflow: hidden; }
.sp-partner-track-inner { display: flex; animation: tsxxmy-marquee 30s linear infinite; }
.sp-partner-track:hover .sp-partner-track-inner { animation-play-state: paused; }
@keyframes tsxxmy-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* 产品卡片网格间距 */
.sp-pic-grid ul { display: flex; flex-wrap: wrap; gap: 12px; padding: 0; margin: 0; list-style: none; }

/* 内容页通用排版保护 */
.sp-content h1, .sp-content h2, .sp-content h3 { line-height: 1.4; }
.sp-content img { max-width: 100%; height: auto; }
.sp-content table { width: 100%; border-collapse: collapse; }
.sp-content table td, .sp-content table th { border: 1px solid #ddd; padding: 6px 10px; }
.sp-content a { color: var(--site-accent-color, #c19149); }

/* 新闻列表（原站 .newslist 结构的间距兜底） */
.newslist, .newslist ul { list-style: none; padding: 0; margin: 0; }
.newslist li { padding: 14px 0; border-bottom: 1px dashed #e5e5e5; }
.newslist li a.bt { font-size: 16px; color: #333; display: block; margin: 4px 0; }
.newslist li a.bt:hover { color: #c19149; }
.newslist li p { color: #888; font-size: 14px; line-height: 1.8; margin: 0; }
.newslist li .n-date { color: #aaa; font-size: 12px; margin-right: 10px; }

/* 隐藏导入内容中可能残留的原站"热门新闻"侧栏（含死链与旧名），以免扩散 */
.hotzxxun, .pronewstj { display: none !important; }

@media (max-width: 768px) {
    /* 首页轮播：移动端高度适配（内容居中，不会被裁丢主体） */
    .swiper-container.banner,
    .swiper-container.banner .swiper-slide,
    .swiper-container.banner .swiper-slide a {
        height: 262px !important;
        max-height: 262px !important;
    }
    .sp-pic-grid ul { gap: 8px; }
}

/* ===== 头部长公司名避让菜单（修复公司名与菜单项重叠） =====
 * 沿用原设计：.rep-nav 绝对定位、靠右（原为 right:110px，给语言切换器预留；现已移除切换器，改为 right:0）。
 * 同时把公司名区域限宽为「头部宽度 - 导航占位」，两区域从几何上不可能相交。 */
.rep-header .rep-head-main {
    display: flex !important;
    align-items: center;
}
.rep-header .rep-head-main .rep-nav {
    position: absolute !important;
    right: 0 !important;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: flex-end;
    align-items: center;
}
.rep-header .rep-head-main .rep-nav > ul {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: auto !important;
    justify-content: flex-end !important;
    align-items: center;
    column-gap: clamp(6px, 0.8vw, 16px);
}
.rep-header .rep-head-main .rep-nav > ul > li.m {
    margin-left: 10px !important;
    white-space: nowrap;
}
/* 公司名区域：限宽，右侧为导航留出固定空间（约导航宽度 + 间距） */
.rep-header .rep-head-main .logoinfo {
    min-width: 0;
    max-width: calc(100% - 660px);
    overflow: hidden;
}
.rep-header .rep-head-main .logoinfo .bold {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: clamp(15px, 1.65vw, 22px);
}
.rep-header .rep-head-main .logoinfo .logoinfo-slogan {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 1199px) {
    body {
        min-width: 0 !important;   /* pc-main.css 与 pc-custom.css 均含 body{min-width:1200px}，此处强制覆盖 */
    }
    .container {
        width: 100% !important;
        max-width: none !important;
        padding-left: 12px;
        padding-right: 12px;
        box-sizing: border-box;
    }
    .rep-header .rep-head-main {
        width: 100%;
        padding-left: 12px;
        padding-right: 12px;
        box-sizing: border-box;
    }
    .rep-header .rep-head-main .rep-nav > ul > li.m {
        margin-left: 12px !important;
    }
}
@media (max-width: 1240px) {
    .rep-header .rep-head-main { max-width: 100vw; box-sizing: border-box; }
    .rep-header .rep-head-main .logoinfo { display: none; }   /* 窄于1240 只留 Logo(含 TANG CHAO) + 菜单，杜绝拥挤 */
    .rep-header .rep-head-main .rep-nav > ul > li.m { margin-left: 8px !important; }
    .rep-header .rep-head-main .rep-nav h3 a { font-size: 13px; }
}
@media (max-width: 1024px) {
    .rep-header .rep-head-main .logo img { height: 84px; }
}
@media (max-width: 900px) {
    .rep-header .rep-head-main .rep-nav > ul > li.m { margin-left: 6px !important; }
}

/* ===== 新 Logo（TSX 双向箭头闭环，白底） ===== */
.rep-header .rep-head-main .logo img {
    height: 96px !important;
    width: auto;
    background: #fff;
    border-radius: 12px;
    padding: 6px;
    box-sizing: border-box;
}
/* 移动端顶栏 Logo 尺寸（移动端适配） */
.rep-mobile-header #top .logo img {
    height: 54px !important;
    width: auto;
    background: #fff;
    border-radius: 8px;
    padding: 3px;
    box-sizing: border-box;
    margin-right: 12px;
    vertical-align: middle;
}
/* 页脚白卡样式（新 Logo 为白底，置于深色页脚上） */
.rep-footer .footer-logo img,
.mobile-footer-logo img {
    background: #fff;
    border-radius: 10px;
    padding: 6px;
    max-height: 46px;
    width: auto;
    box-sizing: border-box;
}
.mobile-footer-logo img { max-height: 38px; padding: 4px; }

/* 页脚 Logo 居中条带：上下分割线 + 居中徽章 */
.rep-footer-logo-band {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 22px 0 14px;
}
.rep-footer-logo-band .rep-footer-rule {
    height: 1px;
    width: min(420px, 78%);
    background: rgba(255, 255, 255, 0.3);
}
.rep-footer-logo-band .footer-logo-center {
    display: flex !important;
    align-items: center !important;
    justify-content: center;
    line-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.rep-footer-logo-band .footer-logo-center img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-height: 60px !important;   /* pc-custom.css 有 max-height:92px 覆盖，需同样优先级 */
    max-width: 260px !important;
    margin: 0;
    padding: 6px 10px;
    vertical-align: top;
}
/* 页脚信息区：公司名称 / 地址 / 电话（居中，浅色文字） */
.rep-footer-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    color: #fff;
    text-align: center;
    padding: 6px 0 22px;
}
.rep-footer-info .rep-footer-company {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .5px;
    color: #fff;
}
.rep-footer-info .rep-footer-address,
.rep-footer-info .rep-footer-tel {
    font-size: 14px;
    color: rgba(255, 255, 255, .88);
    line-height: 1.7;
}
.rep-footer-info a {
    color: #fff;
    text-decoration: none;
}
.rep-footer-info a:hover { color: #ffd98a; text-decoration: underline; }
.rep-footer-info .rep-footer-tel-sep { margin: 0 8px; opacity: .55; }

/* 版权区与信息区衔接留白 */
.rep-footer .copy.footer-legal { margin-top: 0; padding-top: 6px; }

/* 移动端页脚的信息行 */
#footer_main .mobile-footer-company { font-size: 15px; font-weight: 700; color: #fff; margin: 6px 0 2px; }
#footer_main .mobile-footer-address,
#footer_main .mobile-footer-tel { font-size: 12px; color: rgba(255, 255, 255, .85); margin: 2px 0; }
#footer_main .mobile-footer-tel a { color: #fff; }

/* 隐藏导入内容中可能残留的原站"热门新闻"侧栏（含死链与旧名），以免扩散 */
.hotzxxun, .pronewstj { display: none !important; }

@media (max-width: 768px) {
    .rep-footer-logo-band { gap: 12px; padding: 16px 0 10px; }
    .rep-footer-logo-band .rep-footer-rule { width: 70%; }
}

@media (max-width: 1024px) {
    .rep-header .rep-head-main .logo img { height: 72px !important; }
}

/* ===================== 联系我们页新布局（page-en-contact.php） ===================== */
.page-en-contact .contact-new { padding: 4px 0 44px; }

/* 标题区 */
.contact-hero { max-width: 760px; margin: 0 auto 36px; text-align: center; }
.contact-kicker {
    margin: 0 0 10px; color: var(--site-accent-color, #c19149);
    font-size: 13px; letter-spacing: 4px; text-transform: uppercase;
}
.contact-hero h2 { margin: 0 0 12px; color: #222; font-size: 30px; font-weight: 700; line-height: 1.3; }
.contact-lead { max-width: 640px; margin: 0 auto; color: #666; font-size: 15px; line-height: 1.9; }

/* 三张信息卡 */
.contact-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 38px; }
.contact-card {
    display: flex; gap: 16px; align-items: flex-start; padding: 26px 24px;
    background: #fff; border: 1px solid #ececec; border-radius: 12px;
    transition: box-shadow .3s ease, transform .3s ease, border-color .3s ease;
}
.contact-card:hover {
    border-color: #e2d5c0; transform: translateY(-3px);
    box-shadow: 0 14px 28px rgba(17, 17, 17, .08);
}
.contact-card-icon {
    flex: 0 0 52px; width: 52px; height: 52px; border-radius: 50%;
    background: rgba(193, 145, 73, .12); color: var(--site-accent-color, #c19149);
    display: flex; align-items: center; justify-content: center;
}
.contact-card-icon svg { width: 26px; height: 26px; }
.contact-card-body h3 { margin: 0 0 6px; color: #222; font-size: 16px; font-weight: 700; }
.contact-card-body p { margin: 0; color: #666; font-size: 14px; line-height: 1.75; overflow-wrap: break-word; }
.contact-card-body a { color: var(--site-accent-color, #c19149); text-decoration: none; }
.contact-card-body a:hover { text-decoration: underline; }

/* 主区：留言表单 + 快捷联系面板 */
.contact-main {
    display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr);
    gap: 24px; align-items: stretch;
}
.contact-form-card, .contact-aside { border-radius: 14px; }
.contact-form-card { padding: 32px; background: #fff; border: 1px solid #ececec; }
.contact-form-card > h3 { margin: 0 0 6px; color: #222; font-size: 22px; font-weight: 700; }
.contact-form-intro { margin: 0 0 22px; color: #888; font-size: 14px; line-height: 1.7; }

.contact-notice { margin-bottom: 18px; padding: 12px 16px; border-radius: 8px; font-size: 14px; line-height: 1.7; }
.contact-notice.ok { background: #eef8ee; border: 1px solid #cfe7cf; color: #2e7d32; }
.contact-notice.err { background: #fdefef; border: 1px solid #f2c9c9; color: #c0392b; }

/* 表单 */
.contact-form .f-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; opacity: 0; }
.contact-form .f-row { margin-bottom: 16px; }
.contact-form .f-row label { display: block; margin-bottom: 6px; color: #444; font-size: 14px; }
.contact-form .f-row label .req { color: #d71920; }
.contact-form .f-row input,
.contact-form .f-row textarea {
    width: 100%; padding: 11px 13px; border: 1px solid #e2e2e2; border-radius: 8px;
    background: #fafafa; color: #333; font-size: 14px; font-family: inherit;
    box-sizing: border-box; transition: border-color .3s ease, background .3s ease, box-shadow .3s ease;
}
.contact-form .f-row input:focus,
.contact-form .f-row textarea:focus {
    outline: none; border-color: var(--site-accent-color, #c19149); background: #fff;
    box-shadow: 0 0 0 3px rgba(193, 145, 73, .14);
}
.contact-form .f-row textarea { min-height: 132px; resize: vertical; }
.contact-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; }
.contact-form .f-submit {
    display: inline-block; border: 0; border-radius: 8px; padding: 13px 38px;
    background: var(--site-accent-color, #c19149); color: #fff; font-size: 15px;
    font-family: inherit; cursor: pointer; transition: background .3s ease, transform .3s ease;
}
.contact-form .f-submit:hover { background: #a97a37; transform: translateY(-1px); }
.contact-form-tip { margin: 14px 0 0; color: #999; font-size: 13px; }

/* 右侧快捷联系面板：深蓝 × 金色（呼应公司徽章配色） */
.contact-aside {
    position: relative; display: flex; flex-direction: column; justify-content: center;
    padding: 36px 30px; overflow: hidden;
    background: linear-gradient(155deg, #16233d 0%, #0d1729 60%, #0a111f 100%);
    color: rgba(255, 255, 255, .78);
}
.contact-aside::before {
    content: ""; position: absolute; top: -90px; right: -90px; width: 230px; height: 230px;
    border-radius: 50%; background: radial-gradient(circle, rgba(193, 145, 73, .25), transparent 70%);
    pointer-events: none;
}
.contact-aside-logo { margin-bottom: 22px; }
.contact-aside-logo img {
    display: block; max-width: 96px; height: auto;
    background: #fff; border-radius: 10px; padding: 8px; box-sizing: border-box;
}
.contact-aside h3 { margin: 0 0 10px; color: #fff; font-size: 21px; font-weight: 700; }
.contact-aside-text { margin: 0 0 22px; font-size: 14px; line-height: 1.8; }
.contact-aside-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
/* 注意：必须高于 .sp-content a（0,1,1），否则按钮文字被染成金色（同背景不可见） */
.contact-aside .contact-aside-call {
    display: inline-block; padding: 12px 20px; border-radius: 8px;
    background: var(--site-accent-color, #c19149); color: #fff; font-size: 15px;
    text-decoration: none; transition: background .3s ease;
}
.contact-aside .contact-aside-call:hover { background: #b07f3d; color: #fff; }
.contact-aside .contact-aside-call--alt {
    background: transparent; border: 1px solid rgba(255, 255, 255, .35);
}
.contact-aside .contact-aside-call--alt:hover { background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .55); }
.contact-aside .contact-aside-link { color: #e9c989; font-size: 14px; text-decoration: none; }
.contact-aside .contact-aside-link:hover { color: #fff; }

/* 响应式：平板以下并排变单列，信息卡堆叠 */
@media (max-width: 991px) {
    .contact-main { grid-template-columns: 1fr; }
    .contact-aside { padding: 30px 26px; }
}
@media (max-width: 768px) {
    .page-en-contact .contact-new { padding: 0 0 30px; }
    .contact-hero { margin-bottom: 28px; }
    .contact-hero h2 { font-size: 24px; }
    .contact-lead { font-size: 14px; }
    .contact-cards { grid-template-columns: 1fr; gap: 12px; margin-bottom: 30px; }
    .contact-card { padding: 18px 16px; gap: 14px; }
    .contact-card-icon { flex-basis: 44px; width: 44px; height: 44px; }
    .contact-card-icon svg { width: 22px; height: 22px; }
    .contact-form-card { padding: 22px 18px; border-radius: 12px; }
    .contact-form-grid { grid-template-columns: 1fr; gap: 0; }
    .contact-form .f-submit { width: 100%; }
    .contact-aside { padding: 28px 20px; border-radius: 12px; }
}
/* 服务卡图片：改按 16:9 自动高度，避免固定 220px cover 造成的上下裁切 */
.sp-service-img img {
    height: auto !important;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

/* 内页顶部横幅（对齐原站 nbanner） */
.inner-banner {
    width: 100%;
    overflow: hidden;
    background: #16213a;
    line-height: 0;
}
.inner-banner img {
    display: block;
    width: 100%;
    height: 220px;
    object-fit: cover;
    object-position: center;
}
@media (max-width: 768px) {
    .inner-banner img { height: 130px; }
}

/* 通用页顶 banner（样式对齐产品中心 pl-banner：背景图+标题叠层） */
.pl-banner {
    position: relative; height: 340px; margin: 0 0 16px;
    border-radius: 14px; overflow: hidden;
    background-color: #dce4f0; background-size: cover; background-position: center; background-repeat: no-repeat;
    display: flex; align-items: flex-end;
}
.pl-banner::after {
    content: ''; position: absolute; inset: 0;
    background: linear-gradient(180deg, rgba(13, 71, 161, .08) 0%, rgba(8, 18, 40, .66) 100%);
}
.pl-banner-cap { position: relative; z-index: 2; padding: 20px 32px 26px; width: 100%; }
.pl-banner-kicker {
    margin: 0 0 6px; font-size: 12px; letter-spacing: .14em; text-transform: uppercase;
    color: rgba(255, 255, 255, .85);
}
.pl-banner-title { margin: 0; font-size: 34px; font-weight: 700; color: #fff; line-height: 1.15; }
@media (max-width: 768px) {
    .pl-banner { height: 200px; margin-bottom: 14px; border-radius: 12px; }
    .pl-banner-cap { padding: 16px 20px 18px; }
    .pl-banner-kicker { display: none; }
    .pl-banner-title { font-size: 26px; }
}

/* 菜单页隐藏面包屑（当前位置：Home > …），保持页面更简洁 */
body.replica-page .main_bor.position,
body.replica-product .main_bor.position {
    display: none !important;
}

/* About 页 Development Vision 下方横幅图 */
.about-vision-banner { margin: 26px 0 0; }
.about-vision-banner img { display: block; width: 100%; height: auto; border-radius: 12px; }
@media (max-width: 768px) {
    .about-vision-banner { margin-top: 18px; }
}

/* Business Areas 图文区块（桌面左右分栏、移动端堆叠） */
.ba-sections { margin-top: 8px; }
.ba-block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 28px;
    margin: 0 0 34px;
}
.ba-block-media img {
    display: block; width: 100%; height: auto;
    border-radius: 14px; aspect-ratio: 16 / 9; object-fit: cover;
}
.ba-block-body .ba-kicker {
    font-size: 12px; letter-spacing: .16em; text-transform: uppercase;
    color: #c19149; margin: 0 0 8px; font-weight: 700;
}
.ba-block-body h2 { font-size: 24px; color: #222; margin: 0 0 12px; line-height: 1.3; }
.ba-block-body p { font-size: 15px; color: #555; line-height: 1.9; margin: 0; }
@media (max-width: 820px) {
    .ba-block { grid-template-columns: 1fr; gap: 16px; margin-bottom: 26px; }
    .ba-block-body h2 { font-size: 20px; }
}
/* ================= GWR 风格字体与产品详情页（2026-09-19） ================= */
@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('assets/fonts/dm-sans-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('assets/fonts/dm-sans-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'DM Serif Display';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('assets/fonts/dm-serif-display-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'DM Serif Display';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('assets/fonts/dm-serif-display-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* 详情页主体双列（≥1024 两列，移动端堆叠，图片在前） */
.sp-product-detail { padding-top: 6px; }
.sp-product-detail .pl-head-kicker { margin-bottom: 10px; }
.sp-product-main {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
    margin: 24px 0 0;
    align-items: start;
}
@media (min-width: 1024px) {
    .sp-product-main { grid-template-columns: 1fr 1fr; gap: 48px; }
}
.sp-product-media {
    background: #fff;
    border: 1px solid #d7d4d0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 340px;
}
.sp-product-media img {
    width: 100%;
    height: auto;
    max-height: 430px;
    object-fit: contain;
    padding: 32px 24px;
}
.sp-product-title {
    font-family: 'DM Serif Display', Georgia, 'Times New Roman', serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 1.15;
    color: #15110d;
    margin: 0 0 10px;
}
.sp-product-cat { font-size: 14px; color: #77706a; margin: 0 0 16px; }
.sp-product-cat a { color: #e78c08; text-decoration: none; }
.sp-product-cat a:hover { color: #a66200; }
.sp-product-content p { font-size: 15px; line-height: 1.9; color: #524c46; margin: 0; }

/* 规格列表 → GWR 双列细线网格（post_content 内 .product-specs） */
.sp-product-detail .content ul.product-specs {
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    background: #d7d4d0;
    border: 1px solid #d7d4d0;
    margin: 20px 0 0;
    padding: 0;
    overflow: hidden;
}
.sp-product-detail .content ul.product-specs li {
    background: #fff;
    margin: 0;
    padding: 14px 16px;
    font-size: 14px;
    color: #15110d;
}
.sp-product-detail .content ul.product-specs strong {
    display: block;
    font-family: 'DM Mono', ui-monospace, Consolas, monospace;
    font-size: 11px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #77706a;
    font-weight: 600;
    margin-bottom: 4px;
}

/* 询盘 CTA（琥珀） */
.sp-product-cta { margin: 26px 0 0; }
.sp-cta {
    display: inline-block;
    background: #e78c08;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 12px 28px;
    text-decoration: none;
    transition: background .15s;
}
.sp-cta:hover { background: #ca7900; color: #fff; }

/* 相关产品 */
.sp-related { margin: 48px 0 0; border-top: 1px solid #d7d4d0; padding-top: 32px; }
.sp-related-title {
    font-family: 'DM Serif Display', Georgia, 'Times New Roman', serif;
    font-weight: 400;
    font-size: 24px;
    color: #15110d;
    margin: 0 0 18px;
}
.sp-related-grid { display: grid; grid-template-columns: 1fr; gap: 14px; }
@media (min-width: 640px) {
    .sp-related-grid { grid-template-columns: repeat(3, 1fr); }
}
.sp-related-card {
    display: block;
    background: #fff;
    border: 1px solid #d7d4d0;
    padding: 16px;
    text-decoration: none;
    transition: border-color .15s, box-shadow .15s;
}
.sp-related-card:hover { border-color: #e78c08; box-shadow: 0 8px 18px rgba(21, 17, 13, .06); }
.sp-related-card strong { display: block; font-size: 14.5px; font-weight: 600; line-height: 1.45; color: #15110d; }
.sp-related-card span { display: block; margin-top: 8px; font-size: 12px; letter-spacing: .06em; color: #77706a; }

/* 详情页移动端 */
@media (max-width: 768px) {
    .sp-product-detail { padding-top: 2px; }
    .sp-product-main { gap: 22px; margin-top: 18px; }
    .sp-product-media { min-height: 220px; }
    .sp-product-media img { padding: 18px 14px; }
    .sp-product-title { font-size: 27px; }
    .sp-related { margin-top: 36px; padding-top: 24px; }
    .sp-related-title { font-size: 20px; }
}