/* ==========================================================================
   Homepage in the Figma's proportions.

   The Figma frame (node 3-2) is 1920 wide with the content on 87% of it. Followed literally
   that is too big on a real 1920 monitor (the wine picture alone gets taller than the screen),
   so the content follows the screen up to a limit and then stops growing:

     screen   1280   1440   1536   1680 and wider
     content  1139   1197   1260   1360 (capped; the side margins take the rest)

     --lg-hg  side gutter
     --lg-u   one "Figma pixel" = content width / 1257  (0.95px @1440, 1.08px from 1680 up)

   Every size below is a Figma measurement times --lg-u, so blocks, type and gaps keep their
   proportions at every width. Spacing between blocks is roomier than in the Figma on purpose
   (the client found the literal version heavy).

   768px and up: the category mosaic.   1101px and up: everything else.
   Phones keep their own stacked layout (home.css).
   ========================================================================== */
body.home {
	--lg-hg: 16px;
	--lg-u: calc((100vw - 2 * var(--lg-hg)) / 1257);
	--lg-joint: 10px;
}
@media (min-width: 1101px) {
	body.home {
		--lg-hg: max(16px, min(calc((100vw - 1060px) * .32), 9vw), calc((100vw - 1360px) / 2));
		--lg-joint: calc(18 * var(--lg-u));
		--lg-row: calc(100vw - 2 * var(--lg-hg));   /* width of the header row, for the menu spacing in header-footer.css */
	}
}

/* ==========================================================================
   Category mosaic — tablets and desktop.
   The pictures carry their label (and the wine picture its text and button) inside the
   image, so they are never cropped: every frame has the proportions of its picture.
   ========================================================================== */
@media (min-width: 768px) {
	body.home .elementor-5828 .elementor-element-44923c3,
	body.home .elementor-5828 .elementor-element-4559213 { min-height: 0 !important; padding: 0 !important; }
	body.home .elementor-5828 .elementor-element-44923c3 { margin-bottom: var(--lg-joint) !important; }
	body.home .elementor-5828 .elementor-element-44923c3.e-con-full,
	body.home .elementor-5828 .elementor-element-4559213.e-con-full { padding-inline: var(--lg-hg) !important; }
	body.home .elementor-5828 .elementor-element-44923c3 > .e-con-inner,
	body.home .elementor-5828 .elementor-element-4559213 > .e-con-inner { width: 100% !important; max-width: calc(100% - 2 * var(--lg-hg)) !important; margin-inline: auto !important; }
	body.home .elementor-5828 .elementor-element-44923c3 > .e-con-inner {
		display: grid !important; grid-template-columns: minmax(0, 370fr) minmax(0, 433.5fr) minmax(0, 433.5fr);
		gap: var(--lg-joint) !important; align-items: center; padding: 0 !important;
	}
	body.home .elementor-5828 .elementor-element-4559213 > .e-con-inner {
		display: grid !important; grid-template-columns: minmax(0, 912fr) minmax(0, 335fr);
		gap: var(--lg-joint) !important; align-items: stretch; padding: 0 !important;
	}
	body.home .elementor-5828 .elementor-element-44923c3 > .e-con-inner > .e-con,
	body.home .elementor-5828 .elementor-element-4559213 > .e-con-inner > .e-con { width: auto !important; max-width: none !important; min-width: 0; padding: 0 !important; margin: 0 !important; }
	body.home .elementor-5828 .elementor-element-44923c3 .elementor-cta__content,
	body.home .elementor-5828 .elementor-element-4559213 .elementor-cta__content { min-height: 0 !important; padding: 0 !important; }
	body.home .elementor-5828 .elementor-element-44923c3 .elementor-cta__bg,
	body.home .elementor-5828 .elementor-element-4559213 .elementor-cta__bg { background-size: 100% 100% !important; background-position: center !important; }
	/* the pictures carry their own rounded corners (32 @1440); the frame repeats them, so the shape holds while the picture zooms on hover */
	body.home .elementor-5828 .elementor-element-44923c3 .elementor-cta, body.home .elementor-5828 .elementor-element-44923c3 .elementor-cta__bg-wrapper,
	body.home .elementor-5828 .elementor-element-4559213 .elementor-cta, body.home .elementor-5828 .elementor-element-4559213 .elementor-cta__bg-wrapper {
		border-radius: calc(32 * var(--lg-u)) calc(32 * var(--lg-u)) calc(32 * var(--lg-u)) max(28px, calc(48 * var(--lg-u))) !important;
	}
	body.home .elementor-5828 .elementor-element-44923c3 .elementor-cta { aspect-ratio: 578 / 459; }
	body.home .elementor-5828 .elementor-element-d66f4cc .elementor-cta { aspect-ratio: 1217 / 978; }
	/* left column: two equal pictures that together are exactly as tall as the wine picture */
	body.home .elementor-5828 .elementor-element-6a0b01c { display: grid !important; grid-template-rows: minmax(0, 1fr) minmax(0, 1fr); gap: var(--lg-joint) !important; align-self: stretch; height: auto !important; }
	body.home .elementor-5828 .elementor-element-6a0b01c > .e-con { width: 100% !important; min-height: 0 !important; height: 100%; padding: 0 !important; }
	body.home .elementor-5828 .elementor-element-6a0b01c .elementor-widget-call-to-action,
	body.home .elementor-5828 .elementor-element-6a0b01c .elementor-widget-container,
	body.home .elementor-5828 .elementor-element-6a0b01c .elementor-cta,
	body.home .elementor-5828 .elementor-element-6a0b01c .elementor-cta__content { height: 100% !important; min-height: 0 !important; }

	/* the four new category pictures (includes/home.php): the same mosaic, the same frames as the old ones */
	body.home .elementor-5828 .elementor-element-44923c3 > .e-con-inner:has(> .lg-cats-widget) { grid-template-columns: minmax(0, 370fr) minmax(0, 867fr); }
	body.home .elementor-5828 .elementor-element-4559213 > .e-con-inner:has(> .lg-cats-widget) { grid-template-columns: minmax(0, 1fr); }
	body.home .elementor-5828 .e-con-inner > .lg-cats-widget { width: auto !important; max-width: none !important; min-width: 0; margin: 0 !important; }
	body.home .elementor-5828 .lg-tiles { gap: var(--lg-joint); }
	body.home .elementor-5828 .lg-tiles--pair { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	body.home .elementor-5828 .lg-tiles--feature { grid-template-columns: minmax(0, 912fr) minmax(0, 335fr); }
	body.home .elementor-5828 .lg-tile { border-radius: calc(32 * var(--lg-u)) calc(32 * var(--lg-u)) calc(32 * var(--lg-u)) max(28px, calc(48 * var(--lg-u))); }
	body.home .elementor-5828 .lg-tiles--pair .lg-tile { aspect-ratio: 578 / 459; }
	body.home .elementor-5828 .lg-tile--wine { aspect-ratio: 1217 / 978; }

	/* "מה שותים היום?" — on the right grid line, centred against the two pictures */
	body.home .elementor-5828 .elementor-element-c0c83c5 { align-items: flex-start !important; justify-content: center !important; gap: 0 !important; }
	body.home .elementor-5828 .elementor-element-c0c83c5 .elementor-widget { width: 100%; }
	body.home .elementor-5828 .elementor-element-bd84bc2 .elementor-heading-title {
		font-size: clamp(26px, calc(48 * var(--lg-u)), 72px) !important; line-height: 1.06 !important; letter-spacing: -.06em !important;
		text-align: right !important; white-space: pre-line;
	}
	body.home .elementor-5828 .elementor-element-fa6ee1c { margin-top: max(8px, calc(13 * var(--lg-u))); }
	body.home .elementor-5828 .elementor-element-fa6ee1c .elementor-heading-title {
		font-size: max(14px, calc(19.5 * var(--lg-u))) !important; line-height: 1.27 !important; letter-spacing: 0 !important;
		color: var(--lg-ink-soft) !important; text-align: right !important; max-width: 14.2em; margin: 0;
	}
	body.home .elementor-5828 .elementor-element-ca964b6 { margin-top: max(10px, calc(14 * var(--lg-u))); text-align: right; }
	body.home .elementor-5828 .elementor-element-ca964b6 .elementor-button {
		display: inline-flex; align-items: center; justify-content: center;
		min-width: calc(163 * var(--lg-u)); min-height: max(32px, calc(34 * var(--lg-u))); padding: 0 max(12px, calc(16 * var(--lg-u))) !important;
		font-size: max(14px, calc(15 * var(--lg-u))) !important; line-height: 1; border-radius: max(6px, calc(6 * var(--lg-u)));
		background: var(--lg-cream) !important; color: var(--lg-ink) !important;
	}
	body.home .elementor-5828 .elementor-element-ca964b6 .elementor-button:hover { background: var(--lg-taupe) !important; color: #fff !important; }
}

/* ==========================================================================
   Desktop, 1101px and up
   ========================================================================== */
@media (min-width: 1101px) {
	/* ---------- one pair of grid lines: header, page, footer ---------- */
	body.home .wd-content-layout.container,
	body.home .main-page-wrapper > .container,
	body.home .wd-page-content > .container { max-width: none !important; width: 100% !important; padding-inline: var(--lg-hg) !important; }
	body.home .whb-header .whb-row > .container,
	body.home .whb-general-header > .container { max-width: none !important; width: 100% !important; margin-inline: 0 !important; padding-inline: var(--lg-hg) !important; }
	body.home .whb-general-header .wd-dropdown-menu.wd-design-full-width > .container { max-width: none !important; padding-inline: var(--lg-hg) !important; }
	body.home .wd-footer > .container.main-footer { max-width: none !important; width: 100% !important; margin-inline: 0 !important; padding-inline: 0 !important; }
	body.home .lg-footer__inner > .e-con-inner { max-width: calc(100% - 2 * var(--lg-hg)) !important; }

	/* every boxed section of the page */
	body.home .elementor-5828 .e-con-boxed > .e-con-inner { max-width: calc(100% - 2 * var(--lg-hg)) !important; width: 100% !important; margin-inline: auto !important; }
	body.home .elementor-5828 > .e-con:not(.wd-section-stretch) > .e-con-inner { max-width: 100% !important; }
	body.home .elementor-5828 > .e-con:not(.wd-section-stretch) { max-width: none !important; width: 100% !important; }
	body.home .elementor-5828 .elementor-element-6af0372,
	body.home .elementor-5828 .elementor-element-f9b0ca9 { padding-inline: 0 !important; }

	/* ---------- hero: the Figma composite (panel 1667×695 inside a 1786×829 picture) ----------
	   The panel sits exactly on the grid; the bottle rises above it and the glass stem drops below it,
	   as in the design. Two layers of the same picture: the panel (with the site's big corner) and the
	   two parts that leave the panel. Type and buttons follow the panel: 1cqi = 1% of its width. */
	body.home .elementor-5828 .elementor-element-a5b0620 {
		min-height: 0 !important; height: auto !important; padding: 0 !important;
		margin-top: max(12px, calc(46 * var(--lg-u) - 22px)) !important;   /* room for the bottle that rises above the panel */
		margin-bottom: calc(55 * var(--lg-u)) !important; /* the glass stem ends exactly on the top edge of the category pictures */
		background: none !important; position: relative; z-index: 2; overflow: visible !important;
	}
	body.home .elementor-5828 .elementor-element-a5b0620::before,
	body.home .elementor-5828 .elementor-element-a5b0620::after { content: none !important; display: none !important; }
	body.home .elementor-5828 .elementor-element-a5b0620 > .e-con-inner {
		position: relative; isolation: isolate; container-type: inline-size;
		width: calc(100% - 2 * var(--lg-hg)) !important; max-width: none !important; margin: 0 auto !important;
		aspect-ratio: 1667 / 695; min-height: 0 !important; padding: 0 !important;
		display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-end !important;
	}
	body.home .elementor-5828 .elementor-element-a5b0620 > .e-con-inner::after {
		content: ""; display: block !important; position: absolute; inset: 0; z-index: -2; pointer-events: none;
		border-radius: 0 0 0 100px;
		background: url("hero-pour-burgundy.webp") 100% 45.52% / 107.139% 119.281% no-repeat;
	}
	body.home .elementor-5828 .elementor-element-a5b0620 > .e-con-inner::before {
		content: ""; display: block !important; position: absolute; z-index: -1; pointer-events: none;
		top: -8.777%; bottom: -10.504%; left: -7.139%; right: 0; width: auto !important; height: auto !important;
		background: url("hero-pour-burgundy.webp") center / 100% 100% no-repeat;
		/* only the bottle above the panel and the glass below it */
		clip-path: polygon(84% 0, 100% 0, 100% 7.45%, 84% 7.45%, 74.7% 91.1%, 74.7% 100%, 62.7% 100%, 62.7% 91.1%, 74.7% 91.1%, 84% 7.45%);
	}
	/* text block: starts 12.9% from the panel's left edge, 26.6% wide, one right line for all four rows */
	body.home .elementor-5828 .elementor-element-194e52f {
		width: 26.56cqi !important; max-width: none !important; margin: 0 0 0 12.88cqi !important; padding: 0 !important;
		align-self: flex-end !important; align-items: stretch !important; gap: 0 !important; overflow: visible;
	}
	body.home .elementor-5828 .elementor-element-194e52f .elementor-heading-title { text-align: right !important; white-space: nowrap; margin: 0; }
	body.home .elementor-5828 .elementor-element-f02f21b .elementor-heading-title { font-size: 9.28cqi !important; line-height: 1 !important; letter-spacing: -.01em !important; margin-inline-start: -.72cqi; }
	body.home .elementor-5828 .elementor-element-8ecf77d { margin-top: 1.78cqi !important; }
	/* the tracking is added to the right of every glyph, so the row is pulled right by one step to end on the block's line */
	body.home .elementor-5828 .elementor-element-8ecf77d .elementor-heading-title { font-size: 1.89cqi !important; line-height: 1 !important; letter-spacing: .714em !important; margin-inline-start: -.714em; }
	body.home .elementor-5828 .elementor-element-578523a { margin-top: 1.46cqi !important; }
	body.home .elementor-5828 .elementor-element-578523a .elementor-heading-title { font-size: max(14px, 1.05cqi) !important; line-height: 1.15 !important; letter-spacing: 0 !important; white-space: normal; text-wrap: balance; }
	body.home .elementor-5828 .elementor-element-df0f71f { margin-top: 1.82cqi !important; padding: 0 !important; gap: .5cqi !important; justify-content: flex-start !important; flex-wrap: nowrap !important; width: 100% !important; }
	body.home .elementor-5828 .elementor-element-df0f71f .lg-hero-btn { flex: 1 1 0; width: auto; min-width: 0; }
	body.home .elementor-5828 .elementor-element-df0f71f .lg-hero-btn .elementor-button {
		width: 100%; min-width: 0; min-height: max(34px, 3.12cqi); padding: 0 1cqi; font-size: max(15px, 1.5cqi); border-radius: max(5px, .45cqi);
	}

	/* ---------- air between the blocks ---------- */
	body.home .elementor-5828 .elementor-element-4559213 { margin-bottom: calc(130 * var(--lg-u)) !important; }

	/* ---------- "מוצרים חדשים" intro: same type as "מה שותים היום?" ---------- */
	body.home .elementor-5828 .lg-new__intro .lg-title--xl .elementor-heading-title {
		font-size: clamp(26px, calc(48 * var(--lg-u)), 72px) !important; line-height: 1.2 !important; letter-spacing: -.06em !important;
		text-align: right !important; max-width: 4.6em;
	}
	body.home .elementor-5828 .lg-new__intro .lg-lead,
	body.home .elementor-5828 .lg-new__intro .lg-lead p {
		font-size: max(14px, calc(19.5 * var(--lg-u))) !important; line-height: 1.27 !important; letter-spacing: 0 !important;
		color: var(--lg-ink-soft) !important; text-align: right !important; max-width: 14.2em; margin: 0;
	}
	body.home .elementor-5828 .lg-new__intro .lg-btn-soft .elementor-button {
		display: inline-flex; align-items: center; justify-content: center;
		min-width: calc(163 * var(--lg-u)); min-height: max(32px, calc(34 * var(--lg-u))); padding: 0 max(12px, calc(16 * var(--lg-u))) !important;
		font-size: max(14px, calc(15 * var(--lg-u))) !important; line-height: 1; border-radius: max(6px, calc(6 * var(--lg-u)));
	}
	body.home .elementor-5828 .lg-new__intro.e-con { gap: 0 !important; flex: 0 0 26.5% !important; width: 26.5% !important; align-self: center !important; justify-content: center !important; align-items: flex-start !important; }
	body.home .elementor-5828 .lg-new__grid.e-con { flex: 0 0 73.5% !important; width: 73.5% !important; }
	body.home .elementor-5828 .lg-new__intro .lg-lead { margin-top: max(10px, calc(12 * var(--lg-u))); }
	body.home .elementor-5828 .lg-new__intro .lg-btn-soft { margin-top: max(12px, calc(14 * var(--lg-u))); }

	/* ---------- section titles ("המומלצים שלנו", "המותגים המובילים שלנו", "קצת עלינו") ---------- */
	body.home .elementor-5828 .elementor-element-7468f4d .elementor-heading-title,
	body.home .elementor-5828 .elementor-element-9b3a858 .elementor-heading-title,
	body.home .elementor-5828 .lg-about > .e-con-inner > .lg-title .elementor-heading-title,
	body.home .elementor-5828 .lg-about > .lg-title .elementor-heading-title {
		font-size: clamp(32px, calc(34.5 * var(--lg-u)), 64px) !important; line-height: 1.05 !important; letter-spacing: -.055em !important;
	}

	/* ---------- "המומלצים שלנו": three cards with the Figma's wide joints; arrows in the side margins ---------- */
	body.home .elementor-5828 .elementor-element-7468f4d { margin-top: 0 !important; }
	body.home .elementor-5828 .lg-reco .wd-carousel { --wd-gap-lg: calc(65.5 * var(--lg-u)) !important; --wd-gap: calc(65.5 * var(--lg-u)) !important; }
	body.home .elementor-5828 .lg-reco .wd-carousel-inner { overflow: visible !important; }
	body.home .elementor-5828 .lg-reco .wd-carousel { padding-bottom: calc(134 * var(--lg-u)) !important; }
	body.home .elementor-5828 .lg-reco .wd-carousel-item:nth-child(3n+2) .wd-product { transform: translateY(calc(74 * var(--lg-u))); }
	/* band: starts 149 under the top of the side cards, ends 60 under the middle card, runs the whole screen */
	body.home .elementor-5828 .elementor-element-6af0372 { min-height: 0 !important; margin-bottom: 0 !important; }
	body.home .elementor-5828 .elementor-element-6af0372::before { background-image: none !important; }
	body.home .elementor-5828 .elementor-element-6af0372::after { content: none !important; display: none !important; }
	body.home .elementor-5828 .lg-reco > .elementor-widget-container { margin-bottom: 0 !important; }
	body.home .elementor-5828 .lg-reco .wd-carousel-container { position: relative; isolation: isolate; }
	body.home .elementor-5828 .lg-reco .wd-nav-pagin-wrap { position: absolute; z-index: 2; inset-inline: 0; bottom: calc(28 * var(--lg-u)); margin: 0 !important; }
	body.home .elementor-5828 .lg-reco .wd-carousel-container::before {
		content: ""; position: absolute; z-index: -1; pointer-events: none;
		top: calc(10px + .4788 * (375.3 * var(--lg-u) - 2 * var(--lg-rpad)) + 149 * var(--lg-u)); bottom: 0; left: calc(-1 * var(--lg-hg)); right: calc(-1 * var(--lg-hg));
		background:
			linear-gradient(rgba(230,209,168,.62), rgba(230,209,168,.62)),
			var(--lg-vine) right top / max(1300px, 100%) auto no-repeat,
			var(--lg-sand);
		background-blend-mode: normal, multiply, normal;
	}
	/* arrows: centred in the side margins — "previous" on the right, "next" on the left (RTL) */
	body.home .elementor-5828 .lg-reco .wd-nav-arrows .wd-btn-arrow { top: calc(10px + .4788 * (375.3 * var(--lg-u) - 2 * var(--lg-rpad)) + 150 * var(--lg-u)); margin-top: -25px; }
	body.home .elementor-5828 .lg-reco .wd-nav-arrows .wd-btn-arrow.wd-prev { right: calc((min(var(--lg-hg), 120px) + 50px) / -2) !important; left: auto !important; }
	body.home .elementor-5828 .lg-reco .wd-nav-arrows .wd-btn-arrow.wd-next { left: calc((min(var(--lg-hg), 120px) + 50px) / -2) !important; right: auto !important; }
	/* cards grow with the screen: type and price strip keep their share of the card */
	body.home .elementor-5828 .lg-reco { --lg-rpad: max(14px, calc(15 * var(--lg-u))); }
	body.home .elementor-5828 .lg-reco .wd-product.wd-hover-alt .product-wrapper { --lg-pad: var(--lg-rpad); --lg-strip-h: max(40px, calc(40 * var(--lg-u))); }
	@supports (width: 1cqi) {
		body.home .elementor-5828 .wd-product.wd-hover-alt .wd-entities-title { font-size: max(20px, 5.4cqi); }
		body.home .elementor-5828 .wd-product.wd-hover-alt .wrap-price .price { font-size: max(20px, 5.7cqi); }
		body.home .elementor-5828 .wd-product.wd-hover-alt .product-label { font-size: max(16px, 4.6cqi); }
		body.home .elementor-5828 .wd-product.wd-hover-alt .wd-product-cats a:first-child { font-size: max(14px, 3.6cqi); }
		body.home .elementor-5828 .lg-cards-taupe .wd-product.wd-hover-alt .wd-entities-title { font-size: max(19px, 6.6cqi); }
		/* price pill in the free corner beside the bottle, clear of it (it used to cover part of the label) */
		body.home .elementor-5828 .lg-cards-taupe .wd-product.wd-hover-alt .wrap-price .price { font-size: max(15px, 5.8cqi); height: max(32px, 12cqi); padding: 0 max(8px, 3.4cqi); inset-inline-end: max(6px, 3cqi); }
	}

	/* ---------- "מוצרים חדשים": the taupe rule runs the whole screen, as in the Figma ---------- */
	body.home .elementor-5828 .lg-new { position: relative; }
	body.home .elementor-5828 .lg-new > .e-con-inner { border-top: 0 !important; gap: 0 !important; padding-top: calc(130 * var(--lg-u)) !important; padding-bottom: calc(100 * var(--lg-u)) !important; flex-wrap: nowrap !important; }
	body.home .elementor-5828 .lg-new::before {
		content: ""; position: absolute; top: 0; height: 7px; background: var(--lg-sand);
		left: calc(-1 * var(--lg-hg)); right: calc(-1 * var(--lg-hg)); width: auto;
	}
	body.home .elementor-5828 .lg-new__grid .products.wd-grid-g { --wd-gap-lg: calc(28 * var(--lg-u)) !important; --wd-gap: calc(28 * var(--lg-u)) !important; column-gap: calc(28 * var(--lg-u)) !important; }

	/* ---------- panels that are not in the Figma: same rhythm ---------- */
	body.home .elementor-5828 .lg-promos > .e-con-inner { gap: calc(28 * var(--lg-u)) !important; padding-top: 0 !important; padding-bottom: calc(100 * var(--lg-u)) !important; }
	body.home .elementor-5828 .lg-promo.e-con { min-height: clamp(440px, calc(470 * var(--lg-u)), 620px); }
	body.home .elementor-5828 .lg-about__text { max-width: none; }
	body.home .elementor-5828 .lg-features { max-width: min(1400px, 84%); }
	/* feature titles in the Figma's share of the grid: each title stays inside its own column */
	body.home .elementor-5828 .lg-feature__title { font-size: calc(22 * var(--lg-u)); }
	/* promo buttons: one line at every width */
	body.home .elementor-5828 .lg-promo .elementor-button { white-space: nowrap; font-size: clamp(18px, calc(24 * var(--lg-u)), 24px) !important; padding-inline: clamp(18px, calc(28 * var(--lg-u)), 32px) !important; }
}
/* hero line under "מוזגים חוויה": one line, as in the Figma, where the panel is wide enough for it */
@media (min-width: 1240px) {
	body.home .elementor-5828 .elementor-element-578523a .elementor-heading-title { font-size: max(14px, 1.05cqi) !important; white-space: normal; }
}

/* narrow desktop: the side margins are too slim for the arrows — the dots under the cards stay */
@media (min-width: 1101px) and (max-width: 1239px) {
	body.home .elementor-5828 .lg-reco .wd-nav-arrows { display: none !important; }
}

/* Category cards: WebP copies of the five card pictures (assets/img/lg-card-*.webp: same pixels and transparent
   corners at about a tenth of the PNG bytes). Matched by the picture Elementor prints inline, so a card whose
   picture is changed in Elementor simply shows the new picture. */
.elementor-5828 .elementor-cta__bg[style*="/2026/08/Card.png"] { background-image: url("https://legima.ussl.co/wp-content/plugins/legima-design/assets/img/lg-card-0.webp") !important; }
.elementor-5828 .elementor-cta__bg[style*="/2026/08/Card-1.png"] { background-image: url("https://legima.ussl.co/wp-content/plugins/legima-design/assets/img/lg-card-1.webp") !important; }
.elementor-5828 .elementor-cta__bg[style*="/2026/08/Card-2-996x800.png"] { background-image: url("https://legima.ussl.co/wp-content/plugins/legima-design/assets/img/lg-card-2.webp") !important; }
.elementor-5828 .elementor-cta__bg[style*="/2026/08/Card-3.png"] { background-image: url("https://legima.ussl.co/wp-content/plugins/legima-design/assets/img/lg-card-3.webp") !important; }
.elementor-5828 .elementor-cta__bg[style*="/2026/08/Card-4.png"] { background-image: url("https://legima.ussl.co/wp-content/plugins/legima-design/assets/img/lg-card-4.webp") !important; }

/* Brand logos: a CSS-only strip in place of Elementor's Swiper carousel (built in includes/home.php from the
   carousel's own settings). Same as before: edge to edge, a fifth / quarter / third of the width per logo
   (Swiper's 1024 and 768 breakpoints), the time per logo from the widget, moving left, paused under the pointer. */
.elementor-5828 .elementor-element-f9b0ca9 .lg-brands-widget {
	--container-widget-width: 100vw; --container-widget-flex-grow: 0;
	width: 100vw !important; max-width: 100vw !important; align-self: center !important;
	margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important;
}
.lg-brands { container-type: inline-size; overflow: hidden; direction: ltr; }
.lg-brands__track { display: flex; width: max-content; animation: lg-brands-run var(--lg-brands-time, 56s) linear infinite; }
.lg-brands:hover .lg-brands__track { animation-play-state: paused; }
.lg-brands__list { display: flex; margin: 0; padding: 0; list-style: none; }
.lg-brands__item { flex: none; width: calc(100cqi / var(--lg-brands-pc, 5)); margin: 0; padding: 0; }
.lg-brands__item img { display: block; width: 150px; max-width: 100%; height: auto; margin-inline: auto; }
@keyframes lg-brands-run { to { transform: translateX(-50%); } }
@media (max-width: 1023.98px) { .lg-brands__item { width: calc(100cqi / var(--lg-brands-pt, 4)); } }
@media (max-width: 767.98px) { .lg-brands__item { width: calc(100cqi / var(--lg-brands-pm, 3)); } }
@media (prefers-reduced-motion: reduce) { .lg-brands__track { animation: none; } }