/* =========================================================
   Dania Elixir — התאמות רספונסיביות (Mobile-first overrides)
   נטען אחרון כדי לגבור על שאר הקבצים.
   ========================================================= */

/* --- טאבלט ומטה --- */
@media (max-width: 1024px) {
	.de-hero { min-height: clamp(650px, 82vh, 760px); }
	.de-hero__content { align-items: flex-end; padding-block: 64px 46px; }
	.de-hero__copy { width: min(100%, 540px); padding: 30px; }
	.de-bundle__inner { grid-template-columns: 1fr; gap: var(--de-sp-6); }
	.de-why__grid { grid-template-columns: repeat(2, 1fr); }
	.de-footer__top { grid-template-columns: 1fr 1fr; }
	.de-product__top { grid-template-columns: 1fr; }
	.de-product__media { position: static; }
}

/* --- הסתרת תפריט הניווט הראשי במובייל (יש off-canvas) --- */
@media (max-width: 900px) {
	.de-nav { display: none; }
	.de-features__grid { grid-template-columns: repeat(2, 1fr); gap: var(--de-sp-5); }

	/* גלילת snap אופקית למוצרים */
	.de-products-grid[data-de-snap] {
		grid-auto-flow: column;
		grid-auto-columns: 78%;
		grid-template-columns: none;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		gap: var(--de-sp-4);
		padding-block-end: var(--de-sp-3);
		margin-inline: calc(var(--de-gutter) * -1);
		padding-inline: var(--de-gutter);
		scrollbar-width: none;
	}
	.de-products-grid[data-de-snap]::-webkit-scrollbar { display: none; }
	.de-products-grid[data-de-snap] > * { scroll-snap-align: center; }

	.de-routine__grid { grid-template-columns: 1fr; gap: var(--de-sp-5); }
	.de-routine__step:not(:last-child)::after { display: none; }
	.de-bundle__visual { width: min(100%, 520px); }
}

/* --- מובייל --- */
@media (max-width: 600px) {
	:root { --de-header-h: 64px; }

	.de-header__inner { grid-template-columns: auto 1fr auto; }
	.de-logo__mark { font-size: 1.5rem; }
	.de-logo__name { font-size: .8rem; letter-spacing: .26em; }

	.de-why__grid { grid-template-columns: 1fr; }
	.de-shipping-sec__grid { grid-template-columns: 1fr; }
	.de-footer__top { grid-template-columns: 1fr; gap: var(--de-sp-6); }
	.de-features__grid { grid-template-columns: 1fr 1fr; }
	.de-feature { flex-direction: column; gap: 8px; }

	.de-hero { min-height: max(640px, 82svh); }
	.de-hero__content { padding-block: 72px 28px; align-items: flex-end; }
	.de-hero__copy {
		width: 100%;
		padding: 0 4px;
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
	}
	.de-hero__slide img { object-position: 50% center; }
	.de-hero__veil {
		background:
			linear-gradient(180deg, rgba(10, 7, 5, .05) 0%, rgba(10, 7, 5, .10) 38%, rgba(10, 7, 5, .58) 68%, rgba(10, 7, 5, .92) 100%),
			linear-gradient(90deg, rgba(10, 7, 5, .22), rgba(10, 7, 5, .05));
	}
	.de-hero__latin,
	.de-hero__title,
	.de-hero__text { text-shadow: 0 2px 12px rgba(0, 0, 0, .48); }
	.de-hero__latin { font-size: .7rem; letter-spacing: .20em; margin-bottom: 8px; }
	.de-hero__title { font-size: clamp(1.9rem, 9vw, 2.55rem); line-height: 1.08; }
	.de-hero__copy .de-rule { margin-block: 12px; }
	.de-hero__text { font-size: .98rem; line-height: 1.5; margin-block: 10px 16px; }
	.de-hero__actions { gap: 10px; }
	.de-hero__actions .de-btn { min-width: 0; }
	.de-offer-ticker { min-block-size: 52px; }
	.de-offer-ticker__track { animation-duration: 20s; }
	.de-offer-ticker__group { width: max-content; }
	.de-offer-ticker__item { padding: 13px 18px; gap: 9px; font-size: .96rem; line-height: 1.15; }
	.de-offer-ticker__text { display: inline-block; }

	.de-product__summary form.cart { flex-direction: column; align-items: stretch; }
	.de-qty { align-self: flex-start; }
	.de-product__summary .single_add_to_cart_button { width: 100%; }

	/* מרווח לתחתית עבור השריג התחתון */
	body.single-product { padding-block-end: 84px; }

	.de-btn { width: 100%; }
	.de-hero__actions .de-btn,
	.de-bundle__add,
	.de-empty .de-btn { width: 100%; }
	.de-bundle__visual { width: 100%; border-radius: 18px; }
	.de-toast { inset-inline: 16px; inset-block-end: 16px; transform: translateY(20px); max-width: none; }
	.de-toast.is-visible { transform: translateY(0); }
	.de-wa-float span { display: none; }
	.de-wa-float { padding: 14px; }
}

/* --- מסכים גדולים --- */
@media (min-width: 1400px) {
	:root { --de-container: 1280px; }
}