/* ═══════════════════════════════════════════════════════════
   product-models.css — 产品型号层（pm-）
   2026-10-15 第 178 轮抽出：此前若干产品页 / lighting / kites /
   gulftex / planters 各带一份内联样式，第六次复制前停手，做成公共文件。
   新建「同一类目下几个型号」的产品页时 link 本文件，不要再复制内联块。
   ═══════════════════════════════════════════════════════════ */

.pm-hero{background:linear-gradient(180deg,#eef2f8 0%,#f5f7fa 48%,#fbfcfd 100%);padding:96px 64px 54px;position:relative;overflow:hidden}
.pm-hero::before{content:'';position:absolute;top:-150px;right:-110px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(2,132,199,.12),transparent 68%)}
.pm-hero-in{max-width:1280px;margin:0 auto;position:relative}
.pm-hero .kicker{font-size:11px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;color:#0e7490;margin-bottom:10px}
.pm-hero h1{font-family:'Outfit',sans-serif;font-size:clamp(32px,4.2vw,48px);font-weight:800;letter-spacing:-1.4px;line-height:1.06;margin-bottom:14px;color:#0f172a;max-width:14ch}
.pm-hero h1 span,.pm-head h2 span,.pm-card h3 span,.pm-cta h2 span{white-space:normal}
.pm-hero p{font-size:15px;color:#334155;line-height:1.72;margin-bottom:20px;max-width:620px}
.pm-hero .pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:rgba(255,255,255,.85);border:1px solid rgba(15,23,42,.10);border-radius:100px;font-size:12px;font-weight:700;color:#0f172a;margin-right:8px;margin-bottom:8px}
.pm-hero .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}

.pm-section{max-width:1280px;margin:54px auto;padding:0 32px;scroll-margin-top:96px}
.pm-head{margin-bottom:24px;max-width:780px}
.pm-head .kicker{font-size:11px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;color:#0e7490;margin-bottom:8px}
.pm-head h2{font-family:'Outfit',sans-serif;font-size:clamp(23px,3vw,32px);font-weight:800;letter-spacing:-.9px;color:var(--tx);margin:0 0 10px}
.pm-head p{font-size:14.5px;line-height:1.75;color:var(--tx2);margin:0}

/* 型号卡：左图右参数 */
.pm-grid{display:grid;gap:22px}
.pm-card{background:var(--bg);border:1px solid var(--bdr);border-radius:var(--r2);overflow:hidden;display:grid;grid-template-columns:minmax(260px,420px) 1fr}
.pm-media{background:#eef2f7;position:relative;min-height:260px}
.pm-media picture,.pm-media img{width:100%;height:100%;display:block;object-fit:cover}
/* 照片未到位时的状态：纯 CSS，不落任何占位图文件 */
.pm-media.pending{display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(135deg,#eef2f7,#eef2f7 14px,#e7ecf3 14px,#e7ecf3 28px)}
.pm-pending-in{text-align:center;padding:26px 22px;max-width:260px}
.pm-pending-k{font-family:'Outfit',sans-serif;font-size:10.5px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:#64748b;margin-bottom:6px}
.pm-pending-in p{font-size:12.5px;line-height:1.6;color:#64748b;margin:0}
.pm-body{padding:26px 28px 24px}
.pm-card h3{font-family:'Outfit',sans-serif;font-size:21px;font-weight:800;color:var(--tx);margin:0 0 9px;letter-spacing:-.45px}
.pm-card>.pm-body>p{font-size:14px;line-height:1.75;color:var(--tx2);margin:0 0 18px}
.pm-dl{display:grid;grid-template-columns:auto 1fr;gap:8px 20px;margin:0}
.pm-dl dt{font-size:12.5px;font-weight:700;color:var(--tx);white-space:nowrap}
.pm-dl dd{font-size:12.5px;color:var(--tx2);margin:0;text-align:right}
.pm-fine{font-size:11.5px;color:var(--tx3);margin:16px 0 0;line-height:1.6}
.pm-src{font-size:11.5px;color:var(--tx3);margin:18px 0 0;letter-spacing:.2px}

.pm-cta{background:linear-gradient(135deg,#0f172a,#1e3a5f);border-radius:var(--r);padding:32px 34px;display:flex;gap:26px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.pm-cta h2{font-family:'Outfit',sans-serif;font-size:clamp(20px,2.3vw,26px);font-weight:800;color:#fff;margin:0 0 8px;letter-spacing:-.55px}
.pm-cta p{font-size:14px;line-height:1.7;color:rgba(255,255,255,.88);margin:0;max-width:660px}

@media(max-width:1024px){
 .pm-hero{padding:88px 32px 48px}
 .pm-card{grid-template-columns:1fr}
 .pm-media{min-height:220px;aspect-ratio:4/3}
}
@media(max-width:640px){
 .pm-hero{padding:80px 18px 42px}
 .pm-section{padding:0 18px;margin:42px auto}
 .pm-body{padding:22px 20px 20px}
 .pm-dl{grid-template-columns:1fr;gap:2px 0}
 .pm-dl dd{text-align:left;margin-bottom:8px}
 .pm-cta{padding:26px 20px}
}