:root {
  --brand-blue: #0f3b82;
  --brand-blue-soft: #eaf1ff;
  --apple-bg: #f5f5f7;
  --apple-card: #ffffff;
  --apple-text: #1d1d1f;
  --apple-muted: #6e6e73;
  --shadow: 0 20px 60px rgba(15, 59, 130, 0.08);
  --max: 1220px;
}

body {
  background: var(--apple-bg);
}

.brand-animals { 
  background: var(--apple-bg); 
  padding-bottom: 60px; 
}

.brand-shell { 
  max-width: var(--max); 
  margin: 0 auto; 
  padding: 0 24px; 
}

.brand-hero { 
  padding: 80px 0 40px; 
}

.brand-kicker { 
  display: inline-flex; 
  padding: 10px 14px; 
  border-radius: 999px; 
  background: var(--brand-blue-soft); 
  color: var(--brand-blue); 
  font-size: 14px; 
  font-weight: 700; 
  margin-bottom: 16px; 
}

.brand-hero-title { 
  font-size: clamp(38px, 5vw, 68px); 
  line-height: 1.1; 
  letter-spacing: -0.04em; 
  font-weight: 800; 
  margin: 0 0 16px; 
  color: var(--apple-text); 
}

.brand-hero-title span { 
  display: block; 
}

.brand-hero-desc { 
  font-size: 18px; 
  color: var(--apple-muted); 
  line-height: 1.8; 
}

.brand-section { 
  padding: 22px 0 0; 
}

.brand-block { 
  background: var(--apple-card); 
  border-radius: 36px; 
  padding: 56px 40px; 
  box-shadow: var(--shadow); 
  margin-bottom: 22px; 
}

.brand-head-kicker { 
  display: inline-block; 
  color: var(--brand-blue); 
  font-size: 13px; 
  font-weight: 700; 
  letter-spacing: .08em; 
  text-transform: uppercase; 
  margin-bottom: 12px; 
}

.brand-head-title { 
  font-size: clamp(30px, 4vw, 48px); 
  line-height: 1.14; 
  letter-spacing: -0.04em; 
  font-weight: 800; 
  margin: 0; 
}

.animals-v2-grid { 
  display: grid; 
  grid-template-columns: repeat(4, 1fr); 
  gap: 20px; 
}

.animal-v2-card { 
  border-radius: 26px; 
  background: linear-gradient(180deg, #ffffff 0%, #f8f9fb 100%); 
  border: 1px solid #edf0f4; 
  overflow: hidden; 
  transition: transform 0.2s ease, box-shadow 0.2s ease; 
}

.animal-v2-card:hover { 
  transform: translateY(-4px); 
  box-shadow: var(--shadow); 
}

.animal-v2-photo { 
  height: 280px; 
  background: #eef4ff; 
  overflow: hidden; 
}

.animal-v2-photo img { 
  width: 100%; 
  height: 100%; 
  object-fit: cover; 
  display: block; 
}

.animal-v2-copy { 
  padding: 20px 20px 24px; 
}

.animal-v2-copy h3 { 
  margin: 0 0 8px; 
  font-size: 22px; 
  color: var(--apple-text); 
}

.animal-v2-copy p { 
  margin: 0; 
  color: var(--apple-muted); 
  font-size: 14px; 
  line-height: 1.8; 
}

.brand-values-grid { 
  display: grid; 
  gap: 20px; 
}

.brand-card { 
  padding: 30px; 
  border-radius: 26px; 
}

.brand-card h3 { 
  font-size: 22px; 
  margin-bottom: 12px; 
}

.brand-card p { 
  font-size: 15px; 
  line-height: 1.8; 
  margin: 0; 
}

@media (max-width: 1100px) {
  .animals-v2-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 820px) {
  .animals-v2-grid, .brand-values-grid { grid-template-columns: 1fr !important; }
  .brand-block { padding: 32px 24px; border-radius: 24px; }
  .brand-shell { padding: 0 16px; }
  .animal-v2-photo { height: 320px; }
}
/* =========================================
   Dogs grouping special layout
   ========================================= */

/* 1. 夫妻卡片组 (Featured 2-column) */
.animals-featured-couple-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 核心：标准2列 */
  gap: 22px;
  margin-top: 34px;
  margin-bottom: 40px; /* 和下一组拉开距离 */
}

/* 让夫妻组的卡片稍微大一点，突出焦点感 */
.animals-featured-couple-grid .animal-v2-card .animal-v2-photo {
  height: 380px; /* 增加照片高度 */
}

.animals-featured-couple-grid .animal-v2-copy h3 {
  font-size: 26px; /* 增加名字字号 */
}

/* 2. 其他成员卡片组 (Standard 3-column) */
.animals-standard-others-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 核心：标准3列 */
  gap: 20px;
}

/* 设定标准卡片大小，确保它们看起来是一模一样的 */
.animals-standard-others-grid .animal-v2-photo {
  height: 280px; /* 恢复标准高度 */
}

/* 3. 响应式适配：确保手机上依然好看 */
@media (max-width: 1100px) {
  .animals-standard-others-grid {
    grid-template-columns: repeat(2, 1fr); /* 1100px 以下变为 2列 */
  }
}

@media (max-width: 820px) {
  .animals-featured-couple-grid, 
  .animals-standard-others-grid {
    grid-template-columns: 1fr !important; /* 820px 以下（手机）全部变为 1列 */
  }
  
  .animals-featured-couple-grid .animal-v2-photo {
    height: 320px; /* 手机上恢复合适高度 */
  }
}