.kr-collage{position:absolute;inset:0;display:grid;gap:6px;padding:10px;background:#F4EFE7;border-radius:inherit;overflow:hidden;z-index:1}
    .kr-collage__cell{position:relative;background:#fff;border-radius:10px;overflow:hidden;min-height:0;min-width:0}
    .kr-collage__cell img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;padding:6%}
    .kr-collage--n2{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr)}
    .kr-collage--n3{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
    .kr-collage--n3 .kr-collage__cell:first-child{grid-row:span 2}
    .kr-collage--n4{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
    .kr-collage--n5{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
    .kr-collage--n5 .kr-collage__cell{grid-column:span 2}
    .kr-collage--n5 .kr-collage__cell:nth-child(-n+2){grid-column:span 3}
    .kr-collage--n6{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
    .kr-collage__tag{z-index:2;position:absolute;left:14px;bottom:14px;background:rgba(43,39,33,.88);color:#fff;font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:5px 10px;border-radius:999px}
    .kr-collage--hero{gap:10px;padding:16px}
    .kr-collage--hero .kr-collage__cell{border-radius:14px}
    .kr-collage--hero .kr-collage__tag{left:22px;bottom:22px;font-size:11px;padding:7px 13px}
  
.kr-card-media{position:absolute;inset:0;z-index:1}
.card--text .card__inner:has(.kr-card-media) .card__content{visibility:hidden}
.kr-save{display:inline-flex;align-items:center;gap:6px;margin:6px 0 0;padding:4px 10px;border-radius:999px;background:#E6EFE6;color:#2F5A3A;font-size:12px;font-weight:600;letter-spacing:.01em;line-height:1.3}
.kr-save small{font-weight:400;color:#4E6B55}
.kbb-lot__media .kr-collage,.kr-card__media .kr-collage{background:var(--b-tint,#F4EFE7)}
.card.card--text:has(.kr-card-media){flex-direction:column}
.card.card--text:has(.kr-card-media)::before{display:none}
.card--text:has(.kr-card-media)>.card__inner{display:block!important;position:relative;aspect-ratio:1/1;width:100%;flex:0 0 auto;height:auto}
.card--text:has(.kr-card-media)>.card__content{flex:1 1 auto;justify-content:flex-start}
.card--text:has(.kr-card-media)>.card__content .card__information{padding-top:1.4rem}
.card--text:has(.kr-card-media)>.card__content .card__heading{font-size:calc(var(--font-heading-scale,1) * 1.5rem);line-height:1.3}