.m666-shell { display: none; }

@media (max-width: 979px) {
  html, body.m666-ready { width: 100% !important; min-width: 0 !important; max-width: 100% !important; overflow-x: clip; }
  body.m666-ready { margin: 0 !important; background: #fff !important; }
  body.m666-ready #SITE_CONTAINER { display: none !important; }
  .m666-shell { display: block; color: #1a1b1d; background: #fff; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Arial, sans-serif; font-size: 16px; line-height: 1.6; overflow-wrap: anywhere; }
  .m666-shell *, .m666-lightbox * { box-sizing: border-box; }
  .m666-shell a { color: inherit; text-decoration: none; }
  .m666-shell button { font: inherit; cursor: pointer; }
  .m666-shell img { display: block; max-width: 100%; height: auto; }
  .m666-shell p, .m666-shell h1, .m666-shell h2, .m666-shell h3 { margin: 0; padding: 0; font-family: inherit; letter-spacing: normal; }
  .m666-shell [hidden] { display: none !important; }
  .m666-header { position: sticky; top: 0; z-index: 100; color: #fff; background: #09131d; box-shadow: 0 3px 18px #0003; }
  .m666-header-bar { min-height: 59px; padding: 5px 18px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
  .m666-logo { display: inline-flex; align-items: center; gap: 7px; min-width: 0; }
  .m666-shell .m666-logo-image { width: 47px; height: 47px; object-fit: contain; }
  .m666-logo-name { font-size: 16px; letter-spacing: .09em; font-weight: 800; color: #e8c566; }
  .m666-menu-button { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; color: #fff; background: transparent; border: 1px solid #ffffff50; border-radius: 7px; font-size: 13px !important; line-height: 1.2; }
  .m666-menu-lines { font-size: 20px; line-height: 1; }
  .m666-nav { padding: 3px 18px 14px; display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
  .m666-nav a { padding: 10px 11px; border: 1px solid #ffffff26; border-radius: 6px; font-size: 14px; }
  .m666-languages { display: flex; justify-content: center; gap: 4px; padding: 4px 12px 8px; border-top: 1px solid #ffffff12; }
  .m666-language { flex: 1 1 0; max-width: 96px; text-align: center; white-space: nowrap; font-size: 12px; line-height: 1.3; padding: 5px 4px; border-radius: 4px; color: #e5e8eb !important; }
  .m666-language[aria-current='page'] { color: #1c1710 !important; background: #e8c566; font-weight: 700; }
  .m666-section { padding: 46px 21px; scroll-margin-top: 115px; }
  .m666-hero { color: #fff; text-align: center; padding: 25px 21px 35px; background: linear-gradient(180deg, #07111cc2, #07111ce0), url('/assets/images/038f8a_243b690cb28d449e94ac46710bd10976__50fc6f4063.jpg') center top / cover no-repeat; }
  .m666-shell .m666-hero-image { width: min(100%, 320px); height: auto; margin: 0 auto 17px; border: 4px solid #fff; box-shadow: 0 8px 24px #0006; }
  .m666-brand { color: #e8c566; font-size: 17px; font-weight: 800; letter-spacing: .18em !important; }
  .m666-hero-title { color: #e8c566; margin-top: 3px !important; font-size: clamp(28px, 8vw, 41px); line-height: 1.08; font-weight: 900; }
  .m666-hero-lead { margin: 14px auto 0 !important; max-width: 520px; font-size: 17px; font-weight: 700; line-height: 1.45; }
  .m666-hero-detail { margin: 13px auto 0 !important; max-width: 490px; color: #d6dce0; font-size: 11px; line-height: 1.55; }
  .m666-shortcuts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin-top: 24px; }
  .m666-shortcuts a { padding: 9px 3px; color: #fff; background: #ffffff1c; border: 1px solid #f5dc8a66; border-radius: 5px; font-size: 13px; font-weight: 700; line-height: 1.25; }
  .m666-highlights { display: grid; gap: 9px; padding: 20px 21px; background: #0d131a; color: #f1e6c8; }
  .m666-highlight { padding: 12px 15px !important; border-left: 3px solid #d3aa49; background: #ffffff0c; font-size: 14px; line-height: 1.55; }
  .m666-intro { background: #fff; }
  .m666-eyebrow { color: #aa812a; font-size: 11px; font-weight: 800; letter-spacing: .16em !important; text-align: center; }
  .m666-section-title { margin: 8px 0 23px !important; color: inherit; font-size: clamp(26px, 7vw, 34px); line-height: 1.18; text-align: center; font-weight: 800; }
  .m666-intro-card { padding: 21px 0; border-top: 1px solid #e9e5dd; }
  .m666-card-title { margin-bottom: 10px !important; color: #27221a; font-size: 19px; line-height: 1.35; }
  .m666-copy { margin: 10px 0 0 !important; color: #555a60; font-size: 15px; line-height: 1.75; white-space: pre-line; }
  .m666-system { color: #fff; background: #111214; }
  .m666-system .m666-section-title { margin-bottom: 12px !important; }
  .m666-system-sub { margin-bottom: 20px !important; color: #e6c77b; font-size: 17px; line-height: 1.4; text-align: center; }
  .m666-shell .m666-system-image { width: min(100%, 360px); height: auto; margin: 0 auto 22px; border: 1px solid #d2b06a; }
  .m666-system .m666-copy { color: #e0e0e0; }
  .m666-gallery-section { background: #f7f5f0; }
  .m666-gallery { max-width: 500px; margin: 0 auto; }
  .m666-gallery-photo { display: block; width: 100%; padding: 0; border: 0; background: #151515; }
  .m666-shell .m666-gallery-image { width: 100%; height: auto; max-height: none; object-fit: contain; }
  .m666-gallery-controls { display: flex; align-items: center; justify-content: center; gap: 23px; margin-top: 13px; }
  .m666-gallery-arrow { width: 45px; height: 45px; padding: 0; border: 1px solid #caa64f; border-radius: 50%; color: #4a3610; background: #fff; font-size: 32px !important; line-height: 1; }
  .m666-gallery-count { min-width: 74px; text-align: center; color: #5a554b; font-size: 14px; font-weight: 700; }
  .m666-price, .m666-review { text-align: center; }
  .m666-section-sub { margin: -9px 0 19px !important; color: #666; font-size: 15px; line-height: 1.6; }
  .m666-shell .m666-price-image { width: min(100%, 520px); height: auto; margin: 0 auto 18px; }
  .m666-outline-button, .m666-gold-button { display: inline-block; min-height: 44px; padding: 10px 18px; border-radius: 5px; font-size: 14px; font-weight: 800; line-height: 1.5; }
  .m666-outline-button { border: 1px solid #a98131; color: #74520e !important; }
  .m666-review { background: #faf9f6; }
  .m666-shell .m666-review-image { width: min(100%, 370px); height: auto; margin: 0 auto 18px; }
  .m666-gold-button { color: #20190d !important; background: #e3bf65; }
  .m666-contact { color: #fff; background: #090b0d; text-align: center; }
  .m666-contact .m666-section-title { color: #efd482; }
  .m666-contact-buttons { display: grid; grid-template-columns: repeat(auto-fit, minmax(85px, 1fr)); gap: 8px; max-width: 470px; margin: 0 auto; }
  .m666-contact-button { padding: 13px 4px; border-radius: 7px; color: #121212 !important; font-size: 13px; font-weight: 800; line-height: 1.25; }
  .m666-kakao { background: #ffdf00; }
  .m666-telegram { background: #50b8e7; }
  .m666-line { background: #55db35; }
  .m666-phones { display: grid; gap: 8px; max-width: 470px; margin: 15px auto 0; }
  .m666-phone { display: block; padding: 10px 12px; border: 1px solid #ffffff45; border-radius: 5px; font-size: 15px; }
  .m666-map { display: inline-block; margin-top: 18px; color: #e8c566 !important; font-size: 14px; font-weight: 700; }
  .m666-secondary { min-height: 55vh; }
  .m666-notice { padding-top: 65px; padding-bottom: 65px; text-align: center; }
  .m666-notice .m666-gold-button { margin-top: 22px; }
  .m666-footer { padding: 21px 16px; color: #999; background: #f5f5f5; text-align: center; font-size: 11px; }
  .m666-lightbox { position: fixed; inset: 0; z-index: 2147483647; display: flex; align-items: center; justify-content: center; padding: 48px 12px 18px; background: #000e; }
  .m666-lightbox .m666-lightbox-image { width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; }
  .m666-lightbox-close { position: absolute; top: 8px; right: 13px; width: 43px; height: 43px; color: #fff; background: #222; border: 1px solid #888; border-radius: 50%; font-size: 30px; line-height: 1; }
}
