/* Approved two-panel navigation, deliberately isolated from legacy panel CSS. */
.main-nav .main-nav-panel.main-nav-panel--dvp {
  display:block; padding:0!important; gap:0!important;
  grid-template-rows:none!important; min-height:0!important;
  max-height:min(720px,var(--main-nav-mega-max-height,calc(100dvh - 160px)))!important;
  overflow:auto!important; overscroll-behavior:contain;
  border:1px solid #2c9bc3!important; border-radius:14px!important;
  background:linear-gradient(120deg,#050d18 0%,#07101b 70%,#040b14 100%)!important;
  box-shadow:0 22px 55px #0008!important; color:#f4f7ff;
}
.main-nav .main-nav-panel--dvp[hidden],.main-nav-panel--dvp .dvp-content[hidden]{display:none!important}
.dvp-head {display:flex;align-items:center;gap:28px;padding:22px 62px 18px 22px;border-bottom:1px solid #293847;position:relative}
.main-nav .dvp-head h2 {margin:0;color:#f8fbff;font-family:var(--display),sans-serif;font-size:26px;line-height:1.2;letter-spacing:0;text-transform:uppercase}
.dvp-head p {margin:0;color:#c5d1e3;font-size:13px;line-height:1.5;font-weight:600}
.dvp-head p span {padding:0 9px}
.dvp-close {position:absolute;right:14px;top:14px;display:grid;place-items:center;width:40px;height:40px;padding:8px;background:none;border:0;border-radius:8px;color:#f4f7ff;cursor:pointer}
.dvp-close svg {width:22px;height:22px}
.dvp-close:hover,.dvp-close:focus-visible {background:#11263a;color:#55dff8}
.dvp-body {display:grid;grid-template-columns:32% minmax(0,1fr);min-width:0}
.dvp-areas {border-right:1px solid #243343;padding:13px 0 74px;min-width:0}
.dvp-area {display:grid;grid-template-columns:44px minmax(0,1fr) 22px;align-items:center;gap:15px;position:relative;width:100%;min-height:72px;text-align:left;padding:14px 21px;border:0;border-bottom:1px solid #23313e;border-radius:0;background:none;color:#f4f7ff;font:700 16px/1.3 var(--body,Inter),sans-serif;cursor:pointer}
.dvp-area:before {content:"";display:none;position:absolute;left:0;top:0;bottom:0;width:8px;background:#08cbe7}
.dvp-area.is-selected {background:linear-gradient(100deg,#113f69,#0c223d);box-shadow:inset 0 0 0 1px #2879a8;border-radius:0 9px 9px 0}
.dvp-area.is-selected:before {display:block}
.dvp-area:hover {background-color:#102236}
.dvp-area:focus-visible,.dvp-card:focus-visible,.dvp-all:focus-visible {outline:2px solid #5de5ff!important;outline-offset:-3px}
.dvp-icon {display:block;object-fit:contain;width:44px;height:44px;max-width:none!important;flex-shrink:0}
.dvp-chevron {display:block;width:21px;height:21px;flex-shrink:0;color:#edf5ff}
.dvp-results {min-width:0;padding:22px 21px 16px}
.main-nav .dvp-content h3 {margin:0 0 4px;color:#f7f9ff;font-family:var(--body,Inter),sans-serif;font-size:25px;line-height:1.25;font-weight:800;text-transform:none;letter-spacing:0}
.dvp-lead {margin:0 0 16px;color:#aabace;font:400 14px/1.45 var(--body,Inter),sans-serif}
.dvp-cards {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.main-nav a.dvp-card {display:grid!important;grid-template-columns:44px minmax(0,1fr) 18px;align-items:center;gap:13px;min-width:0;min-height:94px;padding:16px!important;border:1px solid #284762;border-radius:9px;background:linear-gradient(130deg,#0b1726,#09111c);color:#f5f8ff!important;font-family:var(--body,Inter),sans-serif!important;text-transform:none!important;letter-spacing:0!important;white-space:normal!important;text-decoration:none;box-sizing:border-box}
.main-nav a.dvp-card:before,.main-nav a.dvp-card:after {display:none!important}
.dvp-card-copy {min-width:0;display:grid;gap:6px}
.dvp-card-copy strong,.dvp-card-copy small,.dvp-area>span {overflow-wrap:anywhere}
.main-nav .dvp-card-copy strong {color:#f5f8ff;font-size:15px;font-weight:750;line-height:1.25;overflow-wrap:normal;text-transform:none;letter-spacing:0}
.main-nav .dvp-card-copy small {color:#bac7db;font-size:13px;font-weight:400;line-height:1.3;letter-spacing:0;text-transform:none}
.main-nav a.dvp-card:hover {border-color:#52d6f4;background:linear-gradient(130deg,#10293e,#0a1a2c)}
.main-nav a.dvp-all {display:flex!important;align-items:center;justify-content:center;gap:7px;min-height:44px;width:fit-content;max-width:100%;margin:18px 0 0 auto;padding:11px 22px!important;border:1px solid #16b5f1;border-radius:9px;background:linear-gradient(110deg,#06b7f8,#087bf2);color:white!important;font:700 14px/1.35 var(--body,Inter),sans-serif!important;text-transform:none!important;letter-spacing:0!important;white-space:normal;text-align:center}
.main-nav a.dvp-all:before,.main-nav a.dvp-all:after {display:none!important}
.main-nav a.dvp-all:hover {filter:brightness(1.12)}
.dvp-mobile-choice {display:none}
.main-nav-mobile-back,.main-nav-mobile-head {display:none}
@media(min-width:821px) and (max-width:1179px) {
  body.menu-open .main-nav.is-mobile-floating.is-open {position:fixed!important;inset:16px auto auto 50%!important;transform:translateX(-50%)!important;display:block!important;width:min(920px,calc(100vw - 32px))!important;max-height:calc(100dvh - 32px)!important;padding:58px 14px 18px!important;background:#07101b!important;border:1px solid #294760;border-radius:18px!important;overflow:auto!important;z-index:1400!important}
  .main-nav.is-mobile-floating .mobile-main-category-row {display:flex;align-items:center;gap:12px;border-bottom:1px solid #253548}
  .main-nav.is-mobile-floating .mobile-main-category-row>a:first-child {display:block!important;flex:1;padding:15px!important;font:700 20px/1.3 Inter,sans-serif;color:white}
  .main-nav.is-mobile-floating .mobile-main-category-all {display:flex!important;align-items:center;justify-content:center;min-height:40px;padding:8px 13px!important;border:1px solid #37627b;border-radius:24px;color:#b8ebfb}
  .main-nav.is-mobile-floating .main-nav-mobile-close {display:grid!important;width:44px;height:44px;place-items:center;border:1px solid #37566b;border-radius:8px}
  .main-nav.is-mobile-floating .main-nav-mobile-close span {position:absolute;width:21px;height:2px;background:white;transform:rotate(45deg)}
  .main-nav.is-mobile-floating .main-nav-mobile-close span+span {transform:rotate(-45deg)}
  .main-nav.is-mobile-floating .main-nav-mega {position:static!important;inset:auto!important;transform:none!important;width:100%!important;max-width:none!important;margin:8px 0 12px!important;padding:0!important;display:none!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
  .main-nav.is-mobile-floating.is-mobile-panel-open .main-nav-mega {display:block!important}
  .main-nav.is-mobile-floating .mobile-menu-utility {display:none}
}
@media(max-width:1179px) {
  body.menu-open .main-nav.is-mobile-floating.is-open {padding-top:14px!important}
  .main-nav.is-mobile-floating.is-open .main-nav-mobile-head {position:sticky;top:0;display:flex;align-items:center;justify-content:flex-end;gap:10px;min-height:44px;margin:0 0 12px!important;z-index:8;background:#07101b}
  .main-nav.is-mobile-floating.is-open .main-nav-mobile-head>.main-nav-mobile-close {position:static!important;top:auto!important;right:auto!important;margin:0!important;flex:0 0 44px;background:#0b1728!important}
  .main-nav.is-mobile-floating.is-mobile-panel-open .main-nav-mobile-back {display:flex;align-items:center;flex:1;min-width:0;min-height:44px;margin:0;padding:8px 10px;border:1px solid #294760;border-radius:8px;background:#0b1728;color:#c4eafa;font:600 13px/1.3 Inter,sans-serif}
  .main-nav.is-mobile-floating.is-mobile-panel-open>.mobile-main-category-row,.main-nav.is-mobile-floating.is-mobile-panel-open>.mobile-menu-utility {display:none!important}
  .main-nav.is-open .main-nav-panel.main-nav-panel--dvp.is-active {width:100%!important;max-width:100%!important;margin:8px 0 12px!important;padding:0!important;border:1px solid #294760!important;border-radius:10px!important;background:#07101b!important;max-height:none!important;overflow:visible!important}
  .main-nav .main-nav-panel--dvp .dvp-head {padding:14px 12px 10px;gap:5px;display:block}
  .main-nav .main-nav-panel--dvp .dvp-head h2 {font-size:20px;margin:0 0 4px}
  .dvp-head p {font-size:11px;line-height:1.4}
  .dvp-head p span {padding:0 3px}
  .dvp-close,.dvp-areas {display:none}
  .dvp-body {display:block}
  .dvp-mobile-choice {display:grid;gap:5px;padding:12px 12px 0}
  .dvp-mobile-choice label {color:#aebed2;font-size:11px;line-height:1.3}
  .dvp-mobile-choice select {width:100%;max-width:100%;min-width:0;min-height:44px;padding:10px;background:#0d2640;border:1px solid #3784ac;border-radius:7px;color:white;font:600 16px/1.3 var(--body,Inter),sans-serif}
  .dvp-results {padding:15px 12px 12px}
  .main-nav .dvp-content h3 {font-size:19px;line-height:1.3}
  .dvp-lead {font-size:12px;margin-bottom:12px}
  .dvp-cards {grid-template-columns:minmax(0,1fr);gap:8px}
  .main-nav a.dvp-card {grid-template-columns:36px minmax(0,1fr) 16px;min-height:78px;padding:12px!important;gap:10px}
  .main-nav a.dvp-card .dvp-icon {width:36px;height:36px}
  .main-nav .dvp-card-copy strong {font-size:14px;line-height:1.3}
  .main-nav .dvp-card-copy small {font-size:12px;line-height:1.3}
  .main-nav a.dvp-all {width:100%;font-size:13px!important;padding:12px!important;margin-top:12px;box-sizing:border-box}
}
@media(min-width:821px) and (max-width:1179px) {.dvp-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* CMS helper fields are scoped to this editor; no storefront/admin global reset. */
.admin-dvp-extras {display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,.7fr);gap:10px;grid-column:1/-1;width:100%;min-width:0}
.admin-dvp-extras label {min-width:0}
.admin-dvp-extras select {width:100%;min-width:0}
.admin-dvp-group-link {grid-column:1/-1}
.admin-dvp-legacy {border:1px solid #d8e2ef;border-radius:10px;padding:12px}
.admin-dvp-legacy summary {font:600 13px/1.5 Inter,sans-serif;cursor:pointer;color:#526077}
.admin-dvp-legacy[open]>.admin-form-grid {margin-top:12px}
.admin-submenu-preview .main-nav.admin-dvp-preview {position:static!important;display:block!important;width:100%!important;padding:0!important;margin:0!important;transform:none!important;min-width:0!important;max-height:none!important;overflow:visible!important;font-size:16px}
.main-nav.admin-dvp-preview .main-nav-panel--dvp {max-height:none!important;margin:0!important}
.admin-dvp-preview .dvp-close {display:none!important}
@media(max-width:700px){.admin-dvp-extras{grid-template-columns:minmax(0,1fr)}}