/*
 * Cardul de produs din listare.
 *
 * Pozele sunt acum packshot-uri pe acelasi fundal cald (#f7f5f1), taiate 1:1.
 * Cardul nu mai are nevoie de chenar: fundalul pozei tine el forma. Ce ramane
 * de facut aici e sa linistim restul — titlu, pret, pastile de culoare — ca
 * ochiul sa cada pe vaza, nu pe metadate.
 */

/* Poza: colturi rotunjite, ca sa nu taie brutal fundalul cald din pagina alba. */
.etheme-product-grid .etheme-product-grid-image,
.etheme-product-grid .etheme-product-grid-image img {
	border-radius: 10px;
	overflow: hidden;
}

/* Titlul: un pic mai mare si mai apropiat de poza decat implicit. */
.etheme-product-grid .product-title {
	margin-top: 14px;
	font-size: 15px;
	line-height: 1.35;
	letter-spacing: 0;
}

/* Pretul: "de la" e context, nu cifra. Sta mai mic si mai stins decat suma. */
.etheme-product-grid .price {
	margin-top: 4px;
	font-size: 14px;
}

.etheme-product-grid .price .hd-pret-de-la {
	font-size: 12px;
	opacity: .6;
	letter-spacing: .02em;
}

/* Pastilele de culoare: 13 bucati pe doua randuri impingeau butonul in jos si
   faceau randul de carduri inegal. Cu "+N" pornit din tema raman 5 pe un rand.
   Marimea lor e in site.css, langa celelalte tinte de atingere. */
.etheme-product-grid .st-swatch-preview {
	margin-top: 10px;
}

.etheme-product-grid .st-swatch-preview .et_show-more-attr {
	width: auto;
	min-width: 16px;
	padding: 0 4px;
	font-size: 11px;
	opacity: .55;
}