/* Bee1 Ultra — Zmora. Product card on the Bee1 Ultimate Loop Grid (home sliders + archive).
   Measured off the live Elementor loop item 27568 on 2026-10-09 (desktop 225.5px card, mobile 165px card).
   Scoped to .bee1-ulg-* so nothing else on the site is touched. */

/* ---- card ------------------------------------------------------------------------------------------------ */
.bee1-ulg-card {
	display: flex;
	flex-direction: column;
	padding: 10px 10px 9px;
	background: #fff;
	border-radius: 20px;
	box-shadow: rgba(0, 0, 0, 0.07) 0 4px 20px 0;
	text-align: center;
	overflow: visible;
}

/* image box: square, #f4f4f4, 10px radius, contained product photo */
.bee1-ulg-card__media {
	position: relative;
	flex: none;
	width: 100%;
	aspect-ratio: 1 / 1;
	background: #f4f4f4;
	border-radius: 10px;
	overflow: hidden;
}
.bee1-ulg-card__media-link {
	display: block;
	width: 100%;
	height: 100%;
}
.bee1-ulg-card__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 10px;
}

/* Bee1 Custom Product Badges ([bee1badges]): rotated 5deg in the card's top-right corner, as before */
.bee1-ulg-card .bee1-ulg-badges {
	top: 8px;
	inset-inline-end: 8px;
	inset-inline-start: auto;
	transform: rotate(5deg);
}

/* TI Wishlist heart: 18px icon, centre 23px from the image's left and 37px from its top (old card) */
.bee1-zmora-heart {
	position: absolute;
	top: 28px;
	left: 14px;
	z-index: 3;
	line-height: 0;
}
.bee1-zmora-heart .tinv-wraper {
	margin: 0;
}

/* ---- body ------------------------------------------------------------------------------------------------ */
.bee1-ulg-wrap .bee1-ulg-card .bee1-ulg-card__body,
.bee1-ulg-slider .bee1-ulg-card .bee1-ulg-card__body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	justify-content: flex-end;
	align-items: stretch;
	gap: 0;
	padding: 1px 0 0;
	background: transparent;
}
/* every card in a row is as tall as the tallest; the price + button stack sits on the card's bottom edge */
.bee1-ulg-grid {
	align-items: stretch;
}
.bee1-ulg-grid .bee1-ulg-card {
	height: 100%;
}

/* promo strip ([discount_bar] + [comaxclubpromo]) sits between the image and the title, full card width */
.bee1-ulg-card__promo {
	order: -1;
	min-height: 24px;
	margin-top: 0;
}
.bee1-ulg-card__promo:empty {
	display: block;
}
.bee1-ulg-card__promo .custom-discount-link {
	display: block;
}
.bee1-ulg-card__promo .custom-discount-link:empty {
	display: none;
}

.bee1-ulg-card__title {
	margin: 0;
	padding: 0 20px;
	font-size: 17px;
	font-weight: 700;
	line-height: 17px;
	color: #313131;
	text-align: center;
}
/* the engine sets title line-height with !important (1.3); the old card used 17px (16px text: 19.2px on phones) */
.bee1-ulg-wrap .bee1-ulg-card .bee1-ulg-card__title,
.bee1-ulg-slider .bee1-ulg-card .bee1-ulg-card__title {
	line-height: 17px !important;
	/* the title keeps a 60px slot (three lines + 9px); a longer title makes the slot, and so the row, taller */
	box-sizing: content-box;
	min-height: 51px;
	margin-bottom: 0;
	padding-bottom: 9px;
}
.bee1-ulg-card__title a {
	color: inherit;
	text-decoration: none;
}

/* price (red) + price per 100 g (small grey line) */
.bee1-ulg-card__price {
	margin: 0 0 15px;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	color: #BB161D;
	text-align: center;
}
.bee1-ulg-card__price .price_calc_gm_first {
	display: block;
	margin: 10px 0 0;
	font-size: 10px;
	font-weight: 700;
	line-height: 15px;
	color: #808080;
}
.bee1-ulg-card__price .price_calc_gm_first .woocommerce-Price-amount {
	font-size: inherit;
	color: inherit;
	/* the old card printed each amount inside <bdi>, which isolates it left-to-right: "361.25 ₪", shekel on the right.
	   ULG prints a bare span, so in an RTL line the shekel jumped to the left of the number. */
	direction: ltr;
	unicode-bidi: isolate;
}

/* add to cart: one green pill across the card; the plugin's button (city / branch popup) fills it */
.bee1-ulg-wrap .bee1-ulg-card .bee1-ulg-card__actions,
.bee1-ulg-slider .bee1-ulg-card .bee1-ulg-card__actions {
	display: flex;
	align-items: center;
	height: 39px;
	margin-top: auto;
	padding: 0;
	background: #96BE36;
	border-radius: 39px;
}
.bee1-ulg-card__actions .bee1_add_product,
.bee1-ulg-card__actions .bee1_add_product a.button {
	display: block;
	width: 100%;
}
.bee1-ulg-card__actions a.button {
	min-height: 0;
	padding: 9.888px 16px;
	font-size: 16px;
	font-weight: 400;
	line-height: 16px;
	color: #fff;
	text-align: center;
	background: transparent;
	border: 0;
	border-radius: 30px;
}

/* ---- phone: card 165px, image edge to edge, strip and text keep a 10px inset ------------------------------ */
@media (max-width: 767px) {
	.bee1-ulg-card {
		padding: 0;
	}
	.bee1-ulg-wrap .bee1-ulg-card .bee1-ulg-card__body,
	.bee1-ulg-slider .bee1-ulg-card .bee1-ulg-card__body {
		padding: 19px 10px 10px;
	}
	.bee1-ulg-card__title {
		padding: 0 10px;
		font-size: 16px;
		line-height: 19.2px;
	}
	.bee1-ulg-wrap .bee1-ulg-card .bee1-ulg-card__title,
	.bee1-ulg-slider .bee1-ulg-card .bee1-ulg-card__title {
		line-height: 19.2px !important;
	}
	.bee1-ulg-card__promo {
		margin-top: 0;
	}
}