.elementor-17816 .elementor-element.elementor-element-61993a29{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-17816 .elementor-element.elementor-element-61993a29:not(.elementor-motion-effects-element-type-background), .elementor-17816 .elementor-element.elementor-element-61993a29 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sayanamdsupplements.com/wp-content/uploads/2026/05/Search.jpg");background-position:center center;}.elementor-17816 .elementor-element.elementor-element-13c810bd{text-align:center;}.elementor-17816 .elementor-element.elementor-element-13c810bd .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-17816 .elementor-element.elementor-element-cc21891{text-align:center;font-size:20px;font-weight:600;}.elementor-17816 .elementor-element.elementor-element-dbdb7e8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:50px 50px;--row-gap:50px;--column-gap:50px;}.elementor-17816 .elementor-element.elementor-element-4700a699{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17816 .elementor-element.elementor-element-3140ac5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17816 .elementor-element.elementor-element-0209ce5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17816 .elementor-element.elementor-element-cbfd8ce .elementor-button-content-wrapper{flex-direction:row;}.elementor-17816 .elementor-element.elementor-element-cbfd8ce .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-17816 .elementor-element.elementor-element-26e9de51{--grid-columns:4;--grid-row-gap:15px;--load-more-message-alignment:center;--load-more—spacing:10px;--load-more-button-align:center;--grid-column-gap:15px;}.elementor-17816 .elementor-element.elementor-element-26e9de51 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-17816 .elementor-element.elementor-element-26e9de51 .e-loop-item > .elementor-section, .elementor-17816 .elementor-element.elementor-element-26e9de51 .e-loop-item > .elementor-section > .elementor-container, .elementor-17816 .elementor-element.elementor-element-26e9de51 .e-loop-item > .e-con, .elementor-17816 .elementor-element.elementor-element-26e9de51 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-17816 .elementor-element.elementor-element-26e9de51 .elementor-button{font-size:12px;}.elementor-17816 .elementor-element.elementor-element-d340b85 .e-off-canvas__content{background-color:var( --e-global-color-60f91e5 );border-radius:30px 0px 0px 30px;}.elementor-17816 .elementor-element.elementor-element-d340b85 .e-off-canvas__overlay{background-color:rgba(0,0,0,.8);}.elementor-17816 .elementor-element.elementor-element-d340b85{--e-off-canvas-justify-content:flex-start;--e-off-canvas-width:100vw;--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-animation-duration:1.5s;--e-off-canvas-overlay-opacity:1;}.elementor-17816 .elementor-element.elementor-element-0c334fb{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-17816 .elementor-element.elementor-element-4568461{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17816 .elementor-element.elementor-element-0e00616 .elementor-heading-title{font-size:28px;color:var( --e-global-color-accent );}.elementor-17816 .elementor-element.elementor-element-da31ade .elementor-button{background-color:#02010100;font-size:16px;fill:var( --e-global-color-fc47f7b );color:var( --e-global-color-fc47f7b );padding:0px 0px 0px 0px;}.elementor-17816 .elementor-element.elementor-element-da31ade .elementor-button:hover, .elementor-17816 .elementor-element.elementor-element-da31ade .elementor-button:focus{background-color:#02010100;color:var( --e-global-color-fc47f7b );}.elementor-17816 .elementor-element.elementor-element-da31ade .elementor-button:hover svg, .elementor-17816 .elementor-element.elementor-element-da31ade .elementor-button:focus svg{fill:var( --e-global-color-fc47f7b );}@media(min-width:768px){.elementor-17816 .elementor-element.elementor-element-4700a699{--width:27.5%;}.elementor-17816 .elementor-element.elementor-element-3140ac5{--width:80%;}}@media(min-width:1367px){.elementor-17816 .elementor-element.elementor-element-61993a29:not(.elementor-motion-effects-element-type-background), .elementor-17816 .elementor-element.elementor-element-61993a29 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(min-width:2400px){.elementor-17816 .elementor-element.elementor-element-4568461{--grid-auto-flow:row;}}@media(max-width:1366px){.elementor-17816 .elementor-element.elementor-element-4568461{--grid-auto-flow:row;}}@media(max-width:1200px){.elementor-17816 .elementor-element.elementor-element-4568461{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-17816 .elementor-element.elementor-element-26e9de51{--grid-columns:2;}.elementor-17816 .elementor-element.elementor-element-4568461{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-17816 .elementor-element.elementor-element-cc21891{font-size:16px;}.elementor-17816 .elementor-element.elementor-element-0209ce5{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--flex-wrap:nowrap;}.elementor-17816 .elementor-element.elementor-element-cbfd8ce .elementor-button{padding:14px 14px 14px 14px;}.elementor-17816 .elementor-element.elementor-element-26e9de51{--grid-columns:2;--grid-row-gap:10px;--grid-column-gap:10px;}.elementor-17816 .elementor-element.elementor-element-4568461{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-0209ce5 */.elementor-17816 .elementor-element.elementor-element-0209ce5.elementor-sticky--active {
    background: #fff;
    padding-top: 24px;
}/* End custom CSS */
/* Start custom CSS *//* Filters */

filter-btns button {
    width: 100%;
    display: block;
}

.filter-btns button {
    width: 100%;
}

.filter-btns {
    display: flex;
    gap: 10px;
}

button.shop-apply-filters {
    background: #3e4934;
}

.filter-btns:has(.shop-apply-filters) button {
    font-size: 12px !important;
    padding: 12px 10px !important;
}

.filter-btns:has(.shop-apply-filters) {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    background: #fff;
    box-shadow: 0 -10px 20px rgba(0,0,0,0.1)
}

.mobile-filters .shop-filter-group:nth-child(2) {
    border: none !important;
    padding-bottom: 60px !important;
}

/* Desktop */

.desktop-filters{
    display:block;
}

.mobile-filters{
    display:none;
}

/* Mobile */

@media(max-width:767px){

    .desktop-filters{
        display:none;
    }

    .mobile-filters{
        display:block;
    }

}

body:not(.tax-goal):not(.tag-page) .shop-filter-group:nth-child(2) {
    display: none;
}

body:not(.tax-goal):not(.tag-page) .shop-filter-group {
    padding: 0 !important;
    border: none !important;
}

body.tax-goal .shop-filter-group:first-of-type {
    display: none;
}

body.tax-goal .shop-filter-group {
    padding: 0 !important;
    border: none !important;
}

small.wcsatt-sub-options, span.wcsatt-sub-discount {
    display: none !important;
}

a.added_to_cart.wc-forward {
    display: none !important;
}

/* ==========================================
   FILTER PANEL
========================================== */

.shop-filters{
    background:#FAF5F0;
    border:1px solid #E9DED3;
    border-radius:16px;
    padding:24px;

    max-height:calc(100vh - 150px);
    overflow-y:auto;

    scrollbar-width:thin;
    scrollbar-color:#D8C9BD transparent;
}

/* ==========================================
   CUSTOM SCROLLBAR
========================================== */

.shop-filters::-webkit-scrollbar{
    width:6px;
}

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

.shop-filters::-webkit-scrollbar-thumb{
    background:#D8C9BD;
    border-radius:999px;
}

.shop-filters::-webkit-scrollbar-thumb:hover{
    background:#C8B6A8;
}

/* ==========================================
   FILTER WRAPPER
========================================== */

.shop-filters-wrap{
    display:flex;
    flex-direction:column;
}

/* ==========================================
   FILTER GROUPS
========================================== */

.shop-filter-group{
    margin-bottom: 30px;
    padding-bottom: 24px;
    border-bottom:1px solid #E9DED3;
}

.shop-filter-group:last-of-type{
    border-bottom:none;
    padding-bottom:0;
    margin-bottom:20px;
}

/* ==========================================
   FILTER TITLES
========================================== */

.shop-filter-title{
    margin: 0 0 12px;
    font-size: 14px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:2px;
    color:#7F5E46;
}

/* ==========================================
   FILTER ROWS
========================================== */

.shop-filter-checkbox{
    display:flex;
    align-items:center;
    gap:12px;
    padding: 7px 0;
    cursor:pointer;
    font-size: 14px;
    line-height: 1.3;
    color:#2C2B2B;
}

/* ==========================================
   PREMIUM SELECTORS
========================================== */

.shop-filter-checkbox input{
    appearance: none !important;
    -webkit-appearance: none !important;
    width:18px;
    height:18px;
    margin:0;
    flex-shrink:0;
    border:2px solid #D6C4B4;
    border-radius:50%;
    background:#fff;
    cursor:pointer;
    transition:.2s ease;
    position:relative;
}

.shop-filter-checkbox input:hover{
    border-color:#BB5A2B;
}

.shop-filter-checkbox input:checked{
    border-color:#BB5A2B;
}

.shop-filter-checkbox input:checked:after{
    content:"";

    position:absolute;

    top:50%;
    left:50%;

    transform:translate(-50%,-50%);

    width:8px;
    height:8px;

    border-radius:50%;

    background:#BB5A2B;
}

/* ==========================================
   PARENT CATEGORIES
========================================== */

.shop-filter-parent{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding: 0;
}

.elementor-kit-17659 button.shop-filter-parent-toggle{
    background:none;
    border:none;
    padding:0 !important;
    cursor:pointer;

    width:16px;
    height:16px;

    position:relative;

    color:transparent !important;
    font-size:0 !important;
}

.elementor-kit-17659 button.shop-filter-parent-toggle::before{
    content:"";

    width:8px;
    height:8px;

    border-right:2px solid #8A6547;
    border-bottom:2px solid #8A6547;

    position:absolute;
    top:50%;
    left:50%;

    transform:translate(-50%,-60%) rotate(45deg);

    transition:transform .25s ease;
}

.shop-filter-parent.active .shop-filter-parent-toggle::before{
    transform:translate(-50%,-40%) rotate(225deg);
}

.shop-filter-parent.active .shop-filter-parent-toggle{
    transform:rotate(90deg);
}

/* ==========================================
   CHILD CATEGORIES
========================================== */

.shop-filter-children{
    display:none;
    margin: 10px;
    padding-left:18px;
    border-left:2px solid #E9DED3;
}

.shop-filter-parent.active + .shop-filter-children{
    display:block;
}

.shop-filter-children .shop-filter-checkbox{
    font-size: 12px;
    color:#666;
    padding: 3px 0;
}

/* ==========================================
   ACTIVE FILTER PILLS
========================================== */

.active-shop-filters{
    display:flex;
    flex-wrap:wrap;

    gap:10px;

    margin-bottom:24px;
}

.active-filter-pill{
    background:#FAF5F0;
    border:1px solid #BB5A2B;

    color:#BB5A2B;

    border-radius:999px;

    padding:8px 14px;

    font-size:13px;
    font-weight:600;

    line-height:1;

    cursor:pointer;

    transition:.2s ease;
}

.active-filter-pill:hover{
    background:#BB5A2B;
    color:#fff;
}

/* ==========================================
   CLEAR FILTERS
========================================== */

.shop-clear-filters{
    background:none;
    border:none;
    cursor:pointer;
    transition:.2s ease;
}

.shop-clear-filters:hover{
}

/* ==========================================
   TABLET
========================================== */

@media (max-width:1024px){

    .shop-filters{
        padding:20px;
        max-height:none;
        overflow:visible;
    }

}

/* ==========================================
   MOBILE
========================================== */

@media (max-width:767px){

    .shop-filters{
        padding:18px;
        max-height:none;
        overflow:visible;
    }

    .shop-filter-checkbox{
        font-size:14px;
    }

    .active-filter-pill{
        font-size:12px;
        padding:7px 12px;
    }

}
/* ==========================================
   POLISH IMPROVEMENTS
========================================== */

/* Slightly more compact filter panel */

.shop-filters{
    padding:20px;
}

/* Better hover interaction */

.shop-filter-checkbox{
    transition:.2s ease;
}

.shop-filter-checkbox:hover{
    color:#BB5A2B;
}/* End custom CSS */