/* 产品介绍页专属样式（使用官方切图，按设计稿尺寸自适应） */

.prod {
  min-height: 100vh;          /* 每屏满高 */
  box-sizing: border-box;
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
}
.prod:first-of-type { padding-top: 84px; } /* 首屏让位固定导航 */

/* 交替背景切图：bg-a 用于 section 1&3，bg-b 用于 section 2&4 */
.prod-a { background: url("../images/product/bg-a.png") center/cover no-repeat; }
.prod-b { background: url("../images/product/bg-b.png") center/cover no-repeat; }

.prod-inner {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  padding: 60px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: min(60px, 4vw);
}

/*
   设计稿尺寸（1920px 画板）→ 自适应：min(设计px, 等比vw)
   手机图 740×862，标题 562×208，友趣头部 704×134
*/

/* 手机截图（配图切图 740×862） */
.prod-shot {
  position: relative;
  flex: 0 1 auto;
  min-width: 0;
  display: flex;
  justify-content: center;
}
.prod-mockup {
  /* 740×862 比例；宽度同时受 设计px / 视口宽 / 视口高 三者约束，矮屏也不变形 */
  width: min(740px, 38.5vw, 70vh);
  height: auto;
}

/* 标题切图 562×208 */
.prod-copy {
  flex: 0 1 auto;
  min-width: 0;
  display: flex;
  justify-content: flex-start;
}
.prod-title-img {
  width: min(562px, 29.3vw);
  height: auto;            /* 保持 562:208 比例 */
}

/* 首屏右列：友趣品牌头部（上 704×134）+ 标题（下）竖排 */
.prod-copy-branded {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: min(52px, 5vh);
}
.prod-brand {
  width: min(704px, 36.7vw);
  height: auto;            /* 保持 704:134 比例 */
}

/* ---------- 响应式 ---------- */
@media (max-width: 900px) {
  .prod { min-height: 0; padding: 40px 0; }
  .prod-inner { flex-direction: column; text-align: center; gap: 32px; padding: 40px 24px; }
  .prod-b.reverse .prod-inner { flex-direction: column; }
  .prod-shot, .prod-copy { flex: 0 0 auto; }
  .prod-copy { justify-content: center; }
  .prod-copy-branded { align-items: center; gap: 24px; }
  .prod-mockup { width: auto; max-width: 86vw; max-height: 62vh; }
  .prod-title-img { width: min(440px, 80vw); }
  .prod-brand { width: min(520px, 84vw); }
}