/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 14 2026 | 06:40:51 */
@import url('https://fonts.googleapis.com/css2?family=Teko:wght@300..700&display=swap');
.supplement-facts-wrapper {
	margin-top: 20px;
}

.supplement-facts-wrapper table {
	width: 100%;
	border-collapse: collapse;
}

.supplement-facts-wrapper table th,
.supplement-facts-wrapper table td {
	border: 1px solid #ddd;
	padding: 8px;
}

.supplement-facts-wrapper table th {
	background: #f5f5f5;
	font-weight: 600;
}

.shop-style-01{
	.uabb-woo-product-wrapper {
		background: #f2f2f2;
		padding: 25px;
		position: relative;
		clip-path: polygon(
			25px 0,
			100% 0,
			100% calc(100% - 25px),
			calc(100% - 25px) 100%,
			0 100%,
			0 25px
		);
		transition: 0.3s ease;

		&:hover {
			transform: translateY(-5px);
		}

		.uabb-woo-products-thumbnail-wrap {
			background: #fff;
			padding: 15px;
			box-shadow: 0 10px 20px rgba(0,0,0,0.08);
			margin-bottom: 20px;
			min-height: auto;
		}

		.woocommerce-loop-product__title {
			font-size: 22px !important;
			border-bottom: 2px solid #D1D5DB !important;
			padding: 10px 0 !important;
			text-align: left;
			font-weight: 600;
			font-family: "Teko", sans-serif;
		}
		.uabb-woo-products-description {
			font-size: 14px;
			color: #555;
			margin-bottom: 15px;
			text-align: left;

			p{
				-webkit-line-clamp: 5 !important;
				display: -webkit-box !important;
				-webkit-box-orient: vertical !important;
				overflow: hidden !important;
				height: 103px;
			}
		}
		.price {
			font-size: 26px !important;
			font-weight: 800 !important;
			color: #1a1a1a !important;
			display: flex !important;
			margin-bottom: 0px !important;
			flex: 0 0 100% !important;
			font-family: "Teko", sans-serif;
			flex-direction: row;
			align-items: center;
			gap: 10px;

			del{
				font-size: 18px !important;
				font-weight: 500;
			}
		}
		.add_to_cart_button, .button {
			display: block !important;
			background: #ed1a23 !important;
			color: #fff !important;
			font-weight: 400 !important;
			border: none !important;
			position: relative;
			text-align: center;
			clip-path: polygon(
				20px 0,
				100% 0,
				100% calc(100% - 20px),
				calc(100% - 20px) 100%,
				0 100%,
				0 20px
			);
			transition: 0.3s ease;
			width: 100%;
			margin-bottom: 0 !important;

			&:hover {
				background: #c41515 !important;
			}
		}
	}
}