/*! Vizius Offerings Menu (vertical) — desktop mega only (≥1100px). Mobile sheet untouched. */
@media (min-width: 1100px) {
  /*
   * Grid is the positioning context for the right-hand offerings panel.
   * Columns must be position:static so .vz-mlist is NOT trapped in the 300px rail
   * (base kit sets .vz-mcol{position:relative}, which collapsed the panel).
   */
  .vz.vz.vz .vz-mega-grid {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    min-height: 340px !important;
    grid-template-columns: none !important;
  }

  .vz.vz.vz .vz-mcol {
    position: static !important;
    width: 300px !important;
    max-width: 300px;
    box-sizing: border-box;
    display: grid !important;
    grid-template-columns: 1fr auto;
    grid-template-areas: "mp mcx";
    align-items: center;
    gap: 0 4px;
    padding: 10px 14px 10px 18px !important;
    border-right: 1px solid var(--hairline) !important;
    border-bottom: 1px solid var(--hairline) !important;
    border-left: 3px solid var(--c) !important;
    opacity: 1 !important;
    transform: none !important;
    transition: background .15s ease;
  }
  .vz.vz.vz .vz-mcol:last-child {
    border-bottom: 0 !important;
  }
  .vz.vz.vz .vz-mcol::before {
    display: none !important;
  }

  .vz.vz.vz .vz-mcol:has(.vz-mcx[aria-expanded="true"]),
  .vz.vz.vz .vz-mcol.is-open {
    background: var(--wash) !important;
  }

  .vz.vz.vz .vz-mp {
    grid-area: mp;
    margin: 0 !important;
    padding: 6px 4px !important;
  }
  .vz.vz.vz .vz-mpn {
    font-size: var(--fs-md) !important;
  }
  .vz.vz.vz .vz-mpq,
  .vz.vz.vz .vz-go {
    display: none !important;
  }

  .vz.vz.vz .vz-mcx {
    grid-area: mcx;
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    width: auto !important;
    margin: 0 !important;
    padding: 6px 8px !important;
    border: 0 !important;
    border-radius: var(--r-sm);
    background: transparent !important;
    font: 500 var(--fs-xs)/1.2 var(--font) !important;
    color: var(--text-secondary) !important;
    white-space: nowrap;
  }
  .vz.vz.vz .vz-mcx:hover,
  .vz.vz.vz .vz-mcx[aria-expanded="true"] {
    background: var(--wash-2) !important;
    color: var(--ct, var(--text-strong)) !important;
  }
  .vz.vz.vz .vz-mcx .vz-car {
    margin-left: 0 !important;
    transform: translateY(0) rotate(-45deg) !important;
  }
  .vz.vz.vz .vz-mcx[aria-expanded="true"] .vz-car {
    transform: translateY(0) rotate(-45deg) !important;
    color: var(--ct, var(--text-strong));
  }

  /* Offerings panel: full height of grid, to the right of the 300px rail */
  .vz.vz.vz .vz-mlist {
    position: absolute !important;
    left: 300px !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 2;
    margin: 0 !important;
    padding: var(--s5) var(--s5) var(--s4) !important;
    box-sizing: border-box;
    overflow-y: auto;
    background: var(--bg-elevated);
    display: none !important;
    flex-direction: column;
    gap: 2px;
    align-content: start;
  }
  .vz.vz.vz .vz-mlist:not([hidden]) {
    display: flex !important;
  }

  .vz.vz.vz .vz-mlist .vz-mo {
    padding: 8px var(--s3) !important;
    font-size: var(--fs-sm);
  }

  .vz.vz.vz .vz-mfoot {
    position: relative;
    z-index: 3;
  }

  .vz.vz.vz .vz-mega {
    width: min(960px, calc(100vw - 2 * var(--pad-x))) !important;
  }
}