/* ===== SmartVision Luxe 3D – fix10f: Pure CSS Lock to Content Center ===== */
:root{
  --svl3d-content-max: 1240px;
  --svl3d-gap: 16px;
  --svl3d-sidebar-w: clamp(240px, 18vw, 320px);
  --svl3d-sidebar-top: 96px;
}

html, body{ overflow-x: hidden !important; }

/* Content center helpers (no need to change HTML) */
.svl3d-main, .site-content, .entry-content{
  max-width: var(--svl3d-content-max);
  margin-inline: auto;
}

/* Lock sidebars by formulas around the page center (50%) */
.svl3d-sidebar--left,
.svl3d-sidebar--right{
  position: fixed;
  top: var(--svl3d-sidebar-top);
  width: var(--svl3d-sidebar-w);
  z-index: 50;
  will-change: left;
}

/* Left = center - content/2 - gap - sidebarW */
.svl3d-sidebar--left{
  left: calc(50% - min(var(--svl3d-content-max), 100vw) / 2 - var(--svl3d-gap) - var(--svl3d-sidebar-w));
}

/* Right = center + content/2 + gap */
.svl3d-sidebar--right{
  left: calc(50% + min(var(--svl3d-content-max), 100vw) / 2 + var(--svl3d-gap));
}

/* When viewport is too narrow to host 3 columns, dock into flow (stacked) */
@media (max-width: 1600px){
  .svl3d-sidebar--left,
  .svl3d-sidebar--right{
    position: sticky;
    left: auto;
    top: var(--svl3d-sidebar-top);
    margin-inline: auto;
    width: min(100%, var(--svl3d-content-max));
  }
}