/* V1.2 Batch 5 profile-picture catalogue */
.marketplace-tabs:has([data-market-type="portraits"]){grid-template-columns:repeat(3,minmax(0,1fr))}
.ct-b5-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:13px;margin-top:15px}
.ct-b5-card{border:1px solid rgba(224,189,112,.25);border-radius:16px;background:rgba(15,19,30,.78);padding:11px;display:flex;flex-direction:column;gap:7px;color:#eee;min-width:0}
.ct-b5-card>img{width:100%;aspect-ratio:3/4;object-fit:contain;background:rgba(0,0,0,.2);border-radius:11px}
.ct-b5-card>b{font-size:12px}.ct-b5-card>small{font-size:10px;color:#e6c77b}.ct-b5-card>button{margin-top:auto;font-size:10px;min-height:37px}
.ct-b5-card>button:disabled{opacity:.65;cursor:default}
@media(max-width:600px){.ct-b5-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.marketplace-tabs button{font-size:8px;letter-spacing:0}}

/* Batch 5 Correction 1: preserve dark tab surface in every Marketplace category. */
.marketplace-page > .marketplace-tabs{
  background:#171923;
  border:1px solid rgba(224,189,112,.15);
  box-shadow:0 8px 22px rgba(0,0,0,.24);
  min-width:0;
}
.marketplace-page > .marketplace-tabs > button{
  min-width:0;
}
/* Portrait purchase buttons must stay within their own tile, on all viewports. */
.ct-b5-card > button.crown-action{
  box-sizing:border-box;
  display:block;
  width:100%;
  min-width:0;
  max-width:100%;
  padding-inline:8px;
  font-size:clamp(8px,.75vw,10px);
  letter-spacing:.025em;
  line-height:1.2;
  white-space:normal;
  overflow-wrap:normal;
  text-align:center;
  flex-shrink:0;
}
@media(max-width:600px){
  .ct-b5-card > button.crown-action{font-size:8px;padding-inline:5px;letter-spacing:0}
}