/* Cuts-N-Stuff Reviews. The card look comes from the homepage CSS
   (#cns-rev-grid > div ...); this only adds what live reviews need. */

/* The grid was an Elementor flex container; now it is plain markup. */
#cns-rev-grid{display:flex;flex-wrap:wrap;flex-direction:row;}
#cns-rev-grid>div{display:flex;flex-direction:column;box-sizing:border-box;}

/* Real reviews run long: four lines, and the footer sits on the card's floor
   so the cards in a row line up. */
#cns-rev-grid>div>p.cns-rev-text{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:16px;}
#cns-rev-grid>div>div.cns-rev-by{margin-top:auto;box-sizing:border-box;}

/* Reviewer photo in the avatar slot; the coloured icon stays as the fallback. */
#cns-rev-grid>div.cns-rev-has-photo>div::before{display:none;}
#cns-rev-grid .cns-rev-photo{grid-column:1;grid-row:1/3;width:38px;height:38px;border-radius:50%;object-fit:cover;display:block;margin:0;}

/* The nav's Reviews link lands below the sticky header. */
#cns-reviews{scroll-margin-top:101px;}
@media(max-width:767px){#cns-reviews{scroll-margin-top:74px;}}
