/* Rounded corners for most front-end images. Adjust --image-radius as desired. */
:root { --image-radius: 10px; }

/* Generic images */
img:not(.no-radius) { border-radius: var(--image-radius); }

/* Common Flatsome image wrappers to ensure clipping */
.box-image:not(.no-radius),
.ux-image:not(.no-radius),
.ux-image-box .image:not(.no-radius),
.banner:not(.no-radius),
.gallery-item img,
.entry-image img,
.post-gallery img,
.wp-post-image,
.woocommerce ul.products li.product a img,
.woocommerce-product-gallery__image,
.woocommerce-product-gallery__image img,
.woocommerce-product-gallery img,
.attachment-woocommerce_thumbnail,
.single-product div.product .images img { 
  border-radius: var(--image-radius);
  overflow: hidden;
}

/* Keep logos and payment icons square by default */
.header-logo img,
.logo img,
.site-logo img,
.payment-icons img,
.ux_payment_icons img {
  border-radius: 0 !important;
}

/* Preserve avatar circular style if present */
img.avatar,
.avatar { border-radius: 50% !important; }