/* 101.3.5 - productgroeptegels als compacte keuzehulp
   Toont maximaal drie commerciele regels (maten/formaat/prijs), daarna voorraad.
   Geen technische bronvelden of dubbele maatopsommingen op de kaart. */
.tf-category-choice__commerce{
  margin-top:14px;
  padding:11px 12px;
  border:1px solid #d8e7ee;
  border-radius:13px;
  background:#f7fbfd;
}
.tf-category-choice__commerce dl{margin:0;display:grid;gap:7px}
.tf-category-choice__commerce dl>div{
  display:grid;
  grid-template-columns:minmax(72px,.7fr) minmax(0,1.7fr);
  align-items:start;
  gap:10px;
}
.tf-category-choice__commerce dt{
  margin:0;
  color:#6b818e;
  font-size:.72rem;
  font-weight:800;
  line-height:1.35;
}
.tf-category-choice__commerce dd{
  margin:0;
  color:#183f55;
  font-size:.76rem;
  font-weight:850;
  line-height:1.35;
  text-align:right;
  overflow-wrap:anywhere;
}
.tf-category-choice__commerce .is-price{
  margin-top:2px;
  padding-top:8px;
  border-top:1px solid #dce9ef;
}
.tf-category-choice__commerce .is-price dt{color:#244f65}
.tf-category-choice__commerce .is-price dd{
  color:#007fbd;
  font-size:.91rem;
  font-weight:950;
}
.tf-category-choice__saw{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  margin-top:10px!important;
  color:#167544!important;
  font-size:.72rem!important;
  font-weight:900!important;
  line-height:1.25!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.tf-category-choice__saw svg{width:15px;height:15px;fill:currentColor}
.tf-category-choice__availability{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin-top:11px!important;
  color:#486675!important;
  font-size:.74rem!important;
  font-weight:850!important;
  line-height:1.3!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.tf-category-choice__availability i{
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-radius:50%;
  background:#97a9b2;
  box-shadow:0 0 0 3px rgba(151,169,178,.12);
}
.tf-category-choice__availability.is-stock{color:#087c43!important}
.tf-category-choice__availability.is-stock i{background:#1eb161;box-shadow:0 0 0 3px rgba(30,177,97,.13)}
.tf-category-choice--expanded .tf-category-choice__card{min-height:535px!important}
.tf-category-choice--expanded .tf-category-choice__intro{min-height:3.75em}

/* Ook de Eiken/prototype productgroeptegels gebruiken dezelfde rustige feitenbox. */
.oak-category-prototype__body .tf-category-choice__commerce{width:100%;box-sizing:border-box;margin-top:12px}
.oak-category-prototype__body .tf-category-choice__saw{margin-top:8px!important}

@media(max-width:1040px){
  .tf-category-choice--expanded .tf-category-choice__card{min-height:515px!important}
}
@media(max-width:680px){
  .tf-category-choice--expanded .tf-category-choice__card{min-height:0!important}
  .tf-category-choice__commerce{padding:10px 11px}
  .tf-category-choice__commerce dl>div{grid-template-columns:76px minmax(0,1fr)}
  .tf-category-choice__commerce dd{text-align:left}
  .tf-category-choice--expanded .tf-category-choice__intro{min-height:0}
}