.elementor-13101 .elementor-element.elementor-element-45ae036{--display:flex;--justify-content:flex-start;--padding-top:55px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-13101 .elementor-element.elementor-element-7de9297{--display:flex;}.elementor-13101 .elementor-element.elementor-element-7062687{--display:flex;--margin-top:0px;--margin-bottom:36px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-13101 .elementor-element.elementor-element-6bd22f8 .elementor-heading-title{color:var( --e-global-color-secondary );}.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 );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-13101 .elementor-element.elementor-element-1004f6c{--display:flex;--margin-top:0px;--margin-bottom:24px;--margin-left:0px;--margin-right:0px;}.elementor-13101 .elementor-element.elementor-element-a94bc8a{--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:36px 36px;--row-gap:36px;--column-gap:36px;}.elementor-13101 .elementor-element.elementor-element-f0d7bd6{--display:flex;}.elementor-13101 .elementor-element.elementor-element-ad07ad2{--display:flex;}.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-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-weight:var( --e-global-typography-secondary-font-weight );}.elementor-13101 .elementor-element.elementor-element-da8b199{--grid-columns:3;}.elementor-13101 .elementor-element.elementor-element-da8b199 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-13101 .elementor-element.elementor-element-da8b199 .e-loop-item > .elementor-section, .elementor-13101 .elementor-element.elementor-element-da8b199 .e-loop-item > .elementor-section > .elementor-container, .elementor-13101 .elementor-element.elementor-element-da8b199 .e-loop-item > .e-con, .elementor-13101 .elementor-element.elementor-element-da8b199 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-13101 .elementor-element.elementor-element-da8b199 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-13101 .elementor-element.elementor-element-da8b199 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-13101 .elementor-element.elementor-element-da8b199 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-13101 .elementor-element.elementor-element-da8b199 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-13101 .elementor-element.elementor-element-da8b199 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(min-width:768px){.elementor-13101 .elementor-element.elementor-element-7de9297{--content-width:1320px;}.elementor-13101 .elementor-element.elementor-element-f0d7bd6{--width:270px;}}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-13101 .elementor-element.elementor-element-da8b199{--grid-columns:2;}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-13101 .elementor-element.elementor-element-da8b199{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-45ae036 *//* =========================================================
   SWAT ENGINEERING
   PRODUCT CATALOGUE PAGE
   FINAL CLEAN CSS
   ========================================================= */


/* =========================================================
   1. DESIGN TOKENS / ROOT
   ========================================================= */

.elementor-13101 .elementor-element.elementor-element-45ae036 {
  --swat-cat-navy: #0a2342;
  --swat-cat-navy-hover: #12365f;

  --swat-cat-orange: #f15a24;
  --swat-cat-orange-hover: #d94b19;
  --swat-cat-orange-soft: #fff4ef;

  --swat-cat-text: #334155;
  --swat-cat-muted: #64748b;
  --swat-cat-count: #a3adb8;

  --swat-cat-border: #dbe2e8;
  --swat-cat-border-light: #e8edf1;

  --swat-cat-surface: #ffffff;
  --swat-cat-surface-soft: #f8fafc;

  --swat-cat-radius: 8px;

  position: relative;

  width: 100%;

  background: var(--swat-cat-surface);
  color: var(--swat-cat-text);
}


/* =========================================================
   2. PAGE WIDTH
   ========================================================= */

.elementor-13101 .elementor-element.elementor-element-45ae036 .swat-catalogue-page__inner {
  box-sizing: border-box !important;

  width: 100% !important;
  max-width: 1320px !important;

  margin: 0 auto !important;

  padding: 52px 24px 80px !important;
}


/* =========================================================
   3. INTRO
   ========================================================= */

.elementor-13101 .elementor-element.elementor-element-45ae036 .swat-catalogue-page__intro {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;

  width: 100% !important;
  max-width: 920px !important;

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

  gap: 0 !important;
}


/* =========================================================
   4. BREADCRUMBS
   ========================================================= */

.elementor-13101 .elementor-element.elementor-element-45ae036 .swat-catalogue-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;

  gap: 8px;

  margin: 0 0 18px;

  color: var(--swat-cat-muted);

  font-size: 14px;
  line-height: 1.5;
}

.elementor-13101 .elementor-element.elementor-element-45ae036 .swat-catalogue-breadcrumb a {
  color: var(--swat-cat-muted) !important;

  text-decoration: none !important;

  transition: color 0.2s ease;
}

.elementor-13101 .elementor-element.elementor-element-45ae036 .swat-catalogue-breadcrumb a:hover,
.elementor-13101 .elementor-element.elementor-element-45ae036 .swat-catalogue-breadcrumb a:focus-visible {
  color: var(--swat-cat-orange) !important;
}

.elementor-13101 .elementor-element.elementor-element-45ae036 .swat-catalogue-breadcrumb__separator {
  color: #94a3b8;

  font-size: 17px;
  line-height: 1;
}

.elementor-13101 .elementor-element.elementor-element-45ae036 .swat-catalogue-breadcrumb__current {
  color: var(--swat-cat-text);

  font-weight: 500;
}


/* =========================================================
   5. PAGE TITLE
   ========================================================= */

.elementor-13101 .elementor-element.elementor-element-45ae036 .swat-catalogue-page__title {
  margin: 0 0 14px !important;
}

.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue-page__title
.elementor-heading-title {
  margin: 0 !important;

  color: var(--swat-cat-navy) !important;

  font-size: clamp(32px, 3vw, 40px) !important;
  font-weight: 700 !important;

  line-height: 1.12 !important;
  letter-spacing: -0.025em !important;
}


/* =========================================================
   6. INTRO TEXT
   ========================================================= */

.elementor-13101 .elementor-element.elementor-element-45ae036 .swat-catalogue-page__text {
  width: 100% !important;
  max-width: 900px !important;

  margin: 0 !important;
}

.elementor-13101 .elementor-element.elementor-element-45ae036 .swat-catalogue-page__text,
.elementor-13101 .elementor-element.elementor-element-45ae036 .swat-catalogue-page__text p,
.elementor-13101 .elementor-element.elementor-element-45ae036 .swat-catalogue-page__text span {
  color: var(--swat-cat-text) !important;

  font-size: 17px !important;
  line-height: 1.65 !important;
}

.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue-page__text
p:last-child {
  margin-bottom: 0 !important;
}


/* =========================================================
   7. ACTIVE FILTER CHIPS
   ========================================================= */

.elementor-13101 .elementor-element.elementor-element-45ae036 .swat-catalogue__chips {
  width: 100% !important;

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


/*
 * Elementor/plugin widgets can contain empty wrappers,
 * meaning :empty alone is not always enough.
 */

.elementor-13101 .elementor-element.elementor-element-45ae036 .swat-catalogue__chips:empty,
.elementor-13101 .elementor-element.elementor-element-45ae036 .swat-catalogue__chips:not(:has(a)) {
  display: none !important;

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


.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__chips
ul {
  display: flex !important;

  flex-wrap: wrap !important;

  align-items: center !important;

  gap: 8px !important;

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

  list-style: none !important;
}

.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__chips
li {
  margin: 0 !important;
  padding: 0 !important;

  list-style: none !important;
}


/* Individual chip */

.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__chips
a {
  display: inline-flex !important;

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

  gap: 7px !important;

  min-height: 34px !important;

  padding: 7px 13px !important;

  border: 1px solid var(--swat-cat-border) !important;
  border-radius: 999px !important;

  background: var(--swat-cat-surface) !important;

  color: var(--swat-cat-navy) !important;

  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;

  text-decoration: none !important;

  box-shadow: none !important;

  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease !important;
}

.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__chips
a:hover,
.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__chips
a:focus-visible {
  border-color: var(--swat-cat-orange) !important;

  background: var(--swat-cat-orange-soft) !important;

  color: var(--swat-cat-orange-hover) !important;
}


/* Reset All */

.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__chips
ul > li:first-child a {
  border-color: #cbd5e1 !important;

  background: var(--swat-cat-surface-soft) !important;

  color: var(--swat-cat-muted) !important;
}

.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__chips
ul > li:first-child a:hover,
.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__chips
ul > li:first-child a:focus-visible {
  border-color: var(--swat-cat-navy) !important;

  background: var(--swat-cat-navy) !important;

  color: #ffffff !important;
}


/* =========================================================
   8. DESKTOP CATALOGUE LAYOUT
   ========================================================= */

.elementor-13101 .elementor-element.elementor-element-45ae036 .swat-catalogue__layout {
  display: grid !important;

  grid-template-columns: 230px minmax(0, 1fr) !important;

  align-items: start !important;

  gap: 34px !important;

  width: 100% !important;

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


/* =========================================================
   9. DESKTOP FILTER SIDEBAR
   ========================================================= */

.elementor-13101 .elementor-element.elementor-element-45ae036 .swat-catalogue__sidebar {
  box-sizing: border-box !important;

  position: static !important;

  width: 100% !important;
  min-width: 0 !important;

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

  border: 1px solid var(--swat-cat-border) !important;
  border-radius: var(--swat-cat-radius) !important;

  background: var(--swat-cat-surface-soft) !important;

  pointer-events: auto !important;
}


/* =========================================================
   10. FILTER EVERYTHING RESET
   ========================================================= */

.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__sidebar
ul {
  margin: 0 !important;
  padding: 0 !important;

  list-style: none !important;
}

.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__sidebar
li {
  list-style: none !important;
}


/* Prevent site-wide pink/red link styles */

.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__sidebar
a {
  color: var(--swat-cat-navy) !important;

  text-decoration: none !important;

  transition: color 0.2s ease !important;
}

.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__sidebar
a:hover,
.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__sidebar
a:focus-visible {
  color: var(--swat-cat-orange) !important;
}


/* =========================================================
   11. RESULT COUNT
   ========================================================= */

.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__sidebar
.wpc-posts-found,

.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__sidebar
[class*="wpc-posts-found"] {
  display: block !important;

  margin: 0 0 16px !important;

  color: var(--swat-cat-muted) !important;

  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}


/* =========================================================
   12. FILTER GROUPS
   ========================================================= */

.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__sidebar
.wpc-filter {
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__sidebar
.wpc-filter + .wpc-filter {
  margin-top: 18px !important;
  padding-top: 18px !important;

  border-top: 1px solid var(--swat-cat-border) !important;
}


/* =========================================================
   13. FILTER TITLES
   ========================================================= */

.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__sidebar
.wpc-filter-title,

.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__sidebar
.wpc-filter-header {
  margin: 0 0 12px !important;
  padding: 0 !important;

  color: var(--swat-cat-navy) !important;

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

  line-height: 1.35 !important;
  letter-spacing: 0.02em !important;

  text-transform: uppercase !important;
}

.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__sidebar
.wpc-filter-title a,

.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__sidebar
.wpc-filter-header a {
  color: var(--swat-cat-navy) !important;

  font-size: 14px !important;
  font-weight: 700 !important;
}


/* =========================================================
   14. FILTER CONTENT
   ========================================================= */

.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__sidebar
.wpc-filter-content {
  margin: 0 !important;
  padding: 0 !important;
}


/* =========================================================
   15. FILTER TERMS
   ========================================================= */

.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__sidebar
.wpc-filters-ul-list > li,
.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__sidebar
.wpc-filter-content li {
  margin: 0 0 9px !important;
}

.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__sidebar
.wpc-filters-ul-list > li:last-child,
.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__sidebar
.wpc-filter-content li:last-child {
  margin-bottom: 0 !important;
}


/* =========================================================
   16. FILTER TERM LINKS
   ========================================================= */

.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__sidebar
.wpc-filter-content a {
  color: var(--swat-cat-navy) !important;

  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__sidebar
.wpc-filter-content a:hover,
.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__sidebar
.wpc-filter-content a:focus-visible {
  color: var(--swat-cat-orange) !important;
}


/* Selected filters */

.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__sidebar
.wpc-term-selected a,
.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__sidebar
li.wpc-term-selected a {
  color: var(--swat-cat-orange) !important;

  font-weight: 600 !important;
}


/* =========================================================
   17. CHECKBOXES
   ========================================================= */

.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__sidebar
input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;

  margin: 0 8px 0 0 !important;

  accent-color: var(--swat-cat-orange);

  cursor: pointer;
}


/* =========================================================
   18. COUNTERS
   ========================================================= */

.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__sidebar
.wpc-term-count,

.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__sidebar
[class*="wpc-term-count"] {
  color: var(--swat-cat-count) !important;

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


/* =========================================================
   19. MORE / LESS
   ========================================================= */

.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__sidebar
.wpc-filter-more-less {
  margin-top: 10px !important;
}

.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__sidebar
.wpc-filter-more-less a {
  color: var(--swat-cat-navy) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
}

.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__sidebar
.wpc-filter-more-less a:hover,
.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__sidebar
.wpc-filter-more-less a:focus-visible {
  color: var(--swat-cat-orange) !important;
}


/* =========================================================
   20. RESULTS COLUMN
   ========================================================= */

.elementor-13101 .elementor-element.elementor-element-45ae036 .swat-catalogue__results {
  box-sizing: border-box !important;

  width: 100% !important;
  min-width: 0 !important;

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


/* =========================================================
   21. LOOP GRID
   ========================================================= */

.elementor-13101 .elementor-element.elementor-element-45ae036 .swat-catalogue-grid {
  width: 100% !important;

  margin: 0 !important;
}

.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue-grid
.elementor-loop-container {
  row-gap: 30px !important;
  column-gap: 30px !important;
}


/* =========================================================
   22. PAGINATION
   ========================================================= */

.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__results
.elementor-pagination {
  display: flex !important;

  flex-wrap: wrap !important;

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

  gap: 8px !important;

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

.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__results
.elementor-pagination
.page-numbers {
  display: inline-flex !important;

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

  min-width: 40px !important;
  height: 40px !important;

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

  border: 1px solid var(--swat-cat-border) !important;
  border-radius: 5px !important;

  background: #ffffff !important;

  color: var(--swat-cat-navy) !important;

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

  line-height: 1 !important;

  text-decoration: none !important;

  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease !important;
}

.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__results
.elementor-pagination
a.page-numbers:hover,

.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__results
.elementor-pagination
a.page-numbers:focus-visible {
  border-color: var(--swat-cat-orange) !important;

  background: var(--swat-cat-orange-soft) !important;

  color: var(--swat-cat-orange-hover) !important;
}

.elementor-13101 .elementor-element.elementor-element-45ae036
.swat-catalogue__results
.elementor-pagination
.page-numbers.current {
  border-color: var(--swat-cat-orange) !important;

  background: var(--swat-cat-orange) !important;

  color: #ffffff !important;
}


/* =========================================================
   23. FILTER EVERYTHING COLLAPSED BUTTON
   MOBILE / TABLET
   ========================================================= */

/*
 * Do NOT force this element visible on desktop.
 * Filter Everything handles visibility using the 1100px
 * breakpoint configured in functions.php.
 */

@media (max-width: 1100px) {

  .elementor-13101 .elementor-element.elementor-element-45ae036 .wpc-filters-open-button-container {
    width: 100% !important;

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


  /*
   * Main native Filter Everything control.
   * Replaces the previous dark full-width bar.
   */

  .elementor-13101 .elementor-element.elementor-element-45ae036
  .wpc-filters-open-button-container
  a.wpc-filters-open-widget,

  .elementor-13101 .elementor-element.elementor-element-45ae036
  .wpc-filters-open-button-container
  a.wpc-open-close-filters-button,

  .elementor-13101 .elementor-element.elementor-element-45ae036
  a.wpc-open-close-filters-button {
    display: inline-flex !important;

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

    width: auto !important;

    min-width: 116px !important;
    min-height: 44px !important;

    margin: 0 !important;

    padding: 10px 14px !important;

    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;

    background: #ffffff !important;

    color: var(--swat-cat-navy) !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;

    text-align: left !important;
    text-decoration: none !important;

    box-shadow: none !important;

    transition:
      border-color 0.2s ease,
      background-color 0.2s ease,
      color 0.2s ease !important;
  }


  .elementor-13101 .elementor-element.elementor-element-45ae036
  .wpc-filters-open-button-container
  a.wpc-filters-open-widget *,

  .elementor-13101 .elementor-element.elementor-element-45ae036
  .wpc-filters-open-button-container
  a.wpc-open-close-filters-button * {
    color: var(--swat-cat-navy) !important;
  }


  .elementor-13101 .elementor-element.elementor-element-45ae036
  .wpc-filters-open-button-container
  a.wpc-filters-open-widget:hover,

  .elementor-13101 .elementor-element.elementor-element-45ae036
  .wpc-filters-open-button-container
  a.wpc-filters-open-widget:focus-visible,

  .elementor-13101 .elementor-element.elementor-element-45ae036
  .wpc-filters-open-button-container
  a.wpc-open-close-filters-button:hover,

  .elementor-13101 .elementor-element.elementor-element-45ae036
  .wpc-filters-open-button-container
  a.wpc-open-close-filters-button:focus-visible {
    border-color: var(--swat-cat-orange) !important;

    background: var(--swat-cat-orange-soft) !important;

    color: var(--swat-cat-orange-hover) !important;
  }


  .elementor-13101 .elementor-element.elementor-element-45ae036
  .wpc-filters-open-button-container
  a:hover *,

  .elementor-13101 .elementor-element.elementor-element-45ae036
  .wpc-filters-open-button-container
  a:focus-visible * {
    color: var(--swat-cat-orange-hover) !important;
  }


  /*
   * Native Filter Everything filter/sliders icon.
   */

  .elementor-13101 .elementor-element.elementor-element-45ae036
  .wpc-filters-open-button-container
  .wpc-icon-html-wrapper {
    margin-right: 9px !important;
  }


  .elementor-13101 .elementor-element.elementor-element-45ae036
  .wpc-filters-open-button-container
  .wpc-icon-html-wrapper span {
    background: var(--swat-cat-navy) !important;
  }


  .elementor-13101 .elementor-element.elementor-element-45ae036
  .wpc-filters-open-button-container
  .wpc-icon-html-wrapper span::after {
    border-color: var(--swat-cat-orange) !important;

    background: #ffffff !important;
  }

}


/* =========================================================
   24. TABLET / MOBILE BASE
   <= 1100px
   ========================================================= */

@media (max-width: 1100px) {

  .elementor-13101 .elementor-element.elementor-element-45ae036 .swat-catalogue-page__inner {
    padding: 44px 22px 68px !important;
  }


  .elementor-13101 .elementor-element.elementor-element-45ae036 .swat-catalogue-page__intro {
    margin-bottom: 22px !important;
  }


  .elementor-13101 .elementor-element.elementor-element-45ae036 .swat-catalogue__chips {
    margin-bottom: 14px !important;
  }


  /*
   * Products become full-width underneath the collapsed
   * Filter Everything control.
   */

  .elementor-13101 .elementor-element.elementor-element-45ae036 .swat-catalogue__layout {
    display: block !important;

    width: 100% !important;

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


  /*
   * Keep the real Filter Everything widget present.
   * Never move off-canvas and never display:none.
   */

  .elementor-13101 .elementor-element.elementor-element-45ae036 .swat-catalogue__sidebar {
    position: static !important;

    left: auto !important;
    top: auto !important;

    display: block !important;

    width: 100% !important;
    height: auto !important;

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

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

    background: transparent !important;

    pointer-events: auto !important;
  }


  .elementor-13101 .elementor-element.elementor-element-45ae036 .swat-catalogue__results {
    width: 100% !important;

    margin: 0 !important;
  }


  .elementor-13101 .elementor-element.elementor-element-45ae036
  .swat-catalogue-grid
  .elementor-loop-container {
    row-gap: 24px !important;
    column-gap: 22px !important;
  }

}


/* =========================================================
   25. TABLET PORTRAIT
   2 PRODUCTS PER ROW
   ========================================================= */

@media
  (min-width: 768px)
  and (max-width: 1100px)
  and (orientation: portrait) {

  .elementor-13101 .elementor-element.elementor-element-45ae036
  .swat-catalogue-grid
  .elementor-loop-container {
    display: grid !important;

    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;
  }

}


/* =========================================================
   26. MOBILE / TABLET LANDSCAPE
   2 PRODUCTS PER ROW
   ========================================================= */

@media
  (min-width: 560px)
  and (max-width: 1100px)
  and (orientation: landscape) {

  .elementor-13101 .elementor-element.elementor-element-45ae036
  .swat-catalogue-grid
  .elementor-loop-container {
    display: grid !important;

    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;

    column-gap: 18px !important;
    row-gap: 22px !important;
  }


  .elementor-13101 .elementor-element.elementor-element-45ae036 .swat-catalogue-page__inner {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

}


/* =========================================================
   27. MOBILE PORTRAIT
   1 PRODUCT PER ROW
   ========================================================= */

@media
  (max-width: 767px)
  and (orientation: portrait) {

  .elementor-13101 .elementor-element.elementor-element-45ae036 .swat-catalogue-page__inner {
    padding: 30px 16px 52px !important;
  }


  .elementor-13101 .elementor-element.elementor-element-45ae036 .swat-catalogue-page__intro {
    margin-bottom: 20px !important;
  }


  .elementor-13101 .elementor-element.elementor-element-45ae036 .swat-catalogue-breadcrumb {
    gap: 6px;

    margin-bottom: 12px;

    font-size: 13px;
  }


  .elementor-13101 .elementor-element.elementor-element-45ae036 .swat-catalogue-breadcrumb__separator {
    font-size: 15px;
  }


  .elementor-13101 .elementor-element.elementor-element-45ae036
  .swat-catalogue-page__title
  .elementor-heading-title {
    font-size: 30px !important;
    line-height: 1.15 !important;
  }


  .elementor-13101 .elementor-element.elementor-element-45ae036 .swat-catalogue-page__title {
    margin-bottom: 12px !important;
  }


  .elementor-13101 .elementor-element.elementor-element-45ae036 .swat-catalogue-page__text,
  .elementor-13101 .elementor-element.elementor-element-45ae036 .swat-catalogue-page__text p,
  .elementor-13101 .elementor-element.elementor-element-45ae036 .swat-catalogue-page__text span {
    font-size: 16px !important;
    line-height: 1.6 !important;
  }


  .elementor-13101 .elementor-element.elementor-element-45ae036
  .swat-catalogue__chips
  ul {
    gap: 7px !important;
  }


  .elementor-13101 .elementor-element.elementor-element-45ae036
  .swat-catalogue__chips
  a {
    min-height: 32px !important;

    padding: 6px 11px !important;

    font-size: 13px !important;
  }


  .elementor-13101 .elementor-element.elementor-element-45ae036
  .swat-catalogue-grid
  .elementor-loop-container {
    display: grid !important;

    grid-template-columns: 1fr !important;

    row-gap: 20px !important;
    column-gap: 0 !important;
  }


  .elementor-13101 .elementor-element.elementor-element-45ae036
  .swat-catalogue__results
  .elementor-pagination {
    gap: 6px !important;

    margin-top: 34px !important;
  }


  .elementor-13101 .elementor-element.elementor-element-45ae036
  .swat-catalogue__results
  .elementor-pagination
  .page-numbers {
    min-width: 38px !important;
    height: 38px !important;

    padding: 0 9px !important;

    font-size: 13px !important;
  }

}


/* =========================================================
   28. SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

  .elementor-13101 .elementor-element.elementor-element-45ae036 .swat-catalogue-page__inner {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }


  .elementor-13101 .elementor-element.elementor-element-45ae036
  .swat-catalogue-page__title
  .elementor-heading-title {
    font-size: 28px !important;
  }


  .elementor-13101 .elementor-element.elementor-element-45ae036
  .swat-catalogue__results
  .elementor-pagination
  .page-numbers {
    min-width: 36px !important;
    height: 36px !important;
  }

}


/* =========================================================
   29. REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .elementor-13101 .elementor-element.elementor-element-45ae036 *,
  .elementor-13101 .elementor-element.elementor-element-45ae036 *::before,
  .elementor-13101 .elementor-element.elementor-element-45ae036 *::after {
    scroll-behavior: auto !important;

    transition-duration: 0.01ms !important;
  }

}/* End custom CSS */