/* ==== SkinRev mega navigation — append at the end of the #sk-chrome-css style block ====
   Scoped to #skinrev-nav / #skinrev-drawer. Desktop bar shows above 1099px; hamburger + drawer at 1099px and below.
   Uses new ids/classes (#sk-mega-links, .skm-*) so the legacy #skinrev-desktop-links rules/scripts stay inert. */

/* ---- top bar ---- */
#skinrev-nav .skm-links{display:flex;align-items:center;justify-content:center;gap:30px;list-style:none;
  margin:0;padding:0;flex:1 1 auto;min-width:0;height:72px}
#skinrev-nav .skm-links>li{position:static;height:72px;display:flex;align-items:center;margin:0;padding:0;list-style:none}
#skinrev-nav .skm-links .skm-top{position:relative;display:inline-flex;align-items:center;gap:7px;height:72px;margin:0;padding:0;
  background:none;border:0;border-radius:0;cursor:pointer;box-sizing:border-box;
  font-family:'Montserrat',sans-serif;font-size:12px;line-height:1;font-weight:500;letter-spacing:.1em;text-transform:uppercase;
  color:#B8AEA8;opacity:1;text-decoration:none;white-space:nowrap;transition:color .2s;-webkit-tap-highlight-color:transparent}
#skinrev-nav .skm-links .skm-top::after{content:'';position:absolute;left:0;right:0;bottom:20px;height:1px;background:#C9A96E;
  transform:scaleX(0);transform-origin:left;transition:transform .25s ease;top:auto}
#skinrev-nav .skm-links .skm-top:hover,
#skinrev-nav .skm-links .skm-top:focus-visible,
#skinrev-nav .skm-links .skm-open>.skm-top{color:#C9A96E;opacity:1}
#skinrev-nav .skm-links .skm-top:hover::after,
#skinrev-nav .skm-links .skm-open>.skm-top::after{transform:scaleX(1)}
#skinrev-nav .skm-links .skm-btn::after{right:15px}
#skinrev-nav .skm-links .skm-top:focus{outline:none}
#skinrev-nav .skm-links .skm-top:focus-visible{outline:1px solid #C9A96E;outline-offset:4px}
#skinrev-nav .skm-caret{display:inline-block;flex:none;width:6px;height:6px;margin-top:-3px;
  border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);transition:transform .22s}
#skinrev-nav .skm-open>.skm-btn .skm-caret{transform:rotate(225deg);margin-top:3px}

/* ---- panels ---- */
#skinrev-nav .skm-panel{position:absolute;top:100%;left:0;right:0;z-index:2;box-sizing:border-box;
  max-height:calc(100vh - 72px);max-height:calc(100dvh - 72px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;
  background:#0b0b0b;border-top:1px solid rgba(201,169,110,.16);border-bottom:1px solid rgba(201,169,110,.12);
  box-shadow:0 30px 60px rgba(0,0,0,.6);text-align:left;cursor:auto;
  visibility:hidden;opacity:0;transform:translateY(-6px);pointer-events:none;
  transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s;
  scrollbar-width:thin;scrollbar-color:rgba(201,169,110,.35) transparent}
#skinrev-nav .skm-open>.skm-panel,
#skinrev-nav:not(.skm-js) .skm-has:hover>.skm-panel,
#skinrev-nav:not(.skm-js) .skm-has:focus-within>.skm-panel{visibility:visible;opacity:1;transform:none;pointer-events:auto;transition-delay:0s}
#skinrev-nav .skm-panel *{box-sizing:border-box}
#skinrev-nav .skm-inner{max-width:1320px;margin:0 auto;padding:26px 48px 22px}
#skinrev-nav .skm-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 22px;margin:0 0 20px;padding:0}
#skinrev-nav .skm-intro{margin:0;padding:0;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:400;
  font-size:19px;line-height:1.3;letter-spacing:.01em;color:#C9A96E;text-transform:none}
#skinrev-nav .skm-note{margin:0;padding:0;font-family:'Montserrat',sans-serif;font-size:10.5px;line-height:1.5;
  letter-spacing:.04em;color:#8A8078;text-transform:none;font-weight:400}
#skinrev-nav .skm-grid{display:grid;grid-template-columns:repeat(var(--skm-cols,5),minmax(0,1fr));gap:0;margin:0;padding:0}
#skinrev-nav .skm-col{min-width:0;padding:0 24px;border-left:1px solid rgba(201,169,110,.08)}
#skinrev-nav .skm-col:first-child{padding-left:0;border-left:0}
#skinrev-nav .skm-col:last-child{padding-right:0}
#skinrev-nav .skm-col--cont{border-left-color:transparent}
#skinrev-nav .skm-grp{margin:0;padding:0}
#skinrev-nav .skm-grp+.skm-grp{margin-top:22px}
#skinrev-nav .skm-h{margin:0 0 6px;padding:0 0 9px;border-bottom:1px solid rgba(201,169,110,.18);
  font-family:'Montserrat',sans-serif;font-size:9.5px;line-height:1.3;font-weight:600;letter-spacing:.22em;
  text-transform:uppercase;color:#C9A96E}
#skinrev-nav .skm-h--cont{color:transparent}
#skinrev-nav .skm-list{list-style:none;margin:0;padding:0}
#skinrev-nav .skm-list li{margin:0;padding:0;list-style:none}
#skinrev-nav .skm-list a{position:static;display:block;margin:0;padding:7px 0;border-bottom:1px solid rgba(201,169,110,.045);
  text-decoration:none;opacity:1;font-family:'Montserrat',sans-serif;text-transform:none;letter-spacing:0;
  transition:padding-left .2s ease,background .2s}
#skinrev-nav .skm-list a::after,#skinrev-nav .skm-foot a::after{content:none;display:none}
#skinrev-nav .skm-list li:last-child a{border-bottom:0}
#skinrev-nav .skm-n{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:16.5px;line-height:1.22;
  font-weight:500;letter-spacing:.005em;color:#e8e0d5;transition:color .18s}
#skinrev-nav .skm-d{display:block;margin-top:2px;font-family:'Montserrat',sans-serif;font-size:10.5px;line-height:1.4;
  font-weight:400;letter-spacing:.02em;color:#8A8078}
#skinrev-nav .skm-list a:hover,#skinrev-nav .skm-list a:focus-visible{padding-left:6px}
#skinrev-nav .skm-list a:hover .skm-n,#skinrev-nav .skm-list a:focus-visible .skm-n{color:#C9A96E}
#skinrev-nav .skm-list a:focus{outline:none}
#skinrev-nav .skm-list a:focus-visible{outline:1px solid #C9A96E;outline-offset:2px}
/* concerns: compact, name only */
#skinrev-nav .skm-panel--concerns .skm-list a{padding:5px 0}
#skinrev-nav .skm-panel--concerns .skm-n{font-size:15.5px}
#skinrev-nav .skm-panel--medical .skm-list a{padding:6px 0}
/* footer row — sticks to the bottom of the scrolling panel */
#skinrev-nav .skm-foot{position:sticky;bottom:0;z-index:1;background:#0f0e0c;border-top:1px solid rgba(201,169,110,.12)}
#skinrev-nav .skm-foot-in{max-width:1320px;margin:0 auto;padding:0 48px;display:flex;flex-wrap:wrap;gap:0 34px}
#skinrev-nav .skm-foot a{position:static;display:inline-block;padding:13px 0;margin:0;opacity:1;text-decoration:none;
  font-family:'Montserrat',sans-serif;font-size:10px;line-height:1.4;font-weight:500;letter-spacing:.18em;
  text-transform:uppercase;color:#B8AEA8;transition:color .2s}
#skinrev-nav .skm-foot a:hover,#skinrev-nav .skm-foot a:focus-visible{color:#C9A96E}
#skinrev-nav .skm-foot a:focus{outline:none}
#skinrev-nav .skm-foot a:focus-visible{outline:1px solid #C9A96E;outline-offset:3px}
#skinrev-nav .skm-right .sk-nav-cta:focus-visible,#skinrev-nav .skm-right .sk-lang a:focus-visible{outline:1px solid #C9A96E;outline-offset:3px}
#skinrev-nav .skm-right .sk-nav-cta:hover{background:rgba(201,169,110,.1)!important}
/* Chinese: CJK has no italic and no small caps; give it a CJK serif fallback */
html[lang^="zh"] #skinrev-nav .skm-intro{font-style:normal;font-family:'Cormorant Garamond','Noto Serif SC','Songti SC',serif;font-size:18px}
html[lang^="zh"] #skinrev-nav .skm-n{font-family:'Cormorant Garamond','Noto Serif SC','Songti SC',serif;font-size:15.5px}
html[lang^="zh"] #skinrev-nav .skm-h{letter-spacing:.18em;font-size:10.5px}
html[lang^="zh"] #skinrev-nav .skm-links .skm-top{font-size:13px;letter-spacing:.12em}

/* ---- responsive bar ---- */
@media(min-width:1100px){
  #skinrev-nav{gap:24px}
  #skinrev-nav #skinrev-ham{display:none}
}
@media(min-width:1100px) and (max-width:1439px){
  #skinrev-nav .skm-links{gap:22px}
  #skinrev-nav .skm-inner,#skinrev-nav .skm-foot-in{padding-left:36px;padding-right:36px}
  #skinrev-nav .skm-col{padding:0 18px}
}
@media(min-width:1100px) and (max-width:1279px){
  #skinrev-nav{padding-left:24px!important;padding-right:24px!important}
  #skinrev-nav .skm-links{gap:18px}
  #skinrev-nav .skm-links .skm-top{font-size:11px;letter-spacing:.08em}
  #skinrev-nav .skm-inner,#skinrev-nav .skm-foot-in{padding-left:24px;padding-right:24px}
  #skinrev-nav .skm-col{padding:0 14px}
  #skinrev-nav .skm-n{font-size:15.5px}
  #skinrev-nav .skm-d{font-size:10px}
}
@media(max-width:1099px){
  #skinrev-nav .skm-links{display:none!important}
  #skinrev-nav #skinrev-ham{display:flex}
}
@media(max-height:620px) and (min-width:1100px){
  #skinrev-nav .skm-inner{padding-top:18px}
  #skinrev-nav .skm-head{margin-bottom:12px}
}

/* ---- mobile drawer additions (existing .sk-acc pattern) ---- */
#skinrev-drawer .skd-sub{margin:14px 0 2px 2px;padding:0 0 0 14px;font-family:'Montserrat',sans-serif;font-size:9px;
  line-height:1.4;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#C9A96E}
#skinrev-drawer .skd-note{margin:6px 0 0 2px;padding:0 0 0 14px;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;
  font-size:15px;line-height:1.35;color:#C9A96E;text-transform:none;letter-spacing:0}
html[lang^="zh"] #skinrev-drawer .skd-note{font-style:normal}
#skinrev-drawer .sk-acc-panel a.skd-all{color:#C9A96E;border-left-color:rgba(201,169,110,.6)}
#skinrev-drawer .sk-acc-panel a.skd-end{margin-top:14px}
#skinrev-drawer .skd-acc .sk-acc-panel a{padding-top:11px;padding-bottom:11px}