/*
Theme Name: Flatsome Child Piklab
Template: flatsome
Version: 1.0.0
Description: Custom child theme clone Piklab.vn
*/

/* Product image – shop + home */
.product-small .box-image img,
.ux-products .box-image img {
  border-radius: var(--piklab-radius);
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

/* Gallery single product */
.single-product .woocommerce-product-gallery__image img {
  border-radius: var(--piklab-radius);
}

/* Product title – grid */
.product-small .name,
.product-small .title-wrapper {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: var(--piklab-text);
  margin-top: 10px;
  margin-bottom: 4px;
  text-align: center;
}

/* Price – shop & home */
.product-small .price,
.ux-products .price {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--piklab-black);
  text-align: center;
}

/* Single product price */
.single-product .price {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--piklab-black);
  margin-bottom: 16px;
}

.product-small,
.ux-products .product-small {
  background: #fff;
  border: 1px solid var(--piklab-border);
  border-radius: var(--piklab-radius);
  padding: 12px;
  transition: all .2s ease;
}

.product-small:hover {
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  transform: translateY(-2px);
}