/* =========================================================
   WHAT MAKES ELEA DIFFERENT — real sticky fix
   Desktop/laptop only. Tablet/mobile remain untouched.

   Root cause:
   `overflow-x:hidden` on html/body/main can create a non-scrolling
   ancestor scroll container, which prevents viewport sticky behavior.
   `clip` prevents horizontal overflow without creating that scroll container.
   ========================================================= */
@media (min-width:1201px){
  html,
  body{
    overflow-x:clip !important;
    overflow-y:visible !important;
  }

  body > main,
  .main-page{
    max-width:100% !important;
    overflow-x:clip !important;
    overflow-y:visible !important;
  }

  #different,
  #different .section-shell,
  #different .different-grid,
  #different .different-cards{
    overflow:visible !important;
  }

  #different .different-grid{
    align-items:start !important;
  }

  #different .different-title{
    position:-webkit-sticky !important;
    position:sticky !important;
    top:110px !important;
    align-self:start !important;
    height:max-content !important;
    min-height:0 !important;
    padding:0 !important;
    margin-bottom:90px !important;
    z-index:3 !important;
  }
}