@charset "UTF-8";
.test-products-trigger { display: inline-flex; align-items: center; gap: 7px; padding: 10px 0; border: 0; background: transparent; color: #3c596a; font: 600 .81rem var(--sans); cursor: pointer; }
.test-products-trigger:hover, .test-products-trigger[aria-expanded="true"] { color: var(--blue-deep); }
.test-products-trigger::after { width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; content: ""; transform: translateY(-2px) rotate(45deg); transition: transform .2s ease; }
.test-products-trigger[aria-expanded="true"]::after { transform: translateY(2px) rotate(225deg); }
.test-mega[hidden] { display: none; }
.test-mega { position: absolute; top: 100%; right: 0; left: 0; border-top: 1px solid #e1edf1; border-bottom: 1px solid #cfdee5; background: #f7fbfc; box-shadow: 0 24px 48px rgba(17,45,67,.16); }
.test-mega-inner { display: grid; grid-template-columns: minmax(300px, 400px) minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: min(680px, calc(100vh - 150px)); overflow: hidden; }
.test-mega-close { position: absolute; z-index: 1; top: 16px; right: max(20px, calc((100% - 1200px) / 2)); display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid #cfe2e9; border-radius: 50%; background: white; color: var(--navy); font: 400 1.6rem/1 var(--sans); cursor: pointer; }
.test-mega-close:hover { border-color: var(--blue); background: #e6f4f8; color: var(--blue-deep); }
.test-mega-close:focus-visible { outline: 3px solid var(--blue); outline-offset: 2px; }
.test-mega-categories { min-height: 0; overflow-y: auto; padding: 28px 20px 32px 0; }
.test-mega-label { margin: 0 0 9px; color: var(--blue-deep); font-size: .68rem; font-weight: 750; letter-spacing: .14em; text-transform: uppercase; }
.test-mega-title { margin: 0 0 18px; font: 400 1.7rem/1.1 var(--serif); letter-spacing: -.025em; }
.test-category-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; }
.test-category { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 8px; min-height: 39px; padding: 9px 12px; border: 1px solid transparent; border-radius: 9px; background: transparent; color: #294b61; font: 600 .77rem/1.3 var(--sans); text-align: left; text-decoration: none; cursor: pointer; }
.test-category-mobile { display: none; }
.test-category::after { color: #9ab6c2; content: "\203A"; font-size: 1.25rem; line-height: 1; }
.test-category.is-selected, .test-category[aria-expanded="true"] { border-color: #c7e4ee; background: #e7f4f8; color: var(--blue-deep); }
.test-category:hover { border-color: #a9d8e6; background: #d7eff6; color: var(--blue-deep); }
.test-category:focus-visible, .test-products-trigger:focus-visible, .test-mega a:focus-visible { outline: 3px solid var(--blue); outline-offset: 2px; }
.test-mega-detail { min-width: 0; min-height: 0; overflow-y: auto; padding: 64px 32px 30px; border-left: 1px solid #dcebf0; background: linear-gradient(145deg, #eaf6fa, #f8fcfd); }
.test-mega-detail[hidden] { display: none; }
.test-detail-title { margin: 0 0 12px; color: var(--navy); font: 400 clamp(1.7rem, 2.4vw, 2.4rem)/1.1 var(--serif); letter-spacing: -.03em; }
.test-detail-intro { margin: 0 0 20px; color: #617c8a; font-size: .8rem; }
.test-mega-links { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.test-mega-links a { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 0; border-bottom: 1px solid #d8eaf0; color: #294b61; font-size: .81rem; font-weight: 600; text-decoration: none; }
.test-mega-links a::after { color: var(--blue); content: "\2197"; }
.test-mega-links a:hover { color: var(--blue-deep); }
.test-mega-all { display: inline-flex; margin-top: 22px; color: var(--blue-deep); font-size: .78rem; font-weight: 700; text-decoration: none; }
.test-mega-all:hover { text-decoration: underline; }
@media (max-width: 760px) {
  .nav-right { max-height: calc(100vh - 70px); overflow-y: auto; }
  .test-products-trigger { width: 100%; justify-content: space-between; padding: 11px 2px; }
  .test-mega { position: static; width: 100%; margin: 0 0 10px; border: 1px solid #dbeaf0; border-radius: 14px; box-shadow: none; }
  .test-mega-close, .test-category-desktop { display: none; }
  .test-category-mobile { display: flex; }
  .test-mega-inner { display: block; width: 100%; height: auto; overflow: visible; }
  .test-mega-categories { overflow: visible; padding: 20px 16px; }
  .test-mega-title { margin-bottom: 12px; font-size: 1.4rem; }
  .test-category-list { grid-template-columns: 1fr; gap: 2px; }
  .test-category { min-height: 42px; }
  .test-category[aria-expanded="true"]::after { transform: rotate(90deg); }
  .test-mega-detail { overflow: visible; margin: 0 0 8px; padding: 16px; border: 1px solid #dcebf0; border-radius: 12px; }
  .test-mega-detail .test-mega-label, .test-mega-detail .test-detail-title, .test-mega-detail .test-detail-intro { display: none; }
  .test-mega-all { margin-top: 16px; }
}