/* =========================================
   연애운 4번 이미지 전용 CSS
   ========================================= */

.hero-wrap-04{
  position:relative !important;
  overflow:hidden !important;
  border-radius:18px !important;
  background:#000 !important;
}

.hero-wrap-04 img{
  display:block !important;
  width:100% !important;
  height:auto !important;
}

/* 기본 텍스트 숨김 */
.hero-wrap-04 .hero-copy,
.hero-wrap-04 .hero-copy-inner,
.hero-wrap-04 .hero-main{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
  text-shadow:none !important;
  overflow:hidden !important;
  display:block !important;
}

.hero-wrap-04 .hero-copy *,
.hero-wrap-04 .hero-copy-inner *,
.hero-wrap-04 .hero-main *{
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
  text-shadow:none !important;
}

/* 하단 그라데이션 */
.hero-wrap-04::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:45%;
  background:linear-gradient(to top, rgba(0,0,0,0.90), rgba(0,0,0,0));
  z-index:2;
}

/* 4번 문구 */
.hero-wrap-04::after{
  content:"사랑은 생각보다 가까운 곳에 있습니다\A당신의 연애운이 그 사람을 향하고 있습니다";
  white-space:pre-line;

  position:absolute;
  left:50%;
  bottom:8%;
  transform:translateX(-50%);

  width:88%;
  text-align:center;
  z-index:3;

  font-size:30px;
  line-height:1.36;
  font-weight:800;
  letter-spacing:-0.6px;
  font-family:"Verdana","Arial",sans-serif;

  background:linear-gradient(180deg,#fff8f2,#ffd9c8,#f5b38f);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  color:transparent;

  text-shadow:
    0 2px 8px rgba(0,0,0,0.55),
    0 0 10px rgba(255,200,170,0.24);
}

/* 모바일 */
@media (max-width:768px){
  .hero-wrap-04::after{
    font-size:22px;
    line-height:1.40;
    bottom:10%;
    width:90%;
  }
}