/* =========================================================
   MOBILE V2 — larger hero, smaller gift promo, compact form
   PC styles untouched.
   ========================================================= */
@media (max-width:640px){

  html,body{
    width:100% !important;
    overflow-x:hidden !important;
  }

  /* 1) 메인 이미지: 모바일에서 PC 느낌이 나도록 확대.
     원본 비율은 유지하되 좌우만 소폭 잘라 세로 크기를 키움. */
  .pickHero{
    overflow:hidden !important;
  }
  .pickHeroStage{
    width:100% !important;
    overflow:hidden !important;
  }
  .pickHeroImage{
    display:block !important;
    width:126% !important;
    max-width:none !important;
    height:auto !important;
    margin-left:-13% !important;
    object-fit:contain !important;
  }

  /* 2) 상품권 100만원 영역을 더 작고 광고배너처럼 압축 */
  .gift-promo{
    padding:14px 14px 15px !important;
    grid-template-columns:54px minmax(0,1fr) !important;
    gap:7px 10px !important;
    min-height:0 !important;
  }
  .gift-icon{
    font-size:38px !important;
    margin:12px 0 0 !important;
  }
  .gift-copy>span{
    padding:4px 8px !important;
    font-size:9px !important;
  }
  .gift-copy h2{
    margin:6px 0 4px !important;
    font-size:17px !important;
    line-height:1.35 !important;
    letter-spacing:-.5px !important;
  }
  .gift-copy p{
    font-size:9.5px !important;
    line-height:1.45 !important;
  }
  .voucher{
    grid-column:1/-1 !important;
    width:100% !important;
    height:74px !important;
    margin-top:5px !important;
    padding:11px 14px !important;
    transform:none !important;
  }
  .voucher small{
    font-size:10px !important;
  }
  .voucher strong{
    font-size:27px !important;
    line-height:1.05 !important;
  }
  .voucher em{
    font-size:9px !important;
  }

  /* 혜택 4칸도 조금 더 컴팩트 */
  .quick-benefit-strip{
    padding:6px 6px 8px !important;
  }
  .quick-benefit-strip>div{
    min-height:42px !important;
    padding:5px 2px !important;
    font-size:10px !important;
  }
  .quick-benefit-strip i{
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
  }

  /* 3) 관심고객 등록 영역: 여백 대폭 축소 */
  .big-register{
    margin:10px 8px !important;
    padding:18px 12px 16px !important;
    border-radius:10px !important;
  }
  .reg-kicker{
    font-size:10px !important;
    letter-spacing:1.5px !important;
  }
  .reg-copy h2{
    margin:5px 0 7px !important;
    font-size:28px !important;
    line-height:1.12 !important;
  }
  .reg-copy p{
    max-width:300px !important;
    font-size:11.5px !important;
    line-height:1.55 !important;
  }
  .benefit-chip{
    margin:10px 0 3px !important;
    padding:8px 10px !important;
    font-size:10.5px !important;
  }
  .reg-copy>a{
    margin:7px 0 2px !important;
    font-size:22px !important;
  }
  .benefit-note{
    margin:5px auto 10px !important;
    font-size:8.5px !important;
    line-height:1.4 !important;
  }

  .gold-form{
    margin-top:10px !important;
    padding:14px 12px 13px !important;
    border-radius:9px !important;
  }
  .gold-form h3{
    margin:0 0 10px !important;
    font-size:21px !important;
  }
  .gold-form .two-col{
    gap:8px !important;
  }

  /* 체크박스가 일반 input 규칙을 먹지 않도록 완전 분리 */
  .gold-form input:not([type="checkbox"]){
    width:100% !important;
    height:44px !important;
    padding:0 12px !important;
    font-size:13px !important;
    box-sizing:border-box !important;
  }
  .gold-form .agree{
    display:flex !important;
    align-items:center !important;
    gap:7px !important;
    margin:4px 0 6px !important;
    min-height:18px !important;
    font-size:9.5px !important;
    line-height:1.3 !important;
    white-space:normal !important;
  }
  .gold-form .agree input[type="checkbox"]{
    appearance:auto !important;
    -webkit-appearance:checkbox !important;
    width:14px !important;
    height:14px !important;
    min-width:14px !important;
    max-width:14px !important;
    margin:0 !important;
    padding:0 !important;
    flex:0 0 14px !important;
    box-shadow:none !important;
  }
  .gold-form button{
    height:48px !important;
    font-size:16px !important;
    margin-top:2px !important;
  }
  .gold-form .status{
    min-height:0 !important;
    font-size:10px !important;
  }

  /* 사업개요 등 공식 이미지도 모바일에서 더 크게 보이도록 여백 축소 */
  .section{
    padding:34px 8px !important;
  }
  .section-title{
    margin-bottom:18px !important;
  }
  .section-title small{
    font-size:10px !important;
  }
  .section-title h2{
    font-size:25px !important;
    margin:5px 0 !important;
  }
  .official-img,
  .map-section img{
    width:100% !important;
    border-radius:7px !important;
  }
  .map-section{
    padding:32px 5px !important;
  }

  /* 하단 고정바가 본문을 가리지 않게 */
  body{
    padding-bottom:64px !important;
  }
  .mobile-bar{
    height:62px !important;
  }
}