/* Storefront/WooCommerce's default p.price margin is 1.41575em top+bottom
   (~32px) — fine for a spacious blog-style page, but here it just pushes
   the purchase card down and wastes vertical space right under the title. */
/* The title column is narrower now (31%), so the theme's default ~42px
   size wraps to 2 lines for most product names. Shrink it and add a hard
   single-line guarantee (ellipsis) so it truly never wraps, even for the
   longest product names — the trade-off is those get truncated with "…"
   instead of wrapping. */
.single-product div.product .summary .product_title{
	font-size:26px!important;
	line-height:1.25!important;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.single-product div.product .summary p.price{
	margin:0 0 14px!important;
}
.single-product div.product .summary .woocommerce-product-rating{
	margin-bottom:10px!important;
}

/* Luzrosa — unify the purchase block (attribute selects, personalizer,
   delivery estimate, quantity, button) into one bordered card, in the same
   visual language as .lzd-picker and .lz-accordion, instead of it reading as
   several unrelated plugin fragments stacked on top of each other. */
.variations_form.cart{
	border:1px solid #ead9d8;
	border-radius:12px;
	background:#fff;
	padding:18px;
	margin:0 0 18px;
}
.variations_form.cart table.variations{
	margin:0 0 4px;
}
.variations_form.cart table.variations tr + tr th,
.variations_form.cart table.variations tr + tr td{
	padding-top:14px;
}
.variations_form.cart table.variations th.label{
	padding-bottom:6px;
}

/* WAPO fields, the LRP text/font personalizer, the delivery estimate,
   quantity and the button render as loose siblings with no shared rhythm —
   give every direct child of that block consistent spacing. */
.woocommerce-variation-add-to-cart > *{
	margin-top:16px;
}
.woocommerce-variation-add-to-cart > *:first-child{
	margin-top:18px;
}

.woocommerce-variation-price .price{
	font-size:22px;
	font-weight:700;
	color:#4d2532;
}

/* The delivery-estimate plugin ships its own plain inline <style> (bright
   green, no !important) — swap it for the brand pink so it reads as part of
   this card instead of a stray plugin widget. */
#pisol_single_product_estimate .pi-edd{
	margin:0;
}
#pisol_single_product_estimate .pi-edd-product{
	background:#f5e6eb!important;
	color:#a84461!important;
	border:1px solid #ead9d8!important;
	border-radius:999px!important;
	font:600 12.5px "DM Sans",sans-serif!important;
	text-align:center;
}

.quantity .qty{
	height:46px;
	border:1px solid #ead9d8;
	border-radius:9px;
	padding:0 12px;
	font:400 15px "DM Sans",sans-serif;
}

/* Shape/spacing only — the button's brand color is already set sitewide by
   the WooCommerce Customizer plugin (higher-specificity !important rule);
   overriding it here would make this one button a different shade from
   every other "add to cart" button on the site, which is the opposite of
   what "acoplado" means. */
.single_add_to_cart_button.button{
	display:block;
	width:100%;
	border-radius:9px!important;
	padding:14px!important;
	font:600 16px "DM Sans",sans-serif!important;
	letter-spacing:.2px;
	text-align:center;
	cursor:pointer;
}