/* 1ELEKTROKAMIN Catalog Layout UI 1.1.7 — stable catalog geometry + native Dream Filter 2.5 presentation.
   Dream Filter remains the only owner of filter/AJAX/pushState/reset/loader/picked/backdrop/open-state.
   This file reads native .rdf-mobile-view.show only; it does not create or mirror drawer state. Closed native drawer shadow is suppressed to avoid an off-canvas edge artifact. */
.catalog .ek-catalog-native-toolbar{display:none!important}
@media (min-width:1200px){
#column-left.col-xl-3{width:20%;max-width:20%;-ms-flex:0 0 20%;flex:0 0 20%}
#column-left.col-xl-3+.col-xl-9{width:80%;max-width:80%;-ms-flex:0 0 80%;flex:0 0 80%}
#column-left.col-xl-3+.col-xl-6{width:55%;max-width:55%;-ms-flex:0 0 55%;flex:0 0 55%}
#column-left.col-lg-3{width:20%;max-width:20%;-ms-flex:0 0 20%;flex:0 0 20%}
#column-left.col-lg-3+.col-lg-9{width:80%;max-width:80%;-ms-flex:0 0 80%;flex:0 0 80%}
#column-left.col-lg-3+.col-lg-6{width:55%;max-width:55%;-ms-flex:0 0 55%;flex:0 0 55%}
}
@media (max-width:767px){
.catalog>.container-fluid{padding-left:8px!important;padding-right:8px!important}
.catalog .ek-catalog-native-toolbar{display:flex!important;align-items:stretch!important;gap:5px!important;width:100%!important;margin:0 0 10px!important}
.catalog .ek-catalog-native-toolbar__filter,.catalog .ek-catalog-native-toolbar__sort{flex:1 1 0!important;-ms-flex:1 1 0!important;min-width:0!important;width:calc(50% - 2.5px)!important;max-width:calc(50% - 2.5px)!important}
.catalog .ek-catalog-native-toolbar__filter{display:flex!important}
.catalog .ek-catalog-native-toolbar__filter .options__btn{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;height:4.5rem!important;min-height:4.5rem!important;margin:0!important;font-weight:500!important;text-align:center!important;white-space:nowrap!important}
.catalog .ek-catalog-native-toolbar__sort>.options--mobile{display:block!important;width:100%!important;margin:0!important;padding:0!important}
.catalog .ek-catalog-native-toolbar__sort>.options--mobile>.row{display:block!important;margin-left:0!important;margin-right:0!important}
.catalog .ek-catalog-native-toolbar__sort>.options--mobile>.row>.col-sm-6{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;padding-left:0!important;padding-right:0!important}
.catalog .ek-catalog-native-toolbar__sort .options__type{width:100%!important;margin:0!important}
.catalog .ek-catalog-native-toolbar__sort .options__btn{box-sizing:border-box!important;width:100%!important;min-width:0!important;height:4.5rem!important;min-height:4.5rem!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.catalog .ek-catalog-native-toolbar__sort .options__btn--arrow{padding-left:1rem!important;padding-right:2.8rem!important}

/* Keep the resolved native DF trigger initialized/event-capable. Closed: invisible. Open: reuse that same native trigger as the close control. */
.rdf-mobile-toggle.ek-catalog-native-filter-source{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
.dream-filter.rdf-mobile-view.show .rdf-mobile-toggle.ek-catalog-native-filter-source{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;left:auto!important;right:10px!important;top:8px!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;z-index:5!important;font-size:0!important;line-height:0!important}
.dream-filter.rdf-mobile-view.show .rdf-mobile-toggle.ek-catalog-native-filter-source svg{display:none!important}
.dream-filter.rdf-mobile-view.show .rdf-mobile-toggle.ek-catalog-native-filter-source:before,.dream-filter.rdf-mobile-view.show .rdf-mobile-toggle.ek-catalog-native-filter-source:after{content:"";position:absolute;left:8px;top:17px;width:20px;height:2px;border-radius:2px;background:#262626;transform-origin:center}
.dream-filter.rdf-mobile-view.show .rdf-mobile-toggle.ek-catalog-native-filter-source:before{transform:rotate(45deg)}
.dream-filter.rdf-mobile-view.show .rdf-mobile-toggle.ek-catalog-native-filter-source:after{transform:rotate(-45deg)}
.dream-filter.rdf-mobile-view.show .rdf-mobile-toggle.ek-catalog-native-filter-source:focus{outline:2px solid #e0033f!important;outline-offset:1px!important}

/* DF 2.5 hard-codes 250px form width and +/-255px left/right animation. Override only presentation: native .show remains the sole state. */
.dream-filter.rdf-mobile-view{transition:transform .24s ease!important;will-change:transform}
.dream-filter.rdf-mobile-view>.rdf-form{width:90vw!important;max-width:90vw!important}
.dream-filter.rdf-mobile-view:not(.show)>.rdf-form{-webkit-box-shadow:none!important;box-shadow:none!important}
.dream-filter.rdf-mobile-view .rdf-header{padding-right:54px!important}
.dream-filter.rdf-mobile-view.rdf-side-left{left:0!important;right:auto!important;transform:translate3d(-100%,0,0)}
.dream-filter.rdf-mobile-view.rdf-side-left.show{transform:translate3d(0,0,0)}
.dream-filter.rdf-mobile-view.rdf-side-right{right:0!important;left:auto!important;transform:translate3d(100%,0,0)}
.dream-filter.rdf-mobile-view.rdf-side-right.show{transform:translate3d(0,0,0)}

/* Background scroll lock derived directly from Dream Filter's native open-state; drawer's own jquery.scrollbar remains untouched. */
@supports selector(body:has(.dream-filter.rdf-mobile-view.show)){
html:has(.dream-filter.rdf-mobile-view.show),body:has(.dream-filter.rdf-mobile-view.show){overflow:hidden!important;overscroll-behavior:none}
}
}