/* Trendyfy v0.5.24.4.3 — exact vertical alignment of catalog controls. */
/* Fixed single row: buttons and toggle occupy the same 44px track. */
#main .tf-catalog-controls-row {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:44px!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  align-content:center!important;
  gap:8px!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  height:44px!important;
  min-height:44px!important;
  box-sizing:border-box!important;
  padding:0!important;
  margin:4px 0 13px!important;
}
#main .tf-catalog-controls-row > .catalog-chips-shell {
  grid-column:1;
  grid-row:1;
  align-self:stretch!important;
  justify-self:stretch!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
#main .tf-catalog-controls-row .catalog-chips-v2 {
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  align-content:center!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  margin:0!important;
  padding:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}
#main .tf-catalog-controls-row .catalog-chips-v2 > .chip {
  flex:0 0 auto!important;
  align-self:center!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  box-sizing:border-box!important;
  margin-top:0!important;
  margin-bottom:0!important;
  transform:none!important;
}
#main .tf-catalog-controls-row > #tfCatalogView:not([hidden]) {
  grid-column:2;
  grid-row:1;
  align-self:stretch!important;
  justify-self:end!important;
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0!important;
  top:0!important;
  bottom:auto!important;
  transform:none!important;
  float:none!important;
}
#main .tf-catalog-controls-row > #tfCatalogView .tf-catalog-view__switch {
  display:inline-grid!important;
  grid-template-columns:repeat(2,32px)!important;
  align-items:center!important;
  align-content:center!important;
  justify-content:center!important;
  align-self:center!important;
  box-sizing:border-box!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  margin:0!important;
  padding:2px!important;
  top:0!important;
  bottom:auto!important;
  transform:none!important;
}
@media(max-width:375px) {
  #main .tf-catalog-controls-row {gap:6px!important}
}