.eszlwcf-section label,
.eszlwcf-section input {cursor: pointer;}
.eszlwcf-section h1, .eszlwcf-section h2, .eszlwcf-section h3, .eszlwcf-section h4, .eszlwcf-section h5, .eszlwcf-section h6 {margin: 0 auto;}
.eszlwcf-section h1 a, .eszlwcf-section h1 a:hover, .eszlwcf-section h1 a:focus, .eszlwcf-section h1 a:focus-visible,
.eszlwcf-section h2 a, .eszlwcf-section h2 a:hover, .eszlwcf-section h2 a:focus, .eszlwcf-section h2 a:focus-visible,
.eszlwcf-section h3 a, .eszlwcf-section h3 a:hover, .eszlwcf-section h3 a:focus, .eszlwcf-section h3 a:focus-visible,
.eszlwcf-section h4 a, .eszlwcf-section h4 a:hover, .eszlwcf-section h4 a:focus, .eszlwcf-section h4 a:focus-visible,
.eszlwcf-section h5 a, .eszlwcf-section h5 a:hover, .eszlwcf-section h5 a:focus, .eszlwcf-section h5 a:focus-visible,
.eszlwcf-section h6 a, .eszlwcf-section h6 a:hover, .eszlwcf-section h6 a:focus, .eszlwcf-section h6 a:focus-visible {color: inherit; font-size: inherit; font-weight: inherit; font-family: inherit;} .eszlwcf-section { display: flex; position: relative; padding: 0; flex-direction: column;}
.eszlwcf-section {display: flex; flex-wrap: wrap;}
.eszlwcf-products-frame { position: relative;}
.eszlwcf-products-section {position: relative;}
.eszlwcf-product-query,
.eszlwcf-widget-settings,
.eszlwcf-setting-data {display: none;}
.eszlwcf-section::before {content: '';}
.eszlwcf-section::before { content: ''; background: #1115; position: fixed; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; display: none;}
.eszlwcf-filter-open .eszlwcf-section::before {display: block;} .eszlwcf-products-block {display: grid;}
.eszlwcf-products-block {grid-template-columns: repeat(3, 1fr);} .eszlwcf-product {display: flex; flex-wrap: wrap; flex-direction: column; overflow: hidden;}
.eszlwcf-product > * {width: 100%; max-width: 100%;}
.eszlwcf-product .eszlwcf-product-thumb { width: 100%; position: relative; overflow: hidden;}
.eszlwcf-product .eszlwcf-product-thumb .eszlwcf-product-thumbnail { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; object-fit: cover; max-width: 100%; transition: all 500ms ease-in-out;}
.eszlwcf-product .eszlwcf-product-thumb .eszlwcf-product-thumbnail-back {opacity: 0;}
.eszlwcf-product .eszlwcf-product-thumb:hover .eszlwcf-product-thumbnail-back {opacity: 1}
.eszlwcf-product-badge-sale { position: absolute; z-index: 1;}
.eszlwcf-product-badge-sale { position: absolute; z-index: 1; padding: 5px 15px; background: red; color: #fff; top: 10px;}
.eszlwcf-product-button a {display: inline-flex; align-items: center;}
.eszlwcf-product-button a svg, .eszlwcf-product-button a i { font-size: 16px; width: 16px; height: 16px; display: inline-block; vertical-align: text-top; margin-left: 7px;}
.eszlwcf-product-price del {font-size: 90%; margin-right: 5px;}
.eszlwcf-product-price ins {text-decoration: none}
.eszlwcf-product-price { display: inline-block; margin-right: 10px;}
.eszlwcf-product-button { position: relative; display: inline-block; vertical-align: top; transition: all 400ms ease-in-out}
.eszlwcf-product-button a { transition: width 700ms ease-out;}
.eszlwcf-product-meta { display: flex; justify-content: space-between; align-items: center;} .eszlwcf-filter-form {overflow: hidden; display: flex; flex-wrap: wrap;}
.eszlwcf-filter-form > * {width: 100%;}
.eszlwcf-field-box { margin-right: 10px;}
.eszlwcf-extra-filter-frame {margin-bottom: 30px;}
.eszlwcf-sorting-block {text-align: right;}
.eszlwcf-section select {width: auto; display: inline-block;}
.eszlwcf-field-box select {width: 100%;}
.eszlwcf-filter-block,
.eszlwcf-filter-frame {overflow: hidden;}
.eszlwcf-filter-block-heading {margin: 0 auto;}
.eszlwcf-filter-filed-range input[type="range"] {position: absolute;}
.eszwcf-disable-field > *,
.eszwcf-disable-field {cursor: not-allowed;}
.eszwcf-disable-field { opacity: 0.7;}
.eszlwcf-field-type-image .eszlwcf-field-box {margin-right: 0;}
.eszlwcf-field-type-image label,
.eszlwcf-field-type-color label,
.eszlwcf-field-type-image .eszlwcf-field-box,
.eszlwcf-field-type-color .eszlwcf-field-box {display: flex; align-items: center;}
.eszlwcf-field-type-image label,
.eszlwcf-field-type-color label {margin: 5px 5px 5px 0; }
.eszlwcf-field-type-image label img { max-height: 40px; object-fit: contain; display: inline-block; width: 70px; height: 50px;}
.eszlwcf-field-type-color label span {min-width: 40px; min-height: 40px; border-radius: 30px; line-height: 38px; padding: 0 15px; display: inline-block; margin-right: 5px; transition: all 400ms ease-in-out;}
.eszlwcf-field-type-color input:checked + label span {box-shadow: 0 0 3px #111}
.eszlwcf-filter-filed-wrapper {flex-wrap: wrap;}
.eszlwcf-field-type-image .eszlwcf-filter-filed-wrapper label {box-sizing: border-box; border: 1px solid transparent; position: relative;}
.eszlwcf-field-type-image .eszlwcf-filter-filed-wrapper {display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 10px; grid-row-gap: 10px;}
.eszlwcf-field-type-image .eszlwcf-filter-filed-wrapper input:checked + label img { border: 1px solid #e5e5e5; box-shadow: 0 0 5px #1113}
.eszlwcf-filter-filed-wrapper .eszlwcf-price-range {width: calc(100% - 30px); margin: 10px auto; border: none; height: 10px; background: #e2e8f0;}
.eszlwcf-filter-filed-wrapper .eszlwcf-price-range .ui-slider-handle {border-radius: 50%; box-shadow: 0 0 5px #1115; border: none; height: 20px; width: 20px; outline: none;}
.eszlwcf-filter-filed-wrapper .eszlwcf-price-range .ui-slider-range {background: #dd3233;}
.eszlwcf-load-button-hide {display: none;}
.eszlwcf-field-type-button input,
.eszlwcf-field-type-ratings input,
.eszlwcf-field-type-radio input,
.eszlwcf-field-type-checkbox input,
.eszlwcf-field-type-image input,
.eszlwcf-field-type-color input { -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.eszlwcf-field-type-ratings .eszlwcf-field-box,
.eszlwcf-field-type-radio .eszlwcf-field-box,
.eszlwcf-field-type-checkbox .eszlwcf-field-box { display: flex; align-items: center;}
.eszlwcf-field-type-ratings label:not(:last-child) {margin-right: 5px;}
.eszlwcf-field-type-image .not-image label,
.eszlwcf-field-type-color .not-color label,
.eszlwcf-field-type-radio label,
.eszlwcf-field-type-checkbox label {position: relative; padding-left: 26px; display: flex; align-items: center; line-height: 22px;}
.eszlwcf-field-type-image .not-image label::after,
.eszlwcf-field-type-image .not-image label::before,
.eszlwcf-field-type-color .not-color label::after,
.eszlwcf-field-type-color .not-color label::before,
.eszlwcf-field-type-radio label::after,
.eszlwcf-field-type-radio label::before,
.eszlwcf-field-type-checkbox label::before,
.eszlwcf-field-type-checkbox label::after { content: ""; display: block; position: absolute;}
.eszlwcf-field-type-image .not-image label::before,
.eszlwcf-field-type-color .not-color label::before,
.eszlwcf-field-type-radio label::before,
.eszlwcf-field-type-checkbox label::before { width: 14px; height: 14px; border: 2px solid #445dc8; box-sizing: content-box; border-radius: 4px;left: 0; top: 2px;}
.eszlwcf-field-type-image .not-image label::after,
.eszlwcf-field-type-color .not-color label::after,
.eszlwcf-field-type-checkbox label::after { width: 4px; height: 8px; border: 2px solid #445dc8; border-top: 0; border-left: 0; transform: rotate(45deg); box-sizing: content-box; opacity: 0; left: 6px; top: 5px;}
.eszlwcf-field-type-radio label::before {border-radius: 50%;}
.eszlwcf-field-type-image .not-image input:checked + label::after,
.eszlwcf-field-type-color .not-color input:checked + label::after,
.eszlwcf-field-type-radio input:checked + label::after,
.eszlwcf-field-type-checkbox input:checked + label::after {opacity: 1;}
.eszlwcf-field-type-radio label::after { opacity: 0; left: 5px; top: 7px; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #445dc8; box-sizing: content-box;}
.eszlwcf-field-type-ratings label i {opacity: 0.7;}
.eszlwcf-field-type-ratings input:hover ~ label i,
.eszlwcf-field-type-ratings input:checked ~ label i {opacity: 1;}
.eszlwcf-load-more .eszlwcf-load-button-hide { display: none;}
.eszlwcf-not-found-section { width: 100%; text-align: center; grid-column-start: 1; grid-column-end: 6;}
.eszlwcf-field-type-button .eszlwcf-field-box {display: flex;}
.eszlwcf-field-type-button .eszlwcf-field-box label { padding: 5px 15px; border: 1px solid #e5e5e5; width: auto; display: inline-block; vertical-align: top; } .eszlwcf-loader { position: absolute; z-index: 9; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #fff8; align-items: center; justify-content: center; display: none;}
.eszlwcf-loader.active {display: flex;}
.eszlwcf-loader img {max-width: 250px;}
.eszlwcf-clear { display: inline-block; vertical-align: text-top; transition: all 400ms ease-in-out;}
.elementor-editor-active .eszlwcf-clear.eszlwcf-clear-editor {display: inline-block;}
.eszlwcf-clear.eszlwcf-clear-editor {display: none;}
.eszlwcf-clear i { margin-left: 2px; font-size: 22px; line-height: 17px; height: 10px; display: inline-block; font-weight: 600; } .eszwcf-quick-view { position: absolute; z-index: 1; top: 10px; padding: 5px 10px; background: #111; color: #fff; right: 0; transition: all 400ms ease-in-out; cursor: pointer;}
.esz-product-modal-frame { position: unset; left: 0; right: 0; top: 0; bottom: 0; background: #1115; z-index: 999; display: none;}
.esz-product-modal-frame.active {position: fixed; display: block;}
.esz-product-modal-container {position: relative; max-width: 900px; height: 0; background: #fff; transition: transform 0.4s ease-in-out; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.esz-product-modal-frame.active .esz-product-modal-container {width: 100%; height: auto; max-height: 700px;}
.esz-modal-close { border-radius: 50%; background: #e5e5e5; line-height: 29px; width: 32px; text-align: center; display: inline-block; height: 32px; position: absolute; top: 10px; right: 10px; cursor: pointer; z-index: 1;}
.esz-product-modal-inner-wrapper { padding: 30px; height: 100%;}
.esz-product-modal { display: none; flex-wrap: wrap; height: 100%;}
.esz-product-modal-frame.active .esz-product-modal {display: flex;}
.esz-product-modal .esz-product-modal-column { flex: 0 0 auto; display: flex; flex-wrap: wrap; height: 100%}
.esz-product-modal .esz-product-modal-column.esz-product-modal-left {width: 50%;}
.esz-product-modal .esz-product-modal-column.esz-product-modal-right {width: 50%; display: block;padding-left: 30px;}
.esz-product-modal .esz-product-modal-column > * {width: 100%; margin-bottom: 15px;}
.esz-product-modal .esz-product-modal-column .esz-product-modal-thumb-gallery {margin-bottom: 0;}
.esz-product-modal .esz-product-modal-thumbnail img {height: 100%; object-fit: contain; display: inline-block; vertical-align: top;}
.esz-product-modal .esz-product-modal-image-slider {height: calc(100% - 100px); max-width: 100%; display: flex;}
.esz-product-modal .esz-product-modal-thumb-gallery {display: flex; flex-wrap: wrap; align-items: flex-start; height: 100%;}
.esz-product-modal .esz-product-modal-thumb-slider {height: 80px; max-width: 100%; display: flex; margin-top: 5px;}
.esz-product-modal .esz-product-modal-thumb-slider .slick-list .slick-track {height: 100%;}
.esz-product-modal .esz-product-modal-thumb-slider .slick-slide {padding: 5px; display: flex; align-items: center; justify-content: center; transition: all 400ms ease-in-out;}
.esz-product-modal .esz-product-modal-thumb-slider img {max-height: 100%; width: 100%; object-fit: cover; box-shadow: 0 0 3px #1113;}
.esz-product-modal .esz-product-modal-thumb-slider .slick-current img {box-shadow: 0 0 5px #1115;}
.esz-product-modal .slick-arrow { font-size: 0; width: 30px; height: 30px; border: none; border-radius: 50%; padding: 0; box-sizing: border-box; outline: none; display: inline-block; flex: 0 0 auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 1; background: #fff;}
.esz-product-modal .slick-arrow.slick-next {left: auto;}
.esz-product-modal .slick-arrow.slick-prev {right: auto;}
.esz-product-modal .slick-arrow::before {content: ''; position: absolute; text-align: center; font-family: "Font Awesome 5 Free"; font-weight: 900; left: 0; right: 0; top: 0; bottom: 0; margin: auto; font-size: 16px; line-height: 30px; color: #111; width: 30px; height: 30px;}
.esz-product-modal .slick-arrow.slick-prev::before {content: "\f053"; right: 2px;}
.esz-product-modal .slick-arrow.slick-next::before {content: "\f054"; left: 2px;}
.esz-product-modal .esz-modal-product-cart.simple form {}
.esz-modal-product-cart-button a { display: inline-block;}
.esz-modal-product-meta label { min-width: 100px; font-weight: 500;}
.esz-modal-product-meta { border-top: 1px solid #eee; margin-top: 25px; padding-top: 25px;} .elementor-widget-eszlwcf-product-filter .eszlwcf-section a {text-decoration: none; transition: all 400ms ease-in-out;}
.elementor-widget-eszlwcf-product-filter .eszlwcf-section select {outline: none; border-style: solid;}
.eszlwcf-load-more a {display: inline-block;}
.eszlwcf-load-more {transition: all 400ms ease-in-out;}
.eszlwcf-filters-open-button-container {margin-bottom: 15px;}
.eszlwcf-section ins {text-decoration: none;}
@media (min-width: 768px) {
.eszlwcf-product-filter-list-left .eszlwcf-section { flex-direction: row; }
.eszlwcf-product-filter-list-right .eszlwcf-section { flex-direction: row-reverse; }
.eszlwcf-filters-open-button-container,
.eszlwcf-widget-close-container {display: none;}
}
@media (min-width: 1025px) {
.eszwcf-quick-view {right: -40px;}
.eszlwcf-product:hover .eszwcf-quick-view {right: 0;}
}
@media (max-width: 1024px) {
.eszlwcf-filter-form { display: grid; }
}
@media (max-width: 992px) {
.esz-product-modal-container {max-width: calc(100% - 60px);}
}
@media (max-width: 767px) {
.esz-product-modal-container {max-width: calc(100% - 30px);}
.eszlwcf-section {display: block;}
.eszlwcf-filter-form { max-height: calc(100% - 87px);overflow: scroll; position: relative; }
.eszlwcf-filter-frame { position: fixed; bottom: 0; right: 0; left: 0; top: 15%; z-index: 999999; padding: 0; background-color: #fff; margin: 0; box-sizing: border-box; border-radius: 7px 7px 0 0; transition: transform .25s ease; transform: translate3d(0, 120%, 0); -webkit-overflow-scrolling: touch; height: auto; }
.eszlwcf-filter-frame.filter-open { transform: translate3d(0, 0, 0); }
.eszlwcf-filters-open-widget {display: inline-block; text-align: left; border: 1px solid #2c2d33; border-radius: 2px; line-height: 1.5; padding: 7px 12px 7px 12px; background-color: transparent; color: #2c2d33; box-sizing: border-box; text-decoration: none !important; font-weight: 400; transition: none; position: relative;}
.eszlwcf-filters-open-widget .eszlwcf-button-inner { display: flex; align-items: center; }
.eszlwcf-filters-open-widget .eszlwcf-icon-html-wrapper { position: relative; margin-right: 10px; top: 2px;}
.eszlwcf-filters-open-widget .eszlwcf-icon-html-wrapper span[class^="eszlwcf-icon-line"] { display: block; height: 1px; width: 18px; border-radius: 3px; background: #2c2d33; margin-bottom: 4px; position: relative;}
.eszlwcf-filters-open-widget .eszlwcf-icon-html-wrapper span[class^="eszlwcf-icon-line"]::after {content: ""; display: block; width: 3px; height: 3px; border: 1px solid #2c2d33; border-radius: 50%; background-color: #fff; position: absolute; top: -2px; box-sizing: content-box;}
.eszlwcf-filters-open-widget .eszlwcf-icon-line-1::after {left: 5px; }
.eszlwcf-filters-open-widget .eszlwcf-icon-line-2::after {left: 12px;}
.eszlwcf-filters-open-widget .eszlwcf-icon-line-3::after {left: 2px; }
.eszlwcf-widget-close-container { width: 100%; position: relative; display: flex; align-items: center; border-bottom: 1px solid #e5e5e5; margin-bottom: 30px;}
.eszlwcf-widget-close-container .eszlwcf-widget-close-icon {width: 56px}
.eszlwcf-widget-close-container .wpc-widget-popup-title {width: calc(100% - 56px); padding-right: 56px; text-align: center;}
.eszlwcf-widget-close-container .eszlwcf-widget-close-icon { display: flex; width: 56px; height: 56px; margin: 0; align-items: center; justify-content: center; position: relative; z-index: 10; }
.eszlwcf-widget-close-container .eszlwcf-widget-close-icon i {background-color: #f1f1f1; width: 35px; height: 35px; border-radius: 50%; display: inline-block; text-align: center; font-size: 24px; line-height: 28px; cursor: pointer; color: #111;}
}
@media (max-width: 600px) {
.esz-product-modal .esz-product-modal-column.esz-product-modal-right,
.esz-product-modal .esz-product-modal-column.esz-product-modal-left {width: 100%;}
.esz-product-modal .esz-product-modal-column.esz-product-modal-left {margin-bottom: 15px;}
.esz-product-modal-frame.active .esz-product-modal-container {max-height: unset;}
}