#lgcomments_products .thumbnail-container:focus .highlighted-informations,
#lgcomments_products .thumbnail-container:hover .highlighted-informations,
.featured-products .thumbnail-container:focus .highlighted-informations,
.featured-products .thumbnail-container:hover .highlighted-informations,
.product-accessories .thumbnail-container:focus .highlighted-informations,
.product-accessories .thumbnail-container:hover .highlighted-informations,
.product-miniature .thumbnail-container:focus .highlighted-informations,
.product-miniature .thumbnail-container:hover .highlighted-informations {
    bottom: 7.8rem
}
#lgcomments_products .product-description,
.featured-products .product-description,
.product-accessories .product-description,
.product-miniature .product-description {
    min-height: 70px;
    height: auto;
}
.rating-hidden {
    visibility: hidden;
    display: block;
    width: 0px;
    height: 0px;
}
.stars-container {
    width: 100%;
    text-align: center;
}

/* Account page */
body#module-lgcomments-accountreviews .page-content > header p {
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: .5rem;
}

/* lgcomments — rating: left-align + keep stars and (count) on one line (loads on every page) */
.stars-container {
    text-align: left;
}
.stars-container .comment_anchor {
    display: inline-flex;
    align-items: center;   /* was 'left' — not a valid value, so it was being dropped */
    gap: 4px;
    white-space: nowrap;
}


/* lgcomments — "Last reviews" as a static row instead of Owl Carousel (PS9 owl conflict) */
#lgcomments-owl.owl-carousel {
    display: flex !important;        /* cancels Owl's "display:none until loaded" */
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
    width: 100%;
}

/* lgcomments — review card */
#lgcomments-owl .item {
    flex: 1 1 200px;
    max-width: 260px;
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: var(--border-radius);
    padding: 15px;
    text-align: center;
}

/* lgcomments — show only the 4 most recent on the home page ("see more >>" links to the rest) */
#lgcomments-owl .item:nth-child(n+5) {
    display: none;
}

/* CLS fix: reserve lgcomments rating-stars image height */
img[src*="/lgcomments/views/img/stars/"] {
    width: 120px;
    height: 24px;   /* set to the PNG's true ratio — check natural size */
}