/* Scoped catalogue navigation. Original root data remains available to the theme. */

#gf-ref-menu[data-gf-mega-layout] {
  position:absolute;top:100%;bottom:auto;left:24px;right:24px;
  display:grid;grid-template-columns:320px minmax(0,1fr);grid-template-rows:minmax(0,1fr);
  width:auto;max-width:1392px;margin:0 auto;
  height:var(--gf-menu-height,620px)!important;min-height:0;max-height:none;
  border:1px solid #e8e9eb;border-radius:12px;overflow:hidden;
  background:#fff;box-shadow:0 24px 60px #00000038;
  font-family:"VI Sans",Arial,sans-serif;
}
#gf-ref-menu[data-gf-mega-layout][hidden],
#gf-ref-menu [data-gf-menu-root-data],
#gf-ref-menu [data-gf-mega-panel][hidden],
#gf-ref-menu [data-gf-menu-back][hidden] {display:none!important}
#gf-ref-menu[data-gf-mega-layout] .gf-ref-menu-head {display:none}
#gf-ref-menu .gf-mega-categories {
  height:100%;min-height:0;padding:12px;
  background:#fafafa;border-right:1px solid #e8e9eb;
  overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;
  scrollbar-width:thin;scrollbar-color:#d6d8dc transparent;
}
#gf-ref-menu .gf-mega-categories-inner {display:flex;flex-direction:column;gap:2px}
#gf-ref-menu .gf-mega-department {
  position:relative;display:flex;align-items:center;gap:12px;flex:none;
  box-sizing:border-box;width:100%;min-height:54px;margin:0;padding:11px 12px;
  border:0;border-radius:6px;background:transparent;box-shadow:none;
  color:#34373b;text-align:left;text-decoration:none;
  font:400 16px/22px "VI Sans",Arial,sans-serif;cursor:pointer;
  transition:background-color .15s,color .15s;
}
#gf-ref-menu .gf-mega-department:hover {background:#f0f1f2;color:#202225;text-decoration:none}
#gf-ref-menu .gf-mega-department.is-active {background:#ededf0;color:#202225;font-weight:600}
#gf-ref-menu .gf-mega-department.is-active::before {
  content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;
  background:#242629;border-radius:2px;
}
#gf-ref-menu .gf-mega-department-name {flex:1;min-width:0;font:inherit;overflow-wrap:normal}
#gf-ref-menu .gf-mega-icon {display:grid;place-items:center;flex:0 0 26px;width:26px;height:28px;color:#4c5158}
#gf-ref-menu .gf-mega-icon svg {display:block;width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
#gf-ref-menu .gf-mega-department.is-active .gf-mega-icon {color:#202225}
#gf-ref-menu .gf-mega-arrow {display:grid;place-items:center;flex:0 0 12px;width:12px;color:#b2b5ba}
#gf-ref-menu .gf-mega-arrow svg {display:block;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#gf-ref-menu .gf-mega-department.is-active .gf-mega-arrow {color:#34373b}
#gf-ref-menu .gf-mega-panels {position:relative;min-width:0;height:100%;min-height:0;overflow:hidden;background:#fff}
#gf-ref-menu .gf-mega-panel {
  box-sizing:border-box;height:100%;min-height:0;padding:27px 32px 32px;
  overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;
  scrollbar-width:thin;scrollbar-color:#d6d8dc transparent;
}
#gf-ref-menu .gf-mega-panel-title {margin:0 0 24px;color:#242629;font:italic 800 26px/37.7px "Exo 2",Arial,sans-serif;letter-spacing:0}
#gf-ref-menu .gf-mega-links {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 28px;align-items:start;min-width:0}
#gf-ref-menu .gf-mega-column {display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
#gf-ref-menu .gf-mega-category {
  display:block;max-width:100%;margin:0;padding:5px 0;
  color:#585e65;text-decoration:none;font:400 16px/23.2px "VI Sans",Arial,sans-serif;
  overflow-wrap:normal;word-break:normal;transition:color .15s;
}
#gf-ref-menu .gf-mega-category-name {font:inherit}
#gf-ref-menu .gf-mega-count {display:inline;margin-left:6px;color:#969ba3;font:400 13px/1.35 "VI Sans",Arial,sans-serif;white-space:nowrap;font-variant-numeric:tabular-nums}
#gf-ref-menu .gf-mega-category:hover,#gf-ref-menu .gf-mega-subcategory:hover,#gf-ref-menu .gf-mega-all:hover {color:#181b1f;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
#gf-ref-menu .gf-mega-all {display:inline-flex;align-items:center;gap:8px;margin:-12px 0 26px;padding:4px 0;color:#585e65;text-decoration:none;font:400 15px/22px "VI Sans",Arial,sans-serif}
#gf-ref-menu .gf-mega-all .gf-mega-count {margin-left:0}
#gf-ref-menu .gf-mega-all svg {width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#gf-ref-menu .gf-mega-category--parent {color:#363b42;font-weight:500}
#gf-ref-menu .gf-mega-subcategory {display:block;max-width:100%;padding:2px 0;color:#747b84;text-decoration:none;font:400 14px/21px "VI Sans",Arial,sans-serif}
#gf-ref-menu .gf-mega-department:focus-visible,#gf-ref-menu .gf-mega-category:focus-visible,#gf-ref-menu .gf-mega-subcategory:focus-visible,#gf-ref-menu .gf-mega-all:focus-visible {outline:2px solid #242629;outline-offset:3px;border-radius:3px}
@media(min-width:720px) {
  .gf-ref-menu-open .gf-ref-header-main {visibility:visible;pointer-events:auto}
}
@media(min-width:720px) and (max-width:1120px) {
  #gf-ref-menu[data-gf-mega-layout] {left:16px;right:16px;grid-template-columns:290px minmax(0,1fr)}
  #gf-ref-menu .gf-mega-panel {padding:24px}
  #gf-ref-menu .gf-mega-links {grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
}
@media(max-width:719px) {
  #gf-ref-menu[data-gf-mega-layout] {
    position:fixed;inset:0 0 calc(66px + env(safe-area-inset-bottom,0px));z-index:42;
    display:flex;flex-direction:column;width:100%;max-width:none;height:auto!important;
    min-height:0;max-height:none;margin:0;border:0;border-radius:0;box-shadow:none;
  }
  #gf-ref-menu[data-gf-mega-layout] .gf-ref-menu-head {display:flex}
  #gf-ref-menu .gf-mega-categories {flex:1;min-height:0;height:auto;padding:6px 8px 16px;border:0;background:#fff}
  #gf-ref-menu .gf-mega-categories-inner {gap:0}
  #gf-ref-menu .gf-mega-department {min-height:56px;padding:12px 8px;gap:12px;border-radius:4px;font-size:16px;line-height:22px}
  #gf-ref-menu .gf-mega-department.is-active {background:transparent;font-weight:400}
  #gf-ref-menu .gf-mega-department.is-active::before {display:none}
  #gf-ref-menu .gf-mega-department:active {background:#f0f1f2}
  #gf-ref-menu .gf-mega-arrow {color:#838992}
  #gf-ref-menu .gf-mega-panels {display:none;flex:1;min-height:0;height:auto}
  #gf-ref-menu .gf-mega-panel {height:100%;padding:22px 20px 30px}
  #gf-ref-menu.is-mobile-detail .gf-mega-categories {display:none}
  #gf-ref-menu.is-mobile-detail .gf-mega-panels {display:block}
  #gf-ref-menu .gf-mega-panel-title {margin-bottom:20px;font-size:24px;line-height:31px}
  #gf-ref-menu .gf-mega-links {grid-template-columns:minmax(0,1fr);gap:0}
  #gf-ref-menu .gf-mega-column {gap:0}
  #gf-ref-menu .gf-mega-category {box-sizing:border-box;width:100%;padding:12px 0;border-bottom:1px solid #eceef0;font-size:16px;line-height:23.2px;color:#454b52}
  #gf-ref-menu .gf-mega-count {font-size:13px}
  #gf-ref-menu .gf-mega-all {margin:-6px 0 20px}
  #gf-ref-menu .gf-mega-panel--marine .gf-mega-links {gap:20px}
  #gf-ref-menu .gf-mega-panel--marine .gf-mega-column {gap:7px}
  #gf-ref-menu .gf-mega-panel--marine .gf-mega-category {padding:4px 0 8px}
  #gf-ref-menu .gf-mega-subcategory {padding:4px 0;font-size:15px;line-height:22px}
}
@media(prefers-reduced-motion:reduce) {
  #gf-ref-menu .gf-mega-department,#gf-ref-menu .gf-mega-category {transition:none}
}