/* =======================================================================
   M77 展厅详情页专属样式（showroom-m77.html / showroom-m77plus.html）
   公共样式（变量、重置、头部、页脚、面包屑、页面标题）见 css/style.css
   ======================================================================= */

/* ---- 英雄大图 ---- */
.sr-hero {
  width: 100%;
  overflow: hidden;
}
.sr-hero img {
  width: 100%;
  aspect-ratio: 16/7;
  min-height: 320px;
  object-fit: cover;
  display: block;
  background: var(--color-dark);
}

/* ---- 品牌介绍段 ---- */
.sr-desc {
  padding-block: clamp(48px, 6vw, 80px);
  text-align: center;
}
.sr-desc__text {
  max-width: 820px;
  margin: 0 auto;
  color: #555;
  font-size: clamp(14px, 1.1vw, 17px);
  line-height: 2.1;
  letter-spacing: .4px;
}

/* ---- 图库网格 ---- */
.sr-gallery {
  padding-bottom: clamp(64px, 8vw, 120px);
}
.sr-gallery__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(10px, 1.2vw, 16px);
}
.sr-gallery__item { overflow: hidden; display: block; }
.sr-gallery__item img {
  width: 100%;
  aspect-ratio: 3/2;
  object-fit: cover;
  display: block;
  background: var(--color-gray);
  transition: transform .7s var(--ease);
}
.sr-gallery__item:hover img { transform: scale(1.04); }

/* ---- 地址信息条 ---- */
.sr-location {
  padding-block: clamp(40px, 5vw, 70px);
  background: var(--color-gray);
  text-align: center;
}
.sr-location__label {
  font-size: 12px;
  letter-spacing: 4px;
  color: #aaa;
  margin-bottom: 14px;
  text-transform: uppercase;
}
.sr-location__addr {
  font-size: clamp(14px, 1.1vw, 16px);
  color: #444;
  line-height: 2;
}

/* ---- 展厅列表网格（showroom.html） ---- */
.showroom-list { padding-block: 0 clamp(64px, 8vw, 120px); }
.showroom-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(12px, 1.5vw, 20px);
}
.showroom-item { margin: 0; }
.showroom-item__link { display: block; color: inherit; }
.showroom-item__media { overflow: hidden; }
.showroom-item__media img {
  width: 100%;
  aspect-ratio: 3/2;
  object-fit: cover;
  background: var(--color-gray);
  transition: transform .7s var(--ease);
  display: block;
}
.showroom-item__link:hover .showroom-item__media img { transform: scale(1.04); }
.showroom-item__caption {
  text-align: center;
  margin-top: 20px;
  margin-bottom: clamp(20px, 2vw, 32px);
  font-size: clamp(16px, 1.4vw, 20px);
  color: #222;
  letter-spacing: 3px;
  font-weight: 500;
}

/* ---- 响应式 ---- */
@media (max-width: 600px) {
  .sr-gallery__grid { grid-template-columns: 1fr; }
  .sr-hero img { aspect-ratio: 4/3; }
}

@media (prefers-reduced-motion: reduce) {
  .sr-gallery__item img { transition-duration: .001ms !important; }
}