/* ============================================================
   HOSTAR 产品详情 · 短码样式（简介 + 详情 01–07）
   作用域：.hostar-pd-intro / .hostar-pd-details（不污染主题）
   方向：Premium Industrial / Engineering Dossier
   配套短码：[hostar_product_intro] [hostar_product_overview]
             [hostar_product_application] [hostar_product_oe] [hostar_product_details]
   ============================================================ */

.hostar-pd-intro,
.hostar-pd-details{
  --pd-blue:#0074D9;
  --pd-blue-soft:#4F9EDC;
  --pd-ink:#111111;
  --pd-body:#333333;
  --pd-muted:#6B7280;
  --pd-line:#E5E7EB;
  --pd-tint:#F7F9FB;
  --pd-white:#FFFFFF;
  font-family:'Manrope','Inter','Helvetica Neue','Segoe UI',Arial,sans-serif;
  color:var(--pd-ink);
}
.hostar-pd-intro *,
.hostar-pd-details *{box-sizing:border-box;}

/* =========================================================
   模块① 简介（图册右侧）
   ========================================================= */
.hostar-pd-intro .pd-kicker{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:700;
  letter-spacing:3px;text-transform:uppercase;color:var(--pd-blue);margin:0 0 22px;}
.hostar-pd-intro .pd-kicker::before{content:"";width:34px;height:1px;background:var(--pd-blue);flex:none;}
.hostar-pd-intro .pd-name{font-size:38px;line-height:1.1;font-weight:800;color:var(--pd-ink);margin:0;letter-spacing:-.01em;}
.hostar-pd-intro .pd-name em{font-style:normal;color:var(--pd-blue);}
.hostar-pd-intro .pd-short{font-size:15px;line-height:1.75;color:var(--pd-body);margin:16px 0 0;max-width:560px;}
.hostar-pd-intro .pd-tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none;}
.hostar-pd-intro .pd-tags li{font-size:10.5px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;
  color:var(--pd-muted);border:1px solid var(--pd-line);border-radius:2px;padding:5px 10px;background:var(--pd-white);line-height:1.2;}
.hostar-pd-intro .pd-specs{margin:28px 0 0;border-top:1px solid var(--pd-line);}
.hostar-pd-intro .pd-spec{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:14px 0;
  border-bottom:1px solid var(--pd-line);font-size:14px;margin:0;}
.hostar-pd-intro .pd-spec dt{color:var(--pd-muted);font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  font-size:10.5px;padding-top:3px;margin:0;}
.hostar-pd-intro .pd-spec dd{color:#222;font-weight:500;margin:0;}
.hostar-pd-intro .pd-spec dd.pd-oe{color:var(--pd-blue);font-weight:800;letter-spacing:.02em;}
.hostar-pd-intro .pd-cta{margin:32px 0 0;display:flex;flex-wrap:wrap;gap:12px;}
.hostar-pd-intro .pd-btn{display:inline-flex;align-items:center;gap:11px;padding:17px 34px;border-radius:2px;
  font-size:14px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;text-decoration:none;
  transition:background .25s,transform .2s;line-height:1;}
.hostar-pd-intro .pd-btn svg{width:16px;height:16px;flex:none;transition:transform .25s ease;}
.hostar-pd-intro .pd-btn:hover svg{transform:translateX(3px);}
.hostar-pd-intro .pd-btn-solid{background:var(--pd-blue);color:#fff;}
.hostar-pd-intro .pd-btn-solid:hover{background:var(--pd-blue-soft);color:#fff;transform:translateY(-1px);}
.hostar-pd-intro .pd-btn-wa{background:#25D366;color:#fff;}
.hostar-pd-intro .pd-btn-wa:hover{background:#1DA851;color:#fff;transform:translateY(-1px);}
.hostar-pd-intro .pd-avail{display:flex;align-items:center;gap:9px;margin:20px 0 0;font-size:13px;color:var(--pd-muted);font-weight:600;}
.hostar-pd-intro .pd-dot{width:8px;height:8px;border-radius:50%;background:#25D366;position:relative;flex:none;}
.hostar-pd-intro .pd-dot:after{content:"";position:absolute;inset:-3px;border-radius:50%;
  border:1px solid #25D366;animation:pding 2s cubic-bezier(0,0,.2,1) infinite;}
@keyframes pding{0%{transform:scale(.6);opacity:1;}80%,100%{transform:scale(2);opacity:0;}}

/* =========================================================
   模块② 详情 01–07
   ========================================================= */
.hostar-pd-details .pd-body{display:grid;grid-template-columns:1fr;gap:0;min-width:0;}
.hostar-pd-details .pd-block{padding:50px 0;border-top:1px solid var(--pd-line);min-width:0;position:relative;}
.hostar-pd-details .pd-block:first-child{border-top:0;padding-top:0;}

/* 背景：统一白色（不使用交替色） */
.hostar-pd-details .pd-block--tint{background:transparent;}

/* 章节标题：01 + TITLE + 细分隔线 */
.hostar-pd-details .pd-block h2{display:flex;align-items:baseline;gap:14px;
  font-size:20px;line-height:1.25;font-weight:800;letter-spacing:.02em;text-transform:uppercase;
  color:var(--pd-ink);margin:0 0 28px;padding-bottom:16px;border-bottom:1px solid var(--pd-line);}
.hostar-pd-details .pd-block h2 span{font-size:12px;font-weight:800;letter-spacing:.18em;color:var(--pd-blue);flex:none;}

.hostar-pd-details .pd-block p{font-size:15px;line-height:1.85;color:var(--pd-body);max-width:850px;margin:0;}
.hostar-pd-details .pd-block p+p{margin-top:14px;}
.hostar-pd-details .pd-block img{max-width:100%;height:auto;border-radius:2px;display:block;margin:18px 0;}

/* 极淡工程网格（Features / Packaging） */
.hostar-pd-details .pd-block--grid::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.035;
  background-image:linear-gradient(var(--pd-ink) 1px,transparent 1px),
                   linear-gradient(90deg,var(--pd-ink) 1px,transparent 1px);
  background-size:44px 44px;
  -webkit-mask-image:radial-gradient(115% 95% at 50% 45%,#000 0%,transparent 78%);
          mask-image:radial-gradient(115% 95% at 50% 45%,#000 0%,transparent 78%);}
.hostar-pd-details .pd-block--grid > *{position:relative;z-index:1;}

/* ===== 表格（Vehicle / Specifications / Fitment） ===== */
.hostar-pd-details .pd-table{width:100%;border-collapse:collapse;font-size:14px;margin:0;}
.hostar-pd-details .pd-table th{text-align:left;font-size:10.5px;font-weight:800;letter-spacing:.12em;
  text-transform:uppercase;color:#7B8490;padding:13px 14px;border-bottom:1px solid var(--pd-line);background:transparent;}
.hostar-pd-details .pd-table td{padding:14px;border-bottom:1px solid var(--pd-line);color:#222;font-weight:500;font-size:13.5px;}
.hostar-pd-details .pd-table tbody th[scope="row"]{text-align:left;color:#7B8490;font-weight:700;font-size:10.5px;
  text-transform:uppercase;letter-spacing:.12em;padding:14px;border-bottom:1px solid var(--pd-line);background:none;}
.hostar-pd-details .pd-table tbody tr{transition:background .25s ease;}
.hostar-pd-details .pd-table tbody tr:hover{background:var(--pd-tint);}

/* Specifications：左侧极细蓝色标线 */
.hostar-pd-details #pd-specs ~ .pd-table,
.hostar-pd-details .pd-table--spec{border-left:2px solid rgba(0,116,217,.35);}
.hostar-pd-details .pd-table--spec th,
.hostar-pd-details .pd-table--spec td{padding-left:18px;}

/* ===== OE 三段式 ===== */
.hostar-pd-details .pd-oe{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0;}
.hostar-pd-details .pd-oe-item{background:var(--pd-white);border:1px solid var(--pd-line);border-radius:2px;
  padding:24px;min-width:0;transition:border-color .25s ease,box-shadow .25s ease;}
.hostar-pd-details .pd-oe-item:hover{border-color:rgba(0,116,217,.4);box-shadow:0 10px 26px rgba(15,25,35,.05);}
.hostar-pd-details .pd-oe-item dt{font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:#7B8490;margin:0 0 10px;}
.hostar-pd-details .pd-oe-item dd{margin:0;font-size:15px;font-weight:700;color:#222;letter-spacing:.02em;
  line-height:1.4;word-break:break-word;}
.hostar-pd-details .pd-oe-item dd.pd-oe-primary{color:var(--pd-blue);font-size:22px;font-weight:800;letter-spacing:.03em;}
.hostar-pd-details .pd-oe-refs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;}
.hostar-pd-details .pd-oe-refs li{font-size:13.5px;font-weight:500;color:#222;letter-spacing:.02em;}

/* ===== 图文两栏（优势 / 包装） ===== */
.hostar-pd-details .pd-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;}
.hostar-pd-details .pd-split-media{margin:0;border:1px solid var(--pd-line);border-radius:2px;overflow:hidden;
  background:#111315;box-shadow:0 16px 40px rgba(15,25,35,.08);}
.hostar-pd-details .pd-split-media img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;display:block;
  margin:0;border-radius:0;transition:transform .6s cubic-bezier(.2,.65,.25,1);}
.hostar-pd-details .pd-split-media:hover img{transform:scale(1.03);}
.hostar-pd-details .pd-split-body{min-width:0;}
.hostar-pd-details .pd-split--rev .pd-split-media{order:2;}
.hostar-pd-details .pd-split .pd-btn{margin-top:24px;}
.hostar-pd-details .pd-rich p{font-size:15px;line-height:1.85;color:var(--pd-body);margin:0 0 12px;max-width:760px;}
.hostar-pd-details .pd-rich p:last-child{margin-bottom:0;}

/* ===== 优势编号列表（Engineering Details） ===== */
.hostar-pd-details .pd-flist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;}
.hostar-pd-details .pd-flist li{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:22px 0;
  border-top:1px solid var(--pd-line);transition:background .3s ease;}
.hostar-pd-details .pd-flist li:first-child{border-top:0;padding-top:0;}
.hostar-pd-details .pd-flist li:hover{background:linear-gradient(90deg,rgba(0,116,217,.05),transparent 62%);}
.hostar-pd-details .pd-flist-no{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--pd-blue);padding-top:3px;}
.hostar-pd-details .pd-flist b{display:block;font-size:15px;font-weight:800;color:var(--pd-ink);
  text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;}
.hostar-pd-details .pd-flist div span{font-size:13.5px;line-height:1.7;color:var(--pd-muted);display:block;}

/* ===== 详情区按钮（包装区 Request a Quote） ===== */
.hostar-pd-details .pd-btn{display:inline-flex;align-items:center;gap:11px;padding:15px 28px;border-radius:2px;
  font-size:13.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;text-decoration:none;
  transition:background .25s,transform .2s;line-height:1;}
.hostar-pd-details .pd-btn svg{width:16px;height:16px;flex:none;transition:transform .25s ease;}
.hostar-pd-details .pd-btn:hover svg{transform:translateX(3px);}
.hostar-pd-details .pd-btn-solid{background:var(--pd-blue);color:#fff;}
.hostar-pd-details .pd-btn-solid:hover{background:var(--pd-blue-soft);color:#fff;transform:translateY(-1px);}
.hostar-pd-details .pd-btn-wa{background:#25D366;color:#fff;}
.hostar-pd-details .pd-btn-wa:hover{background:#1DA851;color:#fff;transform:translateY(-1px);}

/* 屏幕阅读器隐藏（表格 caption） */
.hostar-pd-details .pd-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* =========================================================
   响应式
   ========================================================= */
@media(max-width:1024px){
  .hostar-pd-intro .pd-name{font-size:31px;}
  .hostar-pd-details .pd-split{grid-template-columns:1fr;gap:24px;}
  .hostar-pd-details .pd-split--rev .pd-split-media{order:0;}
}
@media(max-width:640px){
  .hostar-pd-intro .pd-name{font-size:27px;}
  .hostar-pd-intro .pd-spec{grid-template-columns:1fr;gap:4px;}
  .hostar-pd-intro .pd-btn{width:100%;justify-content:center;}
  .hostar-pd-details .pd-block{padding:38px 0;}
  .hostar-pd-details .pd-block h2{font-size:17px;margin-bottom:22px;padding-bottom:13px;}
  .hostar-pd-details .pd-oe{grid-template-columns:1fr;gap:12px;}
  /* 宽表（带表头 thead，如 Fitment 6 列）：横向滚动，不挤压 */
  .hostar-pd-details .pd-table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;}
  /* 键值表（无 thead，如 Vehicle Application / Specifications）：正常换行、占满宽度，不再横向溢出 */
  .hostar-pd-details .pd-table:not(:has(thead)){display:table;width:100%;max-width:100%;overflow:visible;white-space:normal;}
  .hostar-pd-details .pd-btn{width:100%;justify-content:center;}
}