.elementor-3580 .elementor-element.elementor-element-a9f9166{--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-3580 .elementor-element.elementor-element-827ccea{--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-3580 .elementor-element.elementor-element-61aad5b{--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;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-89baa3d *//******** 1) Make card buttons align across all cards ********/
.partner-card{
  display:flex;               /* build the card as a column */
  flex-direction:column;
}
.pc-body{
  flex:1 1 auto;              /* body grows to fill space */
}
.pc-actions{
  margin-top:auto;            /* pushes actions to the bottom */
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.pc-actions .btn{
  min-height:42px;            /* consistent button height */
  line-height:1.1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

/* Optional: make the three action buttons the same width inside a card */
@media (min-width:600px){
  .pc-actions .btn { flex: 1 1 calc(33.333% - 7px); } /* 3 equal buttons */
}

/******** 2) Equal-width yellow header pills (Featured/Fertility-Friendly/International) ********/
.gm-filters{
  display:grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr));  /* 3 equal columns */
  gap:12px;
  align-items:stretch;
}
.gm-filters .pill{
  width:100%;
  min-height:42px;
  height:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:10px 16px;
  line-height:1.2;
  white-space:normal; /* allow wrap for long labels */
}
.gm-filters small{
  grid-column:1 / -1;  /* note spans full width below the pills */
  margin-top:2px;
}

/* Responsive: 2 columns tablet, 1 column mobile */
@media (max-width:900px){
  .gm-filters{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width:560px){
  .gm-filters{ grid-template-columns: 1fr; }
}

/* Tiny polish: ensure the little gold dot/badge in the hero is centered nicely */
.gm-badge{ display:inline-flex; align-items:center; }
.gm-badge .dot{ display:inline-block; }/* End custom CSS */