/* =========================================================
   금일 매입률 제목 + STAGING 메인 최종 오버라이드 v47
   ========================================================= */

.grate-head--today{
  display:flex;
  position:relative;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:8px;
  margin-bottom:26px;
  text-align:center;
}

.grate-head--today::before,
.grate-head--today::after{
  position:absolute;
  top:24px;
  width:min(16vw,150px);
  height:1px;
  background:linear-gradient(90deg,transparent,#cbd9e8);
  content:"";
}

.grate-head--today::before{right:calc(50% + 360px);transform:scaleX(-1)}
.grate-head--today::after{left:calc(50% + 360px)}

.grate-today-title{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
  margin:0;
  color:#13263b;
  font-size:34px;
  font-weight:900;
  line-height:1.25;
  letter-spacing:-.045em;
}

.grate-today-title::after{
  display:block;
  width:100%;
  margin-top:2px;
  color:#536a82;
  content:"매입률은 실시간 시세 기준으로 매일 업데이트 됩니다.";
  font-size:13px;
  font-weight:600;
  line-height:1.5;
  letter-spacing:-.02em;
}

.grate-today-title__label{
  display:inline-flex;
  min-height:38px;
  align-items:center;
  padding:0 14px;
  border:1px solid #dce9f7;
  border-radius:999px;
  background:#f3f8ff;
  color:#176fe5;
  font-size:15px;
  font-weight:900;
}

.grate-today-title__label::after{content:""}
.grate-today-title__date{color:#13263b;font-weight:900}
.grate-today-title__rate{color:#176fe5;font-weight:950}

/* STAGING: 히어로와 부가 섹션은 숨기되 매입률은 노출 */
.ghome main > .ghome-hero,
.ghome main > .ghero,
.ghome main > .glive-card-section,
.ghome main > .gm3-process,
.ghome main > .gm3-faq,
.ghome main > .ghome-section--faq{
  display:none!important;
}

.ghome,
.ghome main{
  background:#f7f9fc!important;
}

/* 신청폼 영역 */
.gm3-full-apply{
  padding:30px 0 64px!important;
  background:#f7f9fc!important;
}

.gm3-full-apply .ghome-shell{
  width:min(1120px,calc(100% - 40px))!important;
}

.gapply-v3-card{
  max-width:1120px!important;
  padding:38px 42px 44px!important;
  border:0!important;
  border-radius:26px!important;
  background:#fff!important;
  box-shadow:0 16px 48px rgba(28,38,52,.08)!important;
}

.gapply-v3-row--products{
  margin-top:30px!important;
  padding:20px 0 30px!important;
}

.gapply-v3-products{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}

.gapply-v3-products button{
  min-height:72px!important;
  gap:12px!important;
  padding:13px 16px!important;
  border:1px solid #eef0f3!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:0 7px 24px rgba(28,39,54,.07)!important;
}

.gapply-v3-products button:hover{
  border-color:#ffd0d9!important;
  box-shadow:0 9px 26px rgba(255,82,116,.10)!important;
}

.gapply-v3-products button.is-active{
  border-color:#ff617d!important;
  color:#ff4568!important;
  box-shadow:0 8px 24px rgba(255,82,116,.11)!important;
}

.gapply-v3-product-icon{
  width:38px!important;
  height:38px!important;
  flex-basis:38px!important;
  border-radius:10px!important;
  background:#f7f8fa!important;
}

.gapply-v3-product-copy strong{
  font-size:14px!important;
  font-weight:600!important;
}

.gapply-v3-product-copy small{
  color:#9ba0a6!important;
  font-size:11px!important;
}

.gapply-v3-row:not(.gapply-v3-row--products){
  margin-top:12px;
  padding:24px 22px!important;
  border:0!important;
  border-radius:18px;
  background:#fbfbfc;
}

.gapply-v3-label{color:#25292f!important;font-weight:700!important}

.gapply-v3-pin-grid input,
.gapply-v3-account>input,
.gapply-v3-account>select,
.gapply-v3-password input,
.gapply-v3-phone select,
.gapply-v3-phone input{
  border-color:#eceff2!important;
  background:#fff!important;
  box-shadow:none!important;
}

.gapply-v3-submit-wrap button{
  border-radius:16px!important;
  background:#ff5d7a!important;
  box-shadow:0 10px 22px rgba(255,93,122,.20)!important;
}

@media(max-width:900px){
  .grate-head--today::before,
  .grate-head--today::after{display:none}

  .gapply-v3-products{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:720px){
  .grate-head--today{
    gap:5px;
    margin-bottom:18px;
  }

  .grate-today-title{
    width:100%;
    gap:5px 7px;
    font-size:20px;
    line-height:1.4;
  }

  .grate-today-title::after{
    margin-top:4px;
    font-size:11px;
  }

  .grate-today-title__label{
    min-height:30px;
    padding:0 10px;
    font-size:12px;
  }

  .grate-today-title__date{font-size:20px}
  .grate-today-title__rate{font-size:21px}

  .gm3-full-apply{
    padding:24px 0 42px!important;
  }

  .gm3-full-apply .ghome-shell{
    width:calc(100% - 24px)!important;
  }

  .gapply-v3-card{
    padding:24px 14px 28px!important;
    border-radius:20px!important;
  }

  .gapply-v3-row--products{
    margin-top:20px!important;
    padding:18px 0 24px!important;
  }

  .gapply-v3-products{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  .gapply-v3-products button{
    min-height:58px!important;
    gap:8px!important;
    padding:9px 10px!important;
    border-radius:15px!important;
  }

  .gapply-v3-product-icon{
    width:30px!important;
    height:30px!important;
    flex-basis:30px!important;
    border-radius:8px!important;
  }

  .gapply-v3-product-copy strong{
    overflow:hidden;
    font-size:11.5px!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  .gapply-v3-product-copy small{font-size:9.5px!important}

  .gapply-v3-row:not(.gapply-v3-row--products){
    margin-top:9px;
    padding:18px 12px!important;
    border-radius:15px;
  }
}