.elementor-4609 .elementor-element.elementor-element-15aa2a1{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:50px;--padding-left:40px;--padding-right:40px;}.elementor-4609 .elementor-element.elementor-element-15aa2a1:not(.elementor-motion-effects-element-type-background), .elementor-4609 .elementor-element.elementor-element-15aa2a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#161616;}.elementor-4609 .elementor-element.elementor-element-15aa2a1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4609 .elementor-element.elementor-element-3631a85{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4609 .elementor-element.elementor-element-2c66504{width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;text-align:start;}.elementor-4609 .elementor-element.elementor-element-2c66504.elementor-element{--align-self:flex-start;}.elementor-4609 .elementor-element.elementor-element-2c66504 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:12px;font-weight:800;text-transform:uppercase;color:var( --e-global-color-accent );}.elementor-4609 .elementor-element.elementor-element-1defa34{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-4609 .elementor-element.elementor-element-1defa34 .elementor-heading-title{font-family:"Military Font X", Sans-serif;font-size:32px;font-weight:300;text-transform:uppercase;color:var( --e-global-color-text );}.elementor-4609 .elementor-element.elementor-element-102a6b2{padding:0px 0px 15px 0px;text-align:start;}.elementor-4609 .elementor-element.elementor-element-102a6b2.elementor-element{--align-self:flex-start;}.elementor-4609 .elementor-element.elementor-element-102a6b2 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:500;color:var( --e-global-color-text );}.elementor-4609 .elementor-element.elementor-element-f55b2f5{--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;--gap:60px 60px;--row-gap:60px;--column-gap:60px;}.elementor-4609 .elementor-element.elementor-element-58525ae{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4609 .elementor-element.elementor-element-e894a6d > .elementor-widget-container{border-style:solid;border-width:0px 0px 1px 0px;border-color:#2C2C2C;}.elementor-4609 .elementor-element.elementor-element-8a27da3 > .elementor-widget-container{border-style:solid;border-width:0px 0px 1px 0px;border-color:#2C2C2C;}.elementor-4609 .elementor-element.elementor-element-1fc2a13 > .elementor-widget-container{border-style:solid;border-width:0px 0px 1px 0px;border-color:#2C2C2C;}.elementor-4609 .elementor-element.elementor-element-1af97fb{--display:flex;}.elementor-4609 .elementor-element.elementor-element-665edfb > .elementor-widget-container{border-style:solid;border-width:0px 0px 1px 0px;border-color:#2C2C2C;}.elementor-4609 .elementor-element.elementor-element-fd972b1 > .elementor-widget-container{border-style:solid;border-width:0px 0px 1px 0px;border-color:#2C2C2C;}.elementor-4609 .elementor-element.elementor-element-5d4491d > .elementor-widget-container{border-style:solid;border-width:0px 0px 1px 0px;border-color:#2C2C2C;}.elementor-4609 .elementor-element.elementor-element-5ab2d9d{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#FFFFFF;--n-accordion-title-hover-color:var( --e-global-color-accent );--n-accordion-title-active-color:var( --e-global-color-accent );--n-accordion-icon-size:15px;--n-accordion-icon-normal-color:#FFFFFF;--n-accordion-icon-hover-color:var( --e-global-color-accent );--n-accordion-icon-active-color:var( --e-global-color-accent );}.elementor-4609 .elementor-element.elementor-element-5ab2d9d > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}:where( .elementor-4609 .elementor-element.elementor-element-5ab2d9d > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Military Font X", Sans-serif;font-weight:500;text-transform:uppercase;}:where( .elementor-4609 .elementor-element.elementor-element-5ab2d9d > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-4609 .elementor-element.elementor-element-082462d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-weight:var( --e-global-typography-accent-font-weight );}.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 );}.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 );}.elementor-4609 .elementor-element.elementor-element-f125922{--grid-columns:3;--grid-row-gap:10px;--load-more-spinner-color:var( --e-global-color-astglobalcolor0 );--grid-column-gap:10px;}@media(min-width:768px){.elementor-4609 .elementor-element.elementor-element-58525ae{--width:20%;}.elementor-4609 .elementor-element.elementor-element-082462d{--width:80%;}}@media(max-width:1024px){.elementor-4609 .elementor-element.elementor-element-3631a85{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-4609 .elementor-element.elementor-element-2c66504{width:100%;max-width:100%;}.elementor-4609 .elementor-element.elementor-element-1defa34 .elementor-heading-title{font-size:30px;}.elementor-4609 .elementor-element.elementor-element-f55b2f5{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-4609 .elementor-element.elementor-element-f125922{--grid-columns:2;}}@media(max-width:767px){.elementor-4609 .elementor-element.elementor-element-15aa2a1{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:130px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-4609 .elementor-element.elementor-element-3631a85{--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-4609 .elementor-element.elementor-element-f55b2f5{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4609 .elementor-element.elementor-element-1af97fb{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4609 .elementor-element.elementor-element-5ab2d9d{padding:0px 15px 0px 15px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-distance-from-content:10px;}.elementor-4609 .elementor-element.elementor-element-5ab2d9d {--n-accordion-padding:0px 0px 10px 0px;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-4609 .elementor-element.elementor-element-f125922{--grid-columns:2;--grid-row-gap:5px;--grid-column-gap:5px;}}/* Start custom CSS for container, class: .elementor-element-3631a85 */.woocommerce-js h2 {
    margin-bottom:0px!important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-58525ae *//* ==========================================================================
   Search & Filter Pro — Dark Accordion Theme (no CSS variables)
   Matches the reference screenshots: uppercase mono labels, thin dividers,
   rotating chevrons, and minimal square checkboxes.

   Colour key, in case you want to find/replace:
     #141414  background
     #ffffff  main text / accent (checked boxes, button)
     #9a9a9a  dimmed text (result counts)
     #2c2c2c  divider lines
     #e2542d  optional highlight (e.g. "Discount")
   ========================================================================== */

/* --- Wrapper / base colours ---------------------------------------------- */
.search-filter-base,
.search-filter-field {
  color: #ffffff;
  font-family: "Military Font X", Sans-serif;
}

/* --- Each filter block (Sort, Size, Fit, Gender, etc.) -------------------- */
.search-filter-field {
  border-bottom: 0px solid #2c2c2c;
  padding: 0;
}

/* --- Clickable header row: label + chevron -------------------------------- */
.search-filter-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 10px 0px 20px 0px;
  margin: 0;
  cursor: pointer;
  user-select: none;

  font-size: 12px;
  font-weight: 300;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #ffffff;
}

/* Optional: highlight a specific field like "Discount" in the screenshot.
   Give that field's wrapper a class (e.g. via Elementor's "CSS classes"
   option) called sf-highlight, then this will color it. */
.sf-highlight .search-filter-label {
  color: #e2542d;
}

/* Rotate chevron when the section is expanded */
.search-filter-label[aria-expanded="true"] .search-filter-label__toggle-icon {
  transform: rotate(180deg);
}

/* --- Collapsible body ------------------------------------------------------ */
.search-filter-field__input {
  overflow: scroll;
  max-height: 200px;
  opacity: 1;
  transition: max-height 0.3s ease, opacity 0.2s ease, padding 0.2s ease;
  padding-bottom: 14px;
}

.search-filter-field__input--hidden {
  max-height: 0;
  opacity: 0;
  padding-bottom: 0;
  pointer-events: none;
}

/* Remove default fieldset/legend chrome — no padding, margin, or border
   anywhere on this wrapper, at any nesting level */
.search-filter-input-group,
fieldset.search-filter-input-group,
.search-filter-input-checkbox .search-filter-input-group {
  border: none;
  margin: 0;
  padding: 0;
}

/* ==========================================================================
   Checkbox list items (Size, Category, and the Sort listbox variant)
   ========================================================================== */

.search-filter-input-checkbox {  padding: 0 !important;  margin: 0 0 0px 0 !important;  border: none !important;} .search-filter-input-checkbox__container {  padding: 0 !important;  margin: 0 0 12px 0 !important;  border: none !important;}

.search-filter-input-checkbox:last-child {
  margin-bottom: 0 !important;
}

.search-filter-input-checkbox__container {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
  border: none;
  cursor: pointer;
}

/* Hide the native checkbox but keep it accessible */
.search-filter-input-checkbox__input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}

/* Custom square checkbox control — the only border in this row should be
   this one, drawing the checkbox itself */
.search-filter-input-checkbox__control {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin: 0;
  border: 1.5px solid #6b6b6b;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}

.search-filter-input-checkbox__control svg {
  width: 12px;
  height: 12px;
  opacity: 0;
  transform: scale(0.6);
  transition: opacity 0.15s ease, transform 0.15s ease;
  fill: #fff!important;
  stroke: #141414;
  stroke-width: 3;
  border: none;
}

/* Checked state */
.search-filter-input-checkbox__input:checked
  + .search-filter-input-checkbox__container
  .search-filter-input-checkbox__control {
  background-color: #ffffff;
  border-color: #ffffff;
}

.search-filter-input-checkbox__input:checked
  + .search-filter-input-checkbox__container
  .search-filter-input-checkbox__control
  svg {
  opacity: 1;
  transform: scale(1);
}

/* Focus state for keyboard users */
.search-filter-input-checkbox__input:focus-visible
  + .search-filter-input-checkbox__container
  .search-filter-input-checkbox__control {
  outline: 2px solid #ffffff;
  outline-offset: 2px;
}

/* Label text next to the checkbox — no border, minimal left space */
.search-filter-input-checkbox__label {
  font-family: "Arial", Sans-serif;
  font-size: 14px;
  letter-spacing: normal;
  text-transform: none;
  color: #ffffff;
  border: none;
  padding: 0;
  margin: 0;
}

/* Selected label gets bold weight, like "Relevance" in the second screenshot */
.search-filter-input-checkbox__input:checked
  + .search-filter-input-checkbox__container
  .search-filter-input-checkbox__label {
  font-weight: 600;
}

/* Result count e.g. "(46)" */
.search-filter-input-checkbox__count {
  margin-left: 4px;
  color: #9a9a9a;
  font-family: "Arial", Sans-serif;
}

/* ==========================================================================
   Sort combobox — the search/select-style box, plus its dropdown panel
   ========================================================================== */

.search-filter-component-combobox-base {
  background: transparent;
  position: relative;
  width: 100%;
}

/* The visible closed box itself */
.search-filter-component-combobox__header {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 44px;
  background-color: #1e1e1e !important;
  border: 1px solid #2c2c2c !important;
  border-radius: 4px;
  transition: border-color 0.15s ease;
}

/* Nice subtle lift on interaction so it reads as "clickable" */
.search-filter-component-combobox-base:hover .search-filter-component-combobox__header,
.search-filter-component-combobox__header:focus-within {
  border-color: #6b6b6b !important;
}

.search-filter-component-combobox__actions {
  display: flex;
  align-items: center;
  width: 100%;
}

/* Text input inside the box — same font as the checkbox labels elsewhere */
.search-filter-component-combobox__actions-input {
  flex: 1 1 auto;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  color: #ffffff;
  font-family: "Arial", Sans-serif;
  font-size: 14px;
  letter-spacing: normal;
  text-transform: none;
  padding: 12px 14px;
}

.search-filter-component-combobox__actions-input::placeholder {
  color: #9a9a9a;
}

/* Vertical divider line before the chevron */
.search-filter-component-combobox__input-divider {
  width: 1px;
  height: 20px;
  background-color: #2c2c2c;
  flex: 0 0 auto;
}

/* Chevron toggle button on the right of the box */
.search-filter-component-combobox__listbox-toggle {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 44px;
  color: #ffffff;
}

/* Selected-item chips / clear button, if shown */
.search-filter-component-combobox__selection {
  color: #ffffff;
  font-family: "Arial", Sans-serif;
  font-size: 14px;
}

.search-filter-component-combobox__clear-button {
  color: #9a9a9a;
}

/* --- The dropdown panel that opens below the box ------------------------- */
.search-filter-component-combobox__listbox {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 6px);
  z-index: 20;
  background-color: #1e1e1e;
  border: 1px solid #2c2c2c;
  border-radius: 4px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
  padding: 6px;
  max-height: 260px;
  overflow-y: auto;
}

/* Each option row — font matches .search-filter-input-checkbox__label
   exactly, per your request */
.search-filter-component-combobox__listbox [role="option"] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 8px;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  font-family: "Arial", Sans-serif;
  font-size: 14px;
  letter-spacing: normal;
  text-transform: none;
  color: #ffffff;
  transition: background-color 0.15s ease;
}

.search-filter-component-combobox__listbox [role="option"]:hover {
  background-color: #2a2a2a;
}

.search-filter-component-combobox__listbox [role="option"]::before {
  content: "";
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  border: 1.5px solid #6b6b6b;
  border-radius: 4px;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}

.search-filter-component-combobox__listbox [role="option"][aria-selected="true"]::before {
  background-color: #ffffff;
  border-color: #ffffff;
  /* swap in a checkmark background-image or an inline SVG mask here if needed */
}

.search-filter-component-combobox__listbox [role="option"][aria-selected="true"] {
  font-weight: 600;
}

/* ==========================================================================
   Reset Filters button
   ========================================================================== */

.search-filter-input-button {
  display: block;
  width: 100%;
  margin-top: 24px;
  padding: 16px;
  background-color: #ffffff;
  color: #111111;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 2px;
  font-family: "Military Font X", Sans-serif;
  font-size: 13px;
  letter-spacing: 1px;
  font-weight: 300;
  text-transform: uppercase;
  cursor: pointer;
  transition: opacity 0.15s ease;
}

.search-filter-input-button:hover,
.search-filter-input-button:focus {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.search-filter-input-button:hover {
  opacity: 0.85;
}

.search-filter-icon__svg {    fill: #fff!important;    color: #fff!important;    width:18px!important;}/* End custom CSS */