/* Shared compact navigation for the home page and official detail pages. */
@media (max-width:1279px) {
  body.eg-site.rf-teal-preview { --refined-header-height:calc(72px + env(safe-area-inset-top, 0px)); }
  body.eg-site.rf-teal-preview .home-header {
    position:sticky; top:0; margin:0;
    padding:env(safe-area-inset-top, 0px) max(24px, env(safe-area-inset-right, 0px)) 0 max(24px, env(safe-area-inset-left, 0px));
    height:var(--refined-header-height) !important; min-height:var(--refined-header-height);
    display:flex !important; align-items:center; justify-content:space-between; gap:16px !important;
    box-sizing:border-box; background:#fafbf9; color:#23292b;
  }
  body.eg-site .home-header :is(.rf-top-nav, .eg-header-actions, .hdr-cta) { display:none !important; }
  body.eg-site .home-header .header-logo { order:0; flex:0 0 auto; display:flex; align-items:center; min-height:44px; }
  body.eg-site .home-header .header-logo img { display:block; width:120px; height:auto; }
  body.eg-site .home-header #menu-open {
    order:1; display:flex; align-items:center; justify-content:center; flex:0 0 auto; gap:0;
    min-width:44px; min-height:44px; padding:0 4px; border:0; background:transparent; color:inherit;
    font:500 13px/1 var(--troon-font-ko, sans-serif); cursor:pointer; touch-action:manipulation;
  }
  body.eg-site #menu-open .menu-word { display:none; }
  body.eg-site #menu-open .menu-icon { display:grid; gap:6px; width:22px; }
  body.eg-site #menu-open .menu-icon i { display:block; width:22px; height:1px; background:currentColor; }
  body.eg-site #home-menu {
    inset:0; width:100%; height:100dvh; max-width:none; max-height:100dvh; margin:0;
    padding:0 max(24px, env(safe-area-inset-right, 0px)) max(24px, env(safe-area-inset-bottom, 0px)) max(24px, env(safe-area-inset-left, 0px));
    box-sizing:border-box; border:0; background:#23292b; color:#fafbf9;
    overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch;
  }
  body.eg-site #home-menu[open] { display:flex; flex-direction:column; }
  body.eg-site #home-menu .menu-top {
    position:sticky; top:0; z-index:1; display:flex; align-items:center; justify-content:space-between; flex-shrink:0;
    min-height:calc(80px + env(safe-area-inset-top, 0px)); margin:0; padding-top:env(safe-area-inset-top, 0px);
    box-sizing:border-box; background:#23292b; border-bottom:1px solid #586165;
  }
  body.eg-site #home-menu .menu-top > img { width:112px; height:auto; }
  body.eg-site #menu-close {
    display:grid; place-items:center; min-width:44px; min-height:44px; padding:0; border:1px solid #586165; border-radius:2px;
    background:transparent; color:inherit; font:400 28px/1 var(--troon-font-ko, sans-serif); cursor:pointer; touch-action:manipulation;
  }
  body.eg-site #home-menu .menu-intro { display:none; }
  body.eg-site #home-menu .menu-layout { display:block; flex:1 0 auto; padding:8px 0 24px; }
  body.eg-site #home-menu .menu-layout > nav { display:block; }
  body.eg-site #home-menu .menu-group { margin:0; padding:0; border:0; border-bottom:1px solid #586165; }
  body.eg-site #home-menu .menu-group > summary {
    display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:64px; margin:0; padding:0;
    list-style:none; font:400 22px/1.4 var(--troon-font-ko, sans-serif);
  }
  body.eg-site #home-menu .menu-group > summary::after { display:none; }
  body.eg-site #home-menu .menu-group > summary::-webkit-details-marker { display:none; }
  body.eg-site #home-menu .menu-group > summary > a { display:flex; align-items:center; flex:1; min-height:64px; color:inherit; text-decoration:none; font:inherit; }
  body.eg-site #home-menu [data-menu-toggle] {
    display:flex; align-items:center; justify-content:center; flex:0 0 48px; width:48px; height:48px; padding:0; border:0;
    background:transparent; color:inherit; font-size:0; cursor:pointer; touch-action:manipulation;
  }
  body.eg-site #home-menu [data-menu-toggle]::after {
    content:''; width:8px; height:8px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor;
    transform:rotate(45deg) translate(-2px, -2px);
  }
  body.eg-site #home-menu [data-menu-toggle][aria-expanded="true"]::after { transform:rotate(225deg) translate(-2px, -2px); }
  body.eg-site #home-menu .menu-group .sub { display:flex; flex-direction:column; gap:0; padding:0 0 16px 12px; color:#dce1e2; }
  body.eg-site #home-menu .menu-group .sub a {
    display:flex; align-items:center; min-height:48px; padding:6px 12px; box-sizing:border-box;
    font:400 16px/1.6 var(--troon-font-ko, sans-serif); color:inherit; text-decoration:none;
  }
  body.eg-site #home-menu .menu-bottom { display:flex; flex-direction:column; flex-shrink:0; gap:12px; margin:0; padding:0; border:0; }
  body.eg-site #home-menu .menu-bottom a {
    display:flex; align-items:center; justify-content:space-between; min-height:52px; padding:12px 18px;
    border:1px solid #586165; box-sizing:border-box; font:500 14px/1.5 var(--troon-font-ko, sans-serif); color:inherit; text-decoration:none;
  }
  body.eg-site #home-menu .menu-bottom a:last-child { order:-1; background:#fafbf9; border-color:#fafbf9; color:#23292b; }
  body.eg-site :is(#menu-open, #menu-close):focus-visible,
  body.eg-site #home-menu :is(a, button, summary):focus-visible { outline:2px solid currentColor; outline-offset:2px; }
}
@media (max-width:600px) {
  body.eg-site.rf-teal-preview { --refined-header-height:calc(64px + env(safe-area-inset-top, 0px)); }
  body.eg-site.rf-teal-preview .home-header { padding-left:max(20px, env(safe-area-inset-left, 0px)); padding-right:max(16px, env(safe-area-inset-right, 0px)); }
  body.eg-site .home-header .header-logo img { width:108px; }
}