/* ===== FINAL MOBILE HOME BOTTOM BAR FIX ONLY ===== */
@media (max-width:768px){
  body.home .bottom-bar{
    left:16px !important;
    right:16px !important;
    bottom:10px !important;
    width:auto !important;
    height:106px !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 96px !important;
    grid-template-rows:52px 48px !important;
    gap:6px !important;
    align-items:stretch !important;
    font-size:14px !important;
    z-index:999 !important;
  }
  body.home .bottom-bar button,
  body.home .bottom-bar a{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    border-radius:10px !important;
    line-height:1.05 !important;
    overflow:hidden !important;
  }
  body.home .bottom-reserve{
    grid-column:1 / 2 !important;
    grid-row:1 / 2 !important;
    font-size:18px !important;
    font-weight:600 !important;
    letter-spacing:-.8px !important;
    padding:0 8px !important;
    white-space:nowrap !important;
  }
  body.home .bottom-popup{
    grid-column:2 / 3 !important;
    grid-row:1 / 2 !important;
    font-size:15px !important;
    font-weight:500 !important;
    letter-spacing:-.8px !important;
    padding:0 6px !important;
    white-space:normal !important;
    word-break:keep-all !important;
  }
  body.home .bottom-inquiry{
    grid-column:1 / 3 !important;
    grid-row:2 / 3 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    padding:0 16px !important;
    gap:8px !important;
    background:#5f5f5f !important;
  }
  body.home .bottom-inquiry span{
    display:block !important;
    font-size:15px !important;
    font-weight:500 !important;
    letter-spacing:-.7px !important;
    white-space:nowrap !important;
  }
  body.home .bottom-inquiry strong{
    display:block !important;
    font-size:20px !important;
    font-weight:600 !important;
    letter-spacing:-1.2px !important;
    white-space:nowrap !important;
    margin-left:auto !important;
  }

  /* 모바일 상단 왼쪽 카테고리바: 크기와 두께만 축소 */
  .mobile-menu-btn{
    width:42px !important;
    height:42px !important;
    font-size:32px !important;
    font-weight:300 !important;
    line-height:42px !important;
    transform:scaleX(.9) !important;
  }
}

@media (max-width:380px){
  body.home .bottom-bar{left:12px!important;right:12px!important;grid-template-columns:minmax(0,1fr) 88px!important;}
  body.home .bottom-reserve{font-size:17px!important;}
  body.home .bottom-popup{font-size:14px!important;}
  body.home .bottom-inquiry strong{font-size:18px!important;}
}

/* === HOTFIX: mobile main hero height/text size only === */
@media (max-width: 768px){
  body.home .home-main{
    padding-top:84px !important;
  }
  body.home .hero{
    height:360px !important;
    min-height:360px !important;
    max-height:360px !important;
  }
  body.home .hero-bg{
    background-size:cover !important;
    background-position:center center !important;
  }
  body.home .hero-copy{
    top:47% !important;
    width:90vw !important;
    letter-spacing:-1px !important;
  }
  body.home .copy-sub{
    font-size:16px !important;
    line-height:1.2 !important;
    margin-bottom:4px !important;
    letter-spacing:-.6px !important;
    font-weight:400 !important;
  }
  body.home .copy-main{
    font-size:28px !important;
    line-height:1.16 !important;
    letter-spacing:-1.8px !important;
    font-weight:700 !important;
  }
  body.home .line2,
  body.home .line3{
    font-size:28px !important;
    font-weight:700 !important;
  }
  body.home .arrow{
    width:40px !important;
    height:40px !important;
    font-size:42px !important;
    line-height:31px !important;
  }
  body.home .arrow-left{left:12px !important;}
  body.home .arrow-right{right:12px !important;}
  body.home .hero-pager{
    bottom:12px !important;
    font-size:14px !important;
    gap:9px !important;
  }
  body.home .hero-pager button{
    font-size:14px !important;
  }
  body.home .pager-line{
    width:72px !important;
    height:1px !important;
  }
}

@media (max-width: 390px){
  body.home .hero{
    height:340px !important;
    min-height:340px !important;
    max-height:340px !important;
  }
  body.home .copy-sub{font-size:15px !important;}
  body.home .copy-main,
  body.home .line2,
  body.home .line3{
    font-size:25px !important;
    letter-spacing:-1.5px !important;
  }
}