.elementor .e-26e0276{width:33.3333%;flex-direction:row;align-items:stretch;}.elementor .e-5aff808{flex-direction:column;}.elementor .e-99c192a{margin:0px;flex-direction:row;align-items:stretch;/* 1. Heading Box (Dark Multi-color Gradient) */
.elementor-widget-product-categories h2, 
.elementor-widget-product-categories .element-heading-title,
selector h2 {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #312e81) !important;
  color: #ffffff !important;
  padding: 16px 20px !important;
  border-radius: 10px !important;
  text-align: center !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
  border-left: 4px solid #ffc107 !important;
  font-size: 20px !important;
}

/* 2. Remove Dots completely & Make Category Cards */
selector ul.product-categories {
  list-style: none !important;
  list-style-type: none !important;
  padding-left: 0 !important;
  margin: 15px 0 0 0 !important;
}

selector ul.product-categories li {
  list-style: none !important;
  list-style-type: none !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  padding: 12px 18px !important;
  margin-bottom: 10px !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.02) !important;
}

selector ul.product-categories li::marker {
  display: none !important;
  content: "" !important;
}

selector ul.product-categories li:hover {
  background: #f8fafc !important;
  border-color: #ffc107 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
}

selector ul.product-categories li a {
  color: #1e293b !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

selector ul.product-categories li a:hover {
  color: #d97706 !important;
}\n}