/* "Our Collection" in the side menu (tools/collection-menu.mjs). */
.sol-collection { margin: 28px 0 32px; padding: 26px 20px 0; border-top: 1px solid rgba(0, 0, 0, .08); font-family: Montserrat, sans-serif; font-style: normal; }
.sol-collection * { font-family: inherit !important; font-style: normal !important; }
.sol-collection__title {
  margin: 0 0 14px !important; font-size: 17px; font-weight: 400; letter-spacing: .14em; text-transform: uppercase; color: #5a5a5a;
}
.sol-collection__group summary {
  display: flex; align-items: center; gap: 6px; padding: 9px 0 9px 20px; cursor: pointer; list-style: none;
  font-size: 15px; color: #49546a; transition: color .2s ease;
}
.sol-collection__group summary::-webkit-details-marker { display: none; }
.sol-collection__group summary::after {
  content: ""; width: 6px; height: 6px; margin: -3px 0 0 6px; border: solid currentColor; border-width: 0 1.5px 1.5px 0;
  transform: rotate(45deg); transition: transform .25s ease, margin .25s ease;
}
.sol-collection__group[open] summary::after { margin-top: 3px; transform: rotate(-135deg); }
.sol-collection__group summary:hover, .sol-collection__group summary:focus-visible { color: #111; }
.sol-collection__n { color: inherit; }
.sol-collection__group ul { margin: 2px 0 8px 40px !important; padding: 0; list-style: none; }
.sol-collection__group li { margin: 0 !important; }
.sol-collection__group li a { display: block; padding: 7px 0; font-size: 14px; line-height: 1.4; color: #6b6b6b; }
.sol-collection__group li a:hover { color: #111; text-decoration: underline; text-underline-offset: 3px; }
.sol-collection__group li a.is-soon { opacity: .55; cursor: default; text-decoration: none; }

/* The side menu now scrolls; the fixed "Close" button gets a solid bar so items don't run under it. */
.off-canvas.mfp-wrap .mfp-close::before {
  content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 72px; z-index: -1;
  background: var(--sol-menu-bg, #f4f2ef); box-shadow: 0 1px 0 rgba(0, 0, 0, .06);
}
.off-canvas.mfp-wrap .mfp-close { mix-blend-mode: normal; opacity: 1; color: #373635; }
.off-canvas.mfp-wrap .mfp-close:hover { color: #000; }