.elementor-32731 .elementor-element.elementor-element-aea039b{padding:50px 0px 50px 0px;}.elementor-32731 .elementor-element.elementor-element-3203fbe:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-32731 .elementor-element.elementor-element-3203fbe > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F7FF;}.elementor-32731 .elementor-element.elementor-element-3203fbe > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:20px 20px 20px 20px;}.elementor-32731 .elementor-element.elementor-element-3203fbe > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-32731 .elementor-element.elementor-element-1b0f728.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-32731 .elementor-element.elementor-element-1b0f728.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-32731 .elementor-element.elementor-element-1b0f728.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-32731 .elementor-element.elementor-element-1b0f728.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for shortcode, class: .elementor-element-b119ee7 *//* Container */
.wc-cat-buttons-wrap { margin: 1.25rem 0; }

/* Horizontal row and scroll */
.wc-cat-buttons {
  display: flex;
  gap: 0.5rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0.25rem;
}

/* Hide scrollbar (optional, graceful fallback) */
.wc-cat-buttons {
  scrollbar-width: thin;
}
.wc-cat-buttons::-webkit-scrollbar { height: 8px; }
.wc-cat-buttons::-webkit-scrollbar-thumb { border-radius: 8px; }

/* Button style */
.wc-cat-btn {
  display: inline-block;
  text-decoration: none;
  white-space: nowrap;
  padding: 0.5rem 0.9rem;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,0.08);
  background: #fff;
  color: #111;
  font-weight: 600;
  font-size: 0.95rem;
  transition: transform 0.12s ease, background-color 0.12s ease, box-shadow 0.12s ease;
  box-shadow: 0 1px 0 rgba(0,0,0,0.03);
}

/* Hover / focus */
.wc-cat-btn:hover,
.wc-cat-btn:focus {
  transform: translateY(-2px);
  text-decoration: none;
  outline: none;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
}

/* Active (current category) */
.wc-cat-btn.active {
  background: linear-gradient(90deg, rgba(77,167,214,0.12), rgba(152,149,156,0.06));
  border-color: rgba(77,167,214,0.9);
  color: #0a5e7f;
  box-shadow: 0 6px 18px rgba(77,167,214,0.08);
}

/* Make buttons wrap nicely on large screens (optional) */
@media (min-width: 900px) {
  .wc-cat-buttons { flex-wrap: wrap; gap: 0.6rem; }
}

/* Accessibility: keyboard focus visible */
.wc-cat-btn:focus { box-shadow: 0 0 0 3px rgba(77,167,214,0.14); }/* End custom CSS */