.elementor-5 .elementor-element.elementor-element-0927707{--display:flex;--min-height:275px;--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;--overlay-opacity:0.5;}.elementor-5 .elementor-element.elementor-element-0927707:not(.elementor-motion-effects-element-type-background), .elementor-5 .elementor-element.elementor-element-0927707 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://chandelierlights.ph/wp-content/uploads/2026/01/photo-1649623443653-47c073c78d2f.png");background-position:center center;}.elementor-5 .elementor-element.elementor-element-0927707::before, .elementor-5 .elementor-element.elementor-element-0927707 > .elementor-background-video-container::before, .elementor-5 .elementor-element.elementor-element-0927707 > .e-con-inner > .elementor-background-video-container::before, .elementor-5 .elementor-element.elementor-element-0927707 > .elementor-background-slideshow::before, .elementor-5 .elementor-element.elementor-element-0927707 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5 .elementor-element.elementor-element-0927707 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor5 );--background-overlay:'';}.elementor-5 .elementor-element.elementor-element-e8eb644 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:var( --e-global-color-astglobalcolor5 );stroke:var( --e-global-color-astglobalcolor5 );color:var( --e-global-color-accent );}.elementor-5 .elementor-element.elementor-element-5f4491e ul.hfe-breadcrumbs li{margin-right:10px;}.elementor-5 .elementor-element.elementor-element-5f4491e .hfe-breadcrumbs, .elementor-5 .elementor-element.elementor-element-5f4491e .hfe-breadcrumbs .hfe-breadcrumbs-text{color:var( --e-global-color-secondary );}.elementor-5 .elementor-element.elementor-element-5f4491e .hfe-breadcrumbs svg{fill:var( --e-global-color-secondary );}.elementor-5 .elementor-element.elementor-element-5f4491e .hfe-breadcrumbs-item{font-weight:600;}.elementor-5 .elementor-element.elementor-element-38a88c1{--display:flex;}.elementor-5 .elementor-element.elementor-element-797672e .product{text-align:left;}.elementor-5 .elementor-element.elementor-element-797672e.elementor-wc-products  ul.products{grid-column-gap:9px;grid-row-gap:0px;}.elementor-5 .elementor-element.elementor-element-4204cef{--display:flex;}.elementor-5 .elementor-element.elementor-element-c989462{--spacer-size:96px;}@media(min-width:768px){.elementor-5 .elementor-element.elementor-element-0927707{--content-width:1196px;}}/* Start custom CSS for wc-categories, class: .elementor-element-797672e *//* === CATEGORY CARDS LAYOUT === */
.category-cards .elementor-widget-container,
.category-cards {
  --card-radius: 16px;
  --card-border: rgba(0,0,0,.08);
  --card-shadow: 0 10px 25px rgba(0,0,0,.06);
  --card-shadow-hover: 0 16px 35px rgba(0,0,0,.10);
}

/* If your widget outputs a UL list */
.category-cards ul,
.category-cards .product-categories,
.category-cards .wc-block-product-categories-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;

  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 18px;
  align-items: stretch;
}

/* Each category item */
.category-cards li {
  margin: 0 !important;
}

/* The clickable card */
.category-cards li a {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;

  padding: 18px 14px;
  min-height: 140px;

  background: #fff;
  border: 1px solid var(--card-border);
  border-radius: var(--card-radius);
  box-shadow: var(--card-shadow);
  text-decoration: none !important;

  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

/* Hover effect like “cards” */
.category-cards li a:hover {
  transform: translateY(-4px);
  box-shadow: var(--card-shadow-hover);
  border-color: rgba(0,0,0,.14);
}

/* Fix your text breaking like “UNCATEGO RIZED” */
.category-cards li a,
.category-cards li a * {
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

/* Category name styling */
.category-cards li a {
  font-size: 13px;
  letter-spacing: .12em;
  text-transform: uppercase;
  line-height: 1.25;
  color: #111;
}

/* Optional: If category count shows (remove it) */
.category-cards .count {
  display: none !important;
}

/* Responsive */
@media (max-width: 768px) {
  .category-cards ul,
  .category-cards .product-categories,
  .category-cards .wc-block-product-categories-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
  }
  .category-cards li a { min-height: 120px; padding: 14px 10px; }
}
@media (max-width: 480px) {
  .category-cards ul,
  .category-cards .product-categories,
  .category-cards .wc-block-product-categories-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}/* End custom CSS */