/* =========================================================
   Dania Elixir — כרטיסי מוצר ורשת המוצרים
   ========================================================= */

.de-products-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--de-sp-5);
}

@media (max-width: 1180px) and (min-width: 901px) {
	.de-products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* --- כרטיס מוצר --- */
.de-card {
	background: var(--de-surface);
	border: 1px solid var(--de-border);
	border-radius: var(--de-r-lg);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: transform var(--de-t), box-shadow var(--de-t);
}
.de-card:hover { transform: translateY(-6px); box-shadow: var(--de-shadow); }

.de-card__media {
	position: relative;
	background: linear-gradient(160deg, var(--de-cream), var(--de-beige));
	aspect-ratio: 7 / 9;
	overflow: hidden;
}
.de-card__imglink { display: block; height: 100%; }
.de-card__img { width: 100%; height: 100%; object-fit: contain; padding: var(--de-sp-4); transition: transform var(--de-t); }
.de-card:hover .de-card__img { transform: scale(1.04); }

.de-card__step {
	position: absolute;
	inset-block-start: var(--de-sp-3);
	inset-inline-start: var(--de-sp-3);
	background: var(--de-espresso);
	color: var(--de-cream);
	font-size: var(--de-fs-xs);
	padding: 5px 12px;
	border-radius: var(--de-r-pill);
	letter-spacing: .04em;
}
.de-badges {
	position: absolute;
	inset-block-start: var(--de-sp-3);
	inset-inline-end: var(--de-sp-3);
	display: flex;
	flex-direction: column;
	gap: 6px;
	align-items: flex-end;
}
.de-badge {
	font-size: var(--de-fs-xs);
	padding: 5px 12px;
	border-radius: var(--de-r-pill);
	font-weight: 600;
}
.de-badge--best { background: var(--de-gold); color: #fff; }
.de-badge--out { background: var(--de-muted); color: #fff; }

.de-card__body {
	padding: var(--de-sp-5);
	display: flex;
	flex-direction: column;
	gap: var(--de-sp-2);
	flex: 1;
}
.de-card__title { font-size: var(--de-fs-md); margin: 0; line-height: 1.4; }
.de-card__title a { color: var(--de-espresso); }
.de-card__title a:hover { color: var(--de-gold); }
.de-card__latin {
	font-family: var(--de-font-latin);
	font-size: var(--de-fs-base);
	color: var(--de-muted);
	letter-spacing: .04em;
}
.de-card__price {
	font-family: var(--de-font-head);
	font-size: var(--de-fs-lg);
	font-weight: 600;
	color: var(--de-gold);
	margin-block-start: auto;
	padding-block-start: var(--de-sp-2);
}
.de-card__price del { color: var(--de-muted); font-weight: 400; font-size: .8em; margin-inline-end: 6px; }
.de-card__price ins { text-decoration: none; }
.de-card__actions { display: flex; flex-direction: column; gap: var(--de-sp-2); margin-block-start: var(--de-sp-3); }

/* --- ראש עמוד החנות --- */
.de-shophead { text-align: center; padding-block: var(--de-sp-6) var(--de-sp-5); }
.de-shophead__title { font-size: var(--de-fs-2xl); }
.de-shophead .de-rule { margin-inline: auto; }
.de-shophead__desc { color: var(--de-muted); max-width: 620px; margin-inline: auto; }

/* --- עמוד מוצר --- */
.de-product__top {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--de-sp-7);
	padding-block: var(--de-sp-6);
	align-items: start;
}
.de-product__media {
	background: linear-gradient(160deg, var(--de-cream), var(--de-beige));
	border-radius: var(--de-r-lg);
	overflow: hidden;
	position: sticky;
	inset-block-start: calc(var(--de-header-h) + 16px);
}
.de-product__media img { width: 100%; object-fit: contain; }
.de-product__media .flex-viewport { border-radius: var(--de-r-lg); }

.de-product__summary .product_title {
	font-size: var(--de-fs-2xl);
	margin-block-end: var(--de-sp-2);
}
.de-product__latin {
	font-family: var(--de-font-latin);
	font-size: var(--de-fs-lg);
	color: var(--de-muted);
	letter-spacing: .05em;
	display: block;
	margin-block-end: var(--de-sp-3);
}
.de-product__summary .price {
	font-family: var(--de-font-head);
	font-size: var(--de-fs-xl);
	color: var(--de-gold);
	font-weight: 600;
	margin-block: var(--de-sp-4);
	display: block;
}
.de-product__summary .price del { color: var(--de-muted); font-size: .8em; }
.de-product__summary .price ins { text-decoration: none; }
.de-product__summary .woocommerce-product-details__short-description {
	color: var(--de-muted);
	font-size: var(--de-fs-md);
	margin-block-end: var(--de-sp-5);
}

/* טופס הוספה לעגלה */
.de-product__summary form.cart {
	display: flex;
	align-items: center;
	gap: var(--de-sp-3);
	flex-wrap: wrap;
	margin-block-end: var(--de-sp-4);
}
.de-qty {
	display: inline-flex;
	align-items: center;
	border: 1px solid var(--de-border);
	border-radius: var(--de-r);
	overflow: hidden;
	background: var(--de-surface);
}
.de-qty__btn {
	width: 44px;
	height: 50px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: none;
	color: var(--de-espresso);
}
.de-qty__btn:hover { background: var(--de-cream); color: var(--de-gold); }
.de-qty input.qty {
	width: 52px;
	height: 50px;
	border: none;
	border-inline: 1px solid var(--de-border);
	text-align: center;
	font: inherit;
	background: transparent;
	-moz-appearance: textfield;
}
.de-qty input.qty::-webkit-outer-spin-button,
.de-qty input.qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.de-product__summary .single_add_to_cart_button {
	flex: 1;
	min-width: 200px;
	background: var(--de-espresso);
	color: var(--de-surface);
	border: none;
	border-radius: var(--de-r);
	min-height: 52px;
	padding: 14px 28px;
	font-family: var(--de-font-head);
	font-weight: 500;
	transition: background var(--de-t);
}
.de-product__summary .single_add_to_cart_button:hover { background: var(--de-brown); }

.de-product__wa { margin-block-end: var(--de-sp-5); }

/* יתרונות והערות */
.de-product__benefits { margin-block: var(--de-sp-5); }
.de-product__benefits h3 { font-size: var(--de-fs-md); margin-bottom: var(--de-sp-3); }
.de-product__benefits ul { display: grid; gap: var(--de-sp-2); }
.de-product__benefits li { display: flex; align-items: flex-start; gap: 10px; color: var(--de-text); }
.de-product__benefits li .de-icon { color: var(--de-success); flex: 0 0 auto; margin-block-start: 3px; }

.de-pnotes {
	border: 1px solid var(--de-border);
	border-radius: var(--de-r);
	padding: var(--de-sp-4);
	background: var(--de-surface);
	display: grid;
	gap: 10px;
	margin-block: var(--de-sp-4);
}
.de-pnotes li { display: flex; align-items: center; gap: 10px; color: var(--de-muted); font-size: var(--de-fs-sm); }
.de-pnotes li .de-icon { color: var(--de-gold); flex: 0 0 auto; }

/* טאבים */
.de-product__after { padding-block: var(--de-sp-6); }
.woocommerce-tabs .wc-tabs {
	display: flex;
	gap: var(--de-sp-4);
	border-block-end: 1px solid var(--de-border);
	margin-block-end: var(--de-sp-5);
	flex-wrap: wrap;
}
.woocommerce-tabs .wc-tabs li a {
	display: block;
	padding: 12px 4px;
	font-family: var(--de-font-head);
	font-weight: 500;
	color: var(--de-muted);
	border-block-end: 2px solid transparent;
}
.woocommerce-tabs .wc-tabs li.active a { color: var(--de-espresso); border-block-end-color: var(--de-gold); }
.woocommerce-Tabs-panel { max-width: 800px; color: var(--de-text); }
.woocommerce-Tabs-panel h2 { font-size: var(--de-fs-lg); }

/* שריג קנייה תחתון */
.de-stickybar {
	position: fixed;
	inset-inline: 0;
	inset-block-end: 0;
	z-index: var(--de-z-header);
	background: var(--de-surface);
	border-block-start: 1px solid var(--de-border);
	box-shadow: 0 -8px 30px rgba(36, 23, 15, .1);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--de-sp-3);
	padding: 12px var(--de-gutter);
	padding-block-end: calc(12px + env(safe-area-inset-bottom));
}
.de-stickybar__info { display: flex; align-items: center; gap: 12px; min-width: 0; }
.de-stickybar__img { width: 46px; height: 46px; border-radius: var(--de-r-sm); object-fit: contain; background: var(--de-cream); }
.de-stickybar__name { display: block; font-family: var(--de-font-head); font-weight: 500; font-size: var(--de-fs-sm); color: var(--de-espresso); }
.de-stickybar__price { display: block; color: var(--de-gold); font-weight: 600; font-size: var(--de-fs-sm); }
.de-stickybar__price del { color: var(--de-muted); font-weight: 400; }
.de-stickybar .de-btn { flex: 0 0 auto; }

/* פרומו הערכה בעמוד המוצר */
.de-single-bundle { margin-block-start: var(--de-sp-6); }