/* CET V6 — approved light Shop menu, no entry intro.
   This layer is deliberately scoped: the V5 home, catalogue and motion remain.
   Edit the dimensions here; do not paste the whole website into an HTML widget. */

/* Clear padding and readable typography for the selected Shop menu. */
.v5-nav-shop #mega-shop-v5 {
  grid-template-columns:272px minmax(0,1fr);
  gap:22px;
  padding:24px;
  align-items:stretch;
  border-color:#e2e9ee;
  background:#fff;
  box-shadow:0 22px 40px #102f3d13;
}
.v5-nav-shop #mega-shop-v5 .mega-intro {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-width:0;
  padding:20px 18px 16px;
  border:0;
  border-radius:4px;
  background:linear-gradient(145deg,#edf2f6 0%,#e9eef3 100%);
  color:var(--ink);
}
.v5-nav-shop #mega-shop-v5 .mega-intro:after {
  content:"";
  position:absolute;
  width:78px;
  height:94px;
  right:-34px;
  bottom:23px;
  z-index:-1;
  transform:skewY(-28deg);
  background:linear-gradient(to bottom,#b7c4cf66 0 16px,transparent 16px 30px,#b7c4cf66 30px 46px,transparent 46px 60px,#b7c4cf66 60px 76px,transparent 76px);
  pointer-events:none;
}
.v5-nav-shop #mega-shop-v5 .mega-intro .eyebrow {
  color:#244157;
  margin-bottom:23px;
  font-size:10px;
  line-height:1.4;
  letter-spacing:.14em;
  gap:10px;
}
.v5-nav-shop #mega-shop-v5 .mega-intro .eyebrow:before {
  flex:none;
  width:18px;
  height:3px;
  transform:none;
  background:var(--yellow);
  box-shadow:0 -5px 0 var(--yellow),0 5px 0 var(--yellow);
}
.v5-nav-shop #mega-shop-v5 .mega-intro strong {
  color:#1c3547;
  font-size:28px;
  line-height:1.11;
  font-weight:750;
  letter-spacing:-.047em;
  overflow-wrap:normal;
}
.v5-nav-shop #mega-shop-v5 .mega-intro p {
  margin-top:15px;
  color:#667988;
  font-size:13px;
  line-height:1.48;
  max-width:220px;
}
.v5-nav-shop #mega-shop-v5 .mega-intro>.text-link {
  color:#1c3547;
  width:max-content;
  max-width:100%;
  margin-top:12px;
  padding:12px 0 0;
  border-top:1px solid #cdd8e1;
  font-size:12px;
  font-weight:750;
  gap:14px;
}
.v5-nav-shop #mega-shop-v5 .mega-intro>.text-link svg {width:18px;height:18px}
.v5-nav-shop #mega-shop-v5 .v5-nav-links {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:18px;
}
.v5-nav-shop #mega-shop-v5 .v5-nav-links a {
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:36px;
  padding:7px 9px;
  border:1px solid #a6b7c4;
  border-radius:4px;
  background:transparent;
  color:#243e52;
  font-size:11px;
  line-height:1.3;
  font-weight:700;
  transition:background .18s,border-color .18s;
}
.v5-nav-shop #mega-shop-v5 .v5-nav-links a:first-child {
  color:#fff;
  background:#1c3547;
  border-color:#1c3547;
  box-shadow:0 2px 5px #102f3d12;
}
.v5-nav-shop #mega-shop-v5 .v5-nav-links a:hover {background:#dce5ec;border-color:#607e91}
.v5-nav-shop #mega-shop-v5 .v5-nav-links a:first-child:hover {background:#2a5067;border-color:#2a5067}

/* Two orderly columns with separators, outline icons and discreet arrows. */
.v5-nav-shop #mega-shop-v5 .v5-shop-submenu {
  position:relative;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  column-gap:36px;
  row-gap:0;
  padding:8px 0 8px 20px;
  border-left:1px solid #e9eef2;
  align-content:start;
}
.v5-nav-shop #mega-shop-v5 .v5-shop-submenu:before {
  content:"";
  position:absolute;
  left:calc(50% + 10px);
  top:8px;
  bottom:0;
  width:1px;
  background:#e9eef2;
  pointer-events:none;
}
.v5-nav-shop #mega-shop-v5 .v5-shop-submenu>a {
  position:relative;
  display:flex;
  align-items:center;
  gap:20px;
  min-width:0;
  min-height:68px;
  padding:15px 12px 15px 18px;
  border-radius:4px;
  font-size:14px;
  line-height:1.45;
  color:#2f4659;
  transition:background .18s;
}
.v5-nav-shop #mega-shop-v5 .v5-shop-submenu>a:before {
  content:"";
  position:absolute;
  left:63px;
  right:12px;
  bottom:0;
  height:1px;
  background:#edf1f4;
  pointer-events:none;
}
.v5-nav-shop #mega-shop-v5 .v5-shop-submenu>a:nth-last-child(-n+2):before {display:none}
.v5-nav-shop #mega-shop-v5 .v5-shop-submenu>a:after {
  content:"";
  display:block;
  width:6px;
  height:6px;
  flex:none;
  margin-left:auto;
  border-top:1.5px solid currentColor;
  border-right:1.5px solid currentColor;
  transform:rotate(45deg);
  transition:translate .18s;
}
.v5-nav-shop #mega-shop-v5 .v5-shop-submenu>a>svg {
  width:25px;
  height:25px;
  color:#213e53;
}
.v5-nav-shop #mega-shop-v5 .v5-shop-submenu>a:hover {background:#f5f8fa;transform:none}
.v5-nav-shop #mega-shop-v5 .v5-shop-submenu>a:hover:after {translate:3px 0}

/* The three equal, complete bars requested for small CET marks. */
.v2-flow-parcel i {
  display:block;
  flex:none;
  width:12px;
  height:2px;
  background:var(--deep);
  box-shadow:0 3px 0 var(--deep),0 6px 0 var(--deep);
  margin:3px 0 5px;
}

/* Keep the panel inside shorter desktop windows; mobile uses the existing drawer. */
@media(min-width:1061px){
  .v5-nav-shop #mega-shop-v5 {max-height:calc(100dvh - 106px);overflow:auto;overscroll-behavior:contain}
}
@media(min-width:1061px) and (max-width:1200px){
  .v5-nav-shop #mega-shop-v5 {grid-template-columns:248px minmax(0,1fr);gap:18px;padding:20px}
  .v5-nav-shop #mega-shop-v5 .mega-intro strong {font-size:26px}
  .v5-nav-shop #mega-shop-v5 .v5-shop-submenu {column-gap:24px;padding-left:14px}
  .v5-nav-shop #mega-shop-v5 .v5-shop-submenu:before {left:calc(50% + 7px)}
  .v5-nav-shop #mega-shop-v5 .v5-shop-submenu>a {padding-left:10px;gap:12px;font-size:12px}
  .v5-nav-shop #mega-shop-v5 .v5-shop-submenu>a:before {left:47px}
}
@media(prefers-reduced-motion:reduce){
  .v5-nav-shop #mega-shop-v5,.v5-nav-shop #mega-shop-v5 * {animation:none!important;transition:none!important}
}