.elementor-1352 .elementor-element.elementor-element-cf6353e{--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;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-1352 .elementor-element.elementor-element-8903a0d{--display:flex;}.elementor-1352 .elementor-element.elementor-element-c8d311d{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-justify-content:flex-start;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;--e-filter-wrap:nowrap;--e-filter-overflow-x:scroll;--e-filter-active-text-color:var( --e-global-color-accent );--e-filter-item-border-radius:6px 6px 6px 6px;}.elementor-1352 .elementor-element.elementor-element-c772985{--grid-columns:4;--grid-row-gap:5px;--load-more-message-alignment:center;--grid-column-gap:5px;--e-loop-nothing-found-message-color:var( --e-global-color-secondary );}.elementor-1352 .elementor-element.elementor-element-c772985 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-1352 .elementor-element.elementor-element-c772985 .e-loop-item > .elementor-section, .elementor-1352 .elementor-element.elementor-element-c772985 .e-loop-item > .elementor-section > .elementor-container, .elementor-1352 .elementor-element.elementor-element-c772985 .e-loop-item > .e-con, .elementor-1352 .elementor-element.elementor-element-c772985 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}@media(max-width:1024px){.elementor-1352 .elementor-element.elementor-element-c772985{--grid-columns:3;}}@media(max-width:767px){.elementor-1352 .elementor-element.elementor-element-c772985{--grid-columns:2;}}/* Start custom CSS for taxonomy-filter, class: .elementor-element-c8d311d *//* ====== Filter UI — Minimal & Chic 

/* wrapper */
.e-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  background: transparent;
  padding: 8px;
  margin-bottom: 18px;
  direction: inherit; /* respects page direction (rtl / ltr) */
}

/* pill buttons */
.elementor-1352 .elementor-element.elementor-element-c8d311d .e-filter-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1.5px solid rgba(44,94,198,0.12);
  background: rgba(225,235,248,0.7); /* subtle */
  color: #223253;
  font-weight: 600;
  font-size: 0.95rem;
  cursor: pointer;
  transition: transform .14s ease, background .18s ease, box-shadow .18s ease, color .18s;
  box-shadow: 0 1px 0 rgba(34,50,83,0.03);
}

/* hover & focus (accessibility) */
.elementor-1352 .elementor-element.elementor-element-c8d311d .e-filter-item:hover,
.elementor-1352 .elementor-element.elementor-element-c8d311d .e-filter-item:focus {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(34,50,83,0.06);
  outline: none;
}

/* keyboard focus visible */
.elementor-1352 .elementor-element.elementor-element-c8d311d .elementor-1352 .elementor-element.elementor-element-c8d311d .e-filter-item:focus-visible {
  box-shadow: 0 0 0 4px rgba(44,94,198,0.14);
  /* border-color: #2C5EC6; */
}

/* selected state — use aria-pressed="true" or .is-active */
.elementor-1352 .elementor-element.elementor-element-c8d311d .e-filter-item[aria-pressed="true"],
.elementor-1352 .elementor-element.elementor-element-c8d311d .e-filter-item.is-active {
  background: linear-gradient(180deg, #2C5EC6 0%, #2353b5 100%);
  background: linear-gradient(135deg, #2C5EC6, #5CACE2);

  color: #ffffff;
  transform: translateY(-2px);
  border: none;
}

/* small count badge inside pill (e.g., products count per category) */
.elementor-1352 .elementor-element.elementor-element-c8d311d .e-filter-item .badge {
  display: inline-flex;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(255,255,255,0.12);
  color: #fff;
  font-size: 0.8rem;
  font-weight: 700;
}

/* secondary controls: search, clear, sort */
.elementor-1352 .elementor-element.elementor-element-c8d311d .e-filter-controls {
  margin-left: auto; /* pushes controls to the far side in LTR; in RTL this will be on opposite side */
  display: flex;
  gap: 8px;
  align-items: center;
}

/* search input inside filter */
.elementor-1352 .elementor-element.elementor-element-c8d311d .e-filter-search input[type="search"],
.elementor-1352 .elementor-element.elementor-element-c8d311d .e-filter-search input[type="text"] {
  height: 36px;
  padding: 6px 10px;
  border-radius: 10px;
  border: 1px solid rgba(34,50,83,0.08);
  background: #fff;
  min-width: 180px;
  box-shadow: 0 1px 0 rgba(34,50,83,0.02);
  font-size: 0.95rem;
}

/* clear all button */
.elementor-1352 .elementor-element.elementor-element-c8d311d .e-filter-clear {
  background: transparent;
  border: none;
  color: #223253;
  padding: 6px 10px;
  font-weight: 600;
  cursor: pointer;
  border-radius: 8px;
  transition: background .12s;
}
.elementor-1352 .elementor-element.elementor-element-c8d311d .e-filter-clear:hover { background: rgba(34,50,83,0.04); }

/* selected chips area (shows active selected filters as removable chips) */
.elementor-1352 .elementor-element.elementor-element-c8d311d .e-filter-chips {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 10px;
}
.elementor-1352 .elementor-element.elementor-element-c8d311d .e-filter-chip {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  padding: 6px 10px;
  border-radius: 12px;
  background: #2C5EC6;
  color: #fff;
  font-weight: 600;
  font-size: 0.9rem;
}
.elementor-1352 .elementor-element.elementor-element-c8d311d .e-filter-chip .remove {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;height:18px;border-radius:50%;
  background: rgba(255,255,255,0.16);
  color: #fff; font-size:0.85rem; cursor:pointer;
}

/* collapse/expand "more" control for many filters */
.elementor-1352 .elementor-element.elementor-element-c8d311d .e-filter-more {
  padding: 6px 10px;
  border-radius: 8px;
  cursor: pointer;
  background: rgba(225,235,248,0.7);
  border: 1px dashed rgba(44,94,198,0.12);
  font-weight:600;
}
.elementor-1352 .elementor-element.elementor-element-c8d311d .e-filter.collapsed .e-filter-item { display: none; } /* simple collapse behavior */
.elementor-1352 .elementor-element.elementor-element-c8d311d .e-filter.collapsed .e-filter-item[data-priority="1"] { display: inline-flex; } /* keep primary ones visible */

/* responsive adjustments */
@media (max-width: 860px) {
  .elementor-1352 .elementor-element.elementor-element-c8d311d .e-filter-controls { margin-left: 0; width: 100%; justify-content: flex-end; gap:6px; }
  .elementor-1352 .elementor-element.elementor-element-c8d311d .e-filter-search input { min-width: 120px; }
  .e-filter { gap: 8px; padding: 6px; }
}

/* tiny helper for dark-bg variant (if your product cards have dark bg) */
.elementor-1352 .elementor-element.elementor-element-c8d311d .e-filter.dark-bg .e-filter-item { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.06); color:#E1EBF8; }/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c772985 *//* =============================
   Product Cards
============================= */
.elementor-1352 .elementor-element.elementor-element-c772985 .e-loop-item {
    background-color: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(34, 50, 83, 0.1);
    transition: transform 0.3s, box-shadow 0.3s;
}

.elementor-1352 .elementor-element.elementor-element-c772985 .e-loop-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 15px rgba(34, 50, 83, 0.15);
}

.elementor-1352 .elementor-element.elementor-element-c772985 .e-loop-item img {
    width: 100%;
    display: block;
    border-bottom: 1px solid #E1EBF8;
    border-radius: 6px;

}

.elementor-1352 .elementor-element.elementor-element-c772985 .e-loop-item h3 {
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    padding: 10px;
    color: #223253;
}

.elementor-1352 .elementor-element.elementor-element-c772985 .e-loop-item h3 a {
    color: inherit;
}

.elementor-1352 .elementor-element.elementor-element-c772985 .e-loop-item h3 a:hover {
    color: #2C5EC6;
}

/* =============================
   Responsive
============================= */
@media (max-width: 768px) {
    .elementor-1352 .elementor-element.elementor-element-c772985 th, .elementor-1352 .elementor-element.elementor-element-c772985 td {
        padding: 10px;
        font-size: 0.85rem;
    }
    .e-filter {
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .elementor-1352 .elementor-element.elementor-element-c772985 .e-loop-item h3 {
        font-size: 0.9rem;
    }
    .elementor-1352 .elementor-element.elementor-element-c772985 .e-filter-item {
        padding: 6px 12px;
        font-size: 0.85rem;
    }
}/* End custom CSS */