.elementor-2406 .elementor-element.elementor-element-d6b27f4{--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;}.elementor-2406 .elementor-element.elementor-element-49591d4{--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;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2406 .elementor-element.elementor-element-caed99f{--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:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2406 .elementor-element.elementor-element-caed99f.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-2406 .elementor-element.elementor-element-64f344a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-2406 .elementor-element.elementor-element-64f344a img{width:100%;height:22px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2406 .elementor-element.elementor-element-a5aba8d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -12px) 0px;padding:0px 0px 0px 0px;text-align:start;font-family:"DM Sans", Sans-serif;font-size:15px;font-weight:400;text-transform:uppercase;line-height:1.7lh;letter-spacing:0px;word-spacing:0px;}.elementor-2406 .elementor-element.elementor-element-a5aba8d.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-2406 .elementor-element.elementor-element-34cacac{--display:flex;--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:flex-start;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2406 .elementor-element.elementor-element-6b2a01a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2406 .elementor-element.elementor-element-98900e7{--display:flex;--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:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2406 .elementor-element.elementor-element-9b98881{--display:flex;--margin-top:0px;--margin-bottom:-10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2406 .elementor-element.elementor-element-cf548af{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:end;font-family:"DM Sans", Sans-serif;font-size:19px;font-weight:300;line-height:1.7lh;letter-spacing:2px;word-spacing:0px;}.elementor-2406 .elementor-element.elementor-element-8562a4f{--display:flex;--margin-top:0px;--margin-bottom:-10px;--margin-left:7px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2406 .elementor-element.elementor-element-2ef4fd4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:end;font-family:"DM Sans", Sans-serif;font-size:19px;font-weight:300;line-height:1.7lh;letter-spacing:2px;word-spacing:0px;}.elementor-2406 .elementor-element.elementor-element-2ead67e{--display:flex;--margin-top:0px;--margin-bottom:-10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2406 .elementor-element.elementor-element-b9ec192{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:end;font-family:"DM Sans", Sans-serif;font-size:19px;font-weight:300;line-height:1.7lh;letter-spacing:2px;word-spacing:0px;}.elementor-2406 .elementor-element.elementor-element-76d0cff{--display:flex;--margin-top:0px;--margin-bottom:-10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2406 .elementor-element.elementor-element-0f4e769{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:end;font-family:"DM Sans", Sans-serif;font-size:19px;font-weight:300;line-height:1.7lh;letter-spacing:2px;word-spacing:0px;}.elementor-2406 .elementor-element.elementor-element-7c43d12{--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;}.elementor-2406 .elementor-element.elementor-element-3561a2a{--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-2406 .elementor-element.elementor-element-11123d6 .e-off-canvas__overlay{background-color:rgba(0,0,0,.8);}.elementor-2406 .elementor-element.elementor-element-11123d6{--e-off-canvas-justify-content:flex-start;--e-off-canvas-height:100%;--e-off-canvas-content-overflow:auto;--e-off-canvas-animation-duration:1s;--e-off-canvas-overlay-opacity:1;}.elementor-2406 .elementor-element.elementor-element-336d39e{--display:flex;--gap:1px 1px;--row-gap:1px;--column-gap:1px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}body:not(.rtl) .elementor-2406 .elementor-element.elementor-element-d47d747{right:30px;}body.rtl .elementor-2406 .elementor-element.elementor-element-d47d747{left:30px;}.elementor-2406 .elementor-element.elementor-element-d47d747{top:24px;z-index:15;}.elementor-2406 .elementor-element.elementor-element-d47d747 img{width:100%;height:13px;object-fit:cover;object-position:center center;transition-duration:1s;}.elementor-2406 .elementor-element.elementor-element-944f747 > .elementor-widget-container{padding:0px 0px 0px 0px;border-style:none;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-2406 .elementor-element.elementor-element-36696e4{--grid-columns:4;--load-more-button-align:center;--grid-column-gap:5px;}.elementor-2406 .elementor-element.elementor-element-36696e4 .elementor-button{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;line-height:1.7em;letter-spacing:1px;word-spacing:0px;}@media(max-width:1366px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-2406 .elementor-element.elementor-element-36696e4{--grid-columns:2;}}@media(max-width:880px){.elementor-2406 .elementor-element.elementor-element-98900e7.e-con{--align-self:center;}}@media(max-width:767px){.elementor-2406 .elementor-element.elementor-element-49591d4{--flex-wrap:nowrap;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-2406 .elementor-element.elementor-element-36696e4{--grid-columns:2;}}@media(min-width:768px){.elementor-2406 .elementor-element.elementor-element-caed99f{--width:8%;}.elementor-2406 .elementor-element.elementor-element-34cacac{--width:82%;}.elementor-2406 .elementor-element.elementor-element-98900e7{--width:10%;}}@media(max-width:1200px) and (min-width:768px){.elementor-2406 .elementor-element.elementor-element-98900e7{--width:20%;}}@media(max-width:880px) and (min-width:768px){.elementor-2406 .elementor-element.elementor-element-34cacac{--width:80%;}.elementor-2406 .elementor-element.elementor-element-98900e7{--width:10%;}}/* Start custom CSS for filter-everything-sorting, class: .elementor-element-6b2a01a *//* =========================================================
   FKM — PRODUCT SORTING
   ========================================================= */


/* =========================================================
   01. SORTING TRIGGER
   ========================================================= */

.fkm-sort-trigger {
    margin: 0 !important;
    padding: 0 !important;

    width: auto !important;

    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;
}


/* =========================================================
   02. SORTING WIDGET
   ========================================================= */

.fkm-sort-trigger
.widget_wpc_sorting_widget {

    display: flex !important;

    align-items: center !important;
    justify-content: flex-end !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;
}


/* =========================================================
   03. SORT BY LABEL
   ========================================================= */

.fkm-sort-trigger
.widgettitle {

    display: inline-block !important;

    margin: 0 6px 0 0 !important;
    padding: 0 !important;

    font-family: "DM Sans", sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;

    line-height: 1.3 !important;

    text-transform: uppercase !important;

    color: #111111 !important;

    white-space: nowrap !important;

    border: 0 !important;
}


/* =========================================================
   04. SORTING FORM
   ========================================================= */

.fkm-sort-trigger
.wpc-sorting-form {

    position: relative !important;

    display: inline-block !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
}


/* =========================================================
   05. SORTING SELECT
   ========================================================= */

.fkm-sort-trigger
.wpc-orderby-select {

    display: inline-block !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;

    padding: 5px 22px 5px 8px !important;

    box-sizing: border-box !important;

    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;

    font-family: "DM Sans", sans-serif !important;

    font-size: 14px !important;
    font-weight: 400 !important;

    line-height: 1.3 !important;

    color: #111111 !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    outline: none !important;
    box-shadow: none !important;

    cursor: pointer !important;
}


/* =========================================================
   06. CHEVRON
   ========================================================= */

.fkm-sort-trigger
.wpc-sorting-form::after {

    content: "" !important;

    position: absolute !important;

    right: 7px !important;
    top: 50% !important;

    width: 6px !important;
    height: 6px !important;

    border-right: 1px solid #111111 !important;
    border-bottom: 1px solid #111111 !important;

    transform:
        translateY(-65%)
        rotate(45deg) !important;

    pointer-events: none !important;
}


/* =========================================================
   07. HOVER / FOCUS
   ========================================================= */

.fkm-sort-trigger
.wpc-orderby-select:hover {

    color: #111111 !important;

    background: transparent !important;

    outline: none !important;
    box-shadow: none !important;
}


.fkm-sort-trigger
.wpc-orderby-select:focus {

    color: #111111 !important;

    background: transparent !important;

    outline: none !important;
    box-shadow: none !important;
}


/* =========================================================
   08. NATIVE DROPDOWN OPTIONS
   ========================================================= */

.fkm-sort-trigger
.wpc-orderby-select option {

    padding: 8px 12px !important;

    font-family: "DM Sans", sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;

    color: #6e6e6e !important;

    background: #ffffff !important;
}


/* =========================================================
   09. NATIVE SELECTED OPTION
   ========================================================= */

.fkm-sort-trigger
.wpc-orderby-select option:checked {

    color: #111111 !important;

    background: #ffffff !important;
}


/* =========================================================
   10. CLEANUP
   ========================================================= */

.fkm-sort-trigger
.wpc-after-sorting-form {

    display: none !important;
}


/* =========================================================
   11. HIDE ORIGINAL SELECT WHEN CUSTOM SORT IS ACTIVE
   ========================================================= */

.fkm-sort-trigger
.wpc-orderby-select.fkm-native-sort-hidden {

    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    padding: 0 !important;
    margin: -1px !important;

    overflow: hidden !important;

    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;

    white-space: nowrap !important;

    border: 0 !important;
}


/* =========================================================
   12. CUSTOM SORT WRAPPER
   ========================================================= */

.fkm-custom-sort {

    position: relative !important;

    display: inline-block !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   13. CLOSED SORT VALUE
   ========================================================= */

.fkm-custom-sort-trigger {

    display: inline-flex !important;

    align-items: center !important;

    width: auto !important;
    min-width: 0 !important;

    margin: 0 !important;

    padding: 5px 22px 5px 8px !important;

    box-sizing: border-box !important;

    font-family: "DM Sans", sans-serif !important;

    font-size: 13px !important;
    font-weight: 400 !important;

    line-height: 1.3 !important;

    color: #111111 !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    outline: none !important;
    box-shadow: none !important;

    white-space: nowrap !important;

    cursor: pointer !important;
}


/* =========================================================
   14. CUSTOM DROPDOWN PANEL
   ========================================================= */

.fkm-custom-sort-list {

    position: absolute !important;

    top: calc(100% + 2px) !important;
    left: 0 !important;

    z-index: 99999 !important;

    display: none;

    width: max-content !important;

    min-width: 100% !important;

    max-width: 260px !important;

    padding: 4px 0 !important;

    background: #ffffff !important;

    border: 1px solid #e5e5e5 !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    box-sizing: border-box !important;
}


/* =========================================================
   15. OPEN STATE
   ========================================================= */

.fkm-custom-sort.is-open
.fkm-custom-sort-list {

    display: block !important;
}


/* =========================================================
   16. CUSTOM DROPDOWN OPTIONS
   ========================================================= */

.fkm-custom-sort-option {

    display: block !important;

    width: 100% !important;

    box-sizing: border-box !important;

    margin: 0 !important;

    padding: 8px 12px !important;

    font-family: "DM Sans", sans-serif !important;

    font-size: 13px !important;
    font-weight: 400 !important;

    line-height: 1.3 !important;

    color: #6e6e6e !important;

    background: transparent !important;

    white-space: nowrap !important;

    cursor: pointer !important;

    border: 0 !important;

    border-bottom: 1px solid #e5e5e5 !important;

    outline: none !important;

    box-shadow: none !important;

    transition: color 0.12s ease !important;
}


/* =========================================================
   17. LAST OPTION — NO DIVIDER
   ========================================================= */

.fkm-custom-sort-option:last-child {

    border-bottom: 0 !important;
}


/* =========================================================
   18. OPTION HOVER
   ========================================================= */

.fkm-custom-sort-option:hover {

    color: #111111 !important;

    background: transparent !important;
}


/* =========================================================
   19. SELECTED OPTION
   ========================================================= */

.fkm-custom-sort-option.is-selected {

    color: #111111 !important;

    background: transparent !important;
}


/* =========================================================
   20. SELECTED OPTION HOVER
   ========================================================= */

.fkm-custom-sort-option.is-selected:hover {

    color: #111111 !important;

    background: transparent !important;
}


/* =========================================================
   21. CUSTOM TRIGGER — HOVER / FOCUS
   ========================================================= */

.fkm-custom-sort-trigger:hover,
.fkm-custom-sort-trigger:focus,
.fkm-custom-sort-trigger:active {

    color: #111111 !important;

    background: transparent !important;

    border: 0 !important;

    outline: none !important;

    box-shadow: none !important;
}


/* =========================================================
   22. MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .fkm-sort-trigger
    .widgettitle {

        font-size: 12px !important;

        margin-right: 5px !important;
    }


    .fkm-sort-trigger
    .wpc-orderby-select {

        padding: 5px 21px 5px 7px !important;

        font-size: 12px !important;
    }


    .fkm-sort-trigger
    .wpc-sorting-form::after {

        right: 7px !important;
    }


    .fkm-custom-sort-trigger {

        padding: 5px 21px 5px 7px !important;

        font-size: 12px !important;
    }


    .fkm-custom-sort-option {

        padding: 8px 10px !important;

        font-size: 12px !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76d0cff *//* 1-column button hidden on desktop */
.elementor-2406 .elementor-element.elementor-element-76d0cff .fkm-view-button-1 {
    display: none;
}

/* =========================================================
   BELOW 1024px
   ========================================================= */

@media (max-width: 1024px) {

    .elementor-2406 .elementor-element.elementor-element-76d0cff .fkm-view-button-3 {
        display: none;
    }

    .elementor-2406 .elementor-element.elementor-element-76d0cff .fkm-view-button-1 {
        display: flex;
    }

    .elementor-2406 .elementor-element.elementor-element-76d0cff .fkm-view-button-2,
    .elementor-2406 .elementor-element.elementor-element-76d0cff .fkm-view-button-1 {
        opacity: 0.4;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49591d4 *//* =========================================================
   FKM — PRODUCT ARCHIVE CONTROL BAR
   ========================================================= */

.elementor-2406 .elementor-element.elementor-element-49591d4 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


/* =========================================================
   LEFT SIDE — FILTER + SORT
   ========================================================= */

.elementor-2406 .elementor-element.elementor-element-49591d4 .fkm-product-controls-left {
    display: flex;
    align-items: center;
    gap: 28px;
}


/* =========================================================
   RIGHT SIDE — VIEW BUTTONS
   ========================================================= */

.elementor-2406 .elementor-element.elementor-element-49591d4 .fkm-product-controls-right {
    display: flex;
    align-items: center;
    gap: 14px;
}


/* =========================================================
   FILTER + SORT
   ========================================================= */

.elementor-2406 .elementor-element.elementor-element-49591d4 .fkm-filter-trigger,
.elementor-2406 .elementor-element.elementor-element-49591d4 .fkm-sort-trigger {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    line-height: 1;
}


/* =========================================================
   VIEW BUTTONS
   ========================================================= */

.elementor-2406 .elementor-element.elementor-element-49591d4 .fkm-view-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    cursor: pointer;
    user-select: none;
}


/* Text editor inside view buttons */

.elementor-2406 .elementor-element.elementor-element-49591d4 .fkm-view-button .elementor-widget-text-editor {
    margin: 0;
    padding: 0;
}


/* Actual |||| symbols */

.elementor-2406 .elementor-element.elementor-element-49591d4 .fkm-view-button .elementor-widget-text-editor
.elementor-widget-container {
    margin: 0;
    padding: 0;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 1px;
}


/* =========================================================
   VIEW BUTTON OPACITY
   JavaScript controls the active button using
   .fkm-view-active
   ========================================================= */

.elementor-2406 .elementor-element.elementor-element-49591d4 .fkm-view-button {
    opacity: 0.35;
    transition: opacity 0.2s ease;
}


/* Active view */

.elementor-2406 .elementor-element.elementor-element-49591d4 .fkm-view-button.fkm-view-active {
    opacity: 1;
}


/* Hover */

.elementor-2406 .elementor-element.elementor-element-49591d4 .fkm-view-button:hover {
    opacity: 1;
}


/* =========================================================
   DESKTOP / LAPTOP
   4 / 3 / 2 columns
   ========================================================= */

@media (min-width: 1025px) {

    .elementor-2406 .elementor-element.elementor-element-49591d4 .fkm-view-button-4,
    .elementor-2406 .elementor-element.elementor-element-49591d4 .fkm-view-button-3,
    .elementor-2406 .elementor-element.elementor-element-49591d4 .fkm-view-button-2 {
        display: flex;
    }

    .elementor-2406 .elementor-element.elementor-element-49591d4 .fkm-view-button-1 {
        display: none;
    }

}


/* =========================================================
   TABLET / MOBILE
   2 / 1 columns
   ========================================================= */

@media (max-width: 1024px) {

    /* Hide 4 and 3 column options */

    .elementor-2406 .elementor-element.elementor-element-49591d4 .fkm-view-button-4,
    .elementor-2406 .elementor-element.elementor-element-49591d4 .fkm-view-button-3 {
        display: none !important;
    }

    /* Show 2 column option */

    .elementor-2406 .elementor-element.elementor-element-49591d4 .fkm-view-button-2 {
        display: flex !important;
    }

    /* Show 1 column option */

    .elementor-2406 .elementor-element.elementor-element-49591d4 .fkm-view-button-1 {
        display: flex !important;
    }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d47d747 */.fkm-offcanvas-close img {
    transition: transform 0.35s ease !important;
}

.fkm-offcanvas-close a:hover img {
    transform: rotate(180deg) !important;
}/* End custom CSS */