/* =========================================================
   CACAR Singapore Wardrobes
   HERO FINAL BALANCE OVERRIDE
   Only affects the top hero section
   ========================================================= */

/* 整体 Hero：
   左侧内容稍宽，右侧图片收窄 */
.cacar-sg-wardrobes-final .sgw-hero{
  display:grid;
  grid-template-columns:minmax(0,1.38fr) minmax(340px,.92fr);
  gap:0;
  min-height:430px;
  align-items:stretch;
}


/* 左侧文字区域
   减少过多空白，同时保持高级留白 */
.cacar-sg-wardrobes-final .sgw-hero-copy{
  min-height:430px;
  padding:50px 48px 46px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  position:relative;
  z-index:2;
}


/* 右侧不再整块铺满
   改成带呼吸空间的“嵌入式项目图” */
.cacar-sg-wardrobes-final .sgw-hero-media{
  position:relative;
  align-self:center;
  width:calc(100% - 28px);
  height:360px;
  min-height:0;
  margin:28px 28px 28px 0;
  overflow:hidden;
  background:#ddd;
}


/* 图片继续保持裁切，但视觉占比明显降低 */
.cacar-sg-wardrobes-final .sgw-hero-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}


/* 让图片与左侧背景融合，不出现生硬断裂 */
.cacar-sg-wardrobes-final .sgw-hero-media::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(
      90deg,
      rgba(246,243,238,.16) 0%,
      rgba(246,243,238,0) 16%
    );
}


/* 底部只保留轻量渐变，用于图片说明 */
.cacar-sg-wardrobes-final .sgw-hero-media::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(
      to top,
      rgba(18,16,14,.48) 0%,
      rgba(18,16,14,.12) 28%,
      rgba(18,16,14,0) 54%
    );
}


/* 图片说明同步缩小，避免抢主标题 */
.cacar-sg-wardrobes-final .sgw-image-caption{
  position:absolute;
  left:20px;
  right:20px;
  bottom:17px;
  z-index:3;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.42);
  color:#fff;
}


.cacar-sg-wardrobes-final .sgw-image-caption span{
  display:block;
  margin-bottom:5px;
  font-size:9px;
  line-height:1.3;
  letter-spacing:.15em;
  text-transform:uppercase;
  opacity:.84;
}


.cacar-sg-wardrobes-final .sgw-image-caption strong{
  display:block;
  max-width:94%;
  font-size:12px;
  line-height:1.45;
  font-weight:600;
}


/* Hero 主标题稍微收敛，
   避免左侧文字也显得过重 */
.cacar-sg-wardrobes-final .sgw-hero-copy h2{
  max-width:640px;
  font-size:39px;
  line-height:1.1;
  margin-bottom:18px;
}


/* 正文宽度控制，增强阅读节奏 */
.cacar-sg-wardrobes-final .sgw-hero-copy > p{
  max-width:650px;
}


/* Project Input 紧跟 Hero，
   保持目前结构，只略微统一背景 */
.cacar-sg-wardrobes-final .sgw-inputs{
  position:relative;
  z-index:4;
  background:rgba(255,253,249,.74);
}


/* =========================================================
   TABLET
   ========================================================= */
@media(max-width:980px){

  .cacar-sg-wardrobes-final .sgw-hero{
    grid-template-columns:1fr;
    min-height:auto;
  }

  .cacar-sg-wardrobes-final .sgw-hero-copy{
    min-height:auto;
    padding:40px 30px 30px;
  }

  .cacar-sg-wardrobes-final .sgw-hero-copy h2{
    max-width:700px;
    font-size:35px;
  }

  .cacar-sg-wardrobes-final .sgw-hero-media{
    width:calc(100% - 60px);
    height:360px;
    min-height:0;
    margin:0 30px 30px;
  }

}


/* =========================================================
   MOBILE 390px
   ========================================================= */
@media(max-width:640px){

  .cacar-sg-wardrobes-final .sgw-hero{
    display:block;
  }

  .cacar-sg-wardrobes-final .sgw-hero-copy{
    padding:28px 17px 24px;
  }

  .cacar-sg-wardrobes-final .sgw-hero-copy h2{
    max-width:100%;
    font-size:29px;
    line-height:1.13;
  }

  .cacar-sg-wardrobes-final .sgw-hero-copy > p{
    max-width:100%;
    font-size:14px;
    line-height:1.68;
  }

  .cacar-sg-wardrobes-final .sgw-hero-media{
    width:calc(100% - 32px);
    height:245px;
    min-height:0;
    margin:0 16px 18px;
  }

  .cacar-sg-wardrobes-final .sgw-image-caption{
    left:14px;
    right:14px;
    bottom:12px;
  }

  .cacar-sg-wardrobes-final .sgw-image-caption span{
    font-size:8px;
  }

  .cacar-sg-wardrobes-final .sgw-image-caption strong{
    max-width:100%;
    font-size:11px;
    line-height:1.35;
  }

}