/* SMILE RENTAL - Mobile override 2026-08-12 v2 */
@media (max-width: 900px) {
  html, body { width:100% !important; max-width:100% !important; min-width:0 !important; overflow-x:hidden !important; }
  body { margin:0 !important; }
  img { max-width:100% !important; }

  /* HOME: desktop hero must never be scaled down on phones */
  body.home-page .home-visual-final { display:none !important; }
  body.home-page .mobile-home-final { display:block !important; width:100% !important; box-sizing:border-box !important; }

  body.home-page .home-header-final {
    position:sticky !important; top:0 !important; z-index:9999 !important;
    width:100% !important; box-sizing:border-box !important;
    display:grid !important; grid-template-columns:104px 1fr !important;
    grid-template-rows:auto auto !important; gap:8px !important;
    padding:9px 12px 10px !important; background:#050505 !important;
  }
  body.home-page .home-logo-final { width:100px !important; height:44px !important; display:flex !important; align-items:center !important; }
  body.home-page .home-logo-final img { width:98px !important; height:auto !important; object-fit:contain !important; }
  body.home-page .home-contact-final { grid-column:2 !important; grid-row:1 !important; display:flex !important; justify-content:flex-end !important; align-items:center !important; gap:5px !important; }
  body.home-page .home-phone-final { display:none !important; }
  body.home-page .home-kakao-final { width:auto !important; min-width:0 !important; height:38px !important; padding:0 13px !important; font-size:14px !important; }
  body.home-page .home-nav-final { grid-column:1 / -1 !important; grid-row:2 !important; display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:5px !important; width:100% !important; height:auto !important; }
  body.home-page .home-nav-final a { min-width:0 !important; width:auto !important; height:38px !important; padding:0 2px !important; font-size:12.5px !important; letter-spacing:-.5px !important; border:1px solid #292929 !important; border-radius:7px !important; background:#111 !important; display:flex !important; align-items:center !important; justify-content:center !important; }
  body.home-page .home-nav-final a.active { background:#ffd21a !important; color:#080808 !important; }

  body.home-page .mobile-home-final { padding:24px 16px 30px !important; background:#050505 !important; color:#fff !important; }
  body.home-page .mobile-home-final .mh-eyebrow { font-size:12px !important; letter-spacing:.12em !important; margin-bottom:8px !important; }
  body.home-page .mobile-home-final h1 { font-size:31px !important; line-height:1.12 !important; letter-spacing:-1.4px !important; margin:0 0 13px !important; word-break:keep-all !important; }
  body.home-page .mobile-home-final .mh-desc { font-size:15px !important; line-height:1.65 !important; margin-bottom:16px !important; word-break:keep-all !important; }
  body.home-page .mobile-home-final .mh-actions { display:grid !important; grid-template-columns:1fr !important; gap:8px !important; margin-bottom:16px !important; }
  body.home-page .mobile-home-final .mh-actions a { min-height:52px !important; font-size:16px !important; }
  body.home-page .mobile-home-final .mh-bike { margin:0 0 15px !important; padding:8px 0 0 !important; }
  body.home-page .mobile-home-final .mh-bike img { width:92% !important; max-height:250px !important; object-fit:contain !important; }
  body.home-page .mobile-home-final .mh-grid { display:grid !important; grid-template-columns:1fr 1fr !important; gap:9px !important; }
  body.home-page .mobile-home-final .mh-card { min-height:138px !important; padding:14px 12px !important; box-sizing:border-box !important; }
  body.home-page .mobile-home-final .mh-card b { font-size:17px !important; }
  body.home-page .mobile-home-final .mh-card p { font-size:13px !important; line-height:1.5 !important; }

  /* Shared sub-pages: make content fill phone width instead of desktop canvas shrinking */
  body:not(.home-page) header, body:not(.home-page) main, body:not(.home-page) footer { max-width:100% !important; min-width:0 !important; }
  body:not(.home-page) .page-shell,
  body:not(.home-page) .content-shell,
  body:not(.home-page) .section-inner,
  body:not(.home-page) .rental-main,
  body:not(.home-page) .vehicles-main,
  body:not(.home-page) .price-main,
  body:not(.home-page) .guide-main,
  body:not(.home-page) .review-main,
  body:not(.home-page) .company-main {
    width:calc(100% - 28px) !important; max-width:none !important; min-width:0 !important; margin-left:auto !important; margin-right:auto !important;
  }
}

@media (max-width: 420px) {
  body.home-page .home-header-final { grid-template-columns:92px 1fr !important; padding-left:10px !important; padding-right:10px !important; }
  body.home-page .home-logo-final { width:90px !important; }
  body.home-page .home-logo-final img { width:88px !important; }
  body.home-page .home-nav-final a { font-size:11.5px !important; }
  body.home-page .mobile-home-final { padding-left:14px !important; padding-right:14px !important; }
  body.home-page .mobile-home-final h1 { font-size:28px !important; }
  body.home-page .mobile-home-final .mh-grid { grid-template-columns:1fr !important; }
  body.home-page .mobile-home-final .mh-card { min-height:0 !important; }
}