:root{
  --page-ii-maxw: 1200px;
  --page-ii-gap: 24px;
  --page-ii-sidew: 320px;
  --page-ii-pad-x: 16px;
  --page-ii-break: 1024px;
}

.page-ii{ width:100%; box-sizing:border-box; }
.page-ii__header{ margin:0 auto; }

.page-ii__container{
  display:grid;
  grid-template-columns: var(--page-ii-sidew) 1fr;
  align-items:stretch;
  gap:var(--page-ii-gap);
  margin:0 auto;
  box-sizing:border-box;
  overflow:visible;
}

.page-ii__sidebar{
  width:var(--page-ii-sidew);
  min-width:var(--page-ii-sidew);
  max-width:var(--page-ii-sidew);
  overflow:visible;
  align-self:stretch !important;
  height:auto;
  display:block;
}

.page-ii__sidebar > .page-ii__sidebar--area{ display:block; }
.page-ii__sidebar .afl-section,
.page-ii__sidebar .afl-section > .container{ max-width:100%; }

.page-ii__main{ min-width:0; overflow:visible; }

.page-ii__sidebar--area,
.page-ii__main--content{ margin:0; }

.page-ii__sidebar,
.page-ii__sidebar .page-ii__sidebar--area,
.page-ii__sidebar .row-fluid-wrapper,
.page-ii__sidebar .row-fluid,
.page-ii__sidebar .dnd-section,
.page-ii__sidebar .dnd-row,
.page-ii__sidebar .dnd-column,
.page-ii__sidebar .widget-span{ overflow:visible !important; }

.page-ii__sidebar--area,
.page-ii__sidebar .sticky{
  position:sticky;
  top:16px;
  max-height:calc(100vh - 32px);
  overflow:auto;
}

@media (max-width: 1024px){
  .page-ii__container{ grid-template-columns:1fr; gap:16px; padding-bottom:32px; }
  .page-ii__sidebar{ width:100%; min-width:0; max-width:100%; }
  .page-ii__sidebar--area,
  .page-ii__sidebar .sticky{
    position:static;
    max-height:none;
    overflow:visible;
  }
}

.page-ii__header > .page-ii__header--area,
.page-ii__main > .page-ii__main--content{ display:block; }