.elementor-1700 .elementor-element.elementor-element-58ce263{--display:flex;--min-height:300px;--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;--justify-content:space-between;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1700 .elementor-element.elementor-element-58ce263:not(.elementor-motion-effects-element-type-background), .elementor-1700 .elementor-element.elementor-element-58ce263 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-1700 .elementor-element.elementor-element-53d3058{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--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-1700 .elementor-element.elementor-element-fa597a2{--display:flex;--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-1700 .elementor-element.elementor-element-79416aa .elementor-heading-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;}.elementor-1700 .elementor-element.elementor-element-aa1a875{--display:flex;--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-1700 .elementor-element.elementor-element-19ba054 .elementor-heading-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;}.elementor-1700 .elementor-element.elementor-element-f93b0b7{--display:flex;--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-1700 .elementor-element.elementor-element-648f9a8 .elementor-heading-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;}.elementor-1700 .elementor-element.elementor-element-2cede9d{--display:flex;--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-1700 .elementor-element.elementor-element-5898e41 .elementor-heading-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;}.elementor-1700 .elementor-element.elementor-element-bkc0011{--display:flex;--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-1700 .elementor-element.elementor-element-bkc0012 .elementor-heading-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;}.elementor-1700 .elementor-element.elementor-element-bkc0021{--display:flex;--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-1700 .elementor-element.elementor-element-bkc0022 .elementor-heading-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;}.elementor-1700 .elementor-element.elementor-element-243dd53{--display:flex;--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-1700 .elementor-element.elementor-element-9dbf8e5 .elementor-heading-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;}.elementor-1700 .elementor-element.elementor-element-08e934f{--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:center;--align-items:center;--gap:45px 45px;--row-gap:45px;--column-gap:45px;--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-1700 .elementor-element.elementor-element-90d9449 .elementor-button{background-color:#02010100;fill:#000000;color:#000000;border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}#elementor-popup-modal-1700 .dialog-widget-content{animation-duration:0.3s;border-style:none;border-radius:0px 0px 0px 0px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-1700{background-color:rgba(0,0,0,.8);justify-content:center;align-items:flex-end;pointer-events:all;}#elementor-popup-modal-1700 .dialog-message{width:100vw;height:300px;align-items:flex-start;}#elementor-popup-modal-1700 .dialog-close-button{display:flex;}@media(max-width:1024px){.elementor-1700 .elementor-element.elementor-element-58ce263{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1700 .elementor-element.elementor-element-53d3058{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-1700 .elementor-element.elementor-element-58ce263{--min-height:50vh;}.elementor-1700 .elementor-element.elementor-element-53d3058{--e-con-grid-template-columns:repeat(1, 1fr);--gap:15px 15px;--row-gap:15px;--column-gap:15px;--grid-auto-flow:row;}#elementor-popup-modal-1700 .dialog-message{height:50vh;}#elementor-popup-modal-1700 .dialog-close-button{top:18px;}}/* Start custom CSS *//* Filter Popup (template 1700) — instance custom CSS, synced into
   _elementor_page_settings[custom_css]. Companion JS: the shop-filter-bar
   widget script (inc/elementor-widgets/assets/shop-filter-bar.js) toggles
   .ck-bg-show for the dim fade. */

/* Fade ONLY the dim backdrop, not the content.
   The dim is the modal container's own background (Elementor's overlay_background,
   default rgba(0,0,0,.8)). Fading the container would fade its child content too,
   so instead we move the dim onto a ::before layer and fade that. The content
   (.dialog-widget-content) keeps Elementor's slide in/out untouched. */
#elementor-popup-modal-1700.dialog-type-lightbox {
  background-color: transparent !important; /* drop the dim off the container */
}
#elementor-popup-modal-1700.dialog-type-lightbox::before {
  content: "";
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 0;
}
#elementor-popup-modal-1700.dialog-type-lightbox.ck-bg-show::before {
  opacity: 1;
}
/* keep the content above the backdrop layer */
#elementor-popup-modal-1700 .dialog-widget-content {
  position: relative;
  z-index: 1;
}

/* Ensure popup facets are always visible with proper contrast */
#elementor-popup-modal-1700 .facetwp-facet {
  color: #000 !important;
  visibility: visible !important;
  opacity: 1 !important;
  display: block !important;
}
#elementor-popup-modal-1700 .facetwp-checkbox,
#elementor-popup-modal-1700 .facetwp-radio {
  color: #000 !important;
  visibility: visible !important;
}

/* Only the facet list scrolls; the Reset/Apply row is a separate, always-visible
   footer. The blocker was post-1700.css (Elementor's generated popup CSS), which
   hard-sets `height:50vh/300px` on .dialog-message AND `min-height:50vh/300px`
   on the content root 58ce263 — a fixed box with forced filler, so it always
   overflowed (scroll) with empty space. Those need to be overridden with
   `height:auto`/`min-height:0 !important` (max-height alone can't beat a
   `height`). Then a plain flex column does the rest: the body sizes to content
   up to 85vh, the facet list is the ONLY scroller, and the button row sits
   below it, never part of the scroll. */
#elementor-popup-modal-1700 .dialog-message {
  height: auto !important; /* beat post-1700.css height:50vh/300px */
  max-height: 85vh !important;
  max-height: 85dvh !important;
  overflow: hidden !important; /* the facet list scrolls, not the body */
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
#elementor-popup-modal-1700 .elementor-location-popup,
#elementor-popup-modal-1700 .elementor-element-58ce263,
#elementor-popup-modal-1700 .elementor-element-58ce263 > .e-con-inner {
  min-height: 0 !important; /* beat post-1700.css min-height:50vh/300px filler */
  flex: 1 1 auto !important;
  /* display:flex MUST be !important — .elementor-location-popup is forced to
     display:block by Elementor, which broke the flex chain. And flex-wrap MUST
     be nowrap: Elementor containers default to flex-wrap:wrap, so a column flex
     whose facets overflow would WRAP the button row into a second column (it
     appeared pinned to the top, overlapping the facets — the "no buttons" bug). */
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
}
#elementor-popup-modal-1700 .elementor-element-53d3058 {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto; /* ONLY the facet list scrolls */
}
#elementor-popup-modal-1700 .elementor-element-08e934f {
  flex: 0 0 auto; /* Reset/Apply footer, outside the scroll */
  background: #fafafa;
  padding-top: 12px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
/* The page scroll lock for this popup (body.ck-popup-open) lives with the code
   that toggles it — the shop filter bar widget's own CSS/JS in
   inc/elementor-widgets/assets/shop-filter-bar.{css,js} — not here, so it also
   covers the Sort popup (4496) and doesn't depend on this template's CSS being
   enqueued. */

/* "Apply" (the relabelled Close button) is the primary action — brand button
   fill so it reads as the CTA next to the text "Reset". */
#elementor-popup-modal-1700 .ckfb-apply-trigger .elementor-button {
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 12px 28px;
  border-radius: 0;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: background 0.15s ease;
}
#elementor-popup-modal-1700 .ckfb-apply-trigger .elementor-button:hover {
  background: rgba(0, 0, 0, 0.85);
  color: #fff;
}
/* Reset link sits next to Apply in the popup's button row — match its 12px. */
#elementor-popup-modal-1700 a.facetwp-reset {
  font-size: 12px;
}/* End custom CSS */