.elementor-229 .elementor-element.elementor-element-64b85d9{--display:flex;--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;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;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 );}:root{--page-title-display:none;}/* Start custom CSS *//*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
BASIC RESET FOR OUR CUSTOM GRID
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.sirene-term-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  max-width: 1200px;       /* Optional: limit overall width */
}

/* Each term’s <li> wrapper */
.sirene-term-grid .sirene-term-item {
  margin: 1.5rem;          /* spacing between items */
  text-align: center;
  flex: 0 0 auto;
}

/* Force each “card” to 200px × 200px (circle) on desktop */
.sirene-model-list li,
.sirene-artist-list li {
  width: 200px;
}

/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
CIRCLE “AVATAR” DIV (200 × 200) + BACKGROUND‐IMAGE
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.sirene-term-avatar {
  width: 200px;
  height: 200px;
  border-radius: 0%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-bottom: 0.75rem;
  border: 2px solid rgba(0,0,0,0.1);
  transition: transform 0.3s ease, filter 0.3s ease;
}

/* Hover effect: subtle zoom and brighten */
.sirene-term-avatar:hover {
  transform: scale(1.05);
  filter: brightness(1.1);
}

/* TERM NAME UNDER CIRCLE */
.sirene-term-name {
  display: block;
  font-family: Arial, sans-serif;
  font-size: 0.9rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #222222;
  text-decoration: none;
}

.sirene-term-item a {
  text-decoration: none;
  color: inherit;
}

/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
RESPONSIVE ADJUSTMENTS
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
@media (max-width: 992px) {
  /* Slightly smaller circles on tablets */
  .sirene-term-grid .sirene-term-item {
    width: 180px;
  }
  .sirene-term-avatar {
    width: 180px;
    height: 180px;
  }
}

@media (max-width: 600px) {
  /* Stack in a single column on phones */
  .sirene-term-grid {
    flex-direction: column;
    align-items: center;
  }
  .sirene-term-grid .sirene-term-item {
    width: 80%;   /* fill most of the viewport width */
    margin: 1rem 0;
  }
  .sirene-term-avatar {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
  }
}/* End custom CSS */