/* ===== v0.4 Homepage Dual-Flagship Update ===== */
.hero-v4{grid-template-columns:.92fr 1.08fr;align-items:center}
.dual-hero-wrap{
  margin:46px 5vw 46px 0;
  background:#fff;
  border-radius:20px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  position:relative;
  overflow:visible;
  box-shadow:0 28px 60px rgba(0,0,0,.30);
}
.hero-dual-badge{
  position:absolute;
  top:-18px;
  left:50%;
  transform:translateX(-50%);
  background:var(--red);
  color:#fff;
  padding:11px 24px;
  border-radius:999px;
  font-weight:800;
  letter-spacing:.4px;
  z-index:2;
  white-space:nowrap;
}
.hero-hat-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:35px 22px 25px;
  color:var(--navy);
  position:relative;
  transition:transform .2s ease, background .2s ease;
}
.hero-hat-card:first-of-type{border-right:1px solid var(--line)}
.hero-hat-card:hover{background:#f9fbfd;transform:translateY(-3px)}
.hero-hat-copy{text-align:center;min-height:58px}
.hero-hat-copy strong{display:block;font-size:25px}
.hero-hat-copy span{text-transform:uppercase;font-size:13px;font-weight:800;color:#44546b}
.hero-hat-card img{
  width:100%;
  height:260px;
  object-fit:contain;
  border-radius:12px;
  margin:7px 0 10px;
  background:#f8f9fb;
}
.hero-hat-card em{
  font-style:normal;
  background:var(--navy);
  color:white;
  padding:8px 15px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
}
.photo-v4{padding:0;background:#f8f9fb}
.photo-v4 img{width:100%;height:350px;object-fit:cover;object-position:center;border-radius:0}
.product-card-v4{transition:transform .2s ease, box-shadow .2s ease}
.product-card-v4:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(13,34,64,.14)}

@media(max-width:1000px){
  .hero-v4{grid-template-columns:1fr}
  .dual-hero-wrap{margin:12px 6vw 56px}
}
@media(max-width:680px){
  .dual-hero-wrap{grid-template-columns:1fr;margin:12px 5vw 48px}
  .hero-hat-card:first-of-type{border-right:0;border-bottom:1px solid var(--line)}
  .hero-hat-card img{height:220px}
  .photo-v4 img{height:270px}
}