/* ==========================================================
   ETERNALLY-R1C2HF1
   Shop sidebar sticky/overlap correction
   ----------------------------------------------------------
   Problem:
   .sf-filter-block was sticky independently while the
   guidance card remained in normal document flow. At browser
   zoom / shorter viewport heights the sticky collection list
   could overlap the guidance card.

   Fix:
   Make the complete sidebar the sticky scrolling unit.
   ========================================================== */

@media (min-width:1101px){
    .sf-shop-sidebar{
        position:sticky !important;
        top:110px;
        align-self:start;
        max-height:calc(100vh - 132px);
        overflow-y:auto;
        overflow-x:hidden;
        padding-right:8px;
        padding-bottom:8px;
        overscroll-behavior:contain;
        scrollbar-width:thin;
        scrollbar-color:var(--sf-line) transparent;
    }

    .sf-shop-sidebar::-webkit-scrollbar{
        width:5px;
    }

    .sf-shop-sidebar::-webkit-scrollbar-track{
        background:transparent;
    }

    .sf-shop-sidebar::-webkit-scrollbar-thumb{
        background:var(--sf-line);
        border-radius:8px;
    }

    .sf-filter-block{
        position:static !important;
        top:auto !important;
    }

    .sf-filter-note{
        position:relative;
        z-index:1;
        margin-top:28px;
        clear:both;
    }
}

/* Preserve the existing tablet/mobile behavior where the
   sidebar is hidden by the R1C2 responsive layout. */
@media (max-width:1100px){
    .sf-shop-sidebar{
        position:static;
        max-height:none;
        overflow:visible;
        padding-right:0;
    }

    .sf-filter-block{
        position:static !important;
        top:auto !important;
    }
}