/* Carpet Ends Shop Display */

/* Card picture: close-up swatch, room photo fades in on hover */
.cesd-card-img{position:relative;display:block;overflow:hidden;border-radius:inherit}
.cesd-card-img img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;margin:0!important}
.cesd-card-img .cesd-card-room{position:absolute;inset:0;height:100%;opacity:0;transition:opacity .35s ease}
li.product:hover .cesd-card-img .cesd-card-room,
li.product:focus-within .cesd-card-img .cesd-card-room{opacity:1}
@media (hover:none){.cesd-card-img .cesd-card-room{display:none}}

/* Swatch row + count */
.cesd-swatches{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin:6px 0 2px}
.cesd-sw{display:block;width:18px;height:18px;border-radius:4px;background:#e7e3da center/cover no-repeat;box-shadow:0 0 0 1px rgba(24,34,46,.18);transition:transform .15s ease,box-shadow .15s ease}
.cesd-sw:hover,.cesd-sw:focus-visible{transform:scale(1.25);box-shadow:0 0 0 2px #c4922f;position:relative;z-index:1}
.cesd-more{font-size:11.5px;line-height:18px;color:#50575e;text-decoration:none;margin-left:2px}
.cesd-more:hover{color:#18222e;text-decoration:underline}
.cesd-count{font-size:12px;color:#646970;margin:0 0 8px}

/* Edge finish pictures on the option buttons */
.cesd-edge-group .cevb-btn.cesd-has-img{display:inline-flex;align-items:center;gap:8px;padding-left:5px}
.cesd-edge-group .cesd-edge-img{width:34px;height:34px;border-radius:5px;object-fit:cover;flex:0 0 34px;box-shadow:0 0 0 1px rgba(24,34,46,.12)}

/* Edge finish picture in the cart / checkout */
.cesd-edge-line{display:inline-flex;align-items:center;gap:6px;vertical-align:middle}
.cesd-edge-line .cesd-edge-img{width:28px;height:28px;border-radius:4px;object-fit:cover;box-shadow:0 0 0 1px rgba(24,34,46,.12)}