/* Default rule for sw-100 */
.page-wrapper.sw-100 > .jahmantheme-outer > .jahmantheme-inner:not(.primary-sidebar-menu-inner,
.page-node-type-pb-content .main-container-inner) {
  max-width: 100%;
}

/* Define CSS variables for different screen widths */
.page-wrapper.sw-2560 {
  --jahmantheme-width: var(--jahmantheme-rem2560);
}
.page-wrapper.sw-1920 {
  --jahmantheme-width: var(--jahmantheme-rem1920);
}
.page-wrapper.sw-1600 {
  --jahmantheme-width: var(--jahmantheme-rem1600);
}
.page-wrapper.sw-1440 {
  --jahmantheme-width: var(--jahmantheme-rem1440);
}
.page-wrapper.sw-1280 {
  --jahmantheme-width: var(--jahmantheme-rem1280);
}
.page-wrapper.sw-1024 {
  --jahmantheme-width: var(--jahmantheme-rem1024);
}
.page-wrapper.sw-800 {
  --jahmantheme-width: var(--jahmantheme-rem800);
}

/* Override when .px class is added */
.px .page-wrapper.sw-2560 {
  --jahmantheme-width: var(--jahmantheme-px2560);
}
.px .page-wrapper.sw-1920 {
  --jahmantheme-width: var(--jahmantheme-px1920);
}
.px .page-wrapper.sw-1600 {
  --jahmantheme-width: var(--jahmantheme-px1600);
}
.px .page-wrapper.sw-1440 {
  --jahmantheme-width: var(--jahmantheme-px1440);
}
.px .page-wrapper.sw-1280 {
  --jahmantheme-width: var(--jahmantheme-px1280);
}
.px .page-wrapper.sw-1024 {
  --jahmantheme-width: var(--jahmantheme-px1024);
}
.px .page-wrapper.sw-800 {
  --jahmantheme-width: var(--jahmantheme-px800);
}

/* Apply max-width dynamically */
.page-wrapper > .jahmantheme-outer > .jahmantheme-inner:not(.primary-sidebar-menu-inner,
.page-node-type-pb-content .main-container-inner) {
  max-width: var(--jahmantheme-width);
}