.pdd-filters { gap: 1rem; display: grid; }
.pdd-filters__controls { display: flex;flex-wrap: wrap; justify-content: space-between; align-items: flex-end; margin: 0% 6% 2%; }
.pdd-filters__controls label { display:grid; gap:0.25rem; font-size:14px; }
.pdd-filters__controls select { min-width: 200px; padding: .5rem; border-radius: 5px; border-width: 2px; border-color: #101230;font-family: 'Montserrat'; color: #101230; font-size: 14px;}
.pdd-results[aria-busy="true"] { opacity: .6; pointer-events: none; }

.pdd-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, auto);
  grid-gap: 1rem;
  grid-template-areas:
    "card1 card2 card3"
    "card4 card2 card5"
    "card6 card7 card5";
}
.pdd-grid-item-1 { grid-area: card1; }
.pdd-grid-item-2 { grid-area: card2; }
.pdd-grid-item-3 { grid-area: card3; }
.pdd-grid-item-4 { grid-area: card4; }
.pdd-grid-item-5 { grid-area: card5; }
.pdd-grid-item-6 { grid-area: card6; }
.pdd-grid-item-7 { grid-area: card7; }
.pdd-card {
  position: relative;
  border-radius: 35px;
  overflow: hidden;
  display: grid;
  background: #fff;
  font-family: Montserrat;
}

.pdd-grid-item-2 .pdd-card__placeholder,
.pdd-grid-item-5 .pdd-card__placeholder {  height: 94%; }
.pdd-grid-item-2 .pdd-card__body,
.pdd-grid-item-5 .pdd-card__body {  background-color: #fff;
    position: absolute;
    left: 0px;
    bottom: 17%;
    border-radius: 0px 80px 80px 0px;
    padding: 20px 35px 30px 20px;
  max-width: 80%; }
.pdd-card__placeholder { min-height: 280px; }

.pdd-card__placeholder {
 display: block; width:auto;
  padding: 5%;
  min-height: 350px;
  background-size: cover;
  background-repeat: no-repeat;
}

.pdd-card__media{
  text-decoration: none
}

.pdd-card__body { padding: .85rem 1rem 1rem; }
.pdd-stats { color:#131532; 
font-weight: 600;
font-size: 25px;
}

.pdd-crop-icon{
  max-width: 80px;
}

.pdd-benefits { color:#131532; 
font-weight: 400;
font-size: 20px;
}

.pdd-trial-location { color:#131532; font-weight:500; 
position:absolute;
  bottom: 15%;
  font-weight: 400;
  font-size: 20px;
}

.pdd-crop-label{
font-weight: 700;
font-size: 19px;
position:absolute;
  bottom: 8%;
  color: #4DBB7F;
}

.pdd-trial-crop{
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-top: .25rem;
    flex-direction: row;
}
.pdd-trial-crop__icon{
  flex-shrink: 0;
    max-height: 50px;
}

.pdd-trial-crop__icon .pdd-crop-icon {
  width: 50px;
}
.pdd-trial-crop__text .pdd-trial-location {
  font-size: 16px;
  position: unset
}
.pdd-trial-crop__text .pdd-crop-label {
  font-size: 16px;
  position: unset
}
.pdd-card__meta {
  list-style:none; padding:0; margin:.25rem 0 .5rem;
  display:grid; gap:.15rem; font-size:.92rem;
}

.pdd-grid-item-2 .pdd-card__meta,
.pdd-grid-item-5 .pdd-card__meta { gap: .2rem; max-width: 80%;}
.pdd-grid-item-2 .pdd-stats,
.pdd-grid-item-5 .pdd-stats { font-size: 20px }

.pdd-card__badge {
  position:absolute; bottom:5%; right:10%; font-size:1rem;
}

.pdd-pagination { margin-top: 1rem; }
.pdd-pagination__list { list-style:none; display:flex; flex-wrap:wrap; gap:.5rem; padding:0; margin:0;justify-content: center; }
.pdd-pagination__list a { display:inline-block; border: 1px solid #131532; padding: 5px 15px; border-radius:8px; text-decoration:none; color:inherit; }
.pdd-pagination__list a.is-current {
    background: #131532;
    color: white;
    font-weight: 600; }

.pdd-filters .pdd-grid { margin: 0 !important; }
.pdd-filters .pdd-card { list-style: none !important; }

.pdd-filters .pdd-card__meta,
.pdd-filters .pdd-card__meta ul,
.pdd-filters .pdd-card__meta li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.pdd-filters .pdd-card__meta li::marker { content: "" !important; }

.pdd-filters .pdd-card__meta li::before {
  content: none !important;
}

@media only screen and (max-width: 768px) {
  .pdd-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .pdd-card {
    width: 48%;
}
.pdd-filters__controls select {
    min-width: 180px;
}

  .pdd-card__placeholder {
    min-height: unset;
    height: auto;
    aspect-ratio: 4 / 3; 
    padding: 4%;
  }

  .pdd-grid-item-2 .pdd-card__placeholder,
  .pdd-grid-item-5 .pdd-card__placeholder { height: auto; }

  .pdd-grid-item-2 .pdd-card__body,
  .pdd-grid-item-5 .pdd-card__body {
    max-width: 100%;
    padding: 12px 14px;
    margin-top: 8px;
  }

  .pdd-trial-location,
  .pdd-crop-label {
    position: static;
    font-size: 16px
  }

  .pdd-stats { font-size: 18px; }
  .pdd-benefits { font-size: 16px; }
  .pdd-trial-crop__text .pdd-trial-location,
  .pdd-trial-crop__text .pdd-crop-label { font-size: 15px; }

  .pdd-crop-icon { width: 50px }
  .pdd-trial-crop__icon .pdd-crop-icon { width: 40px;  }

  .pdd-card__badge { right: 6%; bottom: 6%; }
}

@media (max-width: 450px){

  .pdd-filters__controls label {
    width: 100%;
}
.pdd-filters__controls {
    gap: 10px;
}
    .pdd-card {
        width: 100%;
    }
  .pdd-grid {
    grid-gap: 0.75rem;
  }

  .pdd-card__placeholder {
    padding: 4%;
  }

  .pdd-stats { font-size: 17px; }
  .pdd-benefits { font-size: 15px; }

  .pdd-trial-location,
  .pdd-crop-label { position: static; }
  .pdd-trial-crop__icon .pdd-crop-icon { width: 36px; height: 36px; }

}