/* GLAM V286 · FILTRI GALLERY A CARD */
.gt284-gallery-toolbar.gt286-filter-cards{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:14px !important;
  margin:40px 0 28px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

.gt284-gallery-toolbar.gt286-filter-cards button{
  position:relative;
  display:flex !important;
  flex-direction:column;
  align-items:flex-start !important;
  justify-content:space-between;
  min-height:148px !important;
  padding:20px !important;
  border:1px solid rgba(23,38,29,.10) !important;
  border-radius:18px !important;
  background:#fff !important;
  color:#17261d !important;
  text-align:left !important;
  cursor:pointer;
  box-shadow:0 12px 32px rgba(23,38,29,.06) !important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease !important;
}

.gt284-gallery-toolbar.gt286-filter-cards button::after{
  content:"";
  position:absolute;
  left:20px;
  right:20px;
  bottom:14px;
  height:3px;
  background:#dfe6dd;
  transition:background .2s ease;
}

.gt284-gallery-toolbar.gt286-filter-cards button:hover{
  transform:translateY(-3px) !important;
  border-color:rgba(33,69,48,.24) !important;
  box-shadow:0 20px 42px rgba(23,38,29,.11) !important;
}

.gt284-gallery-toolbar.gt286-filter-cards button.is-active{
  background:#214530 !important;
  color:#fff !important;
  border-color:#214530 !important;
  box-shadow:0 20px 45px rgba(33,69,48,.20) !important;
  transform:none !important;
}

.gt284-gallery-toolbar.gt286-filter-cards button.is-active::after{
  background:#d8b77e;
}

.gt286-filter-index{
  display:block;
  color:#b98942 !important;
  font-size:.70rem !important;
  font-weight:950 !important;
  letter-spacing:.16em !important;
  line-height:1 !important;
  margin-bottom:28px;
}

.gt286-filter-copy{
  display:block;
  width:100%;
  padding-bottom:15px;
}

.gt286-filter-copy strong{
  display:block;
  color:#214530 !important;
  font-size:1.02rem !important;
  font-weight:900 !important;
  line-height:1.12 !important;
  margin:0 0 7px !important;
  letter-spacing:-.015em;
}

.gt286-filter-copy small{
  display:block;
  color:#68736b !important;
  font-size:.77rem !important;
  font-weight:650 !important;
  line-height:1.35 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}

.gt284-gallery-toolbar.gt286-filter-cards button.is-active .gt286-filter-index{
  color:#efd09b !important;
}

.gt284-gallery-toolbar.gt286-filter-cards button.is-active .gt286-filter-copy strong,
.gt284-gallery-toolbar.gt286-filter-cards button.is-active .gt286-filter-copy small{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

@media(max-width:1050px){
  .gt284-gallery-toolbar.gt286-filter-cards{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media(max-width:720px){
  .gt284-gallery-toolbar.gt286-filter-cards{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }

  .gt284-gallery-toolbar.gt286-filter-cards button{
    min-height:132px !important;
    padding:17px !important;
    border-radius:16px !important;
  }

  .gt286-filter-index{
    margin-bottom:22px;
  }

  .gt286-filter-copy strong{
    font-size:.94rem !important;
  }

  .gt286-filter-copy small{
    font-size:.72rem !important;
  }
}

@media(max-width:440px){
  .gt284-gallery-toolbar.gt286-filter-cards{
    grid-template-columns:1fr !important;
  }

  .gt284-gallery-toolbar.gt286-filter-cards button{
    min-height:112px !important;
  }
}